/**
 * Shared: Templates (Individual Pages)
 * Use .body-us .selector {...} to target US site
 * Use .body-intl .selector {...} to target Intl site
 * Theme colors: US #213b60 / Intl #3fc380
 */

/*------------------------------Home------------------------------*/

.stock-video {
    position: relative;
    max-width: 45rem;
    width: 100%;
    padding: 0;
    margin: 3.75rem auto 1rem;
    background: none transparent;
}

.stock-video:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.stock-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {

    .stock-video {
        margin: 5rem auto;
    }

}

.demo-reg {
    max-width: 360px;
    margin: 0 auto;
}

.demo-reg .row {
    margin: 0;
}

.demo-reg .textfield {
    position: relative;
    margin: 1.5rem 0;
}

.demo-reg .textfield__input {
    font: inherit;
    width: 100%;
    padding: .25rem 0;
    margin: 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    transition: .2s;
    -webkit-appearance: none;
}

.demo-reg .textfield__input:focus {
    border-color: #3fc380;
    box-shadow: inset 0 -1px 0 #3fc380;
}

.demo-reg .textfield__label {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: .25rem 0;
    margin: 0;
    font-size: 1rem;
    text-align: left;
    color: #bbb;
    transform: translateY(0);
    transform-origin: bottom left;
    transition: .2s;
}

.demo-reg .textfield__input:focus + label,
.demo-reg .textfield__input:not(:placeholder-shown) + label {
    font-size: .75rem;
    color: #3fc380;
    transform: translateY(-1.25rem);
}

.demo-reg .textfield__input:not(:-ms-input-placeholder) + label {
    font-size: .75rem;
    color: #3fc380;
    transform: translateY(-1.25rem);
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes fadeIn {
    99% {
      visibility: hidden;
    }
    100% {
      visibility: visible;
    }
  }

.carousel-homepage__crypto-launch {
    animation: 1.5s ease-in 0s 1 slideInFromRight;

    position: absolute;
    right: 0px;
    width: 8rem;
    height: 2rem;
    top: calc(.01 * 500vh);
    transition: transform .1s;
    transform-origin: center;
}

.carousel-homepage__crypto-launch:hover {
    transform: translate(-5%, 0%) scale(1.1);
}

.carousel-homepage__hot-shorts {
    animation: 1.5s ease-out 0s 1 slideInFromRight;
    position: absolute;
    right: 0px;
    width: 8rem;
    height: 2rem;
    top: calc(.01 * 100vh);
    transition: transform .1s;
    transform-origin: center;
}

.carousel-homepage__hot-shorts:hover {
    transform: translate(-5%, 0%) scale(1.1);
}

.hot-shorts-open {
    overflow: hidden;
}

.hot-shorts-modal {
    content: "";
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
}

.hot-shorts-body {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    max-width: calc(100% - 2.5rem);
    background-color: #1a2d35;
    color: #fff;
    border-radius: 1rem;
    padding: 4rem 1rem 2rem 1rem;
    text-align: center;
}

.hot-shorts-body .fire {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem;
    background: url("images/hot-stocks.svg") center / contain no-repeat;
}

.hot-shorts-body .title {
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #3fc380;
    margin: 0 0 1.5rem;
}

.hot-shorts-body .title span {
    color: #fff;
}

.hot-shorts-body p {
    font-size: 1.125rem;
    line-height: 1.6;
    color: inherit;
    margin: 0 0 1.5rem;
}

.hot-shorts-body p:last-of-type {
    margin-bottom: 0;
}

.hot-shorts-body .list a {
    color: #fff;
}

.hot-shorts-body .view {
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    text-transform: uppercase;
    padding: .25rem 1.5rem;
    background-color: #3fc380;
    color: #fff;
    border-radius: .25rem;
    transition: background-color .1s;
}

.hot-shorts-body .view:hover {
    background-color: #39b073;
    color: #fff;
    text-decoration: none;
}

.hot-shorts-body .dismiss {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin: 1.25rem 1rem;
    background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.82843' width='44' height='4' rx='2' transform='rotate(45 2.82843 0)' fill='white'/%3E%3Crect x='33.9412' y='2.82843' width='44' height='4' rx='2' transform='rotate(135 33.9412 2.82843)' fill='white'/%3E%3C/svg%3E%0A") center / contain no-repeat;
    transition: opacity .1s;
}

.hot-shorts-body .dismiss:hover {
    opacity: .8;
}

@media (min-width: 768px) {

    .carousel-homepage__crypto-launch {
        width: 8rem;
        height: 2rem;
        top: calc(.05 * 235vh);
    }

    .carousel-homepage__hot-shorts {
        width: 8rem;
        height: 2rem;
        top: calc(.05 * 100vh);
    }

    .hot-shorts-body {
        padding: 7.5rem 2rem 2rem 2rem;
    }

    .hot-shorts-body .fire {
        width: 10rem;
        height: 10rem;
    }

    .hot-shorts-body .title {
        font-size: 2.25rem;
        margin-bottom: 3rem;
    }

    .hot-shorts-body p {
        font-size: 1.875rem;
        margin-bottom: 2rem;
    }

    .hot-shorts-body .list {
        line-height: 2;
    }

    .hot-shorts-body .view {
        font-size: 1.5rem;
        padding: .25rem 2rem;
    }

    .hot-shorts-body .dismiss {
        width: 1.75rem;
        height: 1.75rem;
    }
}

@media (min-width: 992px) {

    .carousel-homepage__crypto-launch {
        width: 11.5rem;
        height: 2.75rem;
    }
}

@media (min-width: 992px) {

    .carousel-homepage__hot-shorts {
        width: 11.5rem;
        height: 2.75rem;
    }
}

@media (min-width: 1200px) {

    .carousel-homepage__crypto-launch {
        width: 15rem;
        height: 3.5rem;
    }
}

@media (min-width: 1200px) {

    .carousel-homepage__hot-shorts {
        width: 15rem;
        height: 3.5rem;
    }
}

/*------------------------------Partners------------------------------*/

.tzpa-wrapper {
    line-height: 1.6;
}

.tzpa-header {
    margin-top: 1.125rem;
    margin-bottom: 3.125rem;
}

.tzpa-heading {
    font-size: 2.5rem;
    font-weight: 900;
    text-transform: uppercase;
    color: inherit;
}

.tzpa-heading span {
    display: block;
    color: #3ec380;
}

.tzpa-artwork {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

.tzpa-artwork:before {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.tzpa-list {
    margin-bottom: 2.5rem;
}

.tzpa-item {
    margin: 0 0 3.125rem;
    box-shadow: 0 0 .9375rem #ededed;
    transition: .2s;
}

.tzpa-box {
    padding: .875rem .935rem 1.125rem;
}

.tzpa-box p {
    color: inherit;
}

.tzpa-box a {
    color: #3ec380;
}

.tzpa-logo {
    padding: 2.75rem 0;
    text-align: center;
    background-color: #f7f7f7;
    transition: .2s;
}

.tzpa-main h2 {
    font-size: 1.875rem;
    font-weight: 900;
    margin-bottom: .5rem;
}

.tzpa-main p:first-of-type {
    color: #acacac;
    margin-top: 0;
    margin-bottom: 1.25rem;
}

.tzpa-main p:last-of-type {
    text-align: right;
}

.tzpa-desc {
    /* text-align: justify; */
    border-left-style: solid;
    border-width: 0;
}

.tzpa-item:hover {
    color: #fff;
    transform: scale(1.05);
}

.tzpa-item:hover .tzpa-logo {
    background-color: #fff;
}

.tzpa-item:hover p {
    color: inherit;
}

.body-us .tzpa-artwork {
    background-image: url("images/tzpa-hero-us.png");
}

.body-us .tzpa-item:hover {
    background-color: #213b60;
}

.body-us .tzpa-item:hover a {
    color: #3ec380;
}

.body-intl .tzpa-artwork {
    background-image: url("images/tzpa-hero-intl.png");
}

.body-intl .tzpa-item:hover {
    background-color: #3ec380;
}

.body-intl .tzpa-item:hover a {
    color: #213b60;
}

.tzpa-disclaimer {
    font-size: 1rem;
    margin-bottom: 5rem;
}

.tzpa-disclaimer p {
    font-size: inherit;
}

@media (min-width: 768px) {

    .tzpa-heading {
        font-size: 3.125rem;
    }
    .tzpa-list {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.125rem;
        margin-right: -1.125rem;
    }
    .tzpa-item {
        flex: 0 0 calc(50% - 2.25rem);
        margin-left: 1.125rem;
        margin-right: 1.125rem;
    }
    .tzpa-desc {
        border-left-style: dotted;
    }

}

@media (min-width: 992px) {

    .tzpa-header {
        display: flex;
        align-items: center;
        margin-bottom: 6.25rem;
    }
    .tzpa-heading {
        flex: 1;
    }
    .tzpa-artwork {
        flex: 0 0 55%;
    }
    .tzpa-heading {
        font-size: 4.5rem;
        line-height: 1;
    }
    .tzpa-item {
        flex: 0 0 30%;
        flex: 0 0 calc(33.333333% - 2.25rem);
    }
    .tzpa-box p {
        font-size: 1.125rem;
    }

}

/*------------------------------Free Trades------------------------------*/

.tzft-container {
    text-align: center;
    margin: 2.5rem 0;
}

.tzft-container .container-fluid {
    background-color: #3fc380;
    margin-bottom: 1.5rem;
}

.tzft-container .r {
    color: #9e0b0f;
}

.tzft-container .b {
    color: #213b60;
}

.tzft-container .g {
    color: #3fc380;
}

.tzft-container .cta a {
    display: inline-block;
    background-color: #3fc380;
    color: #fff;
    text-decoration: none;
    font-size: inherit;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: .5rem 1.75rem;
    border-radius: .3125rem;
    transition: background-color .2s;
}

.tzft-container .cta a:hover {
    background-color: #34b373;
}

.tzft-container section {
    margin-bottom: 2.5rem;
}

.tzft-container h1,
.tzft-container h2 {
    line-height: 1.1;
    padding: 0;
    margin: 0 0 .625rem;
}

.tzft-container h1,
.tzft-container h2,
.tzft-container b {
    font-weight: 900;
    letter-spacing: .5px;
}

.tzft-container h1,
.tzft-container h2 {
    color: inherit;
}

.tzft-container h1 {
    font-size: 2.5rem;
}

.tzft-container h2 {
    font-size: 1.5rem;
}

.tzft-container p,
.tzft-container ul {
    line-height: 1.6;
    padding: 0;
    margin: 0 0 1.5rem;
}

.tzft-container li {
    list-style: none;
    margin-bottom: .9375rem;
}

.tzft-row-1 h1 {
    text-transform: uppercase;
}

.tzft-row-2 h2,
.tzft-row-3 h2,
.tzft-row-6 h2 {
    text-transform: uppercase;
}

.tzft-row-4 h2,
.tzft-row-7 h2 {
    font: inherit;
}

.tzft-row-3 p:first-child {
    margin-bottom: 0;
}

.tzft-row-4 .youtube {
    position: relative;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
}

.tzft-row-4 .youtube:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.tzft-row-4 .youtube iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

.tzft-row-5 {
    padding-top: 1.5rem;
    color: #fff;
}

.tzft-row-2 li {
    position: relative;
    padding-left: 1.5rem;
}

.tzft-row-6 {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 1.5rem;
}

.tzft-row-6 h2 {
    margin-top: 2.5rem;
}

.tzft-row-6 a {
    display: block;
    color: inherit;
}

.tzft-row-6 ul {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.tzft-row-6 li {
    font-size: 1.125rem;
    margin-bottom: 0;
}

.tzft-row-6 b {
    font-size: 1.25rem;
}

.tzft-row-6 .level {
    display: block;
    font-size: 1rem;
    color: #cfcfcf;
    text-align: right;
    padding-right: 1rem;
}

.tzft-row-7 h2 {
    margin-bottom: 1.25rem;
}

.body-us .tzft-container {
    margin-bottom: 0;
}

.body-us .tzft-container .container-fluid {
    margin-bottom: 0;
}

.body-us .tzft-row-6 {
    border-bottom: 0;
}

.body-us .tzft-row-7 {
    padding: 2.5rem 0;
    margin: 0;
    color: #fff;
}

.body-us .tzft-row-7 * {
    color: inherit;
}

.body-us .tzft-row-7 h2 {
    font-size: 1.5rem;
    line-height: 1.4;
}

.body-us .tzft-row-7 p {
    margin: 0 0 1.25rem;
}

.body-us .tzft-row-7 .cta {
    display: inline-block;
    border: 1px solid;
    border-radius: .3125rem;
    padding: .25rem 1rem;
    text-decoration: none;
}

@media (min-width: 1200px) {

    .tzft-container {
        font-size: 1.0625rem;
    }

    .tzft-container section {
        margin-bottom: 5.625rem;
    }

    .tzft-container h1 {
        font-size: 4.25rem;
    }

    .tzft-container h2 {
        font-size: 3rem;
    }

    .tzft-container h1 + p {
        font-size: 1.875rem;
    }

    .tzft-container h2 + p {
        font-size: 1.75rem;
        margin-bottom: 2.5rem;
    }

    .tzft-container li {
        text-align: left;
    }

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

    .tzft-row-1 .col-1 {
        flex: 0 0 50%;
        text-align: left;
    }

    .tzft-row-1 .col-2 {
        flex: 0 0 50%;
    }

    .tzft-row-1 h1 {
        line-height: 1;
        margin-top: 1.5rem;
        margin-bottom: 0;
    }

    .tzft-row-1 h1 span {
        display: block;
    }

    .tzft-row-2 .sub-row-2 {
        display: flex;
        max-width: 68.75rem;
        margin-left: auto;
        margin-right: auto;
    }

    .tzft-row-2 .sub-row-2 [class^="col"] {
        flex: 1;
    }

    .tzft-row-2 .sub-row-2 .col-1 ul,
    .tzft-row-2 .sub-row-2 .col-3 ul {
        margin-top: 2.5rem;
    }

    .tzft-row-2 .sub-row-2 .col-1 ul {
        margin-right: 2.5rem;
    }

    .tzft-row-2 .sub-row-2 .col-2 {
        flex-shrink: 0;
    }

    .tzft-row-2 .sub-row-2 .col-3 ul {
        margin-left: 2.5rem;
    }

    .tzft-row-2 .sub-row-2 .col-3 li:first-child {
        min-height: 5.0625rem;
    }

    .tzft-row-2 .sub-row-3 p:nth-child(2) {
        margin-bottom: .625rem;
    }

    .tzft-row-2 li:before {
        content: "";
        position: absolute;
        left: 0;
        top: .5rem;
        height: 2rem;
        border-left: .125rem solid #3fc380;
    }

    .tzft-row-3 h2 {
        margin-bottom: 3.125rem;
    }

    .tzft-row-3 .sub-row-2 {
        display: flex;
        margin-bottom: 6.25rem;
    }

    .tzft-row-3 .sub-row-2 [class^="col"] {
        flex: 1;
        padding: 1.5rem 3rem;
        box-shadow: 0 0 .5rem #dfdfdf;
        border-radius: .5rem;
    }

    .tzft-row-3 .sub-row-2 .col-2 {
        margin: 0 2.5rem;
    }

    .tzft-row-3 .sub-row-2 p {
        font-size: 1.625rem;
        margin-bottom: .5rem;
    }

    .tzft-row-4 h2 {
        font-size: 1.75rem;
        line-height: 1.2;
        margin-bottom: 2.5rem;
    }

    .tzft-row-4 .youtube {
        margin-bottom: 6.25rem;
    }

    .tzft-row-5.tzft-row-5 {
        display: flex;
        align-items: center;
        padding-top: 3.75rem;
        margin-bottom: 2.75rem;
    }

    .tzft-row-5 [class^="col"] {
        flex: 1;
    }

    .tzft-row-5 .col-2 {
        padding-left: 3.125rem;
    }

    .tzft-row-5 h2 {
        font-size: 2rem;
        text-align: left;
        margin-bottom: 2rem;
    }

    .tzft-row-5 li {
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: 2rem;
        max-width: 25rem;
    }

    .tzft-row-5 li:before {
        content: "";
        position: absolute;
        left: 0;
        top: .5rem;
        height: 2.5rem;
        border-left: .125rem solid #fff;
        box-shadow: 0 -.125rem .375rem #fff;
    }

    .tzft-row-6 {
        border-bottom: 0;
        margin-top: 3.125rem;
    }

    .tzft-container h2:only-child {
        margin-bottom: 5rem;
    }

    .tzft-row-6 .sub-row-2 {
        display: flex;
        margin-bottom: 5rem;
    }

    .tzft-row-6 [class^="col"] {
        flex: 1;
        padding: 2.5rem 0;
        text-decoration: none;
        border-radius: .5rem;
    }

    .tzft-row-6 [class^="col"]:hover {
        box-shadow: 0 0 .5rem #dfdfdf;
    }

    .tzft-row-6 .col-1 {
        flex: 0 0 16.25rem;
        max-width: 16.25rem;
        margin-right: .625rem;
        font-weight: 900;
        background-color: #3fc380;
        color: #fff;
    }

    .tzft-row-6 ul {
        height: 16.25rem;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .tzft-row-6 li {
        font-size: 1.75rem;
        text-align: center;
    }

    .tzft-row-6 b {
        font-size: inherit;
    }

    .tzft-row-6 li:last-child span {
        display: block;
        font-size: 1rem;
    }

    .tzft-row-6 .col-1 li {
        line-height: 1.2;
    }

    .tzft-row-6 .col-1 li span {
        font-size: inherit;
    }

    .tzft-row-6 .level {
        font-size: inherit;
        text-align: right;
        padding-right: 1.5rem;
    }

    .tzft-row-7 h2 {
        font-size: 1.875rem;
        line-height: 1.6;
        margin-bottom: 3.125rem;
    }

    .tzft-container .cta {
        font-size: 1.125rem;
    }

    .body-us .tzft-row-2 li {
        font-weight: 300;
    }

    .body-us .tzft-row-6 .sub-row-2 {
        margin-bottom: 5.625rem;
    }

    .body-us .tzft-row-6 .col-2 {
        flex: 0 0 27.8125rem;
        max-width: 27.8125rem;
    }

    .body-us .tzft-row-6 h2 {
        margin-top: 5rem;
    }

    .body-us .tzft-row-6 ul {
        height: 10rem;
    }

    .body-us .tzft-row-7 {
        display: flex;
        padding-top: 3.75rem;
    }

    .body-us .tzft-row-7 .col-1 {
        flex: 1;
    }

    .body-us .tzft-row-7 .col-2 {
        flex: 0 0 18.75rem;
        text-align: left;
    }

    .body-us .tzft-row-7 h2 {
        font-size: 2rem;
        font-weight: 300;
        margin-bottom: 1.25rem;
    }

    .body-us .tzft-row-7 h2 + p {
        font: inherit;
    }

    .body-us .tzft-row-7 p {
        margin-bottom: 1.5rem;
    }

    .body-us .tzft-row-7 .cta {
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: 700;
        padding: .75rem 2.5rem;
        transition: background-color .2s;
    }

    .body-us .tzft-row-7 .cta:hover {
        background-color: #34b373;
    }

}

@media (min-width: 1400px) {

    .tzft-row-1 {
        margin-right: -6.25rem;
    }

    .tzft-row-1 .col-1 {
        flex: 0 0 40%;
    }

    .tzft-row-1 .col-2 {
        flex: 0 0 60%;
    }
}

/*------------------------------Faq------------------------------*/

.faq-col {
    padding: .625rem;
}

.faq-form {
    position: relative;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.faq-label {
    display: block;
    font-weight: 400;
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}

.faq-label b {
    color: #3fc380;
}

.faq-field {
    position: relative;
    display: block;
}

.faq-icon {
    content: "";
    position: absolute;
    left: .4375rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.33 39.34'%3E%3Cpath d='M39 37.33l-9.56-9.56a16.8 16.8 0 1 0-1.66 1.66L37.33 39A1.16 1.16 0 0 0 39 39a1.19 1.19 0 0 0 0-1.67zM2.35 16.77A14.42 14.42 0 1 1 16.76 31.2 14.43 14.43 0 0 1 2.35 16.77z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 50%;
    background-color: #3fc380;
    width: 1.5rem;
    height: 1.5rem;
}

.faq-keywords {
    background-color: transparent;
    border: 1px solid #3fc380;
    border-radius: 1.875rem;
    height: 2.5rem;
    text-indent: 2.5rem;
    width: 100%;
}

.faq-keywords:focus {
    outline: 0;
    box-shadow: 0 0 .625rem #a0e1c0;
}

.faq-clear {
    content: "x";
    position: absolute;
    right: 1.125rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.01 15.01'%3E%3Crect x='-2.87' y='6.93' width='20.75' height='1.15' rx='.57' transform='rotate(-45 7.498 7.504)' fill='%233fc380'/%3E%3Crect x='-2.87' y='6.93' width='20.75' height='1.15' rx='.57' transform='rotate(45 7.504 7.498)' fill='%233fc380'/%3E%3C/svg%3E");
    background-size: contain;
    background-color: #fff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    display: none;
}

.faq-keywords.active~.faq-clear {
    display: block;
}

.faq-output {
    padding: 1.25rem 0;
}

.faq-output b {
    color: #3fc380;
}

.faq-results,
.faq-content {
    margin-bottom: 2.5rem;
}

.faq-result:not(:last-child) {
    margin-bottom: 2.5rem;
}

.faq-result dt {
    color: #3fc380;
    display: block;
    margin-bottom: .9375rem;
    font-size: 1.125rem;
}

.faq-tab {
    display: inline-block;
    vertical-align: middle;
    padding: .625rem 1.25rem;
    margin-bottom: 2.5rem;
    color: #c2c2c2;
    cursor: pointer;
    transition: 0.2s;
}

.faq-tab.active {
    box-shadow: 0 0 .625rem #a0e1c0;
    border-radius: .3125rem;
    color: #3fc380;
}

.faq-accordion {
    box-shadow: 0 0 .625rem #a0e1c0;
    border-radius: .3125rem;
}

.faq-accordion > dt,
.faq-accordion > dd {
    padding: 1.25rem .9375rem;
}

.faq-accordion > dt {
    font-weight: 400;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.67 39.67'%3E%3Cpath d='M19.83 39.67a19.84 19.84 0 1 1 19.84-19.84 19.86 19.86 0 0 1-19.84 19.84zm0-38.67a18.84 18.84 0 1 0 18.84 18.83A18.86 18.86 0 0 0 19.83 1z' fill='%233fc380'/%3E%3Crect x='9.46' y='19.26' width='20.75' height='1.15' rx='.57' fill='%233fc380'/%3E%3Crect x='9.46' y='19.26' width='20.75' height='1.15' rx='.57' transform='rotate(90 19.835 19.835)' fill='%233fc380'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.25rem center;
    background-size: 1.75rem;
    padding-right: 3.625rem;
    border-left: .25rem solid #3fc380;
    border-top-left-radius: .3125rem;
    border-bottom-left-radius: .3125rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.faq-accordion > dt.active {
    height: auto;
}
.faq-accordion > dt > p {
    margin: initial;
    font-size: revert;
    font-family: revert;
}

.faq-accordion .active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.67 39.67'%3E%3Cpath d='M19.83 39.66a19.83 19.83 0 1 1 19.83-19.83 19.85 19.85 0 0 1-19.83 19.83zm0-38.66a18.83 18.83 0 1 0 18.83 18.83A18.86 18.86 0 0 0 19.83 1z' fill='%23fff'/%3E%3Crect x='9.46' y='19.26' width='20.75' height='1.15' rx='.57' fill='%23fff'/%3E%3C/svg%3E");
    background-color: #3fc380;
    border-bottom-left-radius: 0;
    border-top-right-radius: .3125rem;
    color: #fff;
}

/* Fix styling error caused by Froala wrapping question text with paragraph tags '*/
.faq-accordion > .active > p {
    color: white;
}

.faq-figure {
    background-image: url("images/faq-figure.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 48.85%;
    margin-bottom: 2.5rem;
}

@media (min-width: 992px) {

    .faq-form {
        padding-top: 6.25rem;
    }

    .faq-results,
    .faq-content {
        margin-bottom: 5rem;
    }

    .faq-result:not(:last-child) {
        margin-bottom: 3.75rem;
    }

    .faq-label {
        font-size: 1.875rem;
    }

    .faq-tab {
        font-size: 1.875rem;
    }

    .faq-accordion {
        font-size: 1.125rem;
    }

}

@media (min-width: 1200px) {

    .faq-form {
        padding-top: 8.125rem;
    }

    .faq-label {
        font-size: 2.25rem;
        margin-bottom: 2.5rem;
    }

    .faq-icon {
        width: 2.25rem;
        height: 2.25rem;
    }

    .faq-keywords {
        height: 3.125rem;
        text-indent: 3.125rem;
    }

    .faq-tabs [class^="col-"]:first-child,
    .faq-content [class^="col-"]:first-child {
        padding-right: 1.25rem;
    }

    .faq-tabs [class^="col-"]:last-child,
    .faq-content [class^="col-"]:last-child {
        padding-left: 1.25rem;
    }

    .faq-tab {
        text-transform: uppercase;
        padding: .9375rem 1.5625rem;
        margin-bottom: 3.75rem;
    }

    .faq-accordion > dt,
    .faq-accordion > dd {
        padding: 1.875rem 1.5625rem;
    }

    .faq-accordion > dt {
        background-size: 2.375rem;
        padding-right: 4.25rem;
    }

    .faq-figure {
        margin-bottom: 5rem;
    }

}

/*------------------------------Locates------------------------------*/

.locates-wrapper {
    padding-top: 1.875rem;
}

.locates-wrapper h1,
.locates-wrapper h2,
.locates-wrapper h3 {
    font-weight: 900;
    text-transform: uppercase;
    color: #236744;
}

.locates-wrapper h1 {
    font-size: 2rem;
}

.locates-wrapper h2 {
    font-size: 2rem;
}

.locates-wrapper h3 {
    font-size: 1.5rem;
}

.locates-wrapper h1 span,
.locates-wrapper h2 span,
.locates-wrapper h3 span {
    color: #3fc380;
}

.locates-wrapper b,
.locates-wrapper strong {
    font-weight: 800;
}

.locates-wrapper img {
    vertical-align: middle;
}

.locates-wrapper sup {
    color: #3fc380;
    font-size: 1.125em;
    top: .125em;
}

.locates-wrapper .container {
    margin-bottom: 1.875rem;
}

.locates-introduction h1 {
    text-align: center;
    margin-bottom: 1.875rem;
}

.locates-introduction h1 span:first-child {
    color: inherit;
}

.locates-introduction p {
    margin-bottom: 1.25rem;
}

.locates-introduction ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: 700;
}

.locates-introduction li {
    padding-left: 1.875rem;
    margin-bottom: 0;
    background: url("images/locates-bullet.png") left center no-repeat;
}

.locates-introduction li:not(:last-child) {
    margin-bottom: .625rem;
}

.locates-howitworks h2 {
    text-align: center;
}

.locates-whatsnew {
    background-color: #3fc380;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    text-align: center;
}

.locates-whatsnew .teaser-1 {
    margin-bottom: 2.5rem;
}

.locates-whatsnew .teaser-2 {
    margin-bottom: 2.5rem;
}

.locates-whatsnew .teaser-3 {
    margin-bottom: 0;
}

.locates-whatsnew h2 span,
.locates-whatsnew h3 span {
    color: #fff;
}

.locates-whatsnew p {
    color: #fff;
}

.locates-whohasaccess {
    text-align: center;
}

.locates-whohasaccess h2 {
    margin-top: 3.125rem;
}

.locates-whohasaccess .cta {
    display: inline-block;
    background-color: #3fc380;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    padding: .625rem 1.25rem;
    border-radius: .625rem;
    transition: background-color .2s;
}

.locates-whohasaccess .cta:hover {
    text-decoration: none;
    background-color: #34b373;
}

.locates-whohasaccess .art {
    position: relative;
    z-index: -1;
    padding: 0;
    margin: 2.5rem 0 -2.5rem;
    background: url("images/locates-artwork.png") right top no-repeat;
    background-size: contain;
}

.locates-whohasaccess .art:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.locates-footnote {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #f1f5f3;
}

.locates-footnote p {
    padding-top: 1.25rem;
}

@media (min-width: 992px) {

    .locates-wrapper h1 {
        font-size: 3rem;
    }

    .locates-wrapper h2 {
        font-size: 3rem;
        margin-bottom: 2.5rem;
    }

    .locates-introduction h1 span {
        display: block;
    }

    .locates-introduction p {
        font-size: 1.25rem;
        line-height: 1.6;
        margin-bottom: 2.5rem;
    }

    .locates-introduction ul {
        font-size: 1.125rem;
    }

    .locates-screenshot {
        position: relative;
        margin-bottom: 6.25rem;
    }

    .locates-screenshot:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2.5rem;
        width: 100%;
        height: 21.875rem;
        z-index: -1;
        background-color: #3fc380;
    }

    .locates-howitworks p {
        font-size: 1.25rem;
        line-height: 1.6;
        margin-bottom: 2.5rem;
    }

    .locates-whatsnew {
        padding-top: 3.125rem;
        padding-bottom: 1.875rem;
        text-align: left;
    }

    .locates-whatsnew .col-1 {
        text-align: left;
    }

    .locates-whatsnew .col-2 {
        text-align: center;
    }

    .locates-whatsnew .col-3 {
        text-align: right;
    }

    .locates-whatsnew .teaser {
        margin-bottom: 0;
        max-width: 17.9375rem;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .locates-whatsnew h3 {
        font-size: 2.25rem;
        padding-top: .625rem;
        padding-bottom: .625rem;
    }

    .locates-whatsnew h3 + p {
        font-size: 1rem;
        text-align: center;
    }

    .locates-whohasaccess {
        text-align: left;
    }

    .locates-whohasaccess {
        position: relative;
        overflow: hidden;
        min-height: 45vw;
    }

    .locates-whohasaccess .static {
        position: static;
    }

    .locates-whohasaccess h2 {
        margin-top: 15vw;
    }

    .locates-whohasaccess p {
        font-size: 1.25rem;
        line-height: 1.6;
        margin-bottom: 2.5rem;
    }

    .locates-whohasaccess .cta {
        font-size: 1.5rem;
        padding: .9375rem 3.75rem;
    }

    .locates-whohasaccess .art {
        position: absolute;
        right: -6.25rem;
        bottom: -3.125rem;
        width: 60vw;
        margin: 0;
    }

}

/*------------------------------Referrals------------------------------*/

.tzref {
    max-width: 1180px;
    box-sizing: content-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    padding: 1.875rem 1.25rem;
    margin: 0 auto;
}

.tzref .header {
    display: none;
}

.tzref .main {
    padding-bottom: 1.875rem;
}

.tzref h1,
.tzref h2,
.tzref h3 {
    font-weight: 900;
    line-height: 1.3;
    margin: 0 0 .75rem;
}

.tzref h1 {
    font-size: 2rem;
}

.tzref h2 {
    font-size: 1.5rem;
}

.tzref h3 {
    font-size: 1.25rem;
}

.tzref p {
    margin-bottom: 1.25rem;
}

.tzref b,
.tzref strong {
    font-weight: 700;
}

.tzref a {
    color: inherit;
}

.tzref a:hover {
    text-decoration: none;
}

.tzref img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.tzref .green {
    color: #3fc380;
}

.tzref .center {
    text-align: center;
}

.tzref .refer {
    display: inline-block;
    background-color: #3fc380;
    color: #fff;
    text-decoration: none;
    font-size: .8125rem;
    font-weight: 700;
    padding: .5rem .875rem;
    border-radius: .3125rem;
    transition: background-color .2s;
}

.tzref .refer:hover {
    background-color: #34b373;
}

.tzref .s {
    margin-bottom: 3rem;
}

.tzref .s1 h2 {
    font-size: 1.625rem;
}

.tzref .s2 .p1 h2:after {
    content: "";
    display: block;
    width: 7.5rem;
    border-bottom: .25rem solid;
    margin-top: .5rem;
    color: #3fc380;
}

.tzref .s2 .p2 {
    display: flex;
    align-items: center;
    font-size: .8125rem;
}

.tzref .s2 .p2 > * {
    margin-right: 1rem;
}

.tzref .s3 {
    margin-bottom: 4rem;
}

.tzref .s3 h2 {
    margin-bottom: 2rem;
    text-align: center;
}

.tzref .s3 ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tzref .s3 li {
    flex: 0 1 12rem;
    text-align: center;
}

.tzref .s3 .item {
    margin: .5rem;
    box-shadow: 0 0 1rem #caeedc;
    border-radius: 1rem;
}

.tzref .s3 .item > * {
    padding-left: 1rem;
    padding-right: 2rem;
}

.tzref .s3 .title {
    padding-top: 2rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #3fc380;
}

.tzref .s3 .title b {
    font-weight: 900;
}

.tzref .s3 .price {
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #213b60;
    color: #fff;
    font-size: .75rem;
}

.tzref .s3 .price b {
    font-size: 1.1875rem;
}

.tzref .s3 .amount {
    padding-top: .75rem;
    font-size: .8125rem;
}

.tzref .s3 .number {
    padding-bottom: 1.75rem;
    font-size: .75rem;
    color: #999;
}

.tzref .footer p {
    font-size: .75rem;
    color: #999;
}

@media (min-width: 768px) {

    .tzref .s {
        display: flex;
        align-items: center;
    }

    .tzref .s1 {
        flex-direction: row-reverse;
    }

    .tzref .s > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tzref .s1 .figure {
        padding-left: 1.5rem;
    }

    .tzref .s1 h2 {
        font-size: 1.875rem;
    }

    .tzref .s2 .figure {
        padding-right: 1.5rem;
    }

    .tzref .s2 .content {
        padding-left: 1.5rem;
    }

    .tzref .s2 .figure p {
        position: relative;
    }

    .tzref .s2 .figure p:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 3rem;
        right: 3rem;
        top: -1rem;
        bottom: -1rem;
        background-color: #3fc380;
    }

    .tzref .item {
        height: 100%;
    }

    .tzref .title {
        font-size: 100% !important;
    }

    .tzref .price {
        font-size: 110% !important;
    }

    .tzref .amount {
        font-size: 105% !important;
    }

    .tzref .number {
        font-size: 105% !important;
        font-weight: bold !important;
        color: #3fc380 !important;
    }

}

/*------------------------------Why TradeZero------------------------------*/

.dybp-headline {
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
}

.dybp-headline h1 {
    background: url("images/dybp-h.png") center / 100% no-repeat;
    padding-bottom: 35%;
}

.dybp-features {
    text-align: center;
}

.dybp-features img {
    width: auto;
    height: 9.375rem;
    max-width: none;
    max-height: none;
}

.dybp-features h2 {
    font-weight: 900;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.dybp-features p {
    max-width: 22.5rem;
    margin-bottom: 2.5rem;
}

.dybp-features span {
    color: #3fc380;
}

.dybp-features .row:nth-child(1) span,
.dybp-features .row:nth-child(2) span {
    display: block;
    padding-top: .25rem;
}

.dybp-video {
    margin-bottom: 3.125rem;
}

.dybp-video h2 {
    font-size: 1.125rem;
    font-weight: 400;
    text-align: center;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
}

.dybp-video-poster,
.dybp-video-player {
    position: relative;
    padding-bottom: 56.25%;
}

.dybp-video-poster {
    background: url("images/dybp-v.html") center / cover no-repeat;
}

.dybp-video-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3.125rem;
    height: 3.125rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 510 510'%3E%3Cpath d='M255 0C114.75 0 0 114.75 0 255s114.75 255 255 255 255-114.75 255-255S395.25 0 255 0zm-51 369.75v-229.5L357 255z' fill='%23fff' data-name='play-circle-fill'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: filter .2s;
}

.dybp-video-poster:hover .dybp-video-button {
    filter: invert(100%);
}

.dybp-video-player {
    display: none;
}

.dybp-video-player iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.dybp-cta {
    text-align: center;
    margin-bottom: 3.125rem;
}

.dybp-cta a {
    display: inline-block;
    background-color: #3fc380;
    color: #fff;
    font-weight: 700;
    font-size: .875rem;
    text-transform: uppercase;
    padding: .625rem 1.25rem;
    border-radius: 3.125rem;
    transition: background-color .2s;
}

.dybp-cta a:hover {
    text-decoration: none;
    background-color: #34b373;
}

@media (min-width: 768px) {

    .dybp-features h2 {
        font-size: 1.5rem;
    }

    .dybp-video h2 {
        font-size: 1.875rem;
    }

    .dybp-video-button {
        width: 6.25rem;
        height: 6.25rem;
    }

}

@media (min-width: 992px) {

    .dybp-features {
        text-align: left;
        margin-bottom: 1.25rem;
    }

    .dybp-features h2 {
        font-size: 2rem;
    }

    .dybp-features p {
        text-align: left;
        margin-left: 0;
    }

    .dybp-features > div > div:first-child {
        padding-left: 5rem;
    }

    .dybp-features > div > div:last-child {
        padding-right: 5rem;
    }

    .dybp-video h2 {
        font-size: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .dybp-cta a {
        font-size: 1rem;
        padding: .9375rem 1.875rem;
    }

    .dybp-features .col-md-3:first-child,
    .dybp-features .col-md-3:last-child {
        width: 16.66666667%;
    }

    .dybp-features .col-md-3:nth-child(2),
    .dybp-features .col-md-3:nth-child(3) {
        width: 33.33333333%;
    }

}

/*------------------------------TradeZero Platinum------------------------------*/

.tz-platinum h1,
.tz-platinum h2,
.tz-platinum h3 {
    font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0 0 1rem;
}

.tz-platinum h1 {
    font-size: 2.5rem;
}

.tz-platinum h2 {
    font-size: 1.5rem;
    color: #3fc380;
}

.tz-platinum h3 {
    font-size: 1rem;
}

.tz-platinum a,
.tz-platinum a:hover {
    text-decoration: none;
    color: inherit;
}

.tz-platinum b,
.tz-platinum strong {
    font-weight: 700;
}

.tz-platinum img {
    max-width: 100%;
    height: auto;
}

.tz-platinum .main {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 1.25rem;
    text-align: center;
}

.tz-platinum .branding {
    width: 7.5rem;
}

.tz-platinum .highlight {
    color: #3fc380;
}

.tz-platinum .action {
    margin-bottom: 2rem;
}

.tz-platinum .cta {
    display: inline-block;
    color: #3fc380;
    border: 1px solid;
    border-radius: 2rem;
    text-decoration: none;
    padding: .5rem .75rem;
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase;
}

.tz-platinum .cta:hover {
    box-shadow: 0 0 .5rem rgba(66, 196, 130, .5);
}

.tz-platinum .benefits {
    margin-bottom: 3rem;
}

.tz-platinum .listing {
    padding-left: 0;
    margin-bottom: 3rem;
}

.tz-platinum .item {
    list-style: none;
    display: block;
    margin-bottom: 2rem;
}

.tz-platinum .anchor {
    display: block;
    border: 1px solid rgba(66, 196, 130, .2);
    border-radius: .5rem;
    box-shadow: 0 0 .5rem rgba(66, 196, 130, .5);
    text-decoration: none;
    padding: 1rem;
    height: 100%;
}

.tz-platinum .anchor:hover {
    box-shadow: 0 0 1rem rgba(66, 196, 130, .6);
}

.tz-platinum .icon {
    content: "";
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.tz-platinum .details .icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: .5rem;
}

.tz-platinum .icon-1 {
    background-image: url("images/free.svg");
}

.tz-platinum .icon-2 {
    background-image: url("images/interest.svg");
    background-size: 90%;
}

.tz-platinum .icon-3 {
    background-image: url("images/price.svg");
}

.tz-platinum .icon-4 {
    background-image: url("images/account.svg");
}

.tz-platinum .icon-5 {
    width: 4.75rem;
    background-image: url("images/priority.svg");
}

.tz-platinum .title {
    display: block;
    line-height: 1.3;
    padding: .5rem;
}

.tz-platinum .descr {
    display: block;
    font-size: .875rem;
    opacity: .5;
}

.tz-platinum .details {
    margin-bottom: 3rem;
}

.tz-platinum .details p {
    margin-bottom: 2.5rem;
}

.tz-platinum .footer {
    padding: 0;
}

.tz-platinum .banner {
    background-color: #3fc380;
    color: #fff;
    padding: 2rem 0;
}

.tz-platinum .welcome {
    color: inherit;
    font-weight: 300;
    text-transform: none;
}

.tz-platinum .account {
    margin-bottom: 0;
}

.tz-platinum .account .cta {
    color: inherit;
}

.tz-platinum .copyright {
    opacity: .5;
    padding: 3rem 0;
    margin-bottom: 0;
    font-size: .75rem;
}

@media (min-width: 992px) {

    .tz-platinum h1 {
        font-size: 3.5rem;
    }

    .tz-platinum h2 {
        font-size: 1.5rem;
    }

    .tz-platinum h3 {
        font-size: 1.25rem;
    }

    .tz-platinum .header {
        padding: 2.5rem 0 3.5rem;
    }

    .tz-platinum .branding {
        width: 10.75rem;
    }

    .tz-platinum .action {
        margin-bottom: 4rem;
    }

    .tz-platinum .intro {
        font-size: 1.125rem;
        opacity: .8;
    }

    .tz-platinum .benefits {
        font-size: 1.25rem;
        opacity: .8;
    }

    .tz-platinum .listing {
        margin-bottom: 4.5rem;
        display:flex;
        justify-content: center;
    }

    .tz-platinum .details {
        max-width: 71.25rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6rem;
    }

    .tz-platinum .details .icon {
        margin-top: 1rem;
    }

    .tz-platinum .banner {
        padding: 3rem 0;
    }

}

@media (min-width: 1200px) {

    .tz-platinum .listing {
        display: flex;
    }

    .tz-platinum .item {
        flex: 0 0 calc(20% - 1rem);
        max-width: calc(20% - 1rem);
        margin: 0 .5rem;
    }

    .tz-platinum .descr {
        line-height: 1.3;
        margin-top: .25rem;
    }

}

/*------------------------------Zero Partner------------------------------*/

.tzzp-wrapper {
    padding-top: 1.875rem;
}

.tzzp-hero {
    text-align: center;
}

.tzzp-headline {
    font-size: 2rem;
    font-weight: 900;
    color: inherit;
}

.tzzp-figure {
    background: url("images/partnership-tazp-us.png") center bottom / contain no-repeat;
    margin-bottom: 2rem;
}

.body-intl .tzzp-figure {
    background-image: url("images/partnership-tazp-intl.png");
}

.tzzp-figure:before {
    content: "";
    display: block;
    padding-bottom: 82.15%;
}

.tzzp-headline span {
    color: #213b60;
}

.body-intl .tzzp-headline span {
    color: #3fc380;
}

.tzzp-tagline {
    margin-bottom: 1.5rem;
}

.tzzp-action {
    margin-bottom: 2.5rem;
}

.tzzp-signup {
    display: inline-block;
    background-color: #3fc380;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1rem;
    padding: .5rem .625rem;
    border-radius: .4375rem;
}

.tzzp-signup:hover,
.tzzp-signup:focus {
    background-color: #34b373;
    color: #fff;
    text-decoration: none;
}

.tzzp-action {
    margin-top: .625rem;
}

.tzzp-teaser {
    text-align: center;
    margin-bottom: 1.875rem;
}

.tzzp-teaser img {
    height: 6.25rem;
    width: auto;
    max-width: none;
    max-height: none;
    margin-bottom: .5rem;
}

.tzzp-teaser h3 {
    text-transform: uppercase;
    font-weight: 900;
    color: #3fc380;
    margin-top: 1.25rem;
}

.tzzp-reward {
    text-align: center;
    padding: 0 .5625rem;
    margin-bottom: 2.5rem;
}

.tzzp-reward h2 {
    font-size: 1.875rem;
    font-weight: 900;
    text-transform: uppercase;
}

.tzzp-reward h2 span {
    color: #213b60;
}

.body-intl .tzzp-reward h2 span {
    color: #3fc380;
}

.tzzp-reward p {
    line-height: 1.8;
}

.tzzp-reward p b {
    font-weight: 700;
    color: #213b60;
}

.body-intl .tzzp-reward p b {
    color: #3fc380;
}

.tzzp-part-3 {
    background-color: #3fc380;
    position: relative;
}

.tzzp-getting {
    text-align: center;
    padding: 2.5rem 0;
}

.tzzp-getting h2 {
    font-size: 1.875rem;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tzzp-getting p {
    line-height: 1.8;
    color: #fff;
}

.tzzp-getting p b {
    font-weight: 700;
}

.tzzp-getting p a {
    color: inherit;
}

.tzzp-download {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1rem;
    padding: .5rem 1.25rem;
    border-radius: .4375rem;
}

.tzzp-download:hover,
.tzzp-download:focus {
    background-color: #34b373;
    color: #fff;
    text-decoration: none;
}

.tzzp-earn {
    text-align: center;
}

.tzzp-earn ul {
    padding-left: 0;
}

.tzzp-earn li {
    list-style: none;
    background-color: #fff;
    border-radius: .625rem;
    margin-bottom: 2.5rem;
    box-shadow: 0 0 .1875rem #8cdbb3;
    transition: box-shadow .2s;
}

.tzzp-earn li:before,
.tzzp-earn li:after {
    content: "";
    display: table;
}

.tzzp-earn li:hover {
    box-shadow: 0 .125rem .9375rem #8cdbb3;
    cursor: default;
}

.tzzp-earn h2 {
    font-size: 1.875rem;
    font-weight: 900;
    color: #213b60;
    text-transform: uppercase;
    margin-top: 3.75rem;
    margin-bottom: 2rem;
}

.tzzp-earn h3,
.tzzp-earn p:nth-of-type(1) {
    background-color: #3fc380;
    color: #fff;
    margin: 0;
}

.tzzp-earn h3 {
    font-size: 1.5rem;
    font-weight: 900;
    padding-top: .25rem;
    margin: 1.5625rem 0 0;
}

.tzzp-earn p img {
    max-width: none;
    width: auto;
    height: 8.75rem;
}

.tzzp-earn p b {
    font-weight: 900;
}

.tzzp-earn p:nth-of-type(1) {
    font-size: .75rem;
}

.tzzp-earn p:nth-of-type(2) {
    margin: 1.25rem 0;
}

.tzzp-earn p:nth-of-type(3) {
    font-size: 1.375rem;
    font-weight: 300;
    background-color: #213b60;
    color: #3fc380;
    padding: 1.5rem 0;
    margin-bottom: 1.5625rem;
}

.tzzp-bonuses {
    text-align: center;
    margin-bottom: 2.5rem;
}

.tzzp-bonuses h2 {
    font-size: 1.875rem;
    font-weight: 900;
    color: #213b60;
    text-transform: uppercase;
    margin-top: 2.5rem;
}

.body-intl .tzzp-bonuses h2 {
    color: inherit;
}

.tzzp-bonuses p {
    font-size: 1.25rem;
}

.tzzp-bonuses ul {
    width: 100%;
    max-width: 37.5rem;
    margin: 1.875rem auto;
    font-family: inherit;
    padding: 0;
}

.tzzp-bonuses li {
    display: flex;
    justify-content: space-between;
    list-style: none;
    font-size: 1.25rem;
    padding: 1.5rem 1.25rem;
    margin-bottom: 1.5625rem;
}

.tzzp-bonuses li:not(:first-child) {
    box-shadow: 0 0 .9375rem #dedede;
    border-radius: .625rem;
    transition: background-color .2s;
}

.tzzp-bonuses li span:first-child {
    text-align: left;
}

.tzzp-bonuses li span:last-child {
    text-align: right;
}

.tzzp-bonuses li:not(:first-child) span:first-child {
    font-weight: 300;
}

.body-intl .tzzp-bonuses li:not(:first-child) span:first-child {
    font-weight: 900;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.tzzp-bonuses li:not(:first-child) span:last-child {
    font-weight: 900;
    color: #213b60;
}

.body-intl .tzzp-bonuses li:not(:first-child) span:last-child {
    font-weight: 300;
    font-size: 1.375rem;
    color: inherit;
}

.tzzp-bonuses li:first-child {
    font-size: 1rem;
    font-weight: 400;
    color: #a0a0a0;
    padding: 0 .9375rem;
}

.tzzp-bonuses li:not(:first-child):hover,
.tzzp-bonuses li:last-child {
    background-color: #213b60;
    color: #fff;
    cursor: default;
}

.body-intl .tzzp-bonuses li:not(:first-child):hover,
.body-intl .tzzp-bonuses li:last-child {
    background-color: #3fc380;
}

.tzzp-bonuses li:not(:first-child):hover span:nth-child(n),
.tzzp-bonuses li:last-child span:nth-child(n) {
    color: #fff;
}

.tzzp-cta {
    text-align: center;
    margin-bottom: 2.5rem;
}

@media (min-width: 992px) {

    .tzzp-part-1 {
        margin-bottom: .5rem;
    }

    .tzzp-hero {
        text-align: left;
        padding-top: 9.375rem;
    }

    .tzzp-headline {
        font-size: 3.5rem;
        margin-bottom: .5rem;
    }

    .tzzp-tagline {
        font-size: 1.125rem;
        margin-top: 0;
    }

    .tzzp-signup {
        font-size: 1.125rem;
        font-weight: 800;
        padding: .875rem 1.25rem;
    }

    .tzzp-action {
        margin-top: 2.5rem;
    }

    .tzzp-part-2 {
        margin-bottom: 2.5rem;
    }

    .tzzp-teaser {
        max-width: 15rem;
    }

    .tzzp-reward {
        text-align: left;
    }

    .tzzp-reward h2 {
        font-size: 2.25rem;
        margin-top: 5rem;
        margin-bottom: 1.5rem;
    }

    .tzzp-reward p {
        font-size: 1.125rem;
    }

    .tzzp-getting {
        text-align: left;
    }

    .tzzp-getting {
        display: flex;
    }

    .tzzp-gs-1 {
        width: 50%;
    }

    .tzzp-gs-2 {
        width: 50%;
        background: url("images/partnership-gs.png") center / contain no-repeat;
        margin: -4.375rem 0;
    }

    .tzzp-getting h2 {
        font-size: 2.25rem;
        margin-bottom: 1.5rem;
    }

    .tzzp-getting p {
        font-size: 1.125rem;
        margin-bottom: 2.5rem;
    }

    .tzzp-getting p:last-child {
        margin-bottom: 1.25rem;
    }

    .tzzp-download {
        font-size: 1.125rem;
        font-weight: 800;
        padding: .75rem 2.5rem;
    }

    .tzzp-earn h2 {
        font-size: 2.875rem;
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .tzzp-earn ul {
        display: flex;
        justify-content: center;
        margin-left: -.625rem;
        margin-right: -.625rem;
    }

    .tzzp-earn li {
        margin: 0 .625rem;
        flex: 1;
    }

    .tzzp-earn h3 {
        font-size: 2.25rem;
    }

    .tzzp-earn p:nth-of-type(3) {
        font-size: 1.75rem;
    }

    .tzzp-bonuses h2 {
        font-size: 2.875rem;
        margin-top: 5rem;
    }

    .tzzp-bonuses p {
        font-size: 1.875rem;
    }

    .tzzp-bonuses ul {
        margin: 3.75rem auto;
    }

    .tzzp-bonuses li:first-child {
        font-size: 1.125rem;
    }

    .tzzp-bonuses li:not(:first-child) {
        font-size: 1.875rem;
    }

    .tzzp-cta {
        margin-bottom: 5rem;
    }

}

/*------------------------------Pricing------------------------------*/

.pricing-control {
    background-color: #3fc380;
    color: #fff;
    padding-top: 1.5rem;
}

.body-us .pricing-control {
    background-color: #213b60;
}

.pricing-control nav {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pricing-control ul {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing-control li {
    flex-shrink: 0;
}

.pricing-control a {
    display: block;
    padding: .75rem 1.5rem;
    color: inherit;
    text-decoration: none;
}

.pricing-control .current {
    background-color: #fff;
    color: #3fc380;
}

.body-us .pricing-control .current {
    background-color: #fff;
    color: #213b60;
}

.pricing-content h2 {
    font-size: 1.875rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    margin: 2rem 0;
}

.pricing-content h2.first {
    text-transform: none;
}

.pricing-content h2.small {
    font: inherit;
    text-transform: none;
}

.pricing-content h2 + p {
    text-align: center;
    margin: -1rem 0 2rem;
}

.pricing-content b {
    font-weight: 600;
}

.pricing-content ul {
    list-style: none;
    padding-left: 0;
    margin: 0 0 2rem;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

.pricing-content li {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' fill='%233fc380'/%3E%3C/svg%3E") left center / 1.5rem 1.5rem no-repeat;
    font-size: .875rem;
    padding-left: 2rem;
    margin: 1.125rem 0;
}

.pricing-content .open-disclosure-modal {
    font-weight: 400;
    color: inherit;
}

.pricing-content .color {
    color: #3fc380;
}

.pricing-content .table-responsive {
    margin-bottom: 2.5rem;
}

.pricing-content .table thead {
    background-color: #3fc380;
    color: #fff;
}

.pricing-content section:last-of-type p,
.pricing-content section:last-of-type table {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-content .youtube {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
}

.pricing-content .youtube:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.pricing-content .youtube iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.table-comparision .yes,
.table-comparision .no,
.pricing-content .yes,
.pricing-content .no {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    width: 1.5rem;
    height: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.table-comparision .yes,
.pricing-content .yes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='%233fc380'/%3E%3C/svg%3E");
}

.table-comparision .no,
.pricing-content .no {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23c33f40'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

@media (min-width: 992px) {

    .pricing-control {
        padding-top: 2.5rem;
        margin-bottom: 3rem;
    }

    .pricing-control a {
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .5px;
        padding: 1.25rem 3.25rem;
    }

    .pricing-content .col-md-6:first-child {
        padding-right: 2.5rem;
    }

    .pricing-content .col-md-6:last-child {
        padding-left: 2.5rem;
    }

    .pricing-content h2.medium {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .pricing-content h2.large {
        font-size: 2.875rem;
        margin-bottom: 3rem;
    }

}

/*------------------------------Direct Routing------------------------------*/

.routing {
    text-align: center;
}

.routing h3 {
    font-weight: 800;
}

.routing .charts {
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.875rem;
}

.routing .charts dl {
    display: flex;
    margin-bottom: .9375rem;
}

.routing .charts dt,
.routing .charts dd {
    line-height: inherit;
    flex: 1;
    padding: .625rem;
    display: flex;
}

.routing .charts dl:not(:first-child) {
    box-shadow: 0 0 0.5rem rgba(63,195,128,.2);
}

.routing .charts dl:first-child {
    font-size: .875rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.routing .charts dl:first-child dt {
    font-weight: inherit;
}

.routing .charts dl:first-child dt span,
.routing .charts dl:first-child dd span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
}

.routing .charts dl:first-child dt span:after,
.routing .charts dl:first-child dd span:after {
    content: "";
    display: block;
    width: 3.125rem;
    max-width: 3.125rem;
    border-bottom: .125rem solid #34b373;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.5rem;
}

.routing .charts dt:nth-child(2),
.routing .charts dd:nth-child(2),
.routing .charts dt:nth-child(3),
.routing .charts dd:nth-child(3) {
    flex: 1 1 15%;
    justify-content: center;
    text-align: center;
}

.routing .charts dt:nth-child(1),
.routing .charts dd:nth-child(1) {
    justify-content: flex-start;
    text-align: left;
}

.routing .charts dt:nth-child(4),
.routing .charts dd:nth-child(4) {
    justify-content: flex-end;
}

.routing .charts dl:not(:first-child) dd {
    font-weight: 300;
}

.routing .account a {
    display: inline-block;
    background-color: #3fc380;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1rem;
    padding: .5rem .625rem;
    border-radius: .4375rem;
}

.routing .account a:hover,
.routing .account a:focus {
    background-color: #34b373;
    color: #fff;
    text-decoration: none;
}

.routing .notes {
    font-size: .875rem;
    text-align: center;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
}

.routing .notes p {
    font-size: inherit;
}

@media (min-width: 992px) {

    .routing h2 {
        text-transform: none;
        margin: 2.5rem 0;
    }

    .routing h2 + p {
        font-size: 1.5rem;
        margin: 0 0 2.5rem;
    }

    .routing h3 {
        font-size: 2rem;
    }

    .routing h3 + p {
        margin: 2rem 0 2.5rem;
    }

    .routing .fees {
        font-size: 2.5rem;
        text-transform: uppercase;
        margin: 2.5rem 0 1.5rem;
    }

    .routing .charts {
        font-size: 1.375rem;
    }

    .routing .charts dt,
    .routing .charts dd {
        padding: 1.25rem;
    }

    .routing .charts dl:first-child {
        font-size: inherit;
    }

    .routing .charts dl:first-child dt span:after,
    .routing .charts dl:first-child dd span:after {
        width: 4rem;
        max-width: 4rem;
    }

    .routing .support {
        text-align: left;
        margin-bottom: 4rem;
    }

    .routing .support h3,
    .routing .support p {
        text-align: left;
        max-width: 30rem;
    }

    .routing .support p {
        font-size: 1.125rem;
    }

    .routing .support .col-md-6:last-child p {
        max-width: none;
    }

    .routing .support h3 {
        margin-top: 6.25rem;
    }

    .routing .support img {
        width: 100%;
        height: auto;
    }

    .routing .account h3 {
        font-weight: 300;
    }

    .routing .account a {
        font-size: 1.125rem;
        font-weight: 800;
        padding: .875rem 2rem;
    }

}

/*------------------------------Institutional------------------------------*/

.inst-header .header-secondary {
    background-color: #e1e1e1;
    color: #666;
}

.inst-header .header-phone {
    font-weight: 700;
    margin-right: auto;
}

.inst-header .header-switch .has-arrow::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.inst-header .header-phone:before,
.inst-header .header-links .icon {
    filter: invert(60%);
}

.inst-header .header-title {
    font-size: .874rem;
    margin-right: auto;
    display: none;
}

@media (min-width: 768px) {

    .inst-header .header-phone {
        margin-right: 20px;
    }

    .inst-header .header-title {
        display: block;
    }

    .inst-page .special {
        display: none;
    }

}

.inst-page {
    text-align: center;
    padding: 1.25rem;
    margin-bottom: -1.25rem;
}

.inst-page * {
    padding: 0;
    margin: 0;
    line-height: 1.6;
    list-style: none;
}

.inst-page h1,
.inst-page h2,
.inst-page h3 {
    font: inherit;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
    color: inherit;
    padding: 0;
    margin: 0 0 1.25rem;
}

.inst-page b {
    font-weight: 800;
}

.inst-page .wrap {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

.inst-page .group {
    margin-bottom: 2rem;
}

.inst-page .reverse {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}

.inst-page .reverse .main,
.inst-page .reverse .aside {
    padding: 2.5rem 1.25rem 2.75rem;
}

.inst-page .reverse .main {
    background-color: #213b60;
}

.inst-page .reverse .aside {
    background-color: #3fc380;
}

.inst-page .reverse .aside b {
    font-weight: 600;
}

.inst-page .reverse * {
    color: #fff;
}

.inst-page .header {
    background: url("images/institutional.jpg") center / cover no-repeat;
    min-height: 220px;
    color: #fff;
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inst-page h1 {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    border: .125rem solid #fff;
    padding: 1.25rem;
    margin-bottom: 0;
}

.inst-page h2 {
    font-size: 1.5rem;
}

.inst-page h2 + p {
    font-size: 1.125rem;
    margin-top: -.5rem;
    margin-bottom: 1.25rem;
}

.inst-page h2 + p + p {
    margin-bottom: 1.25rem;
}

.inst-page .list {
    text-align: left;
}

.inst-page .list-1 li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 1.25rem;
}

.inst-page .list-1 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .3125rem;
    width: .125rem;
    height: calc(100% - .625rem);
    max-height: 3.125rem;
    background-color: #3fc380;
}

.inst-page .list-2 li {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M15.757.668a1.34 1.34 0 101.34 1.34 1.339 1.339 0 00-1.34-1.34M8.549.668a1.34 1.34 0 101.339 1.34A1.339 1.339 0 008.549.668M1.34.668a1.34 1.34 0 101.339 1.34A1.34 1.34 0 001.34.668M9.075 7.836a1.34 1.34 0 101.34 1.34 1.34 1.34 0 00-1.34-1.34M16.365 14.964A1.34 1.34 0 1017.7 16.3a1.34 1.34 0 00-1.34-1.34M23.249 21.484a1.34 1.34 0 101.34 1.34 1.34 1.34 0 00-1.34-1.34M30.66 28.652a1.34 1.34 0 101.34 1.34 1.339 1.339 0 00-1.34-1.34M30.336 21.525a1.34 1.34 0 101.34 1.339 1.338 1.338 0 00-1.34-1.339M30.012 14.4a1.34 1.34 0 101.34 1.339 1.338 1.338 0 00-1.34-1.339M30.336 7.431a1.34 1.34 0 101.34 1.34 1.339 1.339 0 00-1.34-1.34M23.29 8.4a1.34 1.34 0 101.34 1.34 1.34 1.34 0 00-1.34-1.34M23.776 14.964a1.34 1.34 0 101.34 1.34 1.339 1.339 0 00-1.34-1.34M16.162 8.16A1.34 1.34 0 1017.5 9.5a1.339 1.339 0 00-1.34-1.34M30.175.668a1.34 1.34 0 101.34 1.34 1.34 1.34 0 00-1.34-1.34M22.966.668a1.34 1.34 0 101.34 1.34 1.339 1.339 0 00-1.34-1.34' fill='%2342c482' fill-rule='evenodd'/%3E%3C/svg%3E") right .75rem top .75rem / 47px 47px no-repeat;
    box-shadow: 0 0 .5rem rgba(63,195,128,.3);
    padding: 2.5rem 1.25rem 1.5rem;
    margin-bottom: 2rem;
}

.inst-page .list-2 li h3 {
    position: relative;
    padding-bottom: .5rem;
    margin-bottom: .625rem;
}

.inst-page .list-2 li h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5rem;
    max-width: 100%;
    border-bottom: 1px solid #3fc380;
}

.inst-page .list-2 li p {
    margin-bottom: 1.25rem;
}

.inst-page .clients > p {
    margin: 1.25rem 0;
}

.inst-page .tabs-navbar {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: .875rem;
    -webkit-overflow-scrolling: touch;
}

.inst-page .tabs-navbar ul {
    display: flex;
    white-space: nowrap;
}

.inst-page .tabs-navbar li:not(:last-child) {
    margin-right: 1.25rem;
}

.inst-page .tabs-navbar span {
    position: relative;
    display: block;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    color: #3fc380;
    transition: color .2s;
    cursor: pointer;
}

.inst-page .tabs-navbar span:before {
    content: "";
    position: absolute;
    width: 5rem;
    max-width: 100%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-bottom: 1px solid #3fc380;
    visibility: hidden;
}

.inst-page .tabs-navbar .current:before {
    visibility: visible;
}

.inst-page .tabs-navbar span:not(.current):hover {
    color: rgba(63,195,128,.8);
}

.inst-page .list-3 {
    position: relative;
}

.inst-page .list-3:before {
    content: "";
    position: absolute;
    left: .75rem;
    top: .125rem;
    height: 100%;
    border-left: 1px solid rgba(63,195,128,.3);
}

.inst-page .list-3 li {
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 2.5rem;
}

.inst-page .list-3 li:last-child {
    background-color: #fff;
}

.inst-page .list-3 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .125rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #3fc380;
    border-radius: 50%;
    box-shadow: 0 0 .5rem rgba(63,195,128,.3);
    background-color: #fff;
}

.inst-page .signup {
    padding-bottom: 3rem;
}

.inst-page .signup form {
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
}

.inst-page .signup p {
    position: relative;
}

.inst-page .signup label {
    display: block;
}

.inst-page .signup input {
    font-weight: 400;
    text-align: left;
    padding: .5rem 0;
    padding-right: 3.5rem;
    width: 100%;
    background-color: #fff;
    border-color: #999;
    border-style: solid;
    border-width: 0 0 1px;
    border-radius: 0;
    outline: none;
    transition: border-color .2s;
    -webkit-appearance: none;
}

.inst-page .signup input:focus {
    border-color: #3fc380;
}

.inst-page .signup button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #fff;
    border: 0;
    outline: 0;
    color: #3fc380;
    text-transform: uppercase;
    -webkit-appearance: none;
}

.inst-page .signup .error {
    color: #c33f40;
    margin: .5rem 0;
}

.inst-page .contact {
    padding: 2.5rem 1.25rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    background-color: #213b60;
    color: #fff;
}

.inst-page .contact .wrap {
    max-width: 880px;
}

.inst-page .contact p,
.inst-page .contact a {
    color: inherit;
    font-weight: inherit;
}

.inst-page .contact p {
    margin-bottom: 2.5rem;
}

.inst-page .contact h2 + p {
    font-size: 1.125rem;
}

.inst-page .contact label {
    font-weight: inherit;
}

.inst-page .contact input,
.inst-page .contact select,
.inst-page .contact textarea,
.inst-page .contact button {
    background-color: transparent;
    color: #fff;
    padding: .3125rem 0;
    margin: 0;
    outline: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    border-bottom: 1px solid #fff;
    transition: border-bottom-color .2s;
    -webkit-appearance: none;
}

.inst-page .contact select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    padding-right: 2rem;
}

.inst-page .contact button {
    border: 0;
    border-radius: .25rem;
    background-color: #3fc380;
    color: #fff;
    width: 11.25rem;
    height: 3.25rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: background-color .2s;
}

.inst-page .contact input:focus,
.inst-page .contact select:focus,
.inst-page .contact textarea:focus {
    border-bottom-color: #3fc380;
}

.inst-page .contact button:hover {
    background-color: #39b073;
}

.inst-page .contact ::placeholder {
    color: #fff;
    opacity: 1;
}

@media (min-width: 992px) {

    .inst-page .flex {
        display: flex;
    }

    .inst-page .group {
        margin-bottom: 5rem;
    }

    .inst-page .header {
        min-height: 440px;
    }

    .inst-page .reverse {
        background: linear-gradient(to right, #213b60 50%, #3fc380 50%);
    }

    .inst-page .reverse .main {
        flex: 0 0 68%;
        padding-left: 0;
    }

    .inst-page .reverse .aside {
        flex: 0 0 32%;
        padding-right: 0;
    }

    .inst-page .top {
        margin-bottom: 2.5rem;
    }

    .inst-page .header {
        position: relative;
        display: block;
        padding: 0;
    }

    .inst-page h1 {
        position: absolute;
        left: 6.25rem;
        right: 6.25rem;
        top: 6.25rem;
        bottom: 6.25rem;
        font-size: 1.875rem;
        border-width: .25rem;
    }

    .inst-page h1 span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 40rem;
    }

    .inst-page h2 {
        font-size: 3rem;
    }

    .inst-page h2 + p {
        font-size: 1.75rem;
        font-weight: 300;
    }

    .inst-page h2 + p {
        margin-bottom: 2.5rem;
    }

    .inst-page .intro {
        max-width: 50rem;
        margin-left: auto;
        margin-right: auto;
    }

    .inst-page .equity {
        text-align: left;
        align-items: flex-end;
    }

    .inst-page .equity h2 {
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

    .inst-page .list-1 li,
    .inst-page .list-3 li {
        line-height: 1.8;
    }

    .inst-page .what .list {
        flex-wrap: wrap;
    }

    .inst-page .what .list li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 3rem;
        margin: 2.5rem 0;
    }

    .inst-page .why > p {
        max-width: 50rem;
        margin-left: auto;
        margin-right: auto;
    }

    .inst-page .why .clients {
        align-items: center;
        margin: 5rem 0 0;
    }

    .inst-page .why .clients > p {
        flex: 0 0 35%;
        max-width: 35%;
        padding-right: 1.5rem;
        font-size: 1.25rem;
        text-align: left;
    }

    .inst-page .why .clients ul {
        flex: 1;
        flex-flow: column wrap;
        align-content: flex-end;
        justify-content: center;
        max-height: 31.25rem;
    }

    .inst-page .why .clients li {
        max-width: 17.5rem;
        margin-left: 3rem;
    }

    .inst-page .why .clients li:first-child {
        margin-bottom: 3rem;
    }

    .inst-page .reverse {
        text-align: left;
    }

    .inst-page .reverse .main,
    .inst-page .reverse .aside {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .inst-page .reverse .main {
        padding-left: 1.25rem;
    }

    .inst-page .reverse .aside {
        padding-right: 1.25rem;
        padding-left: 2.5rem;
        padding-top: 9.75rem;
    }

    .inst-page .reverse h2 {
        font-size: 2.75rem;
    }

    .inst-page .reverse h3 {
        font-size: 1.75rem;
        font-weight: 300;
        text-transform: none;
    }

    .inst-page .tabs-navbar {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .inst-page .tabs-content {
        min-height: 5.625rem;
    }

    .inst-page .list-3 {
        font-size: 1.125rem;
        margin: 6.25rem 0;
    }

    .inst-page .list-3:before {
        left: 50%;
        transform: translateX(-50%);
    }

    .inst-page .list-3 li {
        padding: 0;
        margin: 5rem 0;
    }

    .inst-page .list-3 li:nth-child(odd) {
        padding-right: calc(50% + 4rem);
    }

    .inst-page .list-3 li:nth-child(even) {
        padding-left: calc(50% + 4rem);
    }

    .inst-page .list-3 li:before {
        width: 1.75rem;
        height: 1.75rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .inst-page .signup {
        padding-bottom: 5rem;
    }

    .inst-page .signup h2 {
        font-size: 1.75rem;
        font-weight: 400;
        color: #3fc380;
    }

    .inst-page .signup h2 + p {
        margin-bottom: .75rem;
    }

    .inst-page .signup form {
        margin-top: 4rem;
    }

    .inst-page .contact {
        padding-top: 3.5rem;
    }

    .inst-page .contact form {
        margin-top: 7rem;
        margin-bottom: 3rem;
    }

    .inst-page .contact form p {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 3.25rem;
    }

    .inst-page .contact .fields {
        display: flex;
    }

    .inst-page .contact .fields p {
        flex: 0 0 50%;
        max-width: 50%;
    }

}

@media (min-width: 1200px) {

    .inst-page .reverse .main {
        padding-left: 0;
    }

    .inst-page .reverse .aside {
        padding-right: 0;
    }

    .inst-page .why .clients li {
        max-width: 18.75rem;
    }

}

/*------------------------------Referral Modal------------------------------*/

.referral-modal {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.referral-modal .wrap {
    flex: 1;
    margin: auto;
    position: relative;
    font-size: 1rem;
    background-color: #fff;
    box-shadow: 0 .25rem 1.25rem rgba(0,0,0,.2);
    width: 100%;
    min-height: 100%;
    max-width: 1200px;
}

.referral-modal .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 22px;
    height: 22px;
    text-align: left;
    text-indent: -9999px;
    background: url("images/referral-modal-close.png") center / contain no-repeat;
}

.referral-modal .close:hover {
    opacity: .8;
}

.referral-modal .left {
    background: url("images/referral-modal-brochure.jpg") center / cover no-repeat;
}

.referral-modal .left:before {
    content: "";
    display: block;
    padding-bottom: 112.5%;
}

.referral-modal .menu {
    list-style: none;
    padding: 2.25rem 0 1.875rem;
    margin: 0;
    display: flex;
    justify-content: center;
}

.referral-modal .menu li {
    flex: 0 0 42px;
}

.referral-modal .menu a {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 1rem;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    filter: grayscale(100%);
    transition: filter .2s;
}

.referral-modal .menu a:hover,
.referral-modal .menu a.current {
    filter: grayscale(0);
}

.referral-modal .menu .email {
    background-image: url("images/referral-modal-email.png");
}

.referral-modal .menu .facebook {
    background-image: url("images/referral-modal-facebook.png");
}

.referral-modal .menu .twitter {
    background-image: url("images/referral-modal-twitter.png");
}

.referral-modal input,
.referral-modal textarea {
    font-family: inherit;
    font-size: .9375rem;
    font-weight: 400;
    text-align: left;
    color: #999;
    padding: 0 0 .5rem;
    width: 100%;
    background-color: #fff;
    border-color: #999;
    border-style: solid;
    border-width: 0 0 1px;
    border-radius: 0;
    outline: none;
    transition: border-color .2s;
    -webkit-appearance: none;
}

.referral-modal input:focus,
.referral-modal textarea:focus {
    border-bottom-color: #3fc380;
}

.referral-modal .emails,
.referral-modal .message {
    padding: 0 2.5rem;
    margin-left: auto;
    margin-right: auto;
}

.referral-modal .form label {
    display: block;
    text-align: left;
    font-weight: 400;
    color: #999;
    padding: 0;
    margin: 0;
}

.referral-modal label + label {
    margin-top: 1.25rem;
}

.referral-modal .form input,
.referral-modal .form textarea {
    font: inherit;
    width: 100%;
    color: #000;
}

.referral-modal .form textarea {
    height: 220px;
}

.referral-modal .phone {
    background: url("images/referral-modal-phone.jpg") center / cover no-repeat;
    width: 163px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.875rem;
}

.referral-modal .phone:before {
    content: "";
    display: block;
    padding-bottom: 200%;
}

.referral-modal .or {
    color: #999;
    font-size: .875rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.referral-modal .cta a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    text-indent: -9999px;
    width: 183px;
    height: 54px;
}

.referral-modal .cta a:hover {
    opacity: .8;
}

.referral-modal .cta .send {
    background-image: url("images/referral-modal-send.png");
}

.referral-modal .cta .share {
    background-image: url("images/referral-modal-share.png");
}

.referral-modal .url {
    position: relative;
    max-width: 20rem;
    margin: 0 auto 2.5rem;
}

.referral-modal .url input {
    padding-right: 3.5rem;
}

.referral-modal .url button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    border: 0;
    outline: 0;
    border-radius: 0;
    color: #3fc380;
    padding: 0;
    font-weight: 800;
    font-size: .875rem;
    text-transform: uppercase;
    -webkit-appearance: none;
    opacity: .8;
}

.referral-modal .url button:hover {
    opacity: .8;
}

.referral-modal .hints {
    font-weight: 400;
    font-size: .75rem;
    color: #999;
}

.referral-modal p {
    font-size: .875rem;
    text-align: center;
    padding: 0;
    margin: 0 0 1.5rem;
}

@media (min-width: 992px) {

    .referral-modal {
        padding: 1.25rem;
    }

    .referral-modal .wrap {
        display: flex;
        height: 675px;
        min-height: auto;
        border-radius: .625rem;
    }

    .referral-modal .left {
        flex: 0 0 50%;
    }

    .referral-modal .right {
        flex: 0 0 50%;
    }

    .referral-modal .emails {
        display: flex;
    }

    .referral-modal .emails label {
        flex: 1;
    }

    .referral-modal label:first-child {
        margin-right: 1.875rem;
    }

    .referral-modal label + label {
        margin-top: 0;
    }

}

/*------------------------------Why TradeZero------------------------------*/

.wt-page-wrapper {
    font-size: 1rem;
}

.wt-page-section {
    max-width: 1200px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
}

.wt-page-wrapper h1,
.wt-page-wrapper h2,
.wt-page-wrapper h3 {
    font-family: inherit;
    font-size: inherit;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    color: inherit;
    padding: 0;
    margin: .5rem 0;
}

.wt-page-wrapper h1 {
    font-size: 3.125rem;
    line-height: 1.15;
    text-align: center;
}

.wt-page-wrapper h2 {
    font-size: 1.5rem;
}

.wt-page-wrapper b,
.wt-page-wrapper strong,
.wt-page-wrapper th {
    font-weight: 800;
}

.wt-page-wrapper p {
    font: inherit;
    color: inherit;
    padding: 0;
    margin: 0 0 1.25rem;
}

.wt-page-wrapper .learn-link {
    display: inline-block;
    text-transform: uppercase;
    color: #3fc380;
}

.wt-page-header {
    padding-top: 1.5rem;
}

.wt-page-header h1 {
    padding-bottom: 3rem;
}

.wt-page-header p {
    padding: 0 .5rem;
}

.wt-page-header .broker,
.wt-page-header .qmark {
    color: #3fc380;
}

.wt-page-overview {
    text-align: center;
}

.wt-page-overview .item {
    margin-bottom: 5rem;
}

.wt-page-overview h2 span {
    color: #3fc380;
}

.wt-page-overview h2 br {
    display: none;
}

.wt-page-wrapper .wt-page-slides {
    max-width: none;
}

.wt-page-slides {
    background-color: #3fc380;
    color: #fff;
    text-align: center;
}

.wt-page-slides .carousel {
    padding: 6rem 0;
}

.wt-page-slides .carousel .item {
    min-height: 11.25rem;
}

.wt-page-slides .carousel-indicators li {
    border: 0;
    background-color: #fff;
    opacity: .5;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 .25em;
}

.wt-page-slides .carousel-indicators .active {
    opacity: 1;
}

.wt-page-slides .carousel .item h2 {
    margin-bottom: 2rem;
}

.wt-page-slides .carousel .item p {
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
}

.wt-page-commission {
    text-align: center;
}

.wt-page-commission h2 span {
    color: #3fc380;
}

.wt-page-section .figure {
    margin-bottom: 4rem;
}

.wt-page-orders .figure {
    padding: 0 2.5rem;
}

.wt-page-pattern .figure {
    padding: 0 1.5rem;
}

.wt-page-tech .figure {
    padding: 0 2rem;
}

.wt-page-support .figure {
    padding: 0 1.5rem;
}

.wt-page-leverage .schedule {
    text-align: center;
    max-width: 12.5rem;
    margin: 2rem auto 1.25rem;
}

.wt-page-leverage .schedule h3 {
    margin-bottom: 2rem;
    text-transform: none;
}

.wt-page-leverage .list {
    margin-bottom: 2rem;
    box-shadow: 0 0 1rem rgba(63,195,128,.2);
}

.wt-page-leverage .item {
    padding: 2rem 0;
}

.wt-page-leverage .item:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.wt-page-leverage .item b {
    display: block;
    font-size: 1.5rem;
    color: #3fc380;
}

.wt-page-video .video-wrapper {
    position: relative;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

.wt-page-video .video-wrapper:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.wt-page-video .video-wrapper iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

.wt-page-video .video-play {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../img/why/video.jpg") 0 0 / cover no-repeat;
}

.wt-page-video .video-play:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: background-color .2s;
}

.wt-page-video .video-play:hover:before {
    background-color: rgba(0,0,0,.5);
}

.wt-page-video .video-arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 78px;
    height: 78px;
    background: url("../img/why/play.png") 0 0 / contain no-repeat;
}

@media (hover: none) {
    .wt-page-video .video-play {display: none;}
}

.wt-page-account {
    text-align: center;
}

.wt-page-account a {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    border-radius: .3125rem;
    background-color: #3fc380;
    color: #fff;
    transition: background-color .2s;
    padding: .75rem 1.5rem;
    text-transform: uppercase;
    text-decoration: none;
}

.wt-page-account a:hover {
    background-color: #39b073;
}

.open-disclosure-modal {
    font-size: 1rem;
    font-weight: normal;
    color: #3fc380;
}

.open-disclosure-modal:hover,
.open-disclosure-modal:focus {
    text-decoration: underline;
    color: #3fc380;
}

@media (min-width: 992px) {

    .wt-page-wrapper {
        font-size: 1.125rem;
    }

    .wt-page-wrapper h1 {
        font-size: 5.625rem;
        line-height: 1;
        text-align: left;
    }

    .wt-page-header .wrap {
        position: relative;
    }

    .wt-page-header .deco {
        position: absolute;
        right: 1em;
        bottom: .625em;
        width: 2.25em;
        transform: translate(100%, 100%);
        pointer-events: none;
        user-select: none;
    }

    .wt-page-wrapper h2 {
        font-size: 2.25rem;
    }

    .wt-page-header {
        display: flex;
        align-items: center;
    }

    .wt-page-header h1 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .wt-page-header p {
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0;
    }

    .wt-page-overview {
        text-align: left;
    }

    .wt-page-overview .list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1.5rem;
    }

    .wt-page-overview .item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 1.5rem;
        margin-bottom: 2.5rem;
    }

    .wt-page-overview h2 {
        white-space: nowrap;
    }

    .wt-page-overview h2 br {
        display: inline;
    }

    .wt-page-overview p:first-child {
        margin-bottom: 0;
        min-height: 7rem;
        display: flex;
        align-items: flex-end;
    }

    .wt-page-slides {
        margin-bottom: 6.5rem;
    }

    .wt-page-slides .carousel {
        padding: 5rem 0;
    }

    .wt-page-slides .carousel .item {
        min-height: 10rem;
    }

    .wt-page-commission {
        margin-bottom: 7rem;
    }

    .wt-page-leverage,
    .wt-page-market {
        text-align: center;
        max-width: 62.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    .wt-page-orders,
    .wt-page-pattern,
    .wt-page-tech,
    .wt-page-support {
        display: flex;
        align-items: center;
    }

    .wt-page-section .figure {
        flex: 1;
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .wt-page-section .content {
        flex: 0 0 45%;
        max-width: 45%;
        padding-left: 2.5rem;
    }

    .wt-page-orders,
    .wt-page-tech,
    .wt-page-support {
        flex-direction: row-reverse;
    }

    .body-us .wt-page-tech {
        flex-direction: row;
    }

    .wt-page-market p:first-child {
        margin-bottom: 3rem;
    }

    .wt-page-leverage {
        text-align: center;
    }

    .wt-page-leverage .describe p {
        display: inline;
    }

    .wt-page-leverage .schedule {
        max-width: 50rem;
    }

    .wt-page-leverage .list {
        display: flex;
    }

    .wt-page-leverage .item {
        flex: 1;
    }

    .wt-page-leverage .item:not(:last-child) {
        border-bottom: 0;
        border-right: 1px solid rgba(0,0,0,.08);
    }

    .wt-page-leverage .item b {
        font-size: 2rem;
        margin-bottom: .5rem;
    }

    .wt-page-video .video-arrow {
        width: 156px;
        height: 156px;
    }

    .open-disclosure-modal {
        font-size: 1.125rem;
    }

}

@media (min-width: 1200px) {

    .wt-page-overview .item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

}

/*------------------------------Partial Section------------------------------*/

.section-partial {
    font-size: 1.125rem;
    line-height: 1.4;
    text-align: center;
    background-color: #3fc380;
    color: #fff;
    padding-top: 3.25rem;
    padding-bottom: 3.5rem;
    padding-left: 20px;
    padding-right: 20px;
}

.section-partial p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
}

.section-partial a {
    color: inherit;
}

.section-partial b {
    font-weight: 800;
}

.section-partial .section-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.section-partial .section-title {
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: inherit;
    padding: 0;
    margin: 0;
}

.section-partial .section-title br {
    display: none;
}

.section-partial .section-intro {
    margin-top: .875rem;
}

.section-partial .section-cta {
    margin-top: 1.5rem;
}

.section-partial .section-cta a {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    padding: .75rem 3rem;
    margin: .5rem;
    border: 1px solid #fff;
    border-radius: .25rem;
    transition: background-color .2s;
}

.section-partial .section-cta a:hover {
    background-color: #39b073;
}

.section-partial .open-disclosure-modal {
    color: inherit;
}

.section-partial .open-disclosure-modal:hover,
.section-partial .open-disclosure-modal:focus {
    text-decoration: underline;
    color: inherit;
}

@media (min-width: 992px) {

    .section-partial .section-title {
        font-size: 2.25rem;
    }

    .section-partial .section-title br {
        display: inline;
    }

    .section-partial .section-cta a {
        font-size: 1.125rem;
    }

}

/*------------------------------Download------------------------------*/

.download-page {
    max-width: 1000px;
    padding: 0 1.25rem;
    margin: 0 auto;
}

.download-page * {
    font: inherit;
    color: inherit;
    list-style: none;
    padding: 0;
    margin: 0;
}

.download-page b,
.download-page strong {
    font-weight: 800;
}

.download-title {
    font-size: 1.25rem;
    padding: 1.5rem 0;
    text-align: center;
}

.download-menu {
    text-align: center;
    white-space: nowrap;
    box-shadow: inset 0 -1px 0 0 #d7d7d7;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.download-menu ul {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
}

.download-menu li {
    flex-shrink: 0;
}

.download-menu a {
    position: relative;
    display: block;
    padding: .75rem 1.5rem;
    margin: 0;
    color: inherit;
    font-size: 1.125rem;
    font-weight: 900;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 0 #d7d7d7;
}

.download-menu .current {
    box-shadow: inset 0 -3px 0 0 #3fc380;
    color: #3fc380;
}

.download-main {
    padding: 1.5rem 0;
}

.download-group {
    margin-bottom: 3rem;
}

.download-group .build {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #d7d7d7;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.download-group .build .main {
    flex: 1;
}

.download-category {
    font-size: 1.75rem;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 1rem;
    padding: 0;
}

.download-category span {
    color: #3fc380;
}

.download-group .build h3 {
    font-size: 1.25rem;
    font-weight: 900;
    color: inherit;
    padding: 0;
    margin: 0;
    transition: color .1s;
}

.download-group .build h3.active {
    color: #3fc380;
}

.download-group .build p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    padding: .5rem 0 0;
    margin: 0;
    color: #7d7d7d;
}

.download-group .build ul {
    list-style: none;
    padding-left: 0;
    padding-top: 1rem;
}

.download-group .build li {
    margin-bottom: .5rem;
}

.download-group .build li:first-child {
    margin-bottom: 1.75rem;
}

.download-group .build .important {
    color: #000;
}

.download-group .build .new {
    color: #3fc380;
}

.download-group .build .fixed {
    color: #fc7e2a;
}

.download-group .build .aside {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: -.25rem;
}

.download-group .build .download {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z' fill='%233fc380'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin-right: .5rem;
}

.download-group .build .toggle {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.download-group .build .toggle.collapse {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 13H5v-2h14v2z' fill='%233fc380'/%3E%3C/svg%3E");
}

.download-group .build .toggle.expand {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z' fill='%233fc380'/%3E%3C/svg%3E");
}

.download-popup {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.download-popup .body {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    height: auto;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 1rem rgba(0,0,0,0,.5);
    padding: 1.5rem;
}

.download-popup p {
    font: inherit;
    padding: 0;
    margin: 0 0 .75rem;
}

.download-popup p a {
    font: inherit;
    color: #3fc380;
}

.download-popup .intro {
    padding-right: 2rem;
}

.download-popup .stores {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 0;
}

.download-popup .stores a {
    display: block;
    text-decoration: none;
    border-radius: .3125rem;
    background-color: #3fc380;
    color: #fff;
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 900;
    text-transform: uppercase;
    transition: background-color .2s;
}

.download-popup .stores a:hover {
    background-color: #39b073;
    color: #fff;
}

.download-popup .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%233fc380'/%3E%3C/svg%3E") center / contain no-repeat;
}

.download-popup .close:hover {
    opacity: .8;
}

@media (min-width: 992px) {

    .download-title {
        font-size: 2rem;
        padding: 2.5rem 0 3.125rem;
    }

    .download-menu a {
        font-size: 1.5rem;
        padding: .75rem 2.5rem;
    }

    .download-menu {
        overflow: visible;
    }

    .download-menu .current:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 2px;
        width: 0;
        height: 0;
        border-left: .5rem solid transparent;
        border-right: .5rem solid transparent;
        border-top: .375rem solid #3fc380;
        transform: translate(-50%, 100%);
    }

    .download-category {
        font-size: 2.5rem;
    }

    .download-group .build {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .download-group .build h3 {
        font-size: 1.875rem;
    }

    .download-group .build p,
    .download-group .build ul {
        font-size: 1.125rem;
    }

    .download-group .build .download {
        background: transparent none;
        width: auto;
        height: auto;
        overflow: auto;
        text-indent: 0;
        margin-right: 1.5rem;
        color: #3fc380;
        font-weight: 900;
    }

    .download-group .build .toggle {
        width: 2.5rem;
        height: 2.5rem;
    }

    .download-popup .body {
        padding: 6rem 2.5rem 2.5rem;
        text-align: center;
    }

    .download-popup .intro {
        padding: 0;
    }

    .download-popup .stores {
        padding-top: 2.5rem;
    }

    .download-popup .stores a {
        font-weight: 800;
        font-size: 1.125rem;
        padding: .625rem 1.5rem;
        width: 14rem;
    }

}

/*------------------------------FAQ------------------------------*/

.faq-page * {
    font: inherit;
    color: inherit;
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq-page {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 2.5rem;
    padding: 2.5rem 1.25rem;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
}

.faq-page b,
.faq-page strong {
    font-weight: 600;
}

.faq-page .title b,
.faq-page .menu li,
.faq-page .list dt {
    font-weight: 900;
}

.faq-page .title {
    font-size: 2.25rem;
    line-height: 1.3;
    margin-bottom: 2rem;
}

.faq-page .title b {
    color: #3fc380;
}

.faq-page .search {
    width: 500px;
    max-width: 100%;
    margin: 0 auto 2rem;
}

.faq-page .search .filter {
    font: inherit;
    width: 100%;
    padding: .5rem 1.5rem .5rem 2.75rem;
    margin: 0;
    border: 1px solid rgba(63,195,128,.3);
    border-radius: 2rem;
    box-shadow: 0 0 1rem rgba(63,195,128,.3);
    outline: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54.998' height='56.966' viewBox='0 0 54.998 56.966'%3E%3Cpath d='M54.162,51.887,40.6,37.786A22.991,22.991,0,1,0,23,46a22.754,22.754,0,0,0,13.177-4.162L49.838,56.046a3,3,0,1,0,4.324-4.159ZM23,6A17,17,0,1,1,6,23,17.019,17.019,0,0,1,23,6Z' fill='%233ac480'/%3E%3C/svg%3E") left 1rem center / 1.25rem 1.25rem no-repeat;
    transition: box-shadow .2s;
    -webkit-appearance: none;
}

.faq-page .search .filter:focus {
    box-shadow: 0 0 1rem rgba(63,195,128,.5);
}

.faq-page .search .filter::-ms-clear {
    display: none;
}

.faq-page .search p {
    position: relative;
    padding: 0;
    margin: 0;
}

.faq-page .search .clear {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23c6c6c6'/%3E%3Cpath d='M6.2,12.8l6.6-6.6a.668.668,0,0,1,1,0h0a.668.668,0,0,1,0,1L7.2,13.8a.668.668,0,0,1-1,0h0A.668.668,0,0,1,6.2,12.8Z' fill='%23fff'/%3E%3Cpath d='M7.2,6.2l6.6,6.6a.668.668,0,0,1,0,1h0a.668.668,0,0,1-1,0L6.2,7.2a.668.668,0,0,1,0-1h0A.668.668,0,0,1,7.2,6.2Z' fill='%23fff'/%3E%3C/svg%3E") center / 1.5rem 1.5rem no-repeat;
    transition: opacity .1s;
}

.faq-page .search .clear:hover {
    opacity: .8;
}

.faq-page .cats {
    margin-bottom: 1rem;
}

.faq-page .menu {
    text-align: center;
    white-space: nowrap;
    box-shadow: inset 0 -1px 0 0 #d7d7d7;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.faq-page .menu ul {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq-page .menu li {
    flex-shrink: 0;
}

.faq-page .menu a {
    position: relative;
    display: block;
    padding: .75rem 1.5rem;
    margin: 0;
    color: inherit;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 0 #d7d7d7;
}

.faq-page .menu .current {
    box-shadow: inset 0 -3px 0 0 #3fc380;
    color: #3fc380;
}

.faq-page .list {
    position: relative;
    text-align: left;
    margin-top: 2.5rem;
    border-bottom: 1px solid #ddd;
}

.faq-page .list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.faq-page .list dt {
    display: block;
    padding: 1.25rem 0;
    border-top: 1px solid #ddd;
    padding-right: 2rem;
    background-repeat: no-repeat;
    background-position: 100% 1.125rem;
    background-size: 2rem 2rem;
    cursor: default;
    transition: color .1s;
}

.faq-page .list dd {
    display: block;
    padding: 0 0 1.25rem;
}

.faq-page .list dd a {
    font-weight: 500;
    color: inherit;
}

.faq-page .list .initial {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z' fill='%233fc380'/%3E%3C/svg%3E");
}


.faq-page .list .active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 13H5v-2h14v2z' fill='%233fc380'/%3E%3C/svg%3E");
    color: #3fc380;
}

.faq-page .list .initial + dd {
    display: none;
}

.faq-page .list dd ol,
.faq-page .list dd ul {
    padding-left: 2rem;
}

.faq-page .list dd ol {
    list-style: decimal;
}

.faq-page .list dd ul {
    list-style: disc;
}

.faq-page .list dd li {
    list-style: inherit;
}

.faq-page .list dd table {
    font-size: 1rem;
}

.faq-page .message p {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 1.25rem 0;
    margin: 0;
}

.faq-page .list .noshow,
.faq-page .list .noshow + dd {
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    opacity: 0;
    box-shadow: none;
    background: transparent none;
    overflow: hidden;
    visibility: hidden;
}

@media (min-width: 768px) {

    .faq-page .menu a {
        font-size: 1.125rem;
        padding: .75rem 2.5rem;
    }

    .faq-page .menu {
        overflow: visible;
    }

    .faq-page .menu .current:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 2px;
        width: 0;
        height: 0;
        border-left: .5rem solid transparent;
        border-right: .5rem solid transparent;
        border-top: .375rem solid #3fc380;
        transform: translate(-50%, 100%);
    }

    .faq-page .list {
        font-size: 1.125rem;
    }

    .faq-page .list dt {
        background-position: 100% .75rem;
        background-size: 2.5rem 2.5rem;
    }

}

/*------------------------------HOT SHORTS------------------------------*/

.hot-shorts-page {
    max-width: 1200px;
    padding: 1.5rem 1.25rem 3rem;
    margin: 0 auto;
}

.hot-shorts-page * {
    font: inherit;
    color: inherit;
    list-style: none;
    padding: 0;
    margin: 0;
}

.hot-shorts-page h1,
.hot-shorts-page h2 {
    font-weight: 900;
    margin-bottom: 1rem;
}

.hot-shorts-page h1 {
    font-size: 1.75rem;
    text-transform: uppercase;
}

.hot-shorts-page h2 {
    font-size: 1.25rem;
}

.hot-shorts-page p {
    margin-bottom: 1rem;
}

.hot-shorts-page h1 span {
    color: #3fc380;
}

.hot-shorts-page .intro {
    text-align: center;
    margin-bottom: 2rem;
}

.hot-shorts-page .tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1rem;
}

.hot-shorts-page .anchor {
    display: block;
    padding: .5rem 2rem;
    background-color: #fff;
    color: #3fc380;
    box-shadow: none;
    border: 1px solid #3fc380;
    border-radius: .3125rem;
    font-weight: 900;
    text-decoration: none;
    margin-left: 1rem;
    margin-bottom: 1rem;
    transition: color .1s, background-color .1s;
}

.hot-shorts-page .anchor:hover,
.hot-shorts-page .anchor.active {
    background-color: #3fc380;
    color: #fff;
}

.hot-shorts-page .mailing {
    background-color: #1a2d35;
    color: #fff;
    border-radius: .5rem;
    padding: 1.5rem 1.25rem;
    margin-top: 2.5rem;
}

.hot-shorts-page .mailing h2 {
    margin-bottom: .5rem;
}

.hot-shorts-page .form {
    display: flex;
}

.hot-shorts-page .email {
    width: 100%;
    padding: .5rem;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    border-radius: .3125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
    color: #000;
    -webkit-appearance: none;
}

.hot-shorts-page .submit {
    padding: .5rem .75rem;
    margin: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    border-radius: .3125rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #3fc380;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    transition: background-color .1s;
}

.hot-shorts-page .submit:hover {
    background-color: #39b073;
}

.hot-shorts-page .tradingview-tv {
    margin-top: 3rem;
}

.hot-shorts-page .tradingview-panels iframe {
    background-color: transparent !important;
}

.hot-shorts-page .tradingview-analysis iframe {
    min-height: 450px;
}

.hot-shorts-page .tradingview-tv iframe {
    min-height: 610px;
}

@media (min-width: 992px) {

    .hot-shorts-page {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }

    .hot-shorts-page h1 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .hot-shorts-page h2 {
        font-size: 2.25rem;
    }

    .hot-shorts-page p,
    .hot-shorts-page ul,
    .hot-shorts-page input,
    .hot-shorts-page button {
        font-size: 1.125rem;
    }

    .hot-shorts-page .intro {
        margin-bottom: 3rem;
    }

    .hot-shorts-page .mailing {
        position: relative;
        padding: 3.5rem;
        padding-right: 50%;
        margin-top: 5rem;
    }

    .hot-shorts-page .icon {
        position: absolute;
        right: 10%;
        top: 50%;
        transform: translateY(-50%);
        width: 18.75rem;
        background: url("images/hot-stocks.svg") center / contain no-repeat;
    }

    .hot-shorts-page .icon:before {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .hot-shorts-page .mailing h2 {
        margin-bottom: 1rem;
    }

    .hot-shorts-page .email {
        padding: .75rem 1rem;
    }

    .hot-shorts-page .tradingview-panels {
        display: flex;
        flex-wrap: wrap;
    }

    .hot-shorts-page .tradingview-symbol {
        flex: 1;
        padding-right: 2rem;
    }

    .hot-shorts-page .tradingview-analysis {
        flex: 0 0 225px;
    }

    .hot-shorts-page .tradingview-analysis .tradingview-widget {
        width: 450px;
        height: 450px;
        transform: scale(.5);
        transform-origin: left top;
        margin-right: -225px;
        margin-bottom: -225px;
    }

    .hot-shorts-page .tradingview-tv {
        flex: 0 0 100%;
    }

}

/*------------------------------ANNOUNCEMENT------------------------------*/

.announcement-bar {
    font-size: .875rem;
    line-height: 1.6;
    padding: .5rem 1.25rem;
    text-align: center;
}

.announcement-bar a {
    background-color: #3fc380;
    color: #fff;
    text-decoration: none;
    transition: background-color .2s;
    font-weight: 700;
    font-size: .8125rem;
    padding: .25rem .5rem;
    border-radius: .25rem;
    display: inline-block;
    margin-left: .75rem;
}

.announcement-bar a:hover {
    background-color: #39b073;
    color: #fff;
    text-decoration: none;
}

/*------------------------------INVESTOR------------------------------*/

.investor-page {
    padding: 1.5rem 0 3rem;
}

.investor-page * {
    font: inherit;
    color: inherit;
    list-style: none;
    padding: 0;
    margin: 0;
}

.investor-symbol,
.investor-material,
.investor-contact {
    max-width: 1200px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto;
}

.investor-page h1 {
    font-weight: 900;
    font-size: 1.75rem;
    margin-bottom: 1rem;
}

.investor-page h2 {
    font-weight: 900;
    font-size: 1.75rem;
    margin-bottom: 2.5rem;
}

.investor-page p {
    margin-bottom: 1rem;
}

.investor-page b {
    font-weight: 900;
}

.investor-header {
    margin: 0 1.25rem;
}

.investor-symbol {
    line-height: 1.3;
    text-align: center;
    border: .3125rem solid #3fc380;
    padding: 1.25rem;
    margin-bottom: 4rem;
}

.investor-symbol div {
    background: url("../img/investor/top-left.svg") 0 0 no-repeat,
                url("../img/investor/bottom-right.svg") 100% 100% no-repeat;
    padding: 3.75rem 1.25rem;
}

.investor-symbol h1 span {
    color: #3fc380;
}

.investor-symbol p:last-child {
    margin-bottom: 0;
}

.investor-material ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
}

.investor-material li {
    flex: 0 0 50%;
    margin-bottom: 3rem;
    text-align: center;
}

.investor-material a {
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
}

.investor-material a:hover {
    text-decoration: none;
    color: inherit;
}

.investor-material span {
    display: block;
    margin-bottom: 1rem;
}

.investor-material span:last-child {
    margin-top: -.5rem;
    color: #3fc380;
}

.investor-material a:hover span:last-child {
    text-decoration: underline;
}

.investor-material img {
    transform: scale(.8);
}

.investor-news {
    background-color: #f7f7f7;
    padding: 3rem 2.5rem;
    margin-bottom: 3rem;
}

.investor-news h2 {
    text-align: center;
}

.investor-news ul {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.investor-news li {
    margin-bottom: 2.5rem;
}

.investor-news a {
    color: #3fc380;
}

.investor-news .load-more {
    text-align: center;
    margin-bottom: 0;
}

.investor-news .load-more a {
    color: inherit;
}

.investor-contact {
    text-align: center;
}

.investor-contact h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.investor-contact a {
    color: #3fc380;
}

.investor-contact img {
    width: 6rem;
    height: auto;
}

@media (min-width: 992px) {

    .investor-page h1 {
        font-size: 2.125rem;
    }

    .investor-page h2 {
        font-size: 2.125rem;
    }

    .investor-material li {
        flex: 1;
    }

    .investor-material img {
        transform: scale(1);
    }

    .investor-news li {
        display: flex;
        justify-content: space-between;
    }

    .investor-news li div:first-child {
        flex: 1;
        padding-right: 2rem;
    }

    .investor-contact img {
        width: 10rem;
    }

}

/*------------------------------IPO------------------------------*/

.ipo-page-wrapper {
    padding: 1.5rem 0 3rem;
}

.ipo-page-wrapper * {
    font: inherit;
    color: inherit;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ipo-page-container {
    max-width: 1200px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto;
}

.ipo-page-hero {
    background: url("../img/ipo/hero-m.png") center / contain no-repeat;
    margin-bottom: 2.5rem;
}

.ipo-page-hero:before {
    content: "";
    display: block;
    padding-bottom: 107%;
}

.ipo-page-dan {
    background: url("../img/ipo/dan.png") 0 0 / contain no-repeat;
    margin-bottom: 2.5rem;
    max-width: 500px;
}

.ipo-page-dan:before {
    content: "";
    display: block;
    padding-bottom: 111%;
}

.ipo-page-intro {
    margin-bottom: 2.5rem;
}

.ipo-page-intro p {
    margin: 1.25rem 0;
}

.ipo-page-zeropro {
    background: url("../img/ipo/offer-m.png") center top / 100% auto no-repeat;
}

.ipo-page-zeropro:before {
    content: "";
    display: block;
    padding-bottom: 69%;
}

.ipo-page-details {
    background-color: #42c482;
    color: #fff;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.ipo-page-claim {
    background: url("../img/ipo/claim.png") center / contain no-repeat;
    width: 10rem;
    display: inline-block;
    vertical-align: top;
    margin-top: 2.5rem;
}

.ipo-page-claim:before {
    content: "";
    display: block;
    padding-bottom: 32%;
}

@media (min-width: 768px) {

    .ipo-page-hero {
        background-image: url("../img/ipo/hero-d.png");
    }

    .ipo-page-hero:before {
        padding-bottom: 34%;
    }

    .ipo-page-intro {
        display: flex;
        align-items: center;
        padding-left: 7.5%;
        padding-right: 7.5%;
    }

    .ipo-page-dan {
        max-width: none;
        flex: 0 0 40%;
    }

    .ipo-page-txt {
        flex: 1;
        padding-left: 5%;
        font-size: 1.125rem;
        line-height: 1.7;
    }

    .ipo-page-zeropro {
        position: relative;
        background: none;
    }

    .ipo-page-zeropro:before {
        content: none;
    }

    .ipo-page-screenshot {
        background: url("../img/ipo/offer-d.png") center top / 100% auto no-repeat;
        max-width: 1200px;
        margin: 0 auto;
    }

    .ipo-page-background {
        position: absolute;
        z-index: -1;
        left: 0;
        bottom: 0;
        height: 35%;
        width: 100%;
        background-color: #42c482;
    }

    .ipo-page-screenshot:before {
        content: "";
        display: block;
        padding-bottom: 46.1%;
    }

    .ipo-page-offer {
        padding-left: 7.5%;
        padding-right: 7.5%;
        font-size: 1.125rem;
        line-height: 1.7;
        text-align: center;
    }

    .ipo-page-claim {
        width: 12rem;
    }

}

/*------------------------------VS------------------------------*/

.vs-page-wrapper {
    padding: 1.5rem 0 0;
}
.vs-page-wrapper * {
    font: inherit;
    line-height: 1.6;
    color: inherit;
    list-style: none;
    padding: 0;
    margin: 0;
}
.vs-page-wrapper > div {
    margin-bottom: 3rem;
}
.vs-page-container {
    max-width: 1200px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto;
}
.vs-page-wrapper h1,
.vs-page-wrapper h2,
.vs-page-wrapper h3 {
    font-weight: 900;
    letter-spacing: .5px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.vs-page-wrapper h1 {
    font-size: 2rem;
}
.vs-page-wrapper h2 {
    font-size: 1.5rem;
}
.vs-page-wrapper p,
.vs-page-wrapper table,
.vs-page-wrapper ul {
    margin-bottom: 1.5rem;
}
.vs-page-wrapper b,
.vs-page-wrapper strong {
    font-weight: 800;
}
.vs-page-header {
    text-align: center;
}
.vs-page-header span {
    line-height: inherit;
}
.vs-page-header .theme-color {
    color: #3fc380;
}
.vs-page-header p:first-child {
    margin-bottom: .5rem;
}
.vs-page-intro .item:first-child {
    text-align: center;
}
.vs-page-intro img {
    width: 360px;
}
.vs-page-cta {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    padding: 0 1.5rem;
    margin: .5rem 0;
    letter-spacing: .5px;
    line-height: 2.375rem;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #3fc380;
    border-radius: .3125rem;
    background-color: #3fc380;
    color: #fff;
    transition: background-color .2s;
}
.vs-page-cta:hover,
.vs-page-cta:focus {
    text-decoration: none;
    background-color: #39b073;
    border-color: #39b073;
    color: #fff;
}
.vs-page-history {
    background-color: #f7f7f7;
    padding: 3rem 0;
}
.vs-page-history > div > p:last-child {
    margin-bottom: 0;
}
.vs-page-history .item p:first-child {
    margin-bottom: .5rem;
}
.vs-page-history .item p:last-child {
    font-size: .875rem;
    text-align: center;
}
.vs-page-diff > div > p:first-child {
    text-align: center;
    margin-bottom: .5rem;
}
.vs-page-diff .flex {
    margin-bottom: 3rem;
}
.vs-page-diff .item li {
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 1.5rem;
}
.vs-page-diff .item li img {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(.6);
    transform-origin: left center;
}
.vs-page-helper {
    max-width: 100%;
    overflow: auto;
}
.vs-page-table {
    width: 100%;
}
.vs-page-table td {
    font-size: .875rem;
    padding: .25rem .5rem;
}
.vs-page-table td:nth-child(2),
.vs-page-table td:nth-child(3) {
    text-align: center;
}
.vs-page-table td[colspan] {
    padding-top: .75rem;
    padding-bottom: .25rem;
}
.vs-page-table thead b {
    font-size: 1.125rem;
}
.vs-page-table tbody b {
    text-transform: uppercase;
}
.vs-page-table thead td {
    white-space: nowrap;
}
.vs-page-table tbody tr:first-child td {
    padding-top: 1.25rem;
}
.vs-page-table .yes {
    display: inline-block;
    vertical-align: middle;
    direction: ltr;
    text-align: left;
    text-indent: -9999px;
    width: 1.375rem;
    height: 1.375rem;
    background: url("../img/vs/yes.svg") center / contain no-repeat;
    transform: scale(.7);
}
.vs-page-table .no {
    display: inline-block;
    vertical-align: middle;
    direction: ltr;
    text-align: left;
    text-indent: -9999px;
}
.vs-page-table .cs {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    color: #3fc380;
}
.vs-page-table .tz {
    max-width: 80%;
}
.vs-page-table .tda {
    max-width: 90%;
}
.vs-page-why {
    text-align: center;
    padding-top: 1rem;
}
.body-intl .vs-page-why {
    background-color: #f7f7f7;
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.vs-page-why ul {
    margin-bottom: 0;
}
.vs-page-why h2 {
    margin-bottom: .5rem;
}
.vs-page-why .item p:first-child {
    margin-bottom: .25rem;
}
.vs-page-why img {
    transform: scale(.7);
}
.vs-page-awards {
    text-align: center;
    background-color: #002d45;
    color: #fff;
    padding-bottom: 1rem;
    margin-top: 6.25rem;
}
.vs-page-awards img {
    width: 12.5rem;
    height: 12.5rem;
    margin-top: -6.25rem;
}
.vs-page-reviews h2 {
    margin-bottom: 1rem;
}
.vs-page-reviews h2 + p {
    text-align: center;
}
.vs-page-reviews img {
    transform: scale(.7);
}
.vs-page-reviews p:last-child {
    text-align: center;
}
.vs-page-get {
    background-color: #3fc380;
    color: #fff;
    text-align: center;
    padding: 3rem 0;
}
.vs-page-wrapper .vs-page-get {
    margin-bottom: 0;
}
.vs-page-get h2 {
    font-weight: inherit;
    text-transform: none;
}
.vs-page-get p {
    margin-bottom: 1rem;
}
.body-intl .vs-page-get p:last-child {
    margin-bottom: 0;
}
.vs-page-start {
    border-color: #fff;
}
.vs-page-start:hover,
.vvs-page-start:focus {
    text-decoration: none;
    background-color: #39b073;
    border-color: #fff;
    color: #fff;
}
.vs-page-started img {
    width: 360px;
}
@media (min-width: 375px) {
    .vs-page-why .flex {
        display: flex;
        flex-wrap: wrap;
    }
    .vs-page-why .item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}
@media (min-width: 768px) {
    .vs-page-table td {
        font-size: inherit;
        padding: .5rem 1rem;
    }
    .vs-page-table td[colspan] {
        padding-top: 1rem;
        padding-bottom: .5rem;
    }
    .vs-page-table thead b {
        font-size: 1.5rem;
    }
    .vs-page-table .yes {
        transform: scale(1);
    }
    .vs-page-table .cs {
        font-size: 1rem;
    }
}
@media (min-width: 992px) {
    .vs-page-wrapper {
        font-size: 1.125rem;
    }
    .vs-page-wrapper h1 {
        font-size: 3rem;
    }
    .vs-page-wrapper h1 br {
        display: inline;
    }
    .vs-page-wrapper h2 {
        font-size: 2.25rem;
        margin-bottom: 2.5rem;
    }
    .vs-page-cta {
        font-size: inherit;
        padding: .25rem 2.25rem;
    }
    .vs-page-wrapper .flex {
        display: flex;
        align-items: center;
    }
    .vs-page-wrapper .reverse {
        flex-direction: row-reverse;
    }
    .vs-page-wrapper .item {
        flex: 1;
    }
    .vs-page-header p:first-child {
        margin-bottom: 1rem;
    }
    .vs-page-header .text-group {
        display: inline-block;
    }
    .vs-page-wrapper .vs-page-intro {
        margin-bottom: 5rem;
    }
    .vs-page-history .item:first-child {
        padding-right: 1rem;
    }
    .vs-page-history .item:last-child {
        padding-left: 1rem;
    }
    .vs-page-history .item p:last-child {
        font-size: inherit;
    }
    .vs-page-diff .item:first-child {
        padding-top: 2.5%;
        padding-right: 5%;
    }
    .vs-page-diff .item:last-child {
        padding-left: 5%;
        padding-right: 2.5%;
    }
    .vs-page-diff .item li {
        padding-left: 4rem;
    }
    .vs-page-diff .item li img {
        top: .5rem;
        transform: scale(.9);
    }
    .vs-page-table {
        width: 880px;
        margin-left: auto;
        margin-right: auto;
    }
    .vs-page-table thead b {
        font-size: 2.25rem;
    }
    .vs-page-why h2 {
        margin-bottom: .5rem;
    }
    .vs-page-why .flex {
        align-items: flex-start;
        padding-top: 1rem;
    }
    .vs-page-why .item p {
        width: 12.5rem;
    }
    .vs-page-why .item p:last-child {
        margin-bottom: 1rem;
    }
    .vs-page-why img {
        transform: scale(.9);
        margin-bottom: .75rem;
    }
    .vs-page-testimonial img {
        transform: scale(1);
        padding: .5rem;
    }
    .vs-page-testimonial {
        box-shadow: 0 0 2rem rgba(63,195,128,.3);
        border-radius: 2rem;
        margin: 0 1.5rem;
        padding: 1.5rem 2.5rem .5rem;
    }
    .vs-page-testimonial h2 + p {
        margin-bottom: 2rem;
    }
    .vs-page-get h2 {
        margin-bottom: 1rem;
    }
    .vs-page-started {
        text-align: left;
        padding: 0 1.5rem;
    }
    .vs-page-started h2 {
        text-align: inherit;
        font-weight: 900;
    }
    .vs-page-started p {
        margin-bottom: 0;
    }
    .vs-page-started p:last-child {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }
    .vs-page-started img {
        width: auto;
    }
    .body-us .vs-page-wrapper .vs-page-get {
        padding: 1.5rem 0;
    }
    .vs-page-started .item:first-child {
        flex: 0 0 62%;
    }
    .vs-page-started .item:last-child {
        padding-left: 2.5rem;
    }
}
@media (min-width: 1200px) {
    .body-us .vs-page-wrapper .vs-page-get {
        padding: 0;
    }
}