body.international-payments-menu #header .nav .nav-item.international-payments-menu .nav-link,
body.currency-exchange-menu #header .nav .nav-item.currency-exchange-menu .nav-link,
body.personal-services-menu #header .nav .nav-item.personal-services-menu .nav-link,
body.our-company-menu #header .nav .nav-item.our-company-menu .nav-link,
body.locations-menu #header .nav .nav-item.locations-menu .nav-link {
    color: #633a94;
}

@media screen and (min-width:768px) {
    /* menu selections */
    body.international-payments-menu #header .nav .nav-item.international-payments-menu .nav-link,
    body.currency-exchange-menu #header .nav .nav-item.currency-exchange-menu .nav-link,
    body.personal-services-menu #header .nav .nav-item.personal-services-menu .nav-link,
    body.our-company-menu #header .nav .nav-item.our-company-menu .nav-link,
    body.locations-menu #header .nav .nav-item.locations-menu .nav-link {
        color: white;
    }
}
/* hero image - behind header and first section */
#top-band {
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    margin-bottom: 3rem;
}

    #top-band.no-image {
        background-color: white;
        color: black;
    }

        #top-band.no-image #header {
            position: static;
        }

    #top-band.no-image .hero-set {
        height: 18px !important;
    }

    #top-band .hero {
        background-color: transparent;
        min-height: 0;
        max-height: none;
        margin: 0;
        padding-bottom: 1px;
    }
    #top-band .hero.squeezePage {
        background-color: transparent;
        min-height: 0;
        max-height: none;
        height: auto;
        margin: 0;
        padding-bottom: 1px;
    }
@media (max-width: 767px) {
    body#home #top-band .hero-set:not(.squeezePage),
    body#home #top-band .hero-set:not(.squeezePage) .hero:not(.squeezePage) {
        height:680px;
        max-height:none;
    }

    body:not(#home) #top-band .hero-set:not(.squeezePage),
    body:not(#home) #top-band .hero-set:not(.squeezePage) .hero:not(.squeezePage) {
        max-height: 380px;
        height: 380px;
    }
}

@media (min-width: 768px) {
    body#home #top-band .hero-set:not(.squeezePage),
    body#home #top-band .hero-set:not(.squeezePage) .hero:not(.squeezePage) {
        max-height: 565px;
        height: 565px;
    }

    body:not(#home) #top-band .hero-set:not(.squeezePage),
    body:not(#home) #top-band .hero-set:not(.squeezePage) .hero:not(.squeezePage) {
        max-height: 365px;
        height: 365px;
    }
}

#header {
    position: absolute;
    padding-top: 0;
    top: 0;
    padding-top: 0;
    z-index: 100;
}

#top-band .hero-set.squeezePage {
    max-height: none !important;
    min-height: 0;
}

#top-band .hero-set {
    height: auto;
    min-height: 0;
}

.hero-set {
    overflow: hidden;
}

.hero-set::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    z-index: 71;
}

#top-band section {
    /*    position:relative;
    z-index:60; */
}

#top-band .contents {
    margin-top: 10em;
    margin-bottom: 3em;
    z-index: 100;
}

@media screen and (min-width: 1024px) {
    #top-band .contents {
        margin-top: 10em;
        margin-bottom: 3em;
    }
}


/* menus */

#header .navbar {
    padding-top: 1.5em;
    height: auto;
}

#header .main-nav {
    position: absolute;
    right: 2em;
    top: 5em;
    padding-bottom: 1em;
    width: 100%;
    max-width: 300px;
}


#header .nav .nav-item {
    font-size: .825em;
    line-height: 1.3;
}

#header .nav .nav-link {
    color: black;
    padding: .5em 0;
}

@media screen and (min-width:768px) {
    #header .nav .nav-link {
        color: hsla(0, 0%, 100%, .75);
    }

    #header .main-nav {
        position: static;
        padding-bottom: 0;
        width: auto;
        max-width: none;
    }
}

#header h3.logo {
    margin-bottom: 0;
}

.desktop {
    display: none;
}

.not-desktop {
    display: inline-block;
}

    .not-desktop.block {
        display: block;
    }
    .not-desktop a.button-link {
        background-color: #F36C23;
    }

#header .navbar {
    margin-left: 1em;
}

    #header .navbar .navbar-brand {
        position: static;
        float: none;
    }

        #header .navbar .navbar-brand.collapsed .nav-logo {
            fill: white;
        }

#freeanalysis .nav-logo {
    width: 180px;
}

    #freeanalysis .nav-logo:lang(fr-ca) {
        width: 198px;
    }

#header .navbar-toggler {
    top: .75em;
    right: 1em;
}

    #header .navbar-toggler .close {
        float: none;
        color: white;
        margin-top: -4px;
    }

    #header .navbar-toggler:focus {
        outline: none;
    }

#header .nav-analysis {
    margin-top: 5px;
}

@media (min-width: 544px) {
    #top-band .nav-logo,
    #header .navbar .navbar-brand .nav-logo {
        width: 180px;
    }

        #header .navbar .navbar-brand .nav-logo:lang(fr-ca) {
            width: 198px;
        }
}

#header .squeeze .analysis-button,
#header .squeeze .logo {
    display: inline-block;
    margin-top: 1em;
    fill: white;
    vertical-align: top;
}




#top-band.no-image .nav-logo,
#top-band.no-image #header .navbar .nav-logo {
    fill: #633a94;
}

#top-band.no-image #header .nav .nav-link {
    color: #8a8a8a;
}


#header .squeeze .analysis-button {
    float: right;
}

#header .squeeze {
    margin: 0;
    max-width: none;
    padding: 0 15px;
}

@media (max-width: 767px) {
    #header .nav .dropdown {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        background-color: white;
        border-bottom: 1px solid #633a94;
    }
}



@media screen and (min-width: 768px) {
    #header .nav .nav-item + .nav-item,
    #header .nav .nav-item.language-selector > a {
        margin-left: 1.1875em;
    }

    #header .squeeze {
        padding: 0 40px;
    }

    .container {
        max-width: 1140px;
    }
}

@media screen and (min-width: 992px) {
    #header .squeeze {
        padding: 0 70px;
    }

    .container {
        max-width: 1140px;
    }
}

@media screen and (min-width: 1200px) {
    #header .squeeze {
        max-width: 1140px;
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
    }
}


img.service-icon {
    stroke: #8a8a8a;
}

body {
    color: #8a8a8a;
}

p {
    font-size: 16px;
    color: #8a8a8a;
}

a.coloured {
    color: #633a94;
}

h2.h1 {
    font-weight: bold;
    font-size: 36px;
}

hr.underline {
    height: 0;
    border: solid 1px #633a94;
    background-color: #633a94;
    margin-bottom: 1.5em;
}

.hero .text {
    position: static;
}

    .hero .text .text-firma-equals {
        width: 150px;
        position: relative;
        padding: 16px 0 7px 0;
    }

    .hero .text .handwriting:lang(fr-ca) {
        margin-left: 1em;
    }

.hero .firma-symbol {
    bottom: 17px;
}


.analysis {
    max-width: 640px;
    margin: 1em 0;
    position: relative;
    z-index: 100;
}

    .analysis.narrow {
        max-width: 375px;
    }

    .analysis h2 {
        font-size: 36px;
        margin-bottom: .625em;
    }

.reversed p {
    color: white;
}

.about-link {
    float: right;
    margin: 1.4em 2em 0 0;
    color: white;
}

.no-image .about-link {
    color: #8a8a8a;
}

/* links */

a.button-link {
    display: inline-block;
    background-color: #00abdf;
    font-size: 14px;
    color: white;
    padding: 11px 20px;
    text-transform: uppercase;
    border: none;
    border-radius: 22px;
    cursor:pointer;
}

.nav-item a.button-link {
    background-color: #F36C23;
    font-size: 12px;
    padding: 11px 12px 10px 12px;
}

.ebook .button-link,
.analysis a.button-link {
    background-color: #633a94;
    margin-right: 1em;
}

.ebook .button-link {
    margin-top: 1em;
}

.analysis a.button-link {
    margin-bottom: 1em;
}

img {
    max-width: 100%;
}

/*
 * Home page testimonials
 */

.quotes .quote-item.intro {
    float: none;
}

    .quotes .quote-item.intro .content {
        position: relative;
        padding: 1em;
    }

        .quotes .quote-item.intro .content p.testimonial {
            font-size: 1.25rem;
            position: relative;
            line-height: 1.2;
            margin-bottom: 1rem;
        }

.quotes .quote-item .content p.testimonial:before {
    content: "“";
    font-size: 1.75em;
    position: absolute;
    left: -.375em;
    top: -.1em;
}

.quotes .quote-item .content p.testimonial:after {
    font-size: 1.75em;
    content: "”";
    position: absolute;
    bottom: -.4em;
    padding-left: 2px;
}


.quotes .quote-item.intro,
.quotes .testimonial-image {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}


@media screen and (min-width: 768px) {
    .quotes .quote-item {
        width: 60%;
        height: 0;
        padding-bottom: 40%;
        display: inline-block;
    }

        .quotes .quote-item:after {
            content: none;
        }

    .quotes .testimonial-image {
        width: 40%;
        display: inline-block;
    }

        .quotes .testimonial-image img {
            width: 100%;
        }

    .quotes .quote-item.intro {
        max-width: none;
        float: left;
        overflow: hidden;
    }
}

@media screen and (min-width: 1024px) {
    .quotes .quote-item.intro .content {
        padding: 2em;
    }

        .quotes .quote-item.intro .content p {
            font-size: 1.2rem;
        }

            .quotes .quote-item.intro .content p.testimonial {
                font-size: 1.5rem;
            }
}

@media screen and (min-width: 1100px) {
    .quotes .quote-item.intro .content {
        padding: 4em;
    }

        .quotes .quote-item.intro .content p {
            font-size: 1.25rem;
        }

            .quotes .quote-item.intro .content p.testimonial {
                font-size: 1.625rem;
            }
}


/* 
 * Testimonial slider, uses Flexslider 
 */
.flexslider ul.slides {
    margin: 0;
    padding: 0;
    max-width: none;
    list-style: none;
}

    .flexslider ul.slides li {
        margin: 0;
        padding: 0;
    }

#careers p.testimonial {
    font-size: 1rem;
}

#careers p.testimonial {
    color: #633a94;
}

#careers p.testimonial {
    font-size: 1.25rem;
    position: relative;
    line-height: 1.2;
    margin-bottom: 1rem;
}

    #careers p.testimonial:before {
        content: "“";
        font-size: 1.75em;
        position: absolute;
        left: -.375em;
        top: -.1em;
    }

    #careers p.testimonial:after {
        font-size: 1.75em;
        content: "”";
        position: absolute;
        bottom: -.4em;
        padding-left: 2px;
    }

@media screen and (min-width: 768px) {
    #careers p.testimonial {
        font-size: 1.625rem;
    }
}

.opportunities h2.h1 {
    margin-bottom: .5em;
}

.container {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

    .container.tight {
        margin-top: 0;
        margin-bottom: 0;
    }

    .container.padded {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

.services.container {
    padding-top: 0;
    padding-bottom: 0;
}

.main-content {
    padding-bottom: 0;
}

    .main-content:after {
        content: none;
    }

.main-content .left {
    float: left;
}

.main-content .right {
    float: right;
}

.services-list {
    box-shadow: none;
}

#services .service-item {
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

    #services .service-item h3,
    #services .service-item p {
        max-width: 100%;
        margin-bottom: .75em;
    }

#international-payments #services .service-item h3,
#international-payments #services .service-item p {
    max-width: 100%;
}

.service-item.image a {
    color: #c0e0ff;
}

#freeanalysis-about .service-item.image.careers,
#company .service-item.image.careers {
    background-size: cover;
    background-position: 50%;
    background-image: url(../media/73302/Company-page.jpg);
}

    #company .service-item.image.careers a {
        color: white;
        border-bottom: 1px dotted white;
    }

#services .service-item.currency-exchange {
    background-image: url(../media/76528/currency-exchange-page.jpg);
}

#personal-services #services .service-item.currency-exchange {
    background-image: url(..//media/73307/Personal-services-page.jpg);
}

#services .services-list {
    border-bottom: 1px solid #e6e6e6;
}

#header .navbar-nav .spacer {
    height: 1em;
}

.ebook {
    padding: 2em;
    background-color: #f5f5f5;
    margin-bottom: 1em;
    margin-top: 1em;
}

#freeanalysis .ebook {
    background-color: transparent;
}

#freeanalysis .ebook-text {
    text-align: center;
}

.ebook-image {
    display: none;
}

.container.map {
    margin-top: -2em;
    margin-bottom: -2em;
}

@media screen and (min-width: 768px) {
    #services {
        padding: 0 15px;
    }

        #services h1 {
            width: 100%;
            max-width: none;
        }

        #services .services-list {
            width: 100%;
            max-width: none;
        }

        #services .service-item:nth-child(even) {
            border-left: 0;
        }


    #header .navbar {
        margin-left: auto;
    }

        #header .navbar ul.nav {
            margin: 0;
        }

        #header .navbar .navbar-brand {
            display: inline-block;
            float: none;
        }

    #header .squeeze {
        margin-left: auto;
        margin-right: auto;
    }

    .desktop {
        display: inline;
    }

    .not-desktop.block,
    .not-desktop {
        display: none;
    }



    #header .main-nav {
        float: none;
        display: inline-block;
        position: static;
    }

    #header .navbar-nav {
        width: auto;
    }

        #header .navbar-nav .spacer {
            display: none;
        }

    .analysis-button {
        display: inline-block;
    }

    #header .nav .nav-item.nav-analysis {
        float: none;
        display: block;
        clear: both;
    }

    .navbar-toggler {
        display: none;
    }

    .analysis {
        margin: 3em 0 0;
    }

    .ebook {
        margin-top: 5em;
    }

    .ebook-text {
        width: 60%;
        display: inline-block;
        vertical-align: top;
        margin-right: -.4em;
        padding-right: 2em;
    }

        .ebook-text p,
        .ebook-text h2 {
            max-width: 510px;
            margin-left: 0;
        }

    .ebook-image {
        width: 40%;
        display: inline-block;
        margin: 0 auto;
        vertical-align: top;
        border-left: 1px solid;
    }

        .ebook-image img {
            display: block;
            margin: 0 auto;
        }
}

@media screen and (min-width: 768px) {
    #header .nav .nav-item.nav-analysis {
        float: left;
        clear: none;
    }
}

@media screen and (min-width: 1024px) {
    #header .navbar .navbar-brand {
        float: left;
    }

    #header .main-nav {
        float: right;
    }

    #header .navbar .navbar-brand:lang(fr-ca) {
        float: none;
    }

    #header .main-nav:lang(fr-ca) {
        float: none;
    }
}

@media screen and (min-width: 1100px) {
    #header .navbar .navbar-brand:lang(fr-ca) {
        float: left;
    }

    #header .main-nav:lang(fr-ca) {
        float: right;
    }
}

/* content */
.intro-box {
    max-width: 45em;
    text-align: center;
    margin: 0 auto;
}

ul, ol, h1, h2, h3, h4,
p {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.feedback p {
    margin-left: 0;
}

#blog ul,
#blog ol,
#blog h1,
#blog h2,
#blog h3,
#blog h4,
#blog p {
    max-width: 100%;
}

#blog .blog-section hr {
    border: none;
    border-bottom: 1px inset #633a94;
    margin-bottom: 1.5em;
}

#blog .blog-section .back {
    margin-top: 25px;
}

#locations .locations-list,
.company-content ul,
.company-content ol,
.company-content h1,
.company-content h2,
.company-content h3,
.company-content h4,
.company-content p {
    margin-left: 0;
}

#locations .company-content h2.h1 {
    margin-bottom: .5rem;
}


.services .services-list {
    margin-left: auto;
    margin-right: auto;
    box-shadow: none;
}


.service-item {
    text-align: left;
}

    .service-item p {
        width: 100%;
    }

.services .intro, .services .service-item {
    border: none;
    text-align: left;
    padding-bottom: 0;
}

#freeanalysis .services .service-item,
#home .services .service-item {
    text-align: center;
}

.services .intro {
    padding-top: 0;
    padding-bottom: 0;
}


.services .services-content {
    box-shadow: none;
}

    .services .services-content p,
    .services .services-content h2 {
        text-align: center;
    }

.form-box {
    max-width: 30em;
    padding: 1.5em 2em;
    background-color: #f0f0f0;
    margin: 8px 0 8px auto;
}

    .form-box textarea,
    .form-box input {
        width: 100%;
        margin: .5em 0;
        background-color: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: solid 1px #8a8a8a;
    }

    .form-box select {
        margin: .5em 0;
    }

    .form-box .legal {
        font-size: .825em;
    }

    .form-box input[type="submit"] {
        display: inline-block;
        background-color: #633a94;
        font-size: .8em;
        color: white;
        padding: 11px 20px;
        text-transform: uppercase;
        border: none;
        border-radius: 22px;
        width: auto;
        margin-top: 1rem;
    }


    .form-box ul.parsley-errors-list {
        display: inline-block;
        background-color: #ff8080;
        color: white;
        margin: 0;
        padding-left: 0;
        list-style: none;
    }

.contact-form ul.parsley-errors-list {
    background-color: #ff8080;
}

.form-box ul.parsley-errors-list li {
    margin-left: 0;
    padding: 0 .5em;
}

.form-box p {
    margin: 1rem 0 0 0;
}

.form-box h1 {
    color: #633a94;
}

.form-box .cb input,
.form-box .cb label {
    display: inline-block;
    width: auto;
    margin: 0;
}

.form-box .cb input {
    margin-right: 1em;
}

.form-box .cb.parsley-error {
    width: 100px;
    float: left;
}


/* footer */
#footer-contact {
    background-color: #00abdf;
    text-align: left;
    z-index: 999;
    width: 100%;
}

#footer-contact-wrapper {
    margin: 0;
}

#getstartedthankyou #footer-contact-wrapper {
    display: none;
}

#footer-contact .container {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin-top: 0;
}

#footer-contact .phone-icon {
    width: 64px;
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
    margin-right: -6px;
}

#footer-contact .contact-content {
    display: inline-block;
    padding: 0 0 0 64px;
    margin-left: -64px;
    vertical-align: top;
    width: 100%;
}

#footer-contact h1 {
    font-size: 20px;
    max-width: none;
    color: white;
}

#footer-contact .legal {
    margin-top: 0;
    font-size: .725em;
}

#footer-contact .textinput {
    border-bottom: 1px dotted #7fd5ef;
}

footer .container {
    margin-top: 0;
    margin-bottom: 0;
}

footer .firma-icon .firma-symbol {
    max-height: 50px;
}

footer p.disclaimer {
    margin-top: 0;
}

footer .container ul {
    max-width: none;
}

@media screen and (min-width: 768px) {
    footer .container ul {
        padding-left: 60px;
    }
}

@media screen and (min-width: 480px) {
    #footer-contact .contact-content {
        padding: 0 80px;
        margin-left: -80px;
    }

    #footer-contact h1 {
        font-size: 36px;
    }

        #footer-contact h1 .h1-top {
            display: inline-block;
            padding-bottom: 16px;
        }

    #footer-contact .phone-icon {
        width: 64px;
        padding-right: 16px;
    }

    #footer-contact {
        font-size: 1.35em;
    }
}

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

    footer .nav .nav-item:last-child {
        display: block;
        text-align: right;
        margin-top: .8em;
    }
}

@media screen and (min-width: 992px) {
    footer .nav {
        transform: translateY(-3.5em);
    }
}


#blog #header .navbar .navbar-brand .nav-logo {
    fill: white;
}


#blog .blog-item p {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#contact h1 {
    text-align: left;
    margin-left: 0;
}

#footer-contact h1 {
    margin-bottom: 1.5rem;
}

#callback-form {
    color: white;
}

.contact-form .phone:before {
    content: none;
}

.contact-form .button {
    margin-bottom: 2em;
    width: 83.3333333333%;
}

.contact-form .submit:focus {
    outline: none;
}

@media (min-width:544px) {
    .contact-form .button {
        width: 58.3333333333%;
    }
}

#contact .contact-form-container .button {
    width: auto;
}

    #contact .contact-form-container .button button.submit {
        padding-left: 0;
    }

    #contact .contact-form-container .button .submit:before {
        font-size: 16px;
        top: 8px;
        display: block;
        color: #00abdf;
    }

    #contact .contact-form-container .button .submit:disabled:before {
        color: rgba(0,171,223,.25);
    }



@media (min-width:768px) {
    .contact-form .button {
        width: 50%;
    }
}

#get-started-today #footer-contact-wrapper {
    display: none;
}

#conversion .ebook {
    background-color: white;
    text-align: center;
}


.light-grey-bg {
    background-color: #f0f0f0;
}

#freeanalysis .light-grey-bg {
    background-color: #f5f5f5;
}

.container.light-grey-bg {
    margin-top: 0;
    margin-bottom: 3em;
    padding-top: 3em;
    padding-bottom: 3em;
}

#freeanalysis .band.bottom,
#conversion .band.bottom {
    background-image: url(../media/40478/image-02-new.jpg);
    background-size: cover;
    padding: 1em 0;
}

    #freeanalysis .band.bottom,
    #conversion .band.bottom h2 {
        color: white;
    }

    #conversion .band.bottom .analysis {
        margin: 4em auto 1em 0;
        max-width: 600px;
    }

#conversion .services .service-item {
    text-align: center;
}

@media screen and (min-width:768px) {
    #conversion .band.bottom .analysis {
        margin: 7em auto 4em 0;
    }
}

/* override contact form move */
#footer-contact.in .contact-form:lang(fr-ca) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}




/*Secondary Nav pztodo, ask Don for IE display*/
.secondary-nav {
        background: none repeat scroll 0 0 #633a94;
        clear: both;
        color: white;
        width: 100%;
    }

        .secondary-nav a {
            color: white;
        }

    .secondary-nav-container {
        max-width: 1090px;
        margin-left: auto;
        margin-right:auto;
    }
        .secondary-nav-container ul {
            max-width:none;
            margin-left: auto;
            margin-right:auto;
            padding:0;
            list-style: none;
        }
            .secondary-nav-container ul li {
                font-size: 0.92em;
                display: table-cell;
                padding:10px 20px;
            }

    nav {
        transition: max-height 10ms;
        position: relative;
    }

.secondary-nav-container .divider-container {
    width: 1px;
    padding: 0px;
}

.secondary-nav-container .divider-container .divider {
    background-color: white; 
    width: 1px;
    height: 20px;
    display: block;
}