/* colors */
/* fonts */
/* responsive sizes */
/* transitions */
/* Widely-used vertical alignment mixin */
/* max width used on everything */
/* display flex container */
/* font family for soleil */
/* Form Fields */
form {
    font-family: "soleil", sans-serif;
    font-size: 1.4em;
    line-height: 2.5em;
    font-weight: 600;
    color: #132c6e;
}

    form .inputLabel {
        font-weight: 700;
    }

    form .errorText {
        font-weight: 700;
        font-style: italic;
        font-size: 0.85714285714286em;
        color: #ee484a;
    }

    form .successText {
        font-weight: 700;
        font-style: italic;
        font-size: 0.85714285714286em;
        color: #3c763d;
    }

    form textarea {
        line-height: 1.2em;
        display: block;
        width: 100%;
        border: none;
        background-color: #f4f4f4;
        padding: .5em 1em;
        resize: none;
        border: 1px solid #f4f4f4;
        overflow: auto;
        outline: none;
        -webkit-transition: 0.1s all linear;
        -moz-transition: 0.1s all linear;
        -ms-transition: 0.1s all linear;
        -o-transition: 0.1s all linear;
        transition: 0.1s all linear;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        form textarea:focus {
            border: solid 1px #6d9beb;
            color: #212121;
        }

    form input {
        border: solid 1px #cccccc;
        background-color: #f4f4f4;
        width: 100%;
        padding: 0 1em;
        height: 3.5em;
        color: #9c9c9c;
        position: relative;
        outline: 0;
        -webkit-transition: 0.3s all linear;
        -moz-transition: 0.3s all linear;
        -ms-transition: 0.3s all linear;
        -o-transition: 0.3s all linear;
        transition: 0.3s all linear;
    }

        form input:focus {
            border: solid 1px #6d9beb;
            color: #212121;
        }

        form input.error {
            border: solid 1px #ee484a;
        }

    form #distanceDropdown.error {
        border: solid 1px #ee484a;
    }

    form textarea.error {
        border: solid 1px #ee484a;
    }

    form label.error {
        font-weight: 700;
        font-style: italic;
        font-size: 12px;
        color: #ee484a;
    }

        form label.error ul {
            margin: 0;
            font-weight: 700;
            font-style: italic;
            font-size: 12px;
            color: #ee484a;
            font-family: "soleil", sans-serif;
        }

            form label.error ul li {
                font-weight: 700;
                font-style: italic;
                font-size: 12px;
                color: #ee484a;
                font-family: "soleil", sans-serif;
            }

    form .inputItem {
        position: relative;
        margin: 1em 0;
    }

    form sup.red {
        color: #ee484a;
    }

    form .inputLink {
        line-height: 2em;
    }

        form .inputLink a, form .inputLink a:hover, form .inputLink a:visited, form .inputLink a:active {
            font-size: .85em;
            color: #9c9c9c;
            text-decoration: underline;
            letter-spacing: 0;
            text-transform: none;
            font-weight: 400;
        }

    form .required:after {
        content: "*";
        color: #ee484a;
        margin-left: .2em;
    }

    form .dropdown {
        font-size: 22px;
    }

    form button[type="submit"] {
        font-size: 1em;
        padding: .5em 4em;
        outline: 0;
    }

        form button[type="submit"]:focus {
            outline: 0;
        }

    form button[type="button"] {
        font-size: 1em;
        padding: .5em 4em;
        outline: 0;
    }

        form button[type="button"]:focus {
            outline: 0;
        }

    form .customCheckBox {
        position: relative;
    }

        form .customCheckBox .checkBox {
            width: 1.6em;
            height: 1.6em;
            border: 1px solid #CDCDCD;
            margin-right: 1em;
            margin-top: .5em;
            cursor: pointer;
            -webkit-transition: 0.3s all linear;
            -moz-transition: 0.3s all linear;
            -ms-transition: 0.3s all linear;
            -o-transition: 0.3s all linear;
            transition: 0.3s all linear;
            background-color: transparent;
        }

            form .customCheckBox .checkBox .checkmark {
                position: relative;
                top: -3px;
                left: -2px;
                opacity: 0;
                display: inline-block;
                width: 22px;
                height: 22px;
                -webkit-transition: 0.3s all linear;
                -moz-transition: 0.3s all linear;
                -ms-transition: 0.3s all linear;
                -o-transition: 0.3s all linear;
                transition: 0.3s all linear;
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

@media screen and (max-width: 767px) {
    form .customCheckBox .checkBox .checkmark {
        top: -3px;
    }
}

form .customCheckBox .checkBox .checkmark .checkmark_stem {
    background-color: #CDCDCD;
    height: 13px;
    left: 12px;
    position: absolute;
    top: 3px;
    width: 3px;
}

form .customCheckBox .checkBox .checkmark .checkmark_kick {
    background-color: #CDCDCD;
    height: 3px;
    left: 8px;
    position: absolute;
    top: 13px;
    width: 6px;
}

form .customCheckBox .checkBoxLabel {
    color: #212121;
    font-weight: 400;
    font-style: italic;
    cursor: pointer;
}

form .customCheckBox.active .checkmark {
    opacity: 1;
}

form .customCheckBox.error .checkBox {
    border: 1px solid #ee484a;
}

form .customCheckBox.noTransition .checkmark {
    -webkit-transition: 0s all linear;
    -moz-transition: 0s all linear;
    -ms-transition: 0s all linear;
    -o-transition: 0s all linear;
    transition: 0s all linear;
}

form .checkboxForm {
    margin: 0 0 1em 0;
}

    form .checkboxForm.right {
        margin-right: 0;
    }

    form .checkboxForm .checkboxes {
        padding: 1em;
        background-color: #f4f4f4;
        color: #212121;
        max-height: 260px;
        overflow: auto;
        font-weight: 400;
    }

        form .checkboxForm .checkboxes input {
            height: auto;
            width: 22px;
        }

form input[type=checkbox] {
    display: none;
}

form input[type="checkbox"] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("/-/media/CAR/Images/System/Assets/checkbox_sprite.png") 0px center no-repeat;
    margin-right: 8px;
}

form input[type="checkbox"]:checked + label span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("/-/media/CAR/Images/System/Assets/checkbox_sprite.png") -20px center no-repeat;
    margin-right: 8px;
}

form .formDropdown {
    width: 100%;
    padding: 0 1em;
    background-color: #f4f4f4;
    border: none;
    height: 3.5em;
    color: #9c9c9c;
    line-height: 3.5em;
    vertical-align: middle;
    position: relative;
}

    form .formDropdown .arrowDefault {
        position: absolute;
        top: 1em;
        right: 15px;
        -webkit-transition: 0.5s all linear;
        -moz-transition: 0.5s all linear;
        -ms-transition: 0.5s all linear;
        -o-transition: 0.5s all linear;
        transition: 0.5s all linear;
    }

        form .formDropdown .arrowDefault:hover {
            cursor: pointer;
        }

        form .formDropdown .arrowDefault i {
            position: absolute;
            top: 1px;
            left: 4px;
        }

        form .formDropdown .arrowDefault.active {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transition: 0.5s all linear;
            -moz-transition: 0.5s all linear;
            -ms-transition: 0.5s all linear;
            -o-transition: 0.5s all linear;
            transition: 0.5s all linear;
        }

form .dropdownExpand {
    display: none;
}

    form .dropdownExpand .distanceOption {
        width: 100%;
        padding: 0 1em;
        margin-top: .2em;
        background-color: #f4f4f4;
        border: none;
        height: 3.5em;
        color: #9c9c9c;
        line-height: 3.5em;
        vertical-align: middle;
        position: relative;
        display: inline-block;
    }

        form .dropdownExpand .distanceOption:hover {
            background-color: #e3e3e3;
        }

        form .dropdownExpand .distanceOption.active {
            color: #212121;
        }

.filterWrapper {
    display: inline-block;
    position: relative;
    float: left;
}

@media screen and (max-width: 768px) {
    .filterWrapper {
        float: none;
        display: block;
    }
}

.filterWrapper .visibleFilter {
    cursor: pointer;
}

    .filterWrapper .visibleFilter span {
        float: left;
        font-size: 1.4em;
        line-height: 2.5em;
        color: #132c6e;
        font-weight: 800;
        text-transform: uppercase;
    }

.filterWrapper i {
    color: #05d6ee;
    float: left;
    font-size: 2em;
    margin-right: 1em;
    line-height: 16px;
    line-height: 1.6em;
    margin-left: 8px;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    -ms-transition: 0.5s all linear;
    -o-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

    .filterWrapper i.active {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transition: 0.5s all linear;
        -moz-transition: 0.5s all linear;
        -ms-transition: 0.5s all linear;
        -o-transition: 0.5s all linear;
        transition: 0.5s all linear;
    }

.filterWrapper select.mobileFilter {
    position: absolute;
    opacity: 0;
    display: none;
    top: 0;
    height: 3.8em;
    left: 0;
}

@media screen and (max-width: 768px) {
    .filterWrapper select.mobileFilter {
        display: block;
        width: 100%;
    }
}

.filterWrapper .filterDropdown {
    position: absolute;
    width: 20em;
    z-index: 100;
    right: -4em;
    top: 3em;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    -ms-transition: 0.5s all linear;
    -o-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

    .filterWrapper .filterDropdown.active {
        max-height: 50em;
    }

    .filterWrapper .filterDropdown .inner {
        margin-top: 1em;
        padding: 1.5em 2em;
        background-color: #132c6e;
        position: relative;
        position: relative;
    }

        .filterWrapper .filterDropdown .inner:after {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(19, 44, 110, 0);
            border-bottom-color: #132C6E;
            border-width: 10px;
            margin-left: -10px;
        }

        .filterWrapper .filterDropdown .inner li {
            list-style: none;
            color: #fff;
            -webkit-transition: 0.3s all linear;
            -moz-transition: 0.3s all linear;
            -ms-transition: 0.3s all linear;
            -o-transition: 0.3s all linear;
            transition: 0.3s all linear;
            margin: .5em 0;
            cursor: pointer;
        }

            .filterWrapper .filterDropdown .inner li:hover {
                color: #05d6ee;
            }

.hiddenLabel {
    display: none;
}

.contact-us-form .col-md-6 {
    padding-left: 15px;
}

.formLoaderWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
    display: none;
}

    .formLoaderWrapper.active {
        display: block;
    }

    .formLoaderWrapper .spinner {
        position: absolute;
        width: 7.5em;
        height: 7.5em;
        left: calc(50% - 3.25em);
        top: calc(50% - 3.25em);
    }

        .formLoaderWrapper .spinner img {
            width: 100%;
        }
/*# sourceMappingURL=form.css.map */
[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.radio-span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    margin-top: 10px;
}

/* One radio button per line */
.radio-label {
    display: block;
    cursor: pointer;
    line-height: 1.5;
    font-size: 1.5em;
}

@media screen and (max-width: 768px) {
    .radio-label {
        width: 40%;
    }
}

[type="radio"] + .radio-span {
    display: block;
}

    /* the basic, unchecked style */
    [type="radio"] + .radio-span:before {
        content: '';
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: -0.25em;
        border-radius: 1em;
        border: 0.27em solid #fff;
        box-shadow: 0 0 0 0.1em #05d6ee;
        margin-right: 0.75em;
        -webkit-transition: .5s all linear;
        -moz-transition: .5s all linear;
        -ms-transition: .5s all linear;
        -o-transition: .5s all linear;
        transition: .5s all linear;
    }

.radio-span:before {
    position: relative;
    top: 2px;
}

/* the checked style using the :checked pseudo class */
[type="radio"]:checked + .radio-span:before {
    background: #05d6ee;
}

.formLoaderWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
    display: none;
}

    .formLoaderWrapper.active {
        display: block;
    }

    .formLoaderWrapper .spinner {
        position: absolute;
        width: 7.5em;
        height: 7.5em;
        left: calc(50% - 3.25em);
        top: calc(50% - 3.25em);
    }

        .formLoaderWrapper .spinner img {
            width: 100%;
        }
/* the checked style using the :checked pseudo class */

[type="radio"]:checked + .radio-span:before {
    background: #05d6ee;
}

.inputItem .cancel {
    border-color: #9c9c9c;
    color: #9c9c9c;
    margin-top: 5px;
}

    .inputItem .cancel:hover {
        background-color: #e1e1e1;
        color: #9c9c9c;
        margin-top: 5px;
    }

form button[type="button"] {
    font-size: 1em;
    padding: .5em 4em;
    outline: 0;
}

    form button[type="button"]:focus {
        outline: 0;
    }
/*# sourceMappingURL=form.css.map */