/*NOTE - page specific CSS - use for overrides*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.banner {
    position: relative;
    width: 100%;
    max-width: 1308px;
    height: 480px;
    margin: 0 auto;
    background-image: url('images/300.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .banner {
        background-image: url('images/300@2x.jpg');
    }
}
@media (min-width: 444px) {
    .banner {
        background-image: url('images/444.jpg');
        height: 274px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 444px) {
    .banner {
        background-image: url('images/444@2x.jpg');
    }
}
@media (min-width: 636px) {
    .banner {
        background-image: url('images/636.jpg');
        height: 380px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 636px) {
    .banner {
        background-image: url('images/636@2x.jpg');
    }
}
@media (min-width: 732px) {
    .banner {
        background-image: url('images/732.jpg');
        height: 428px;
    }
    .steps .step-number {
        height: 40px;
    }
    .steps .step {
        padding: 1% 1%;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 732px) {
    .banner {
        background-image: url('images/732@2x.jpg');
    }
}
@media (min-width: 972px) {
    .banner {
        background-image: url('images/972.jpg');
        height: 528px;
        background-position: bottom;
    }
    .steps .step-bold {
        font-size: 17px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (min-width: 972px) {
    .banner {
        background-image: url('images/972@2x.jpg');
    }
}


@media (max-width: 444px) {
    .steps-yellow .steps .step{
        text-align: center;
    }

    .steps .step-number{
        /* display: none; */
        height: 26px;
    }

    .steps .step {
        padding: 18px 5%;
    }

    .steps .step-bold {
        font-size: 17px;
    }

}

.mca-legal {
    display: block !important;
}

.dond-legal {
    display: block !important;
}

.slingo_wwtbam-legal{
    display: block !important;
}

.crystal-legal{
    display: block !important;
}

.roxor-legal{
    display: none;
}

.dagger{
    font-family: Arial, Helvetica, sans-serif;

}
.dagger-line{
    text-align: center;
    padding-bottom: 20px;
}

p.dagger-line span.dagger{
    font-size: 100%;
}

.terms{
    padding-top: 0px;
}