@-ms-viewport {
    width: device-width;
}

body {
    margin: 0;
    padding: 0;
    font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.title {
    font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.text-light {
    color: #666666;
}

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

.error {
    border-color: red;
}

.error-message {
    color: red;
    font-style: italic;
    margin-bottom: 1em;
}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer {
    font-size: 1rem;
    padding: 2rem 1rem 10rem;
    background-color: #f9f9f9;
}
.footer-copy {
    opacity: 0.5;
}
.footer-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.footer-section {
    margin-right: 4rem;
}
.footer-title {
    color: #888888;
    opacity: 0.5;
    margin-bottom: 0.5rem;
}
.footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-list li {
    margin: 0;
}
.footer-link,
.footer-link:hover,
.footer-link:visited {
    color: #182026;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    text-decoration: none;
}
.footer-link:hover {
    opacity: 1;
}
.footer-link.footer-social {
    font-size: 1.5rem;
    margin-right: 1rem;
}
.footer-link.footer-social:last-child {
    margin-right: 0;
}


/* Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.drive-form {
    padding-bottom: 10rem;
    opacity: 1;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.drive-form.hide {
    opacity: 0;
}
.drive-form.hidden {
    display: none;
}
.drive-form input[type="text"],
.drive-form input[type="tel"],
.drive-form input[type="email"] {
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 1.3rem;
    padding: 3.1rem 1rem 2rem;
    background-color: #F6F6F6;
    border: 0;
    border-radius: 0;
    margin-bottom: 0.6rem;
    height: 82px;
}
.drive-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.3rem;
    background-image: url("../img/caret-down.svg");
    background-repeat: no-repeat;
    background-position: right 1rem top 73%;
    background-size: 22px;
    background-color: #F6F6F6;
    height: 5rem;
    padding-top: 1.6rem;
    padding-left: 1rem;
    border: 0;
    margin-bottom: 2.5rem;
}
.drive-form input::-webkit-input-placeholder {
    color: #CCC;
}
.drive-form input:-ms-input-placeholder {
    color: #CCC;
}
.drive-form input::-ms-input-placeholder {
    color: #CCC;
}
.drive-form input::placeholder {
    color: #CCC;
}
.drive-form label {
    color: #666666;
    text-transform: uppercase;
    font-size: 0.8rem;
    position: absolute;
    margin-top: 0.5rem;
    margin-left: 1rem;
}
.form-submit {
    text-align: center;
}
.form-complete {
    display: block;
    min-height: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    padding-bottom: 20rem;
}
.form-complete.hidden {
    display: none;
}
.form-complete.show {
    opacity: 1;
}

.drive-form .form-error {
    padding: 0 1rem 0;
    margin: -2.2rem 0 0.65rem;
    font-size: 0.8rem;
    color: #DB3737;
}
.drive-form .form-error.hidden {
    display: none;
}



/* Smaller than 719 */
@media (max-width: 719px) {
    .footer {
        padding-left: 1rem;
    }
    .footer-copy {
        margin-bottom: 2rem;
    }
    .footer-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .footer-section {
        margin-bottom: 2rem;
    }
    .footer-social-wrapper {
        margin-top: 0;
    }
    .drive-form {
        padding: 0 0.5rem 5rem;
    }
    .drive-form select {
        margin-bottom: 1rem;
    }
    .form-complete {
        text-align: center;
    }
}

@media (min-width: 720px) {
    .drive-form .tight .md-four.columns {
        padding-left: 0.3rem;
    }
    .drive-form .tight .md-four.columns.md-offset-by-two {
        padding-right: 0.3rem;
        padding-left: 0.5rem;
    }
}



/**
 * Scroll Trigger Animations
 */

.fromBottomInDelay0,
.fromBottomInDelay1,
.fromBottomInDelay2,
.fromBottomInDelay3
{
    -webkit-transition: opacity 800ms linear, -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 800ms linear, -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1), opacity 800ms linear;
    transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1), opacity 800ms linear;
    transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1), opacity 800ms linear, -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);
    opacity: 1.0;
}
.fromBottomInDelay1
{
    -webkit-transition-delay: 300ms;
         -o-transition-delay: 300ms;
            transition-delay: 300ms;
}
.fromBottomInDelay2
{
    -webkit-transition-delay: 600ms;
         -o-transition-delay: 600ms;
            transition-delay: 600ms;
}
.fromBottomInDelay3
{
    -webkit-transition-delay: 900ms;
         -o-transition-delay: 900ms;
            transition-delay: 900ms;
}

.fromBottomOut
{
    -webkit-transition: opacity 800ms linear, -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 800ms linear, -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1), opacity 800ms linear;
    transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1), opacity 800ms linear;
    transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1), opacity 800ms linear, -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;

    -webkit-transform: translate3d(0,30px,0);

            transform: translate3d(0,30px,0);
    opacity: 0.0;
}

.growFromLeftInDelay0,
.growFromLeftInDelay1,
.growFromLeftInDelay2 {
    -webkit-transition: opacity 500ms linear, -webkit-transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 500ms linear, -webkit-transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 500ms linear;
    transition: transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 500ms linear;
    transition: transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 500ms linear, -webkit-transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
    -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
            transform-origin: center left;
    opacity: 1.0;
}
.growFromLeftInDelay1 {
    -webkit-transition-delay: 300ms;
         -o-transition-delay: 300ms;
            transition-delay: 300ms;
}
.growFromLeftInDelay2 {
    -webkit-transition-delay: 600ms;
         -o-transition-delay: 600ms;
            transition-delay: 600ms;
}

.growFromLeftOut {
    -webkit-transition: opacity 500ms linear, -webkit-transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 500ms linear, -webkit-transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 500ms linear;
    transition: transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 500ms linear;
    transition: transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 500ms linear, -webkit-transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: scale3d(0,1,1);
            transform: scale3d(0,1,1);
    -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
            transform-origin: center left;
    opacity: 0;
}




.fromTopIn
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: translate(0,0);

        -ms-transform: translate(0,0);

            transform: translate(0,0);
    opacity: 1.0;
}

.fromTopOut
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: translate(0,-10px);

        -ms-transform: translate(0,-10px);

            transform: translate(0,-10px);
    opacity: 0.0;
}

.fromLeftIn
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: translate(0,0);

        -ms-transform: translate(0,0);

            transform: translate(0,0);
    opacity: 1.0;
}

.fromLeftOut
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: translate(-10px,0);

        -ms-transform: translate(-10px,0);

            transform: translate(-10px,0);
    opacity: 0.0;
}

.fromRightIn
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: translate(0,0);

        -ms-transform: translate(0,0);

            transform: translate(0,0);
    opacity: 1.0;
}

.fromRightOut
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: translate(10px, 0);

        -ms-transform: translate(10px, 0);

            transform: translate(10px, 0);
    opacity: 0.0;
}

.scaleUpIn
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: scale(1.0,1.0);

        -ms-transform: scale(1.0,1.0);

            transform: scale(1.0,1.0);
    opacity: 1.0;
}

.scaleUpOut
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: scale(1.3,1.3);

        -ms-transform: scale(1.3,1.3);

            transform: scale(1.3,1.3);
    opacity: 0.0;
}

.scaleDownIn
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: scale(1.0,1.0);

        -ms-transform: scale(1.0,1.0);

            transform: scale(1.0,1.0);
    opacity: 1.0;
}

.scaleDownOut
{
    -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
    -o-transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;

    -webkit-transform: scale(0.7,0.7);

        -ms-transform: scale(0.7,0.7);

            transform: scale(0.7,0.7);
    opacity: 0.0;
}