.slim-control {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    background-color: transparent;
    border: solid 1px #f4f4f4;
    min-width: 100%;
    padding-left: 20px;
    font-size: 2.2rem;
    margin-bottom: 10px;
    border-radius: 0;
    color: #fff;
}

input.slim-control {
    height: 60px;
    line-height: 60px;
}

textarea.slim-control {
    padding: 20px;
    min-height: 200px;
}

.slim-dropdown {
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 2rem;
    button.btn-dropdown {
        position: relative;
        min-width: 100%;
        height: 60px;
        line-height: 60px;
        margin-bottom: 10px !important;
        background-color: transparent;
        border: solid 1px #f4f4f4;
        border-radius: 0;
        padding: 0 20px;
        text-transform: none;
        text-align: left;
        &:after {
            position: absolute;
            top: 0;
            right: 0;
            content: '';
            width: 60px;
            height: 60px;
            background-image: url('/images/icon-arrow.svg');
            background-repeat: no-repeat;
            background-position: center center;
        }
        &:hover,
        &:focus,
        &:active,
        &:visited {
            box-shadow: none;
            color: #fff;
        }
    }
    .dropdown-menu {
        top: 59px;
        border-radius: 0;
        background-color: #0e3454;
        border: solid 1px #f4f4f4;
        width: 100%;
        padding: 0;
        margin: 0;
        a {
            color: #fff;
            font-weight: 300;
        }
    }
    .caret {
        display: none;
    }
}

.slim-check {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 2.2rem;
    color: #fff;
    line-height: 48px;
    cursor: pointer;
    margin-bottom: 20px;
    .box {
        position: relative;
        float: left;
        display: block;
        width: 48px;
        height: 48px;
        border: solid 1px #f4f4f4;
        margin-right: 11px;
        transition: .75s;
        &:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 48px;
            height: 48px;
            content: '';
            background-image: url('/images/icon-checkmark.svg');
            background-repeat: no-repeat;
            background-position: center center;
            opacity: 0;
        }
    }
    &.checked {
        .box {
            &:after {
                opacity: 1;
            }
        }
    }
}

.captcha-container {
    text-align: center;
    margin-bottom: 22px;
    > div {
        width: 304px;
        margin: 0 auto;
    }
}

.btn-primary {
    position: relative;
    font-weight: 400;
    border-radius: 0;

    &.btn {
        font-family: 'Roboto Condensed', sans-serif;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    }
}

.ft-layout {
    padding-top: 60px;
    > header {
        z-index: 1000;
        height: 60px;
        background-color: #0e3454;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        img {
            height: 36px;
            margin: 10px -20px 0 10px;
            cursor: pointer;
        }
        .hamburger {
            position: relative;
            float: right;
            height: 2px;
            width: 40px;
            height: 22px;
            margin-right: 16px;
            margin-top: 19px;
            background-color: transparent;
            display: block;
            cursor: pointer;
            &:after, &:before, > span {
                content: "";
                position: absolute;
                left: 0;
                height: 2px;
                width: 40px;
                background-color: #fff;
            }
            &:after {
                top: 0;
            }
            &:before {
                bottom: 0;
            }
            > span {
                top: 10px;
            }
        }
    }
    > footer {
        position: fixed;
        z-index: 1000;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background-color: #0e3454;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        text-align: center;
        .link-toggles {
            max-width: 400px;
            margin: 0 auto;
        }
        a.bab {
            color: #fff;
            font-size: 2.6rem;
            font-weight: 400;
            background-image: linear-gradient(to bottom, #4079aa, #0e3454);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
            text-transform: uppercase;
            font-family: 'Roboto Condensed', sans-serif;
            display: inline-block;
            opacity: 0.9;
            width: 200px;
            &:hover,
            &:visited,
            &:active,
            &:focus {
                text-decoration: none;
            }
            &.active {
                color: #0e3454;
                background-color: #ffffff;
                box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.5);
                background-image: none;
            }
        }
        .ft-share {
            float: right;
            display: inline-block;
        }
        .contact {
            float: right;
            color: #fff;
            text-decoration: underline;
            text-transform: uppercase;
            margin-right: 16px;
            font-size: 1.6rem;
        }
    }
    > .menu-page p {
        font-weight: 300;
        margin-bottom: 2rem;
    }
    > .menu-page .terms-conditions a {
        color: #fff;
        text-decoration: underline;
    }
}

@media (min-width: 1024px) {
    .btn-primary {
        &:after {
            transition: .3s;
            position: absolute;
            left: 50%;
            bottom: 0;
            content: '';
            height: 3px;
            width: 0;
            background-color: #0e3454;
        }
        &:hover {
            &:after {
                left: 0;
                width: 100%;
            }
        }
    }
}

@media (min-width: 768px) {
    .ft-layout {
        > header {
            text-align: center;
        }
    }
    .btn:hover:not(.disabled) {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    }
}

@media (max-width: 401px) {
    .ft-layout {
        overflow: hidden;

        > footer {
            a.bab {
                width: 50%;
                font-size: 1.8rem;
            }
        }
    }
}

.contact-us {
    font-size: 1.6 rem;

    .btn:not(.slim-dropdown) {
        font-size: 2rem;
        line-height: 4rem;
        width: 250px;
    }

    input, textarea {
        &::-webkit-input-placeholder { color:#ffffff; }
        &::-moz-placeholder          { color:#ffffff; }
        &:-moz-placeholder           { color:#ffffff; }
        &:-ms-input-placeholder      { color:#ffffff; }
    }
}

@media (min-width: 768px) {
    .contact-us * {
        font-size: 1.8rem;
    }
}

.btn.btn-primary:hover {
    border-color: transparent;
}

.pb-60 {
    padding-bottom: 60px;
}

.page-data-sources {
    p {
        strong {
            font-weight: 400;
        }
    }
}