﻿.item-dealer-phone .fa-phone-volume {
    color: #444 !important;
    font-size: .75em !important;
}

.item-dealer-location .fa-map-marker-alt {
    color: #444 !important;
}

.rounded-top {
    border-top-right-radius: .50rem !important
}

.rounded-bottom, .rounded-right {
    border-bottom-right-radius: .50rem !important
}

.rounded-left, .rounded-top {
    border-top-left-radius: .50rem !important
}

.rounded-bottom, .rounded-left {
    border-bottom-left-radius: .50rem !important
}

.row-alternating > div:nth-child(even) {
    background-color: #f4f4f4;
}

.row-alternating > div:nth-child(odd) {
    background-color: #fff;
}

@media (min-width: 576px) and (max-width: 769px) {
    .row-alternating > div:nth-child(4n), .row-alternating > div:nth-child(4n-1) {
        background: #f4f4f4;
    }

    .row-alternating > div:nth-child(4n-2), .row-alternating > div:nth-child(4n-3) {
        background: #fff;
    }

    .row-alternating > div:nth-child(4n-1), .row-alternating > div:nth-child(4n-3) {
        border-right: 2px solid #444;
    }

    .row-alternating > div:nth-child(4n),.row-alternating > div:nth-child(4n-2) {
        border-right: 0;
    }
}

@media (min-width: 768px) {
    .row-alternating > div:nth-child(6n), .row-alternating > div:nth-child(6n-1), .row-alternating > div:nth-child(6n-2) {
        background: #f4f4f4;
    }

    .row-alternating > div:nth-child(6n-3), .row-alternating > div:nth-child(6n-4), .row-alternating > div:nth-child(6n-5) {
        background: #fff;
    }

    .row-alternating > div:nth-child(6n-1), .row-alternating > div:nth-child(6n-2), .row-alternating > div:nth-child(6n-4), .row-alternating > div:nth-child(6n-5) {
        border-right: 2px solid #444;
    }

    .row-alternating > div:nth-child(6n), .row-alternating > div:nth-child(6n-3) {
        border-right: 0;
    }
 }


@charset "UTF-8";

.overflow-hidden, svg:not(:root) {
    overflow: hidden
}

hr, input[type=search] {
    box-sizing: content-box
}

*, body {
    -moz-osx-font-smoothing: grayscale
}

.wrap, .wrap--footer, .wrap--sm, .wrap--xs {
    padding: 0 1.33333em;
    margin-left: auto;
    margin-right: auto
}

.form__label--hidden, .srt {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.z-depth-1 {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)
}

.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)
}

.absolute--center, .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.absolute--center--contact {
    top: 52%
}

.absolute--v {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.absolute--h {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.b-radius--default {
    border-radius: 5px
}

.b-radius--default--left {
    border-radius: 5px 0 0 5px
}

.b-radius--default--right {
    border-radius: 0 5px 5px 0
}

.b-radius--default--top {
    border-radius: 5px 5px 0 0
}

.b-radius--default--bottom {
    border-radius: 0 0 5px 5px
}

.b-radius--default--not-top-right {
    border-radius: 5px 0 5px 5px
}

.b-radius--default--not-top-left {
    border-radius: 0 5px 5px
}

.b-radius--default--not-bottom-right {
    border-radius: 5px 5px 0
}

.b-radius--default--not-bottom-left {
    border-radius: 5px 5px 5px 0
}

.margin--left {
    margin-left: 10px
}

.margin--left--small {
    margin-left: 5px
}

.z-10 {
    z-index: 10
}

.z-0 {
    z-index: 0
}

.z-100 {
    z-index: 100
}

.z-1050 {
    z-index: 1050
}

.z-9999 {
    z-index: 9999
}

pre, textarea {
    overflow: auto
}

.underline, .underline:hover {
    text-decoration: underline
}

.no-wrap {
    white-space: nowrap
}

.no-underline, .no-underline--hover:hover, .no-underline:hover, .underline-hover {
    text-decoration: none
}

    .underline-hover:hover {
        text-decoration: underline
    }

.btn--opposite:hover, .btn--product--active:hover, .btn--product--email:hover, .btn--product:hover, .home-categories__item a, .hover-light, .hover-light a, .hover-light:hover, .hover-opacity a, .tile--small a, a, a:hover {
    text-decoration: none
}

.home-categories__item, .hover-opacity, .tile--small {
    transition: all .3s ease
}

    .home-categories__item:hover, .hover-opacity:hover, .tile--small:hover {
        opacity: .8
    }

.hover-light {
    transition: all .3s ease
}

    .hover-light:after {
        transition: all .3s ease;
        content: "";
        background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0))
    }

    .hover-light:hover {
        transition: all .3s ease
    }

        .hover-light:hover:after {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            display: block;
            left: 0;
            top: 0;
            content: "";
            background: linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3))
        }

.main-content, body, sub, sup {
    position: relative
}

[hidden], body, template {
    display: none
}

.bullet-list {
    list-style-type: disc !important
}

.has-list-style {
    padding-left: 32px
}

legend, li, td, th, ul {
    padding: 0
}

.has-list-style li {
    list-style-type: disc
}

.focus--none:focus {
    outline: 0
}

.border {
    border: 1px solid #bdbdbd
}

.border--top {
    border-top: 1px solid #bdbdbd
}

.border--right {
    border-right: 1px solid #bdbdbd
}

.border--left {
    border-left: 1px solid #bdbdbd
}

.border--bottom {
    border-bottom: 1px solid #bdbdbd
}

.border--thick {
    border-width: 2px
}

img, legend {
    border: 0
}

@keyframes hot-list-fade {
    0%,100%,65% {
        opacity: 1
    }

    10%,55% {
        opacity: 0
    }
}

@keyframes hot-list-fade2 {
    0%,100%,65% {
        opacity: 0
    }

    10%,55% {
        opacity: 1
    }
}

@keyframes overlay-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes overlay-fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

a {
    background: 0 0;
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

figure {
    margin: 1em 40px
}

hr {
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

*, .slick-dots li button:before, body {
    -webkit-font-smoothing: antialiased
}

button {
    overflow: visible;
    border: none
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    * input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield
    }

*, .advanced-search__input input {
    box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    width: 100%
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    margin: 0;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    line-height: 30px;
    letter-spacing: .7px;
}

    body.compare-active header {
        z-index: 0
    }

    body.compare-active .main-content {
        z-index: -1
    }

.fontawesome-i2svg-active body {
    display: block
}

.is-popover, .to-top {
    display: none
}

li, ul {
    margin: 0;
    list-style-type: none
}

input, textarea {
    outline: 0;
    border: 0;
    resize: none
}

.fixed-top {
    margin-bottom: 50px
}

.wrap {
    max-width: 1250px
}
.wrap:has(.grid-view){
    max-width: 1425px
}

.wrap--sm {
    max-width: 970px
}

.wrap--xs {
    max-width: 850px
}

.wrap--footer {
    max-width: 600px
}

@media (max-width:600px) {
    .text-center--small {
        text-align: center
    }

    .wrap {
        padding: 0 18px
    }
}

.mm-slideout {
    z-index: initial
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

p {
    color: #333
}

button:focus {
    outline: 0;
    box-shadow: none
}

a:hover {
    color: inherit;
    cursor: pointer
}

a:focus {
    outline: 0
}

a[type=button] {
    background: 0 0;
    -webkit-appearance: none
}

.link {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 20px
}

.main-content {
    top: 139px;
    overflow-x: hidden
}

@media (min-width: 993px) and (max-width:1200px){
    .main-content{
        top: 132px;
    }
}
@media (max-width:992px) {
    .main-content {
        top: 102px;
    }
}

.fixed--bg--white {
    background: #fff;
    padding: 50px;
    position: fixed;
    top: 60px;
    z-index: 10;
    width: 100%
}

.to-top {
    bottom: 1%;
    right: 2%;
    margin-bottom: 20px
}

.to-top--absolute {
    position: absolute;
    bottom: 250px
}

    .to-top--absolute.to-top--padding {
        bottom: 8%
    }

.is-popover.popover-is-active {
    display: block
}

.section--home-classified, .section--home-parts, .section--register {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.tile__gallery-link a, .tile__gallery-link span, .tile__gallery-link--large a, .tile__gallery-link--large span {
    padding: 0 5px
}

    .tile__gallery-link a i, .tile__gallery-link span i, .tile__gallery-link--large a i, .tile__gallery-link--large span i {
        font-size: 14px
    }

.section--home-classified {
    /*background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/ClassifiedHomeBG.jpg);*/
    min-height: 500px
}

@media (max-width:992px) {
    .text-center--large {
        text-align: center
    }

    .section--home-classified {
        min-height: 550px
    }
}

@media (max-width:768px) {
    .section--home-classified {
        min-height: 600px
    }

    .tile--large--btn {
        height: auto
    }
}

@media (max-width:600px) {
    .section--home-classified {
        min-height: 750px
    }
}

.section--home-parts {
    /*background-image: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)),url(https://static.fastline.com/Assets/Static/web/acorn/background_images/homepage-parts-bg.jpg);*/
    min-height: 350px
}

.section--register {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/register-now.png)
}

@media (max-width:600px) {
    .section--register {
        background-color: #333;
        background-image: none
    }
}

.breadcrumb {
    background-color: transparent !important;
    padding: 0;
}

.breadcrumb-item, .breadcrumb-item a {
    color: #333
}

    .breadcrumb-item + .breadcrumb-item::before {
        color: #333;
        content: ":"
    }

.home-classified__copy {
    text-align: justify
}

.tile {
    transition: all .3s ease
}

.tile--small .container--white {
    border-radius: 5px
}

.tile--large--btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width:1050px) {
    .tile--large--btn {
        height: auto
    }
}

@media (max-width:600px) {
    .home-classified__copy {
        text-align: left
    }

    .tile--large--content {
        text-align: center;
        padding-top: 20px
    }
}

.tile__image--dealer img, .tile__image--small img {
    border-radius: 5px 5px 0 0
}

.tile__bottom {
    border-radius: 0 0 5px 5px
}

.tile__gallery-link {
    bottom: 5px;
    right: 5px
}

.tile__gallery-link--large {
    right: 0;
    top: 0;
    padding: 2px 5px;
    background-color: #bdbdbd;
    border-radius: 0 5px
}

.tile__dealer-content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media (max-width:1050px) {
    .tile__dealer-content {
        height: 80%
    }
}

.tile__dealer-content--button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%
}

@media (max-width:992px) {
    .tile__gallery-link--large {
        border-radius: 0 0 0 5px
    }

    .tile__dealer-content {
        display: block;
        height: auto
    }

    .tile__dealer-content--button a {
        right: 15px;
        margin-top: 10px
    }

    .tile--large .tile__left {
        border-radius: 5px 5px 0 0
    }

    .tile--large .tile__right {
        border-radius: 0 0 5px 5px
    }
}

.tile__dealer-content--contact a {
    margin: 0 12px
}

.dealer__copy--more {
    display: inline
}

.show-more--link {
    margin: 10px auto 0;
    text-align: center;
    color: #007bff
}

    .show-more--link:focus, .show-more--link:hover {
        color: #007bff
    }

.btn, .btn--ghost, .btn--ghost--alt, .btn--ghost--nav, .btn--ghost--small, .btn--ghost--smallest, .btn--no-icon, .btn--no-icon--primary, .btn--no-icon--secondary, .btn--primary, .btn--product--email, .btn--secondary, .fastline #mm-1 .mm-listitem, .fastline .mm-navbars_top .mm-btn_prev, .fastline .mm-panel:not(#mm-1) .mm-listitem a.btn--ghost--nav, .fastline .mm-panel:not(#mm-1) .mm-navbar .mm-navbar__title, .form__label--checkbox, .headline--mm-headline, .headline--one, .search__icon a, .searchbar--alt_text, .searchbar--text, .show-more--link, .show-more-equipment, .sign-in .rounded-bottom, .task-list__headline span, .text--button, .text--button--dark, .text--button--light, h1 {
    font-family: 'Oswald',sans-serif;
    font-weight: 700
}

.form__input--search, .headline--four, .headline--two, .headline--two--compare, h2, h4 {
    font-family: 'Oswald', sans-serif;
    /*font-weight: 700*/
}

.headline--one, h1 {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: .5px;
}

@media (max-width:600px) {
    .dealer__copy--more {
        display: none
    }

    .headline--one, h1 {
        font-size: 40px;
        line-height: 48px
    }
}

.form__input--search, .headline--two, .headline--two--compare, h2 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: .5px;
    font-size: 18px;
}

@media (max-width:600px) {
    .form__input--search, .headline--two, .headline--two--compare, h2 {
        font-size: 26px;
        line-height: 36px
    }
}

.headline--three, h3 {
    font-family: 'Oswald',sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: .5px;
}

.headline--four, h4 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: .5px;
}

.headline--five, .modal--product_details .close, .modal--product_details--thanks .close, .modal--profile .close, h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .5px;
    font-weight: 400;
    overflow: hidden
}

.headline--seven {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 21px !important;
    letter-spacing: .5px;
    font-weight: 400
}

.headline--property {
    font-family: 'Oswald',sans-serif;
    font-size: 15px;
    line-height: 12px;
}

.description--text {
    font-family: 'Oswald',sans-serif;
    font-size: 13px;
    line-height: 15px;
    margin-top: 6px;
}

.btn--badge, .btn--badge--compare, .btn--badge--primary, .btn--badge--secondary, .btn--tile, .fastline .mm-panel:not(#mm-1) .mm-listitem a, .headline--six, .mega-menu__link, .sub-nav__link, .table--brands, .table--brands tbody th, .table--compare td, .table--compare th, .tile__gallery-link a, .tile__gallery-link span, .tile__gallery-link--large a, .tile__gallery-link--large span, h6 {
    font-family: 'Oswald',sans-serif;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: .47px;
    font-weight: 400
}

.btn--badge--small {
    font-size: 12px;
    line-height: 1.1;
    margin: 2px 3px;
    border-radius: 5px !important;
    padding: 5px 10px !important;
}

    .btn--badge--small svg {
        margin-left: .3rem;
    }

.form--profile .bootstrap-select .dropdown-menu.inner li a, .form--profile .bootstrap-select .dropdown-menu.show .form-control, .form--profile .bootstrap-select .dropdown-toggle, .idLocationSelect.bootstrap-select .dropdown-menu.inner li a, .idLocationSelect.bootstrap-select .dropdown-menu.show .form-control, .idLocationSelect.bootstrap-select .dropdown-toggle, .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li a, .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.show .form-control, .select--primary .dropdown-toggle, .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner li a, .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.show .form-control, .select--secondary .dropdown-toggle, .select.select--miles .bootstrap-select.select--miles .dropdown-menu ul.dropdown-menu li a, .select.select--miles .bootstrap-select.select--miles button.dropdown-toggle .filter-option, p {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .7px;
    margin-bottom: 10px
}

    .breadcrumb-item, .breadcrumb-item a, .checkbox-message, .form__label--checkbox--small, .form__label--radio, .range-values__input, .small, p.p--small {
        font-family: 'Oswald',sans-serif;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: .6px
    }

.tooltip {
    padding: 7px 15px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .6px;
    max-width: 250px;
    z-index: 9999
}

.footer-nav__item{
    line-height:1em;
}

.footer-nav__item a, .footer-text, .footer-text a {
    font-family: 'Oswald',sans-serif;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: .47px;
    color: #bdbdbd
}

.btn--opposite:before, .star-rating__label:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal
}

.btn--ghost, .btn--ghost--alt, .btn--ghost--small, .btn--ghost--smallest, .btn--primary, .btn--secondary {
    display: inline-block;
    border-radius: 5px;
    position: relative;
    padding: 12px 60px 12px 25px;
    transition: all .3s ease
}

    .btn--ghost--alt:after, .btn--ghost--small:after, .btn--ghost--smallest:after, .btn--ghost:after, .btn--primary:after, .btn--secondary:after {
        position: absolute;
        content: '\f0da';
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        padding-left: 0;
        right: 30px;
        transition: all .3s ease
    }

    .btn--ghost--alt:hover, .btn--ghost--small:hover, .btn--ghost--smallest:hover, .btn--ghost:hover, .btn--primary:hover, .btn--secondary:hover {
        text-decoration: none;
        color: inherit
    }

        .btn--ghost--alt:active:after, .btn--ghost--alt:focus:after, .btn--ghost--alt:hover:after, .btn--ghost--small:active:after, .btn--ghost--small:focus:after, .btn--ghost--small:hover:after, .btn--ghost--smallest:active:after, .btn--ghost--smallest:focus:after, .btn--ghost--smallest:hover:after, .btn--ghost:active:after, .btn--ghost:focus:after, .btn--ghost:hover:after, .btn--primary:active:after, .btn--primary:focus:after, .btn--primary:hover:after, .btn--secondary:active:after, .btn--secondary:focus:after, .btn--secondary:hover:after {
            padding-left: 0;
            right: 15px
        }

.btn--opposite {
    text-align: right;
    padding: 12px 60px 12px 25px
}

    .btn--opposite:before {
        position: absolute;
        content: '\f0d9';
        padding-left: 0;
        left: 30px;
        transition: all .3s ease
    }

    .btn--opposite:after {
        display: none
    }

    .btn--opposite:hover {
        color: inherit
    }

        .btn--opposite:active:before, .btn--opposite:focus:before, .btn--opposite:hover:before {
            padding-left: 0;
            left: 15px
        }

.btn--no-icon, .btn--no-icon--primary, .btn--no-icon--secondary {
    display: inline-block;
    border-radius: 5px;
    position: relative;
    padding: 12px 15px;
    transition: all .3s ease;
    text-align: center
}

.btn--product, .btn--product--active, .btn--product--email {
    display: inline-block;
    border-radius: 5px;
    position: relative;
    padding: 12px 15px;
    transition: all .3s ease;
    font-size: 18px;
    line-height: 25px
}

.btn, .btn--ghost, .btn--ghost--alt, .btn--ghost--nav, .btn--ghost--small, .btn--ghost--smallest, .btn--no-icon, .btn--no-icon--primary, .btn--no-icon--secondary, .btn--primary, .btn--product--email, .btn--secondary, .fastline #mm-1 .mm-listitem, .fastline .mm-navbars_top .mm-btn_prev, .fastline .mm-panel:not(#mm-1) .mm-listitem a.btn--ghost--nav, .fastline .mm-panel:not(#mm-1) .mm-navbar .mm-navbar__title, .form__label--checkbox, .headline--footer, .headline--mm-headline, .nav__link, .search__icon a, .searchbar--alt_text, .searchbar--text, .show-more--link, .show-more-equipment, .sign-in .rounded-bottom, .task-list__headline span, .text--button, .text--button--dark, .text--button--light {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .5px
}

    .btn--ghost--alt:active, .btn--ghost--alt:focus, .btn--ghost--alt:hover, .btn--ghost--small:active, .btn--ghost--small:focus, .btn--ghost--small:hover, .btn--ghost--smallest:active, .btn--ghost--smallest:focus, .btn--ghost--smallest:hover, .btn--ghost:active, .btn--ghost:focus, .btn--ghost:hover {
        text-decoration: underline;
        background-color: transparent;
        color: inherit
    }

.btn--large {
    padding: 12px 95px 12px 25px;
    min-width: 175px
}

    .btn--large:after {
        padding-left: 0;
        right: 30px
    }

    .btn--large:hover:after {
        padding-left: 0;
        right: 15px
    }

.btn--large--opposite {
    min-width: 175px;
    padding: 12px 25px 12px 95px
}

.btn--full-width {
    padding: 12px 0 12px 25px
}

    .btn--full-width:after {
        padding-left: 0;
        right: 40px
    }

    .btn--full-width:hover:after {
        padding-left: 0;
        right: 20px
    }

.btn--tile {
    display: block;
    background-color: #f5f5f5;
    border-radius: 3px;
    padding: 8px 15px;
    text-align: center;
    transition: all .3s ease
}

    .btn--tile:hover {
        text-decoration: none;
        background-color: #007bff
    }

@media (max-width:1050px) {
    .btn--tile {
        padding: 5px 10px
    }
}

@media (max-width:768px) {
    .btn--tile {
        padding: 5px 10px
    }
}

.btn--tile:hover .btn--tile--icon {
    color: #fff
}

.btn--badge, .btn--badge--compare, .btn--badge--primary, .btn--badge--secondary {
    border-radius: 9999px;
    padding: 8px 15px;
    transition: all .3s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.form__label, .form__label--primary, .form__label--secondary {
    font-size: 15px;
    font-family: 'Oswald',sans-serif;
    letter-spacing: .47px;
    line-height: 25px
}

.form__input, .form__input--primary, .form__input--search, .form__input--secondary {
    border-radius: 5px;
    padding: 7px 15px;
    border: 1px solid;
    position: relative
}

.form__input--secondary--large {
    padding: 7px 60px 7px 8px
}

.form__input--primary {
    background-color: transparent;
    border-color: #bdbdbd;
    color: #fff
}

    .form__input--primary::-webkit-input-placeholder {
        color: #bdbdbd
    }

    .form__input--primary:-ms-input-placeholder {
        color: #bdbdbd
    }

    .form__input--primary::placeholder {
        color: #bdbdbd
    }

    .form__input--primary:focus {
        border: 1px solid #FFCC00;
        box-shadow: none;
        background: 0 0;
        color: #fff
    }

.form__input--secondary {
    background-color: #fff;
    border-color: #e9e9e9
}

    .form__input--secondary::-webkit-input-placeholder {
        color: #bdbdbd
    }

    .form__input--secondary:-ms-input-placeholder {
        color: #bdbdbd
    }

    .form__input--secondary::placeholder {
        color: #bdbdbd
    }

    .form__input--secondary:focus {
        border: 1px solid #007bff;
        box-shadow: none
    }

.form__checkbox, .form__checkbox--primary, .form__checkbox--secondary, .form__checkbox--small {
    position: absolute;
    opacity: 0
}

    .form__checkbox + label, .form__checkbox--primary + label, .form__checkbox--secondary + label, .form__checkbox--small + label {
        position: relative;
        cursor: pointer;
        padding: 0
    }

        .form__checkbox + label:before, .form__checkbox--primary + label:before, .form__checkbox--secondary + label:before, .form__checkbox--small + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            border-radius: 2px
        }

    .form__checkbox--primary:disabled + label, .form__checkbox--secondary:disabled + label, .form__checkbox--small:disabled + label, .form__checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto
    }

.nav__link, .nav__link:hover {
    color: #fff;
    text-decoration: none
}

.form__checkbox--primary:disabled + label:before, .form__checkbox--secondary:disabled + label:before, .form__checkbox--small:disabled + label:before, .form__checkbox:disabled + label:before {
    box-shadow: none;
    background: 0 0;
    border: 1px solid #bdbdbd
}

.form__checkbox--primary:checked + label:after, .form__checkbox--secondary:checked + label:after, .form__checkbox--small:checked + label:after, .form__checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 4px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.btn--collapse[aria-expanded=true]:after, .btn--collapse_blue[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.form__radio, .form__radio--primary, .form__radio--secondary {
    position: absolute;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form--profile .bootstrap-select .bootstrap-select .dropdown-toggle, .idLocationSelect.bootstrap-select .bootstrap-select .dropdown-toggle, .nav__link, .select--primary .bootstrap-select .dropdown-toggle, .select--secondary .bootstrap-select .dropdown-toggle {
    position: relative
}

.form__radio + .form__label--radio:before, .form__radio--primary + .form__label--radio:before, .form__radio--secondary + .form__label--radio:before {
    content: '';
    border-radius: 100%;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: 1px;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all .4s ease
}

.form--profile .bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li a .text, .form__radio + .form__label--radio:empty:before, .form__radio--primary + .form__label--radio:empty:before, .form__radio--secondary + .form__label--radio:empty:before, .idLocationSelect.bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li a .text, .select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li a .text, .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li a .text {
    margin-right: 0
}

.form__radio--primary:focus + .form__label--radio:before, .form__radio--secondary:focus + .form__label--radio:before, .form__radio:focus + .form__label--radio:before {
    outline: 0
}

.range-values__input, .range-values__input--primary, .range-values__input--secondary {
    border: none;
    background: 0 0;
    padding: 2px 0 5px;
    cursor: default
}

.link--show-more, .searchbar--alt_text, .show-more-equipment, .slick-dots li, .slick-dots li button {
    cursor: pointer
}

.range-values__input--primary:focus, .range-values__input--secondary:focus, .range-values__input:focus {
    border: none;
    background: rgba(51,51,51,.2);
    box-shadow: none;
    outline: 0
}

.nav__link {
    transition: all .3s ease
}

.form--profile .bootstrap-select .dropdown-toggle, .idLocationSelect.bootstrap-select .dropdown-toggle, .select--primary .dropdown-toggle, .select--secondary .dropdown-toggle {
    border-radius: 5px;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    text-transform: none;
    padding: 3px 12px;
    font-style: normal
}

    .form--profile .bootstrap-select .dropdown-toggle:focus, .idLocationSelect.bootstrap-select .dropdown-toggle:focus, .select--primary .dropdown-toggle:focus, .select--secondary .dropdown-toggle:focus {
        outline: 0;
        border-color: transparent;
        box-shadow: none
    }

.form--profile .bootstrap-select .custom-select, .idLocationSelect.bootstrap-select .custom-select, .select--primary .custom-select, .select--secondary .custom-select {
    border: none
}

    .form--profile .bootstrap-select .custom-select .form-control:focus, .idLocationSelect.bootstrap-select .custom-select .form-control:focus, .select--primary .custom-select .form-control:focus, .select--secondary .custom-select .form-control:focus {
        box-shadow: none
    }

.form--profile .bootstrap-select .bootstrap-select .dropdown-toggle .filter-option, .idLocationSelect.bootstrap-select .bootstrap-select .dropdown-toggle .filter-option, .select--primary .bootstrap-select .dropdown-toggle .filter-option, .select--secondary .bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    text-overflow: ellipsis;
    right: 0;
    left: 0;
    padding: 0 15px 0 10px;
    overflow: hidden;
    white-space: nowrap
}

.form--profile .bootstrap-select .bootstrap-select .dropdown-toggle:focus, .idLocationSelect.bootstrap-select .bootstrap-select .dropdown-toggle:focus, .select--primary .bootstrap-select .dropdown-toggle:focus, .select--secondary .bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
    outline-offset: 0
}

.form--profile .bootstrap-select .bootstrap-select .dropdown-toggle:after, .idLocationSelect.bootstrap-select .bootstrap-select .dropdown-toggle:after, .select--primary .bootstrap-select .dropdown-toggle:after, .select--secondary .bootstrap-select .dropdown-toggle:after {
    right: 15px;
    position: absolute;
    top: 15px
}

.form--profile .bootstrap-select .bootstrap-select .dropdown-toggle[aria-expanded=true], .idLocationSelect.bootstrap-select .bootstrap-select .dropdown-toggle[aria-expanded=true], .select--primary .bootstrap-select .dropdown-toggle[aria-expanded=true], .select--secondary .bootstrap-select .dropdown-toggle[aria-expanded=true] {
    border-bottom: none;
    border-radius: 5px 5px 0 0
}

.form--profile .bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li a, .idLocationSelect.bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li a, .select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li a, .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li a {
    position: relative
}

    .form--profile .bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li a:before, .idLocationSelect.bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li a:before, .select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li a:before, .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li a:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f0c8";
        width: 25px;
        height: 25px;
        padding-right: 10px
    }

.form--profile .bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li:hover, .idLocationSelect.bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li:hover, .select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover, .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover {
    background-color: transparent;
    text-decoration: none
}

    .form--profile .bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li:hover a, .idLocationSelect.bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li:hover a, .select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover a, .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover a {
        text-decoration: none;
        width: 100%
    }

.form--profile .bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li.selected a:before, .idLocationSelect.bootstrap-select .bootstrap-select.select__multiple .dropdown-menu.inner li.selected a:before, .select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li.selected a:before, .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li.selected a:before {
    content: "\f14a"
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

    .slick-dots li {
        position: relative;
        padding: 0
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            padding: 5px;
            color: transparent;
            border: 0;
            outline: 0;
            background: 0 0
        }

            .slick-dots li button:before {
                font-family: slick;
                font-size: 32px;
                line-height: 30px;
                content: '•';
                text-align: center;
                color: #bdbdbd
            }

.btn--collapse:after, .btn--collapse_blue:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700 !important;
    transition: all .3s ease
}

.slick-dots li.slick-active button:before {
    color: #333;
}

@media (max-width:992px) {
    .slick-dots {
        margin: 0;
        bottom: -25px
    }
}

button.slick-arrow {
    background: 0 0
}

.table--home td, .table--product td {
    color: #8c8c8c;
    border-top: none;
    border-bottom: 1px solid #717171;
    padding-top: 1px;
    padding-bottom: 1px
}

.is-blur-wrapper {
    border-radius: 5px;
    position: relative
}

    .is-blur-wrapper .productImage {
        width: auto !important;
        height: 100%;
        display: block;
        margin: auto;
        z-index: 9999;
        border-radius: 0;
        position: relative
    }

.bg-blur, .tinted-bg-overlay {
    position: absolute;
    border-radius: 5px;
    z-index: 0
}

.tinted-bg-overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(40,40,40,.3),rgba(40,40,40,.3))
}

.bg-blur {
    opacity: 1;
    min-height: 100%;
    height: auto;
    display: block;
    top: 0;
    max-height: none
}

.site-logo-ahref {
    margin-right: 7px !important;
}

.site-logo-img {
    height: 53px;
}

.footer-logo{
    position: relative;
    right: 22px;
    max-width: 165px;
}

@media (max-width:1200px) {
    .site-logo-img {
        height: 46px;
    }
}

.img--watermark {
    bottom: 0;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.img--profile {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 6px solid #474747
}

.img--dealer-ad {
    max-width: 720px
}

.img--icon--hotlist {
    top: 10px;
    left: 10px
}

.img--icon--deal-flag {
    width: 48px;
    left: 12px;
}

.img--expired:after, .img--expiring:after, .img--gradient:before {
    border-radius: 5px;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block
}

.img--gradient {
    position: relative
}

    .img--gradient:before {
        position: absolute;
        background-image: linear-gradient(rgba(0,0,0,0) 76%,rgba(0,0,0,.5) 100%)
    }

.img--expiring {
    position: relative
}

    .img--expiring:after {
        position: absolute;
        background-image: linear-gradient(rgba(255,167,38,.8),rgba(255,167,38,.8))
    }

.img--expired {
    position: relative
}

    .img--expired:after {
        position: absolute;
        background-image: linear-gradient(rgba(244,67,54,.7),rgba(244,67,54,.7))
    }

.compare-button-icon.fa-check, .hide-button, .watch-button-icon.fa-check {
    display: none
}

.load-more img {
    width: 200px;
    height: 200px
}

.badge--close {
    color: rgba(51,51,51,.5)
}

.text--default, .text--default:hover {
    color: #FFCC00
}

.text--secondary, .text--secondary:hover {
    color: #333;
}

.btn--tile, .btn--tile:hover, .text--fallback, .text--fallback:hover {
    color: #333
}

.text--white, .text--white:hover {
    color: #fff
}

.btn--tile .btn--tile--icon, .btn--tile .btn--tile--icon:hover, .text--grey, .text--grey:hover {
    color: #bdbdbd
}

.text--lt-grey, .text--lt-grey:hover {
    color: #f5f5f5
}

.text--green, .text--green:hover {
    color: #4caf50
}

.text--lt-green, .text--lt-green:hover {
    color: #dce775
}

.text--orange, .text--orange:hover {
    color: #ffa726
}

.text--lightgreen, .text--lightgreen:hover {
    color: #bed738
}

.table--home td.text--error, .table--home td.text--error:hover, .table--product td.text--error, .table--product td.text--error:hover, .text--error, .text--error:hover {
    color: #f44336
}

.table--home td.text--success, .table--home td.text--success:hover, .table--product td.text--success, .table--product td.text--success:hover, .text--success, .text--success:hover {
    color: #4caf50
}

.text--md-grey, .text--md-grey:hover {
    color: #e3e3e3
}

.text--scrollbar, .text--scrollbar:hover {
    color: #696969
}

.text--tile-grey, .text--tile-grey:hover {
    color: #e9e9e9
}

.text--dk-grey, .text--dk-grey:hover {
    color: #8c8c8c
}

.text--black, .text--black:hover {
    color: #282828
}

.text--account-grey, .text--account-grey:hover {
    color: #d8d8d8
}

.text--hover-default, .text--hover-default:hover {
    color: #cdc623
}

.text--hover-secondary, .text--hover-secondary:hover {
    color: #01244a
}

.placeholder--default::-webkit-input-placeholder {
    color: #FFCC00
}

.placeholder--default:-ms-input-placeholder {
    color: #FFCC00
}

.placeholder--default::placeholder {
    color: #FFCC00
}

.placeholder--secondary::-webkit-input-placeholder {
    color: #007bff
}

.placeholder--secondary:-ms-input-placeholder {
    color: #007bff
}

.placeholder--secondary::placeholder {
    color: #007bff
}

.placeholder--fallback::-webkit-input-placeholder {
    color: #333
}

.placeholder--fallback:-ms-input-placeholder {
    color: #333
}

.placeholder--fallback::placeholder {
    color: #333
}

.placeholder--white::-webkit-input-placeholder {
    color: #fff
}

.placeholder--white:-ms-input-placeholder {
    color: #fff
}

.placeholder--white::placeholder {
    color: #fff
}

.placeholder--grey::-webkit-input-placeholder {
    color: #bdbdbd
}

.placeholder--grey:-ms-input-placeholder {
    color: #bdbdbd
}

.placeholder--grey::placeholder {
    color: #bdbdbd
}

.placeholder--lt-grey::-webkit-input-placeholder {
    color: #f5f5f5
}

.placeholder--lt-grey:-ms-input-placeholder {
    color: #f5f5f5
}

.placeholder--lt-grey::placeholder {
    color: #f5f5f5
}

.placeholder--green::-webkit-input-placeholder {
    color: #4caf50
}

.placeholder--green:-ms-input-placeholder {
    color: #4caf50
}

.placeholder--green::placeholder {
    color: #4caf50
}

.placeholder--lt-green::-webkit-input-placeholder {
    color: #dce775
}

.placeholder--lt-green:-ms-input-placeholder {
    color: #dce775
}

.placeholder--lt-green::placeholder {
    color: #dce775
}

.placeholder--orange::-webkit-input-placeholder {
    color: #ffa726
}

.placeholder--orange:-ms-input-placeholder {
    color: #ffa726
}

.placeholder--orange::placeholder {
    color: #ffa726
}

.placeholder--error::-webkit-input-placeholder {
    color: #f44336
}

.placeholder--error:-ms-input-placeholder {
    color: #f44336
}

.placeholder--error::placeholder {
    color: #f44336
}

.placeholder--success::-webkit-input-placeholder {
    color: #4caf50
}

.placeholder--success:-ms-input-placeholder {
    color: #4caf50
}

.placeholder--success::placeholder {
    color: #4caf50
}

.placeholder--md-grey::-webkit-input-placeholder {
    color: #e3e3e3
}

.placeholder--md-grey:-ms-input-placeholder {
    color: #e3e3e3
}

.placeholder--md-grey::placeholder {
    color: #e3e3e3
}

.placeholder--scrollbar::-webkit-input-placeholder {
    color: #696969
}

.placeholder--scrollbar:-ms-input-placeholder {
    color: #696969
}

.placeholder--scrollbar::placeholder {
    color: #696969
}

.placeholder--tile-grey::-webkit-input-placeholder {
    color: #e9e9e9
}

.placeholder--tile-grey:-ms-input-placeholder {
    color: #e9e9e9
}

.placeholder--tile-grey::placeholder {
    color: #e9e9e9
}

.placeholder--dk-grey::-webkit-input-placeholder {
    color: #8c8c8c
}

.placeholder--dk-grey:-ms-input-placeholder {
    color: #8c8c8c
}

.placeholder--dk-grey::placeholder {
    color: #8c8c8c
}

.placeholder--black::-webkit-input-placeholder {
    color: #282828
}

.placeholder--black:-ms-input-placeholder {
    color: #282828
}

.placeholder--black::placeholder {
    color: #282828
}

.placeholder--account-grey::-webkit-input-placeholder {
    color: #d8d8d8
}

.placeholder--account-grey:-ms-input-placeholder {
    color: #d8d8d8
}

.placeholder--account-grey::placeholder {
    color: #d8d8d8
}

.placeholder--hover-default::-webkit-input-placeholder {
    color: #cdc623
}

.placeholder--hover-default:-ms-input-placeholder {
    color: #cdc623
}

.placeholder--hover-default::placeholder {
    color: #cdc623
}

.placeholder--hover-secondary::-webkit-input-placeholder {
    color: #01244a
}

.placeholder--hover-secondary:-ms-input-placeholder {
    color: #01244a
}

.placeholder--hover-secondary::placeholder {
    color: #01244a
}

.hover-state--default {
    transition: all .3s ease
}

    .hover-state--default:hover {
        color: #FFCC00
    }

.hover-state--secondary {
    transition: all .3s ease
}

    .hover-state--secondary:hover {
        color: #007bff
    }

.hover-state--fallback {
    transition: all .3s ease
}

    .hover-state--fallback:hover {
        color: #333
    }

.hover-state--white {
    transition: all .3s ease
}

    .hover-state--white:hover {
        color: #fff
    }

.hover-state--grey {
    transition: all .3s ease
}

    .hover-state--grey:hover {
        color: #bdbdbd
    }

.hover-state--lt-grey {
    transition: all .3s ease
}

    .hover-state--lt-grey:hover {
        color: #f5f5f5
    }

.hover-state--green {
    transition: all .3s ease
}

    .hover-state--green:hover {
        color: #4caf50
    }

.hover-state--lt-green {
    transition: all .3s ease
}

    .hover-state--lt-green:hover {
        color: #dce775
    }

.hover-state--orange {
    transition: all .3s ease
}

    .hover-state--orange:hover {
        color: #ffa726
    }

.hover-state--error {
    transition: all .3s ease
}

    .hover-state--error:hover {
        color: #f44336
    }

.hover-state--success {
    transition: all .3s ease
}

    .hover-state--success:hover {
        color: #4caf50
    }

.hover-state--md-grey {
    transition: all .3s ease
}

    .hover-state--md-grey:hover {
        color: #e3e3e3
    }

.hover-state--scrollbar {
    transition: all .3s ease
}

    .hover-state--scrollbar:hover {
        color: #696969
    }

.hover-state--tile-grey {
    transition: all .3s ease
}

    .hover-state--tile-grey:hover {
        color: #e9e9e9
    }

.hover-state--dk-grey {
    transition: all .3s ease
}

    .hover-state--dk-grey:hover {
        color: #8c8c8c
    }

.hover-state--black {
    transition: all .3s ease
}

    .hover-state--black:hover {
        color: #282828
    }

.hover-state--account-grey {
    transition: all .3s ease
}

    .hover-state--account-grey:hover {
        color: #d8d8d8
    }

.hover-state--hover-default {
    transition: all .3s ease
}

    .hover-state--hover-default:hover {
        color: #cdc623
    }

.hover-state--hover-secondary {
    transition: all .3s ease
}

    .hover-state--hover-secondary:hover {
        color: #01244a
    }

.headline--two--compare {
    z-index: 20
}

.headline--four--lowercase {
    text-transform: none
}

.btn--product, .btn--product--active {
    text-transform: capitalize !important;
    font-style: normal
}

.headline--footer {
    color: #fff;
    font-size:13px;
}

.footer__col{
    border-right: 1px solid #777;
}

.headline--footer a.headline--footer {
    color: #FFCC00
}

.headline--mm-headline {
    color: #333 !important
}

.center {
    text-align: center
}

.text--button--dark {
    color: #333
}

.text--button--light {
    color: #fff
}

.icon--16 {
    font-size: 16px
}

.icon--14 {
    font-size: 14px
}

.icon--20 {
    font-size: 20px
}

.btn--default {
    background-color: #FFCC00
}

.btn--fallback {
    background-color: #333
}

.btn--white {
    background-color: #fff
}

.btn--grey {
    background-color: #bdbdbd
}

.btn--lt-grey {
    background-color: #f5f5f5
}

.btn--green {
    background-color: #4caf50
}

.btn--lt-green {
    background-color: #dce775
}

.btn--orange {
    background-color: #ffa726
}

.btn--error {
    background-color: #f44336
}

.btn--success {
    background-color: #4caf50
}

.btn--md-grey {
    background-color: #e3e3e3
}

.btn--scrollbar {
    background-color: #696969
}

.btn--tile-grey {
    background-color: #e9e9e9
}

.btn--dk-grey {
    background-color: #8c8c8c
}

.btn--black {
    background-color: #282828
}

.btn--account-grey {
    background-color: #d8d8d8
}

.btn--hover-default {
    background-color: #cdc623
}

.btn--hover-secondary {
    background-color: #01244a
}

.btn--primary {
    color: #333;
    background-color: #FFCC00
}

    .btn--primary:active, .btn--primary:focus, .btn--primary:hover {
        background-color: #e6b800
    }

    .btn--primary:hover {
        color: #333
    }

.btn--secondary {
    color: #fff;
    background-color: #007bff
}

    .btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover {
        background-color: #01244a
    }

    .btn--secondary:hover {
        color: #fff
    }

.btn--product {
    background-color: #f5f5f5;
    color: #333;
    width: 95%
}

.btn--product--email {
    background-color: #FFCC00;
    color: #333
}

    .btn--product--email:hover {
        background-color: #e6b800;
        color: #333
    }

.btn--product--active, .btn--product:hover {
    background-color: #007bff;
    color: #fff
}

    .btn--product--active:hover {
        color: #fff
    }

.btn--ghost {
    color: #007bff
}

    .btn--ghost:active, .btn--ghost:focus, .btn--ghost:hover {
        color: #01244a
    }

.btn--ghost--alt {
    color: #fff;
    padding: 0 0 1px;
    border-radius: 0;
    border-bottom: 1px solid #fff
}

    .btn--ghost--alt:after {
        right: -20px
    }

    .btn--ghost--alt:hover:after, .btn--ghost--nav:after {
        right: -30px
    }

    .btn--ghost--alt:hover {
        color: #fff;
        text-decoration: none
    }

    .btn--ghost--alt:active, .btn--ghost--alt:focus {
        color: #fff
    }

.btn--ghost--nav:focus:after, .btn--ghost--nav:hover:after {
    right: -45px
}

.btn--ghost--opposite {
    padding: 12px 25px 12px 40px
}

    .btn--ghost--opposite:after {
        right: 0;
        left: 10px;
        content: '\f0d9'
    }

.btn--collapse.collapsed:after, .btn--collapse:after, .btn--collapse_blue.collapsed:after, .btn--collapse_blue:after {
    content: '\f0d7'
}

.btn--ghost--opposite:hover:after {
    left: -5px
}

.btn--ghost--smallest {
    padding: 12px 0;
    color: #007bff
}

    .btn--ghost--smallest:active, .btn--ghost--smallest:focus, .btn--ghost--smallest:hover {
        color: #01244a
    }

    .btn--ghost--smallest:after {
        right: -20px !important
    }

    .btn--ghost--smallest:hover:after {
        right: -30px !important
    }

.btn--ghost--small {
    color: #007bff
}

@media (max-width:768px) {
    .btn--ghost--small:after {
        padding-left: 30px
    }

    .btn--ghost--small:active, .btn--ghost--small:focus, .btn--ghost--small:hover {
        text-decoration: underline;
        background-color: transparent;
        color: inherit
    }

        .btn--ghost--small:active:after, .btn--ghost--small:focus:after, .btn--ghost--small:hover:after {
            padding-left: 49px
        }
}

@media (max-width:600px) {
    .btn--ghost--small:after {
        padding-left: 39px
    }

    .btn--ghost--small:active, .btn--ghost--small:focus, .btn--ghost--small:hover {
        text-decoration: underline;
        background-color: transparent;
        color: inherit
    }

        .btn--ghost--small:active:after, .btn--ghost--small:focus:after, .btn--ghost--small:hover:after {
            padding-left: 49px
        }
}

.btn--tile--active .btn--tile--icon, .btn--tile--active:hover, .btn--tile:hover {
    color: #fff
}

.btn--small {
    padding-right: 55px
}

    .btn--small:after {
        padding-left: 25px
    }

    .btn--small:hover:after {
        padding-left: 35px
    }

.btn--tile--active {
    color: #fff;
    background-color: #007bff
}

.btn--tile--small {
    padding: 2px 5px
}

.btn--search {
    border: 1px solid #444;
}

@media (max-width:992px) {
    .btn--search {
        padding-right: 70px
    }

        .btn--search:after {
            padding-left: 40px
        }

        .btn--search:hover:after {
            padding-left: 50px
        }
}

@media (max-width:768px) {
    .btn--search {
        padding-right: 45px
    }

        .btn--search:after {
            padding-left: 15px
        }

        .btn--search:hover:after {
            padding-left: 25px
        }
}

@media (max-width:479px) {
    .btn--search {
        padding-right: 25px;
        padding-left: 10px
    }

        .btn--search:after {
            padding-left: 0;
            right: 10px
        }

        .btn--search:hover:after {
            padding-left: 0;
            right: 5px
        }
}

.btn--collapse {
    font-style: normal;
    position: relative
}

    .btn--collapse:after {
        margin-left: 14px;
        color: #FFFFFF;
        position: absolute
    }

.btn--collapse_blue {
    font-style: normal;
    position: relative
}

    .btn--collapse_blue:after {
        margin-left: 5px;
        color: #007bff;
        position: absolute;
        top: 1px;
        right: 0
    }

.rotate, .show .nav__link--dropdown:after {
    transform: rotate(-180deg)
}

.btn--no-icon--primary {
    background-color: #FFCC00;
    color: #333
}

    .btn--no-icon--primary:hover {
        background-color: #e6b800
    }

.btn--no-icon--secondary {
    background-color: #007bff;
    color: #fff
}

    .btn--no-icon--secondary:hover {
        background-color: #01244a;
        color: #fff
    }

.nav__item--login > a, .show .nav__link--dropdown {
    color: #FFCC00
}

.btn--badge--primary {
    background-color: #FFCC00
}

.btn--badge--secondary {
    background-color: #007bff
}

.compare__close--item--range--error {
    margin: auto
}

.tile__dealer-content--button a {
    padding: 12px 20px 12px 0
}

    .tile__dealer-content--button a:after {
        padding-left: 0;
        right: 0
    }

    .tile__dealer-content--button a:hover:after {
        right: -15px
    }

@media (max-width:992px) {
    .tile__dealer-content--button a {
        padding: 12px 30px 12px 40px
    }

    .navbar-collapse {
        height: inherit !important
    }
}

.reduced-button {
    position: relative;
    padding: 2px 6px
}

.reduced-button--large_tile {
    width: 75%;
    padding: 4px 6px
}

@media (max-width:768px) {
    .reduced-button--large_tile {
        width: 58%
    }
}

@media (max-width:600px) {
    .reduced-button--large_tile {
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }
}

.show-button {
    top: 55%;
    right: 1%;
    font-size: 14px
}

@media (max-width:768px) {
    .show-button {
        font-size: 12px
    }
}

.hide-button {
    top: 55%;
    right: 1%;
    font-size: 14px
}

.icon-rotate {
    transition: all .3s ease;
    display: inline-block
}

@media (max-width:479px) {
    .product-listing__featured .view-all {
        white-space: nowrap
    }

        .product-listing__featured .view-all .btn--ghost {
            padding-left: 15px
        }
}

@media (max-width:768px) {
    .hide-button {
        font-size: 12px
    }

    #OpenSmsModalButton {
        margin-left: 0 !important;
        margin-top: 15px
    }
}

.signin--facebook {
    max-width: 200px;
    margin: auto
}

    .signin--facebook a {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 15px
    }

.nav__item--login .fa-w-16 {
    width: .75em
}

.nav__link {
    padding: 8px 13px
}

@media (max-width:1200px) {
    .nav__link {
        font-size: 14px;
        padding: 8px
    }
}

.nav__link--dropdown:after {
    transition: all .4s ease;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
    font-style: normal;
    margin-left: 6px;
    color: #FFCC00
}

.navbar-expand-lg {
    z-index: 998
}

    .navbar-expand-lg .navbar-nav .nav__link {
        padding: 8px 16px
    }

@media (max-width:1200px) {
    .navbar-expand-lg .navbar-nav .nav__link {
        padding: 8px 10px
    }
}

.navbar-expand-lg .navbar-nav .nav__item--login .nav__link {
    padding-right: 0
}

.navbar-container {
    max-width: 1300px;
    width: 100%
}

@media (max-width:992px) {
    .navbar-container {
        position: relative
    }

    .sub-nav__col {
        display: block
    }
}

.dropdown.show {
    position: initial
}

.sub-nav {
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    border: none
}

.sub-nav__link, .sub-nav__link:hover {
    color: #333
}

.mega-menu__col {
    position: relative
}

.mega-menu__col--last {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mega-menu__item--btn {
    position: absolute;
    bottom: 0
}

    .mega-menu__item--btn a:hover {
        text-decoration: none
    }

.mega-menu__link {
    color: #333
}

    .mega-menu__link:hover {
        color: #333;
        text-decoration: underline
    }

#watchToggle:hover, .search__icon a:hover, .searchbar--alt_text:hover, .searchbar--text:hover, .watched {
    text-decoration: none
}

.has-submenu.show .nav__link {
    position: relative
}

    .has-submenu.show .nav__link:before {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #bdbdbd;
        content: '';
        bottom: -75%;
        left: 35%
    }

@media (max-width:992px) {
    .has-submenu.show .nav__link:before {
        display: none
    }

    #navbarToggler {
        display: none !important
    }

    .navbar-expand-lg > .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:993px) {
    #mm-navbarToggler {
        display: none !important
    }
}

.menu-btn {
    width: 20px;
    height: 15px;
    display: none
}

    .menu-btn:focus {
        border: none;
        box-shadow: none;
        outline: 0
    }

@media (max-width:992px) {
    .menu-btn {
        display: block
    }
}

@media (max-width:600px) {
    .menu-btn {
        right: 0
    }
}

.bar, .bar:after, .bar:before {
    width: 20px;
    height: 3px;
    border-radius: 5px
}

.bar {
    position: relative;
    display: block;
    transform: translateY(6px);
    background: #fff;
    transition: all 0s .3s
}

    .bar.animate {
        background: rgba(255,255,255,0)
    }

    .bar:after, .bar:before {
        position: absolute;
        left: 0;
        background: #fff
    }

    .bar.animate:after {
        top: 0;
        transform: rotate(45deg);
        transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)
    }

    .bar.animate:before {
        bottom: 0;
        transform: rotate(-45deg);
        transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)
    }

    .bar:before {
        content: "";
        bottom: 6px;
        transition: bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)
    }

    .bar:after {
        content: '';
        top: 6px;
        transition: top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)
    }

.mm-menu {
    z-index: 9999;
    top: 72px
}

.nav-item__social {
    font-size: 22px
}

.mm-wrapper_opened .mm-menu_fx-menu-slide {
    transform: translate(-100%,0);
    transform: translate3d(-100%,0,0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide {
    transform: translate(0,0);
    transform: translate3d(0,0,0)
}

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
    transform: translate(100%,0);
    transform: translate3d(100%,0,0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
    transform: translate(0,0);
    transform: translate3d(0,0,0)
}

.mm-btn_next {
    width: 100% !important
}

.mm-btn_prev {
    width: 100%
}

.fastline .mm-navbars_top .mm-btn_prev {
    left: -12px;
    top: 10px;
    color: #333
}

    .fastline .mm-navbars_top .mm-btn_prev:before {
        background-image: url(https://static.fastline.com/Assets/Static/web/acorn/images/icon/arrow-left.png\a);
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        border: none !important;
        transform: rotate(0);
        content: 'Back';
        padding-left: 25px
    }

.fastline .mm-menu {
    background-color: #bdbdbd
}

.fastline .mm-navbars_bottom > .mm-navbar, .fastline .mm-navbars_top > .mm-navbar, .fastline li, .fastline ul {
    border-color: transparent
}

.fastline .mm-navbars_top {
    border: none
}

.fastline #mm-1 {
    margin-top: -15px
}

    .fastline #mm-1 .mm-listitem {
        color: #333
    }

        .fastline #mm-1 .mm-listitem a {
            padding: 10px 30px
        }

.fastline #mm-2 {
    margin-top: -9px !important
}

.fastline .mm-panel:not(#mm-1) {
    margin-top: 20px
}

    .fastline .mm-panel:not(#mm-1) .mm-navbar {
        display: block;
        border-bottom: 0;
        text-align: left;
        padding: 0 30px
    }

        .fastline .mm-panel:not(#mm-1) .mm-navbar .mm-navbar__title {
            padding: 10px;
            color: #333
        }

        .fastline .mm-panel:not(#mm-1) .mm-navbar .mm-btn_prev {
            display: none
        }

    .fastline .mm-panel:not(#mm-1) .mm-listitem a {
        color: #333;
        padding-top: 5px;
        padding-bottom: 5px
    }

        .fastline .mm-panel:not(#mm-1) .mm-listitem a.btn--ghost--nav:after {
            right: -30px
        }

        .fastline .mm-panel:not(#mm-1) .mm-listitem a.btn--ghost--nav:focus:after, .fastline .mm-panel:not(#mm-1) .mm-listitem a.btn--ghost--nav:hover:after {
            right: -45px
        }

    .fastline .mm-panel:not(#mm-1) .mm-listview {
        margin-top: 12px
    }

.fastline .mm-btn_next:after {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/images/icon/caret-right.png);
    background-repeat: no-repeat;
    border: none;
    width: 20px;
    height: 20px;
    transform: rotate(0)
}

.fastline .mm-listitem {
    padding: 8px 0
}

    .fastline .mm-listitem > a {
        padding: 10px 40px
    }

        .fastline .mm-listitem > a .fa-user {
            color: #333;
            font-size: 14px;
            margin-left: 10px !important
        }

.fastline .mobile--social {
    padding: 8px 30px
}

    .fastline .mobile--social li {
        margin-right: 4px
    }

        .fastline .mobile--social li a {
            font-size: 22px
        }

.fastline .footer__content--phone--mobile {
    color: #333 !important
}

.footer-nav__item a:hover {
    color: #bdbdbd
}

.offcanvas-toggler--profile {
    display: none;
    cursor: pointer
}

@media (max-width:992px) {
    .offcanvas-toggler--profile {
        display: block;
        z-index: 99;
        position: fixed;
        left: 0;
        bottom: 8%;
        border-radius: 0 50% 50% 0;
        padding: 15px 25px 15px 15px;
        visibility: visible;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        transition-property: left
    }

    .offcanvas-collapse {
        position: fixed;
        top: 70px;
        bottom: 0;
        right: 100%;
        width: 75%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #333;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        transition-property: right,visibility;
        z-index: 999
    }

        .offcanvas-collapse.open {
            right: 25%;
            visibility: visible
        }

    .offcanvas-toggler--profile.open {
        left: 75%
    }

    .container--searchbar {
        max-width: 100%
    }
}

.form-group {
    margin-bottom: 16px
}

.form-group--phone--profile .new-item input {
    width: 100%
}

@media (max-width:768px) {
    .form-group--phone--profile .new-item input {
        width: 100%
    }
}

.form-group--phone--profile .new-item--input-wrapper {
    width: 50%
}

    .form-group--phone--profile .new-item--input-wrapper .get-notified {
        padding-left: 1px
    }

@media (max-width:768px) {
    .form-group--phone--profile .new-item--input-wrapper {
        width: 100%
    }

    .form-row {
        margin-left: 0;
        margin-right: 0
    }
}

.form-group--phone .new-item input {
    width: 90%
}

.form__input--search {
    border-color: rgba(51,51,51,.2);
    background-color: rgba(51,51,51,.1);
    width: 94%;
    color: #333;
    padding: 0 15px
}

    .form__input--search:focus {
        box-shadow: none;
        border-color: rgba(51,51,51,.5);
        background-color: rgba(51,51,51,.1);
        color: #333
    }

    .form__input--search::-webkit-input-placeholder {
        color: rgba(51,51,51,.3)
    }

    .form__input--search:-ms-input-placeholder {
        color: rgba(51,51,51,.3)
    }

    .form__input--search::placeholder {
        color: rgba(51,51,51,.3)
    }

@media (max-width:768px) {
    .form__input--search {
        width: 90%
    }

    .filter-search__headline {
        cursor: pointer
    }
}

.form__input--classified {
    width: 90%
}

.form__checkbox--small + label:before {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.form__checkbox--small:checked + label:after {
    left: 3px
}

.form__checkbox--primary + label:before {
    background: 0 0;
    border: 1px solid #bdbdbd
}

.form__checkbox--primary:checked + label:before, .form__checkbox--primary:hover + label:before {
    background: #FFCC00
}

.form__checkbox--primary:checked + label:after {
    background: #FFCC00;
    left: 6px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form__checkbox--secondary + label:before, .form__checkbox--secondary:checked:disabled + label:before {
    border: 1px solid #007bff
}

.form__checkbox--secondary--checked + label:before, .form__checkbox--secondary:checked + label:before, .form__checkbox--secondary:hover + label:before {
    background: #007bff
}

.form__checkbox--secondary--checked + label:after, .form__checkbox--secondary:checked + label:after {
    background: #007bff;
    left: 6px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form__radio--primary + .form__label--radio:before {
    background: 0 0;
    border: 1.5px solid #bdbdbd
}

.form__radio--primary:checked + .form__label--radio:before {
    background-color: #FFCC00;
    box-shadow: inset 0 0 0 3px #333
}

.form__radio--primary:focus + .form__label--radio:before {
    border-color: #FFCC00
}

.form__radio--primary:disabled + .form__label--radio:before {
    box-shadow: inset 0 0 0 3px #f5f5f5;
    border-color: #b5b5b5;
    background: #b5b5b5
}

.form__radio--secondary + .form__label--radio:before {
    background: #fff;
    border: 1.5px solid #bdbdbd
}

.form__radio--secondary:checked + .form__label--radio:before {
    background-color: #007bff;
    box-shadow: inset 0 0 0 3px #fff
}

.form__radio--secondary:focus + .form__label--radio:before {
    border-color: #007bff
}

.form__radio--secondary:disabled + .form__label--radio:before {
    box-shadow: inset 0 0 0 3px #f5f5f5;
    border-color: #b5b5b5;
    background: #b5b5b5
}

.form .is-invalid:focus, .form .is-valid:focus {
    box-shadow: none
}

.form .form__checkbox--secondary:checked + label.social-media-classifieds__label:after {
    position: absolute;
    left: -18px;
    top: 7px
}

.form .is-valid {
    color: #4caf50;
    border-color: #4caf50;
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/images/icon/check-circle.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding-right: 38px
}

.form .valid-feedback {
    color: #4caf50
}

.form .invalid-feedback, .form .is-invalid, .form h6.error {
    color: #f44336;
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/images/icon/exclamation-circle.png) !important;
    background-repeat: no-repeat
}

.form .is-invalid {
    border-color: #f44336;
    background-position: 95% center !important;
    padding-right: 38px
}

.form .custom-select.error-container button:after {
    display: none
}

.form .invalid-feedback, .form h6.error {
    font-size: 15px;
    background-position: left center !important;
    padding-left: 25px
}

.form--multi-step .form__label {
    margin-bottom: 2px
}

.form--multi-step fieldset:not(.star-rating__fieldset) {
    display: none;
    border: none
}

    .form--multi-step fieldset:not(.star-rating__fieldset):first-of-type {
        display: block
    }

    .form--multi-step fieldset:not(.star-rating__fieldset).hidden {
        display: none
    }

    .form--multi-step fieldset:not(.star-rating__fieldset).visible {
        display: block
    }

.form--multi-step.edit-form fieldset:not(.star-rating__fieldset) button, .form--multi-step.edit-form h4 {
    display: none !important
}

.form--multi-step.edit-form fieldset:not(.star-rating__fieldset) {
    display: block !important
}

.form--multi-step.edit-form [type=reset], .form--multi-step.edit-form [type=submit] {
    display: inline-block !important
}

.form--multi-step .dropdown-toggle {
    margin-bottom: 0
}

.dealer-profile--not-dealer .form__checkbox--secondary + label {
    margin-left: 24px
}

    .dealer-profile--not-dealer .form__checkbox--secondary + label:before {
        position: absolute;
        left: -24px;
        top: 2px
    }

.dealer-profile--not-dealer .form__checkbox--secondary:checked + label:after {
    position: absolute;
    left: -18px;
    top: 4px
}

.dealer-profile--not-dealer .form__checkbox--secondary:checked + label:before {
    position: absolute;
    left: -24px;
    top: 2px
}

.container--searchbar {
    margin-top: -1px
}

@media (max-width:992px) {
    .container--searchbar--buttons {
        display: none !important
    }
}

.search {
    border-radius: 0 0 5px 5px;
    left: 0;
    z-index: 99
}

.search__bar, .search__bar--watch {
    border-radius: 0 0 5px 5px
}

.search__form #searchsubmit {
    min-width: 0
}

.search__icon a {
    text-transform: none;
    color: #333;
    display: block;
    width: 100%;
    text-align: right
}

    .search__icon a:hover {
        color: #333
    }

    .search__icon a .fas {
        font-size: 16px
    }

.search__bar {
    width: 100%;
    height: 80px;
}

@media (max-width:992px) {
    .search__bar {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 0
    }

    .search__bar--watch {
        max-width: 100%
    }

    .search {
        border-radius: 0
    }
}

.search-btn--mobile, .watch-btn--mobile {
    display: none;
}

    .search-btn--mobile .searchbar--icon, .watch-btn--mobile .searchbar--icon {
        font-size: 20px
    }

@media (max-width:992px) {
    .search-btn--mobile {
        display: block;
    }
}

@media (max-width:992px) {
    .watch-btn--mobile {
        display: block;
        position: absolute;
        right: 51px
    }
}

@media (max-width:600px) {
    .watch-btn--mobile {
        right: 35px
    }

    .watch-container.is-open .search__bar--watch {
        height: 1100px
    }
}

.searchbar--icon {
    display: none;
    font-size: 16px
}

.searchbar--text {
    text-transform: none;
    color: #333
}

    .searchbar--text:hover {
        color: #333
    }

.searchbar--alt_text {
    text-transform: none;
    color: #fff
}

    .searchbar--alt_text:hover {
        color: #fff
    }

.watched {
    color: #fff;
    padding-top: 2px
}

.watched--container {
    right: 0;
    border-bottom-right-radius: 5px;
    z-index: 99
}

#watchItems {
    display: none;
    margin-top: 0
}

.watch-container.is-open {
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 65px;
    right: 0;
    bottom: 0;
    left: 0
}

    .watch-container.is-open .search__bar--watch {
        margin-bottom: 15vh;
        min-height: 1000px;
        position: absolute;
        transform: translateX(-50%);
        left: 50.7%
    }

@media (max-width:992px) {
    .watched--container {
        border-radius: 0
    }

    #watchItems {
        margin-top: 0
    }

    .watch-container.is-open {
        left: 0
    }
}

.watch-overlay {
    display: none;
    background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.filter-search__item {
    padding: 0
}

.filter-search--checkbox-list {
    max-height: 215px;
    overflow-y: scroll;
    margin-right: 5px
}

    .filter-search--checkbox-list .checkbox-row label {
        margin-bottom: 3px
    }

    .filter-search--checkbox-list::-webkit-scrollbar {
        background-color: #282828;
        width: 6px;
        border-radius: 3px
    }

    .filter-search--checkbox-list::-webkit-scrollbar-thumb {
        background-color: #696969;
        border-radius: 3px
    }

    .filter-search--checkbox-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px
    }

.filter-search--checkbox-list--light::-webkit-scrollbar {
    background-color: #8c8c8c;
    width: 6px;
    border-radius: 3px
}

.filter-search--checkbox-list--light::-webkit-scrollbar-thumb {
    background-color: #007bff;
    border-radius: 3px
}

.filter-search--checkbox-list--light::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px
}

.filter-search .fa-caret-down {
    transition: all .3s ease;
    transform: rotate(0)
}

.arrow-rotate {
    transition: all .3s ease;
    transform: rotate(-180deg)
}

.checkbox-message {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    bottom: 0;
    background: #f5f5f5;
    color: #333;
    padding: 5px
}

.select.select--miles .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 115px
}

.select.select--miles label {
    margin-right: 5px;
    margin-bottom: 0
}

.select.select--miles button.dropdown-toggle {
    background-color: #9b9b9b;
    border-radius: 5px;
    max-width: 115px;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .select.select--miles button.dropdown-toggle:focus {
        outline: 0 !important
    }

    .select.select--miles button.dropdown-toggle:after {
        display: none
    }

.select.select--miles .bootstrap-select.select--miles button.dropdown-toggle .filter-option {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-style: normal;
    margin: 0;
    text-transform: none
}

.select.select--miles .bootstrap-select.select--miles .dropdown-menu {
    margin-top: -5px;
    border: none;
    border-radius: 5px;
    background: #9b9b9b
}

    .select.select--miles .bootstrap-select.select--miles .dropdown-menu ul.dropdown-menu {
        margin-top: 0;
        border-radius: 0
    }

        .select.select--miles .bootstrap-select.select--miles .dropdown-menu ul.dropdown-menu li a {
            color: #fff;
            text-align: center;
            margin-bottom: 0
        }

            .select.select--miles .bootstrap-select.select--miles .dropdown-menu ul.dropdown-menu li a:focus {
                box-shadow: none;
                border: none;
                outline: 0
            }

        .select.select--miles .bootstrap-select.select--miles .dropdown-menu ul.dropdown-menu li:hover a {
            background-color: #333
        }

.form__input--zip {
    background-color: #9b9b9b;
    color: #333;
    max-width: 115px;
    transition: all .3s ease;
    padding: 7px 15px 8px;
    border-radius: 5px;
    border: 1px solid transparent
}

    .form__input--zip:focus {
        border: 1px solid #333;
        background: #9b9b9b;
        color: #fff
    }

    .form__input--zip::-webkit-input-placeholder {
        color: rgba(51,51,51,.5)
    }

    .form__input--zip:-ms-input-placeholder {
        color: rgba(51,51,51,.5)
    }

    .form__input--zip::placeholder {
        color: rgba(51,51,51,.5)
    }

.error--email, .error--password, .error--zip {
    display: none;
    color: red;
    font-size: 14px
}

.advanced-search__link {
    border-radius: 5px;
    background-color: #d8d8d8;
    margin: 0 0 10px 5px;
    color: #8c8c8c
}

    .advanced-search__link:hover {
        color: #8c8c8c
    }

    .advanced-search__link.active {
        border-radius: 0 5px 5px 0;
        background-color: #f5f5f5;
        color: #007bff;
        margin: 0 0 10px
    }

@media (max-width:768px) {
    .advanced-search__link {
        margin: 0 0 10px
    }

        .advanced-search__link.active {
            border-radius: 5px
        }
}

.advanced-search__submit {
    margin-top: 45px
}

.input-validation-error {
    border: 1px solid red;
    background-color: #fee
}

.select.input-validation-error {
    border: none;
    background: 0 0
}

    .select.input-validation-error .custom-select button {
        border: 1px solid red;
        background-color: #fee
    }

    .select.input-validation-error .custom-select.show button {
        background-color: transparent
    }

.range-sliders__item .ui-slider {
    position: relative;
    text-align: left
}

    .range-sliders__item .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

.range-sliders__item .ui-slider-range-min {
    left: 0
}

.range-sliders__item .ui-slider-range {
    top: 0;
    height: 100%
}

@media (max-width:992px) {
    .advanced-search__submit button {
        padding: 12px 95px 12px 25px;
        min-width: 175px
    }

    .range-sliders__item {
        width: 98%
    }
}

.range-values__input {
    display: block;
    width: 100%
}

.range-values__input--secondary, .range-values__input--secondary:focus {
    color: #007bff
}

.multiple-items .slick-dots li.slick-active button:before, .range-values__input--primary, .range-values__input--primary:focus {
    color: #FFCC00
}

.range-values__input.filter-search--zip {
    width: 70px;
    transition: all .3s ease;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    font-size: 12px;
    text-align: center;
    padding: 2px
}

.range-slider .ui-slider-handle {
    border-radius: 50%;
    height: 12px;
    width: 12px;
    position: absolute;
    top: -3px;
    margin-left: -5px;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.compare__headline, .equipment-hunt__new-items, .notifications__headline {
    cursor: pointer
}

.range-slider .ui-slider-handle:focus {
    outline: 0
}

.range-slider--primary {
    background: rgba(0,0,0,.3);
    height: 6px
}

    .range-slider--primary .ui-slider-handle, .range-slider--primary .ui-slider-range {
        background-color: #FFCC00
    }

.range-slider--secondary {
    background: rgba(0,0,0,.1);
    height: 6px
}

    .range-slider--secondary .ui-slider-handle, .range-slider--secondary .ui-slider-range {
        background-color: #007bff
    }

@media (max-width:768px) {
    .range-slider {
        height: 12px
    }

        .range-slider .ui-slider-handle {
            height: 20px;
            width: 20px;
            top: -4px;
            margin-left: -3px
        }
}

.filter-search--number, [readonly=readonly] {
    pointer-events: none
}

.watch-arrow--left, .watch-arrow--right {
    top: 50%;
    color: #fff;
    background-color: transparent;
    position: absolute
}

.featured-arrow--left {
    font-weight: normal;
    transform: scale(1,3);
    color: #777;
}

.featured-arrow--right {
    font-weight: normal;
    transform: scale(1,3);
    color: #777;
}

.slick-arrow {
    margin-left: 15px;
    margin-right: 15px
}

.watch-arrow--icon {
    font-size: 30px
}

.watch-arrow--icon:hover {
    color: #007DC5;
}

.watch-arrow--left {
    left: -6%
}

    .watch-arrow--left:focus {
        box-shadow: none;
        outline: 0
    }

.watch-arrow--right {
    right: -6%
}

    .watch-arrow--right:focus {
        box-shadow: none;
        outline: 0
    }

.slick-slide:focus {
    outline: 0
}

.watched__multi-items .slick-track {
    display: -ms-flexbox;
    display: flex;
    width: 100% !important
}

.watched__multi-items h5 {
    height: 70px
}

@media (max-width:992px) {
    .watch-arrow--left, .watch-arrow--right {
        top: inherit;
        bottom: -40px;
    }

    .watch-arrow--right {
        right: 20%
    }

    .watch-arrow--left {
        left: 20%
    }

    .multiple-items--container {
        margin-bottom: 40px
    }
}

.reminders .slick-track {
    -ms-flex-align: center;
    align-items: center
}

.reminders__item--primary .tile__content {
    padding-bottom: 16px !important
}

.reminders__item--primary h5 {
    height: 75px
}

.reminders__item--secondary__tile {
    margin-bottom: 10px;
    transition: all .3s ease
}

    .reminders__item--secondary__tile h5 {
        min-height: 39px;
        height: 100%
    }

    .reminders__item--secondary__tile:last-child {
        margin-bottom: 0
    }

    .reminders__item--secondary__tile:hover {
        opacity: .8
    }

.reminders__item--secondary:hover {
    opacity: 1
}

.slider-product__icons {
    left: 16px;
    bottom: 8px
}

    .slider-product__icons .fa-reply {
        transform: rotateY(180deg)
    }

.slider-product__item--video .slider-product__image {
    min-height: 400px
}

.slider-nav button.slick-arrow {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%)
}

.slider-nav button.slick-arrow--prev {
    left: -40px
}

.slider-nav button.slick-arrow--next {
    right: -40px
}

@media (max-width:479px) {
    .slider-nav .slider-product__item img {
        display: none !important
    }

    .slider-nav button.slick-arrow {
        top: 0
    }

    .slider-nav button.slick-arrow--prev {
        left: 40px
    }

    .slider-nav button.slick-arrow--next {
        right: 40px
    }

    .slider-nav {
        margin-top: 20px
    }

        .slider-nav .slick-dots {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: auto
        }
}

.tile__content--small {
    min-height: 125px;
    position: relative;
}

.tile__content--small .mt-2 {
    position: absolute;
    bottom: 0;
    margin-bottom: 5px
}

#accordion, .banner .select--primary, .popover .arrow {
    position: relative
}

.pagingInfo {
    display: none
}

@media (max-width:479px) {
    .pagingInfo {
        display: block
    }
}

.show-all--cats .fa-caret-down {
    transition: all .3s ease
}

.show-all--cats.is-open .fa-caret-down {
    transform: rotate(-180deg)
}

@media (max-width:600px) {
    .card-body.w-75 {
        width: 100% !important
    }
}

#accordion {
    z-index: 10
}

.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
    display: block
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
    display: none
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    padding: 0
}

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).select__simple--classified {
        width: 90%
    }

.select--primary .dropdown-toggle {
    background: #333;
    border: 1px solid #bdbdbd
}

    .select--primary .dropdown-toggle.bs-placeholder span {
        color: #8c8c8c
    }

    .select--primary .dropdown-toggle span {
        color: #fff
    }

.select--primary .custom-select {
    background: 0 0;
    border-radius: 5px
}

.select--primary .bootstrap-select .dropdown-toggle:focus {
    border: 1px solid #FFCC00
}

.select--primary .bootstrap-select .dropdown-toggle[aria-expanded=true] {
    border-color: #FFCC00;
    border-bottom: none
}

.select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.show {
    border-radius: 0 0 5px 5px;
    margin-top: 0;
    background: #333;
    border: 1px solid #FFCC00;
    border-top: none
}

    .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.show .bs-searchbox {
        padding-top: 0;
        padding-bottom: 0
    }

    .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.show .form-control {
        border: none;
        outline: 0;
        background: rgba(255,255,255,.2);
        color: #fff
    }

.select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner {
    padding: 2px 8px 0;
    background-color: #333;
    max-height: 300px !important
}

    .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner::-webkit-scrollbar {
        background-color: #333;
        width: 6px;
        border-radius: 3px
    }

    .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner::-webkit-scrollbar-thumb {
        background-color: #696969;
        border-radius: 3px
    }

    .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px
    }

    .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li {
        border-radius: 5px
    }

        .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li a {
            padding: 8px;
            width: 100%;
            margin-bottom: 5px;
            color: #fff
        }

        .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li.selected.active a, .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li.selected.active:hover a, .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li:hover a {
            color: #333
        }

        .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li:hover {
            background-color: #FFCC00
        }

        .select--primary .bootstrap-select.select__dropdown--primary .dropdown-menu.inner li.selected.active {
            background-color: #bdbdbd
        }

.select--primary .bootstrap-select.select__dropdown--primary.show .dropdown-toggle:after {
    border-top: .3em solid #FFCC00;
    transform: rotate(0);
    transition: all .3s ease
}

.select--primary .bootstrap-select.select__dropdown--primary.show .dropdown-toggle[aria-expanded=true]:after {
    transform: rotate(-180deg)
}

.select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li a:before {
    color: #FFCC00
}

.select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover {
    background-color: transparent
}

    .select--primary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover a {
        color: #fff
    }

.select--secondary .dropdown-toggle {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e9e9e9
}

    .select--secondary .dropdown-toggle.bs-placeholder span {
        color: #8c8c8c !important
    }

    .select--secondary .dropdown-toggle span {
        color: #333 !important
    }

.select--secondary .custom-select {
    background: 0 0;
    border-radius: 5px
}

.select--secondary .bootstrap-select .dropdown-toggle:focus {
    border: 1px solid #e9e9e9
}

.select--secondary .bootstrap-select .dropdown-toggle[aria-expanded=true] {
    border-color: #007bff;
    border-bottom: none
}

.select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.show {
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #007bff;
    border-top: none;
    margin-top: 0
}

    .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.show .form-control {
        background-color: rgba(189,189,189,.4);
        border: none;
        outline: 0;
        color: #333
    }

.select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner {
    background-color: #fff;
    padding: 2px 8px 0;
    max-height: 300px !important
}

    .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner li {
        border-radius: 5px
    }

        .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner li.selected.active {
            background-color: rgba(189,189,189,.4);
            color: #333
        }

            .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner li.selected.active:hover a {
                color: #333
            }

        .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner li a {
            color: #333;
            padding: 8px;
            width: 100%;
            margin-bottom: 5px
        }

        .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner li:hover {
            background-color: #007bff
        }

            .select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-menu.inner li:hover a {
                color: #fff
            }

.select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-toggle:after {
    border-top: .3em solid #007bff;
    transform: rotate(0);
    transition: all .3s ease
}

.select--secondary .bootstrap-select.select__dropdown--secondary .dropdown-toggle[aria-expanded=true]:after {
    transform: rotate(-180deg)
}

.select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li a {
    position: relative;
    margin-bottom: 0
}

    .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li a:before {
        color: #007bff
    }

.select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover {
    background-color: transparent;
    text-decoration: none
}

    .select--secondary .bootstrap-select.select__multiple .dropdown-menu.inner li:hover a {
        color: #333
    }

.custom-select {
    border: none
}

.form--profile .bootstrap-select .dropdown-toggle, .idLocationSelect.bootstrap-select .dropdown-toggle {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e9e9e9
}

    .form--profile .bootstrap-select .dropdown-toggle.bs-placeholder span, .idLocationSelect.bootstrap-select .dropdown-toggle.bs-placeholder span {
        color: #8c8c8c
    }

    .form--profile .bootstrap-select .dropdown-toggle span, .idLocationSelect.bootstrap-select .dropdown-toggle span {
        color: #333
    }

    .form--profile .bootstrap-select .dropdown-toggle:focus, .idLocationSelect.bootstrap-select .dropdown-toggle:focus {
        border: 1px solid #e9e9e9;
        outline: 0 !important
    }

    .form--profile .bootstrap-select .dropdown-toggle[aria-expanded=true], .idLocationSelect.bootstrap-select .dropdown-toggle[aria-expanded=true] {
        border-color: #007bff;
        border-bottom: none
    }

.form--profile .bootstrap-select .custom-select, .idLocationSelect.bootstrap-select .custom-select {
    background: 0 0;
    border-radius: 5px
}

.form--profile .bootstrap-select .dropdown-menu.show, .idLocationSelect.bootstrap-select .dropdown-menu.show {
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #007bff;
    border-top: none;
    margin-top: 0
}

    .form--profile .bootstrap-select .dropdown-menu.show .form-control, .idLocationSelect.bootstrap-select .dropdown-menu.show .form-control {
        background-color: rgba(189,189,189,.4);
        border: none;
        outline: 0;
        color: #333
    }

.form--profile .bootstrap-select .dropdown-menu.inner, .idLocationSelect.bootstrap-select .dropdown-menu.inner {
    background-color: #fff;
    padding: 2px 8px 0;
    max-height: 300px !important
}

    .form--profile .bootstrap-select .dropdown-menu.inner li, .idLocationSelect.bootstrap-select .dropdown-menu.inner li {
        border-radius: 5px
    }

        .form--profile .bootstrap-select .dropdown-menu.inner li.selected.active, .idLocationSelect.bootstrap-select .dropdown-menu.inner li.selected.active {
            background-color: rgba(189,189,189,.4);
            color: #333
        }

            .form--profile .bootstrap-select .dropdown-menu.inner li.selected.active:hover a, .idLocationSelect.bootstrap-select .dropdown-menu.inner li.selected.active:hover a {
                color: #333
            }

        .form--profile .bootstrap-select .dropdown-menu.inner li a, .idLocationSelect.bootstrap-select .dropdown-menu.inner li a {
            color: #333;
            padding: 8px;
            width: 100%;
            margin-bottom: 5px
        }

        .btn-group.bootstrap-select.custom-select:not(.disabled) span.filter-option, .form--profile .bootstrap-select .dropdown-menu.inner li:hover a, .idLocationSelect.bootstrap-select .dropdown-menu.inner li:hover a {
            color: #fff
        }

        .form--profile .bootstrap-select .dropdown-menu.inner li:hover, .idLocationSelect.bootstrap-select .dropdown-menu.inner li:hover {
            background-color: #007bff
        }

.form--profile .bootstrap-select .dropdown-toggle:after, .idLocationSelect.bootstrap-select .dropdown-toggle:after {
    border-top: .3em solid #007bff;
    transform: rotate(0);
    transition: all .3s ease
}

.form--profile .bootstrap-select .dropdown-toggle[aria-expanded=true]:after, .idLocationSelect.bootstrap-select .dropdown-toggle[aria-expanded=true]:after {
    transform: rotate(-180deg)
}

.form--profile .bootstrap-select:focus, .idLocationSelect.bootstrap-select:focus {
    outline: 0
}

.form--profile .bootstrap-select.show .dropdown-toggle, .idLocationSelect.bootstrap-select.show .dropdown-toggle {
    border-radius: 5px 5px 0 0
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    white-space: normal
}

form .bootstrap-select .dropdown-toggle {
    padding: 4px 12px !important
}

.bootstrap-select.btn-group .dropdown-menu {
    width: 100%
}

.form--light .btn-group.bootstrap-select.custom-select:not(.disabled) span.filter-option {
    color: #333 !important
}

.select--secondary .bootstrap-select.is-valid .dropdown-toggle[aria-expanded=true] {
    border-color: #4caf50;
    border-bottom: none
}

.select--secondary .bootstrap-select.is-valid.select__dropdown--secondary .dropdown-menu.show {
    border: 1px solid #4caf50;
    border-top: none
}

.select--secondary .bootstrap-select.is-invalid .dropdown-toggle[aria-expanded=true] {
    border-color: #f44336;
    border-bottom: none
}

.select--secondary .bootstrap-select.is-invalid.select__dropdown--secondary .dropdown-menu.show {
    border: 1px solid #f44336;
    border-top: none
}

.select--primary .bootstrap-select.is-valid .dropdown-toggle[aria-expanded=true] {
    border-color: #4caf50;
    border-bottom: none
}

.select--primary .bootstrap-select.is-valid.select__dropdown--primary .dropdown-menu.show {
    border: 1px solid #4caf50;
    border-top: none
}

.select--primary .bootstrap-select.is-invalid .dropdown-toggle[aria-expanded=true] {
    border-color: #f44336;
    border-bottom: none
}

.select--primary .bootstrap-select.is-invalid.select__dropdown--primary .dropdown-menu.show {
    border: 1px solid #f44336;
    border-top: none
}

.select__dropdown--secondary.is-valid button.dropdown-toggle, .select__dropdown--secondary.is-valid button.dropdown-toggle:focus {
    border: 1px solid #4caf50
}

.select__dropdown--secondary.is-invalid button.dropdown-toggle, .select__dropdown--secondary.is-invalid button.dropdown-toggle:focus {
    border: 1px solid #f44336
}

.select__dropdown--primary.is-valid button.dropdown-toggle, .select__dropdown--primary.is-valid button.dropdown-toggle:focus {
    border: 1px solid #4caf50
}

.select__dropdown--primary.is-invalid button.dropdown-toggle, .select__dropdown--primary.is-invalid button.dropdown-toggle:focus {
    border: 1px solid #f44336
}

.banner .select--primary {
    top: -2px
}

.tooltip {
    color: #FFCC00;
    background-color: #333;
    border: 1px solid #FFCC00;
    font-family: 'Oswald', sans-serif;
}

    .tooltip .tooltip-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .tooltip .tooltip-inner:before {
            content: url(https://static.fastline.com/Assets/Static/web/acorn/images/icon/wrench.svg);
            margin-right: 8px;
            margin-top: 4px
        }

.popover.show {
    z-index: 99
}

    .popover.show.bs-popover-top {
        top: -10px !important
    }

.popover .arrow:after {
    position: absolute;
    bottom: -54px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333
}

.modal--profile .modal-footer, .table td, .table th {
    border-top: none
}

.popover .popover-icon-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: #333;
    border-radius: 5px;
    padding: 8px
}

    .popover .popover-icon-container a {
        display: block;
        padding: 0 8px;
        color: #FFCC00;
        transition: all .3s ease
    }

        .popover .popover-icon-container a:hover {
            color: #fff
        }

.modal-open, .modal-open header .fixed-top {
    padding-right: 0 !important
}

@media (max-width:600px) {
    .modal-open {
        position: fixed
    }
}

.modal-content--no-bg {
    background-color: transparent;
    border: none
}

.modal-backdrop.show {
    opacity: .7
}

.modal-dialog {
    border-radius: 5px;
    max-width: 75%;
    width: 100%
}

.modal-dialog--xxs {
    max-width: 35%
}

.modal-dialog--xs {
    max-width: 50%
}

.modal-dialog--small {
    max-width: 60%
}

@media (max-width:992px) {
    .modal-dialog {
        max-width: 80%
    }
}

.modal-footer {
    border-radius: 0 0 5px 5px
}

.modal--profile .modal-header {
    border-bottom: none
}

.modal--profile .modal-header--product_details {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/product-listing-modal.png);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-size: cover;
    border-radius: 4px 4px 0 0
}

.modal--product_details .modal-content, .modal--product_details--thanks .modal-content {
    border-radius: 5px
}

@media (max-width:768px) {
    .modal-dialog {
        max-width: 100%;
        margin: auto;
        padding-bottom: 40px
    }

    .modal--profile .modal-footer {
        margin: auto;
        text-align: center
    }

        .modal--profile .modal-footer a {
            display: block
        }

    .modal--profile {
        padding: 15px !important
    }
}

.modal--product_details .close, .modal--profile .close {
    display: -ms-flexbox;
    -ms-flex-align: center;
    text-shadow: none;
    right: 0;
    position: absolute;
    color: #FFCC00;
    opacity: 1
}

.modal--profile .close {
    top: -8%;
    display: flex;
    align-items: center
}

    .modal--profile .close .fa-times {
        transition: all .5s ease
    }

    .modal--profile .close:hover .fa-times {
        transform: rotate(360deg)
    }

.modal--profile--dealer .modal-dialog {
    transform: translate(0,25px)
}

    .modal--profile--dealer .modal-dialog .close {
        top: -40px
    }

@media (max-width:600px) {
    .modal--profile .modal-dialog {
        top: 70px
    }
}

.modal--product_details .modal-dialog {
    margin-top: 8%
}

@media (max-width:768px) {
    .modal--product_details .modal-dialog {
        margin-top: 15%
    }
}

.modal--product_details .close {
    top: 0;
    display: flex;
    align-items: center
}


.modal--product_details--thanks {
    position: absolute !important;
    height: auto;
}


@media (min-width: 769px) {
    .modal--product_details--thanks iframe {
        height: 565px !important;
    }
}

@media (min-width: 559px) and (max-width:768px) {
    .modal--product_details--thanks iframe {
        height: 600px !important;
    }
}

@media (min-width: 0) and (max-width:558px) {
    .modal--product_details--thanks iframe {
        height: 675px !important;
    }
}

.modal--product_details--thanks .modal-dialog {
    margin-top: 6%
}

@media (max-width:768px) {
    .modal--product_details--thanks .modal-dialog {
        margin-top: 0
    }
}

.modal--product_details--thanks .close {
    top: 0;
    text-shadow: none;
    opacity: 1;
    right: 0;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #FFCC00
}

.modal.show.modal--profile--dealer .modal-dialog {
    margin-top: 100px
}

@media (max-width:600px) {
    .modal.show.modal--profile--dealer .modal-dialog {
        margin-top: 55px
    }
}

.filter-search__modal {
    top: 50px
}

    .filter-search__modal .filter-search--checkbox-list {
        max-height: 500px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .filter-search__modal .filter-search--checkbox-list .checkbox-row label {
            margin-bottom: -3px
        }

            .filter-search__modal .filter-search--checkbox-list .checkbox-row label:before {
                background-color: #fff
            }

    .filter-search__modal .modal-header {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .filter-search__modal .modal-body {
        padding-top: 10px
    }

.filter-search__modal__column ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 550px
}

    .filter-search__modal__column ul li {
        width: 250px
    }

.filter-search__modal .all-manufacturers::-webkit-scrollbar {
    background-color: #fff;
    width: 6px;
    border-radius: 3px
}

.filter-search__modal .all-manufacturers::-webkit-scrollbar-thumb {
    background-color: #007bff;
    border-radius: 3px
}

.filter-search__modal .all-manufacturers::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
    border-radius: 10px
}

@media (max-width:768px) {
    .filter-search__modal__column ul {
        display: block
    }

    #EnterSmsModal {
        padding: 0 15px !important
    }
}

.modal#shipping-quote .modal-dialog .modal-content p {
    padding: 0 15px
}

.progress {
    border-radius: 7.5px;
    background-color: #d8d8d8
}

@media (max-width:992px) {
    #EnterSmsModal #NumberFormDiv #NumberNewDiv, #EnterSmsModal #NumberFormDiv > div {
        width: 100% !important
    }

    .progress__amount {
        text-align: right
    }
}

.progress-bar--success {
    background-color: #4caf50;
    border-radius: 7.5px
}

.progress-bar__col-left {
    padding-bottom: 2px;
    width: 75%
}

@media (max-width:992px) {
    .progress-bar__col-left {
        width: 100%
    }
}

.profile-tabs__content {
    border-radius: 0 5px 5px
}

.profile-tabs__item:first-child {
    margin-left: 0 !important
}

.profile-tabs__item:last-child {
    margin-left: 8px
}

.profile-tabs__item .nav-link {
    background-color: #d8d8d8;
    color: #8c8c8c;
    border: none;
    border-radius: 5px 5px 0 0;
    padding: 10px 20px
}

    .profile-tabs__item .nav-link.active {
        border: none;
        border-bottom: 2px solid transparent;
        color: #007bff;
        background-color: #f5f5f5
    }

.profile-tabs--alert {
    border-radius: 100%;
    width: 22px;
    height: 22px;
    top: -10px;
    right: -10px
}

    .profile-tabs--alert span {
        width: 22px;
        height: 22px;
        text-align: center;
        margin-top: 1px;
        display: block
    }

@media (max-width:600px) {
    .profile-tabs {
        margin-bottom: 25px;
        display: block;
        width: 100%
    }

        .profile-tabs .nav-link {
            border-radius: 0
        }

    .profile-tabs__item:last-child {
        margin-left: 0
    }

    .profile-tabs__content {
        border-radius: 5px
    }

    .profile-tabs--alert {
        top: 10px;
        right: 10px
    }
}

.table-striped tbody tr:nth-of-type(even):not(.table--footer) {
    background-color: #f5f5f5;
    border: none
}

.table-striped tbody tr:nth-of-type(odd), .table-striped--opposite tbody tr:nth-of-type(even):not(.table--footer) {
    background-color: #fff;
    border: none
}

.table-striped--opposite tbody tr:nth-of-type(odd) {
    background-color: #f5f5f5;
    border: none
}

.table-responsive > .fixed-column {
    display: none
}

@media (max-width:768px) {
    .table-responsive > .fixed-column {
        position: absolute;
        display: inline-block;
        width: auto;
        z-index: 999
    }

        .table-responsive > .fixed-column tbody tr:nth-of-type(odd) td {
            background-color: #fff
        }

        .table-responsive > .fixed-column tbody tr:nth-of-type(even) td {
            background-color: #f5f5f5
        }
}

.table-responsive > .fixed-column thead .column-header--fixed--mobile {
    border-radius: 5px 0 0 5px
}

.table--home {
    margin-bottom: 0
}

.table--compare {
    table-layout: fixed
}

    .table--compare.StickyTableHeader {
        background-color: #fff;
        z-index: 20 !important
    }

        .table--compare.StickyTableHeader.is-scrolling {
            top: 130px !important
        }

    .table--compare thead, .table--compare thead tr, .table--compare thead tr th {
        border: none
    }

        .table--compare thead th:nth-child(even) {
            background: rgba(51,51,51,.05)
        }

    .table--compare td, .table--compare th {
        border: none;
        text-align: center;
        overflow: hidden;
        color: #333
    }

    .table--compare.table-striped tbody tr {
        border-radius: 5px
    }

@media (max-width:768px) {
    .table--compare.table-striped tbody tr {
        background-color: #f5f5f5
    }
}

.table--compare.table-striped tbody td:nth-child(even) {
    background: rgba(51,51,51,.05)
}

.table--compare .table--fixed-header {
    background-color: #fff;
    z-index: 20 !important;
    position: fixed;
    visibility: hidden;
    top: 130px !important
}

    .table--compare .table--fixed-header tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

.table--compare .table--footer th {
    font-size: 0
}

@media (max-width:768px) {
    .table--compare .table--fixed-header {
        display: none
    }

    .table--compare thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .table--compare th {
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        text-transform: uppercase;
        color: #333;
        font-weight: 700;
        background-color: #fff
    }

    .table--compare tr {
        display: block;
        margin-bottom: .625em
    }

    .table--compare td {
        display: block;
        text-align: right
    }

        .table--compare td:before {
            content: attr(data-title);
            float: left;
            font-weight: 700;
            color: #007bff
        }

        .table--compare td:last-child {
            border-bottom: 0
        }

    .table--compare .table--footer th {
        font-size: 14px
    }

    .table--compare .table--footer td div {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .table--product table {
        table-layout: fixed
    }
}

.banner:after, .category__image:after, .equipment-bg:after, .equipment-hunt__category-image:after {
    content: ""
}

.card, .table--product td {
    border: none
}

@media (max-width:479px) {
    .table--compare .table--footer td {
        display: block !important;
        text-align: center
    }

        .table--compare .table--footer td:before {
            float: none;
            text-align: center
        }

        .table--compare .table--footer td div {
            display: block !important;
            margin: 10px auto
        }
}

@media (max-width:320px) {
    .table--compare td, .table--compare td:before {
        display: block;
        float: none;
        text-align: center
    }
}

@media (max-width:600px) {
    .table--product td {
        width: 50%;
        padding-right: 10px !important;
        padding-left: 10px !important
    }
}

.table--product td:first-child {
    color: #007bff;
    width: 45%
}

@media (max-width:768px) {
    .table--product td:first-child {
        width: 50%
    }
}

.table--product td:last-child {
    color: #333;
    width: 45%
}

@media (max-width:768px) {
    .table--product td:last-child {
        width: 100%
    }
}

.compare__image:before, .table--brands thead tr {
    border-radius: 5px
}

@media (max-width:600px) {
    .table-responsive--stacked tbody, .table-responsive--stacked tbody tr {
        display: block;
        width: 100%
    }

        .table-responsive--stacked tbody tr td, .table-responsive--stacked tbody tr th {
            display: block;
            width: 100%;
            text-align: center
        }

            .table-responsive--stacked tbody tr td h6, .table-responsive--stacked tbody tr th h6 {
                padding-left: 0 !important
            }
}

.compare__image {
    max-width: 250px;
    margin: auto
}

.table--brands .column-header--fixed--mobile {
    width: 150px;
    padding-right: 5px
}

.table--brands a {
    color: #333;
    text-decoration: underline
}

.subcategories ul li a:hover, .subcategories--long ul li a:hover {
    color: #007bff
}

.table--brands thead th {
    border: none;
    font-weight: 400;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap
}

    .table--brands thead th:first-child {
        border-radius: 5px 0 0 5px;
        text-align: left;
        padding-left: 12px
    }

    .table--brands thead th:last-child {
        border-radius: 0 5px 5px 0;
        padding-right: 12px
    }

.table--brands tbody th {
    font-weight: 400;
    border-top: 1px solid transparent
}

.table--brands tbody td {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid transparent
}

    .table--brands tbody td label {
        margin-bottom: 0
    }

    .table--brands tbody td:first-child {
        padding-left: 12px
    }

@media (max-width:768px) {
    .table--brands thead th {
        width: 150px
    }

    .table--brands {
        table-layout: fixed;
        width: 750px
    }
}

@media (max-width:1050px) {
    .items-table {
        width: 30% !important
    }
}

@media (max-width:768px) {
    .items-table {
        width: 25% !important
    }
}

@media (max-width:600px) {
    .items-table {
        width: 100% !important;
        text-align: center;
        padding-top: 10px
    }
}

.container--default {
    background-color: #FFCC00
}

.container--secondary {
    background-color: #007DC5;
}

.container--fallback {
    background-color: #777777;
}

.container--white {
    background-color: #fff
}

.container--grey {
    background-color: #bdbdbd
}

.container--lt-grey {
    background-color: #f5f5f5
}

.container--green {
    background-color: #4caf50
}

.container--lt-green {
    background-color: #dce775
}

.container--orange {
    background-color: #ffa726
}

.container--error {
    background-color: #f44336
}

.container--success {
    background-color: #4caf50
}

.container--md-grey {
    background-color: #e3e3e3
}

.container--scrollbar {
    background-color: #696969
}

.container--tile-grey {
    background-color: #e9e9e9
}

.container--dk-grey {
    background-color: #8c8c8c
}

.container--black {
    background-color: #282828
}

.container--blue {
    background-color: #3b7ebb;
}

.container--account-grey {
    background-color: #d8d8d8
}

.container--hover-default {
    background-color: #e6b800
}

.container--hover-secondary {
    background-color: #01244a
}

.border--default {
    border-color: #FFCC00
}

.border--secondary {
    border-color: #007bff
}

.border--fallback {
    border-color: #333
}

.border--white {
    border-color: #fff
}

.border--grey {
    border-color: #bdbdbd
}

.border--lt-grey {
    border-color: #f5f5f5
}

.border--green {
    border-color: #4caf50
}

.border--lt-green {
    border-color: #dce775
}

.border--orange {
    border-color: #ffa726
}

.border--error {
    border-color: #f44336
}

.border--success {
    border-color: #4caf50
}

.border--md-grey {
    border-color: #e3e3e3
}

.border--scrollbar {
    border-color: #696969
}

.border--tile-grey {
    border-color: #e9e9e9
}

.border--dk-grey {
    border-color: #8c8c8c
}

.border--black {
    border-color: #282828
}

.border--account-grey {
    border-color: #d8d8d8
}

.border--hover-default {
    border-color: #cdc623
}

.border--hover-secondary {
    border-color: #01244a
}

.dealer-stars {
    font-size: 16px
}

.hot-list--container {
    position: relative;
    left: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

    .hot-list--container .hot-list--button {
        position: relative
    }

        .hot-list--container .hot-list--button.fade-in h6 {
            position: absolute;
            right: 10px;
            top: -14px
        }

            .hot-list--container .hot-list--button.fade-in h6:first-child {
                animation: hot-list-fade 8s infinite;
                -webkit-animation: hot-list-fade 8s infinite
            }

            .hot-list--container .hot-list--button.fade-in h6:last-child {
                animation: hot-list-fade2 8s infinite;
                -webkit-animation: hot-list-fade2 8s infinite
            }

    .hot-list--container .hot-list--price.fade-in h4:first-child {
        position: absolute;
        animation: hot-list-fade 8s infinite;
        -webkit-animation: hot-list-fade 8s infinite
    }

    .hot-list--container .hot-list--price.fade-in h4:last-child {
        animation: hot-list-fade2 8s infinite;
        -webkit-animation: hot-list-fade2 8s infinite
    }

.hot-list--container--large {
    top: 2px;
    padding-bottom: 13px
}

    .hot-list--container--large .hot-list--button, .hot-list--container--large .hot-list--button.fade-in h6 {
        position: relative
    }

        .hot-list--container--large .hot-list--button.fade-in h6:first-child {
            top: 9px;
            left: 0;
            animation: hot-list-fade 8s infinite;
            -webkit-animation: hot-list-fade 8s infinite
        }

        .hot-list--container--large .hot-list--button.fade-in h6:last-child {
            top: -20px;
            left: 0;
            animation: hot-list-fade2 8s infinite;
            -webkit-animation: hot-list-fade2 8s infinite
        }

    .hot-list--container--large .hot-list--price.fade-in h3 {
        position: absolute;
        top: 5px
    }

        .hot-list--container--large .hot-list--price.fade-in h3:first-child {
            animation: hot-list-fade 8s infinite;
            -webkit-animation: hot-list-fade 8s infinite
        }

        .hot-list--container--large .hot-list--price.fade-in h3:last-child {
            animation: hot-list-fade2 8s infinite;
            -webkit-animation: hot-list-fade2 8s infinite
        }

@media (max-width:600px) {
    .hot-list--container--large {
        top: -8px;
        padding-bottom: 0
    }

        .hot-list--container--large .hot-list--price, .hot-list--container--large .hot-list--price.fade-in h3 {
            position: relative
        }

            .hot-list--container--large .hot-list--price.fade-in h3:first-child {
                top: 18px
            }

            .hot-list--container--large .hot-list--price.fade-in h3:last-child {
                top: -18px
            }
}

.category__image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    max-width: 170px;
    width: 100%;
    height: 113px;
    z-index: 2
}

    .category__image:after {
        border-radius: 5px;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        background: linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45))
    }

    .category__image h6 {
        z-index: 10
    }

.category--dealer__item {
    width: 50%
}

@media (max-width:992px) {
    .category--dealer__item {
        width: 30%
    }
}

.compare {
    right: -575px;
    top: 25%;
    z-index: 1030;
    transition: all .5s ease-in-out
}

.compare__container.overlay-active, .compare__overlay {
    z-index: 9;
    position: fixed !important;
    top: 0;
    left: 0;
    right: -15px;
    bottom: 0
}

.compare__headline, .compare__item .container--white {
    transition: all .3s ease
}

.compare__overlay {
    display: none;
    background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7))
}

.compare__container.overlay-active {
    overflow-y: scroll;
    overflow-x: hidden
}

@media (max-width:768px) {
    .compare__container.overlay-active {
        right: 0
    }
}

@media (max-width:600px) {
    .category--dealer__item {
        width: 50%
    }

    .compare__container.overlay-active {
        right: -15px
    }
}

.compare__headline {
    transform: rotate(-90deg);
    left: -165px;
    top: 110px;
    border-radius: 5px 5px 0 0;
    padding: 15px 10px;
    width: 275px
}

    .compare__headline .compare__icon {
        transition: all .3s ease;
        transform: rotate(0)
    }

.compare__headline--open .compare__icon {
    transform: rotate(-180deg)
}

.compare__content {
    width: 575px;
    border-radius: 0 0 0 5px;
    min-height: 6px;
}

.compare__item {
    position: relative
}

.compare__item--hover {
    display: none
}

.compare__item:hover {
    opacity: 1
}

    .compare__item:hover .container--white {
        opacity: .3
    }

    .compare__item:hover .compare__item--hover {
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 46%;
        z-index: 99;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

.compare__item.mobile-is-active {
    opacity: 1
}

    .compare__item.mobile-is-active .container--white {
        opacity: .3
    }

    .compare__item.mobile-is-active .compare__item--hover {
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 46%;
        z-index: 99;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

.compare.compare-is-open {
    right: 0;
    position: absolute !important;
    margin-bottom: 25px
}

@media (max-width:768px) {
    .compare {
        top: 0;
        right: -100vw
    }

    .compare__headline {
        top: 80px;
        transform: none;
        width: 175px;
        left: -200px;
        padding: 5px;
        border-radius: 5px
    }

        .compare__headline h5 {
            font-size: 15px
        }

            .compare__headline h5 .compare__icon {
                display: none
            }

    .compare .compare__content {
        width: 100vw;
        height: 100vh
    }

    .compare .compare__close--mobile {
        top: 0;
        z-index: -1
    }

    .compare.compare-is-open {
        margin-bottom: 0
    }

        .compare.compare-is-open .compare__content {
            width: 100vw;
            height: 100%;
            border-radius: 0
        }

        .compare.compare-is-open .compare__close--mobile {
            z-index: 99;
            top: 0;
            margin-left: -15px;
            display: block !important
        }
}

@media (max-width:600px) {
    .compare {
        right: -100vw;
        transition: all .5s linear
    }

    .compare__headline {
        left: -145px;
        width: 135px
    }

    .compare.compare-is-open {
        right: 4vw
    }

    .banner__content--advanced {
        margin-top: 30px
    }
}

.equipment-hunt__new-items .fa-caret-down, .notifications__headline .fa-caret-down, .profile__item a, .star-rating__none {
    transition: all .3s ease
}

.compare-zindex-high {
    z-index: 1030
}

.compare-zindex-low {
    z-index: 9
}

.fa-phone {
    transform: rotate(90deg)
}

.social-icons__item a {
    font-size: 22px
}

.banner {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
    background-position: center center
}

    .banner:after {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        background: linear-gradient(rgba(51, 51, 51, .3), rgba(51, 51, 51, .3));
        pointer-events: none
    }

.banner__content, .home-classified__content {
    z-index: 10
}

.banner--guides, .banner--home {
    display: -ms-flexbox;
    -ms-flex-align: center
}

.banner--video {
    height: 500px;
    min-height: 500px;
    width: 100%;
    background-size: cover;
    overflow: hidden
}

    .banner--video video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%)
    }

.banner--home {
    /*background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/homepage-banner-image.png);*/
    display: flex;
    align-items: center
}

.banner--guides {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/FastlineGuides.jpg);
    display: flex;
    align-items: center
}

.banner--catalogs, .banner--classifieds {
    display: -ms-flexbox;
    -ms-flex-align: center
}

.banner--catalogs {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/view-catalogs.jpg);
    display: flex;
    align-items: center
}

.banner--classifieds {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/classified-hero-image.jpg);
    display: flex;
    align-items: center
}

.banner--discover, .banner--listing, .banner--ih-autonomous, .banner--stocker-cattle {
    display: -ms-flexbox;
    -ms-flex-align: center
}

.banner--discover {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/DiscoverFastline.jpg);
    display: flex;
    align-items: center
}

.banner--listing {
    /*background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/product-listing.png);*/
    display: flex;
    align-items: center
}

.banner--ih-autonomous {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/Case_IH_Autonomous_Concept_Vehicle.focus-none.width-800.jpeg);
    display: flex;
    align-items: center
}

.banner--stocker-cattle {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/11976115_xl.focus-none.width-800.jpg);
    display: flex;
    align-items: center
}





.banner--dealer, .banner--equipment {
    display: -ms-flexbox;
    -ms-flex-align: center
}

.banner--equipment {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/find-equipment-hero.png);
    display: flex;
    align-items: center
}

.banner--dealer {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/locate-dealer.jpg);
    display: flex;
    align-items: center
}

@media (max-width: 767px){
    .banner--dealer .container {
        position: relative;
        top: 109px;
    }
}

.banner--basic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.banner--minimalist {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
    background-position: center center;
    background-color: silver;
}

    .banner--minimalist:after {
        position: absolute;
        z-index: 1;
        width: 100%;
        display: block;
        left: 0;
        top: 0;
        background: linear-gradient(rgba(51, 51, 51, .3), rgba(51, 51, 51, .3));
        pointer-events: none;
    }


.page-header {
    /*height: 45vh;*/
    min-height: 400px;
}

.page-header--listing {
    height: 35vh
}

.product-listing__ad{
    width:100%;
}

@media (max-width:992px) {
    .page-header {
        /*height: 75vh*/
    }
}

@media (max-width:768px) {
    .page-header {
        /*height: 100vh*/
    }

    .page-header--small {
        height: 70vh
    }

    .page-header--extra-small {
        height: 40vh
    }

    .banner--dealer, .banner--home, .banner--listing {
        /*min-height: 775px*/
    }
}

@media (max-width:320px) {
    .page-header {
        /*height: 800px*/
    }
}

.page-header--small {
    max-height: 450px
}

.page-header--extra-small {
    max-height: 300px
}

@media (max-width:600px) {
    .home-parts__buttons a {
        display: block;
        max-width: 250px
    }
}

.equipment-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 5px 0 0 5px;
    position: relative;
    z-index: 2
}

@media (max-width:992px) {
    .equipment-bg {
        background-image: none !important;
        background: #333;
        border-radius: 5px 5px 0 0
    }
}

.equipment-bg:after {
    position: absolute;
    z-index: 1;
    border-radius: 5px 0 0 5px;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    background: linear-gradient(rgba(51,51,51,.7),rgba(51,51,51,.7))
}

.find-equipment-hero-content, .register__content, .register__content a, .register__content p {
    z-index: 10
}

.equipment-bg .overlay {
    z-index: 10;
    width: 80%
}

@media (max-width:992px) {
    .equipment-bg:after {
        border-radius: 5px 5px 0 0;
        display: none
    }

    .equipment-bg .overlay {
        width: 100%
    }

    .overlay {
        width: 100%;
        position: static;
        transform: none;
        border-radius: 5px
    }

        .overlay h4 {
            background-color: #333;
            width: 100%;
            padding: 20px 0;
            border-radius: 5px
        }
}

.equipment-hunt__new-items[aria-expanded=true] .fa-caret-down, .notifications__headline[aria-expanded=true] .fa-caret-down {
    transform: rotate(-180deg)
}

.equipment-categories__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0
}

@media (max-width:992px) {
    .equipment-categories__item {
        display: block
    }

    .equipment-categories__item--secondary {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:600px) {
    .equipment-categories__item--secondary {
        display: block
    }
}

.subcategories ul {
    height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:992px) {
    .subcategories ul {
        height: 30vh;
        padding-bottom: 10px
    }
}

@media (max-width:600px) {
    .subcategories ul {
        display: block;
        height: 100%
    }
}

.subcategories--long ul {
    height: 350px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:992px) {
    .subcategories--long ul {
        height: 60vh;
        padding-bottom: 10px
    }
}

@media (max-width:600px) {
    .subcategories--long ul {
        display: block;
        height: 100%
    }
}

@media (max-width:992px) {
    .equipment img {
        display: none
    }

    .featured-listings__headline {
        padding: 5px;
        text-align: center
    }
}

.card-header {
    border: none;
    border-radius: 5px !important
}

.watch-action {
    left: 5%;
    top: 84%
}

.compare-view-listing {
    display: none
}

@media (max-width:768px) {
    .compare-view-listing {
        display: block
    }
}

.product-list--item-amount h6 {
    text-align: right
}

.search-tags__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:992px) {
    .product-list--item-amount {
        margin-top: 15px
    }

        .product-list--item-amount h6 {
            text-align: center
        }

    .search-tags__container {
        display: block
    }
}

.product-no-results {
    border: 1px solid #ffa726
}

.task-list__item {
    margin-top: -4px
}

@media (max-width:992px) {
    .task-list__items {
        text-align: center
    }

    .task-list__headline {
        margin-top: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

        .task-list__headline span {
            text-align: center;
            color: #007bff
        }

        .task-list__headline:hover span {
            color: #007bff
        }
}

.profile__item a {
    color: #fff
}

    .profile__item a:hover, .profile__item--active a {
        color: #FFCC00
    }

.notifications__frequency--list li {
    max-width: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding: 0 5px
}

@media (max-width:992px) {
    .notifications__frequency--list li {
        padding: 0;
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:600px) {
    .notifications__frequency--list li {
        padding: 0;
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:479px) {
    .notifications__frequency--list li {
        padding: 0;
        max-width: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:992px) {
    .notifications__type {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:600px) {
    .notifications__type {
        display: block
    }
}

@media (max-width:992px) {
    .equipment-hunt__header .col-lg-4:not(:first-child) {
        display: none
    }

    .equipment-hunt--target-name a {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        font-weight: 700
    }

    .equipment-hunt--category {
        margin: auto
    }

    .equipment-hunt__edit--search {
        font-size: 12px
    }
}

.equipment-hunt__category-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    max-width: 170px;
    width: 100%;
    height: 113px;
    z-index: 2
}

    .equipment-hunt__category-image:after {
        border-radius: 5px;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        background: linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45))
    }

.equipment-hunt__new-search, .subscription__new {
    border: 2px dashed #bdbdbd
}

.equipment-hunt__category-image h6, .stick {
    z-index: 10
}

.equipment-hunt__edit--delete label:before {
    background: initial
}

.new-items.collapsing, .new-items.show {
    margin-right: -22px;
    margin-left: -22px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.new-items--empty.collapsing, .new-items--empty.show {
    display: block !important;
    margin-right: -15px;
    margin-left: -15px
}

.new-items__watch {
    bottom: 7px;
    left: 6px
}

.new-items .tile--small:hover {
    opacity: 1
}

.classified__image h6 {
    right: 10px;
    bottom: 5px
}

.classified__edit-renew {
    text-align: right
}

.classified__delete {
    position: absolute;
    right: 5px
}

    .classified__delete label:before {
        background: #bdbdbd
    }

.subscription__column {
    text-align: center
}

.subscription__column--first {
    text-align: left
}

.subscription__column--last {
    text-align: right
}

@media (max-width:992px) {
    .classified__delete {
        position: static
    }

    .subscription__column--first, .subscription__column--last {
        text-align: center
    }
}

label p {
    padding-left: 20px
}

.states-list {
    padding-right: 75px
}

.social-media-classifieds__label {
    margin-left: 24px
}

    .social-media-classifieds__label:before {
        position: absolute;
        left: -24px;
        top: 5px
    }

@media (max-width:600px) {
    .states-list {
        padding-right: 35px
    }

    .state-list-display {
        display: none
    }

    .social-media-classifieds {
        width: 100% !important
    }

    .accordion-title--subscribe button {
        text-align: center !important;
        padding: 0 !important
    }
}

@media (max-width:768px) {
    .classified__image h6 {
        right: 30px;
        bottom: 25px
    }

    .subscription-payment {
        width: 33% !important
    }
}

@media (max-width:600px) {
    .subscription-payment {
        width: 75% !important
    }
}

.form__checkbox--secondary:checked + label.social-media-classifieds__label:after {
    position: absolute;
    left: -18px;
    top: 7px
}

.sign-in-page {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/Background-sign-in.png);
    background-size: cover;
    min-height: 100vh
}

.sign-in {
    width: 40%;
    margin-left: 50px;
    margin-top: 90px;
    margin-bottom: 50px
}

@media (max-width:768px) {
    .sign-in {
        width: 50%;
        margin-left: 25px
    }
}

@media (max-width:600px) {
    .sign-in {
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
        margin-bottom: 40px
    }

    .create-account {
        display: none
    }
}

.create-account {
    margin-top: 270px
}

@media (max-width:600px) {
    .total-price {
        text-align: center
    }

    .internet-proof {
        width: 30% !important
    }
}

.view-catalogs-pay {
    padding-top: 70px
}

.month-category {
    width: 15% !important
}

.fixed-width-payment-input {
    width: 220px !important
}

.fixed-width-payment-input--longer {
    width: 240px !important
}

@media (max-width:768px) {
    .create-account {
        margin-top: 200px
    }

    .payment-container {
        width: 100% !important;
        margin-left: 0 !important
    }

    .cvv {
        width: 50% !important
    }

    .expiration-date {
        width: 50% !important;
        padding-right: 20px !important
    }
}

@media (max-width:600px) {
    .expiration-date {
        width: 100% !important;
        margin-right: 0 !important
    }

    .dealer__logo img {
        max-width: 170px;
        width: 100%;
        display: block;
        margin: auto
    }

    .dealer__headline {
        margin-top: 20px
    }
}

#show-less {
    display: none
}

.star-rating__fieldset {
    border: none;
    display: inline-block
}

.active-menu, .list-group-item.active {
    border-left: 2px solid #007bff !important;
    padding-left: 5px !important
}

.tractor-guide-list {
    width: auto;
    background-color: #d8d8d8;
}

    .tractor-guide-list li {
        width: 90%;
        border: none;
        background-color: #d8d8d8 !important;
    }

        .tractor-guide-list li a {
            border: none;
            background-color: #d8d8d8 !important;
            border-radius: 0 !important;
        }
.star-rating__label--none:before, .star-rating__star {
    display: none
}

.star-rating__fieldset .star-group {
    float: left
}

    .star-rating__fieldset .star-group:not(:checked) > label:hover, .star-rating__fieldset .star-group:not(:checked) > label:hover ~ label, .star-rating__fieldset .star-group > input:checked ~ label {
        color: #007bff
    }

        .star-rating__fieldset .star-group:not(:checked) > label:hover.star--grey, .star-rating__fieldset .star-group:not(:checked) > label:hover ~ label.star--grey, .star-rating__fieldset .star-group > input:checked ~ label.star--grey {
            color: #e9e9e9
        }

    .star-rating__fieldset .star-group input:checked ~ label:hover, .star-rating__fieldset .star-group input:checked ~ label:hover ~ label, .star-rating__fieldset .star-group label:hover ~ input:checked ~ label, .star-rating__fieldset .star-group > input:checked + label:hover {
        color: #012954
    }

.star-rating__none:hover {
    font-weight: 700
}

.star-rating__label {
    cursor: pointer;
    float: right;
    color: #e9e9e9
}

    .star-rating__label:before {
        margin: 4px;
        font-size: 1.1em;
        content: '\f005';
        font-weight: 900
    }

.scrollspy-nav {
    right: 5%;
    width: 25%;
    margin-top: 55px;
    max-width: 350px;
    margin-bottom: 20px;
    position: absolute
}

    .scrollspy-nav.scroll-to-fixed-fixed {
        margin-top: 0
    }

.stick {
    position: fixed;
    top: 0
}

.scrollspy-nav div ul li {
    max-height: 25px !important
}

.scrollspy-content {
    margin-left: 90px !important
}

.scroll-section {
    position: relative;
    z-index: 0;
    padding-top: 100px;
    margin-top: -100px
}

.scroll-section--last {
    padding-top: 200px;
    margin-top: -200px
}

.scroll-section--discover-fastline {
    padding-top: 130px;
    margin-top: -130px
}

.scroll-content--used-tractor-guide .scroll-section--last {
    padding-top: 275px;
    margin-top: -275px
}

.discover-fastline--container .scrollspy-content {
    margin-top: 100px
}

.discover-fastline--container .scroll-section {
    padding-top: 0;
    margin-top: 0;
    top: -100px
}

@media (max-width:992px) {
    .scrollspy-content {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .discover-fastline--container .scroll-section {
        padding-top: 0;
        margin-top: 0
    }
}

.four-oh-four {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/404.gif);
    background-size: cover;
    height: 100vh;
    position: relative;
    width: 100%
}

@media (max-width:768px) {
    .scrollspy-nav {
        display: none !important
    }

    .four-oh-four {
        background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/ClassifiedHomeBG.jpg);
        background-size: cover;
        height: 100vh;
        background-position: center center
    }
}

@media (max-width:600px) {
    .four-oh-four {
        background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/ClassifiedHomeBG.jpg);
        background-size: cover;
        height: 100%;
        background-position: center center
    }
}

.page-overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    width: 100%
}

.four-oh-four-content {
    padding-top: 40px;
    height: 85%
}

@media (max-width:768px) {
    .four-oh-four-content {
        padding-top: 0
    }
}

.four-oh-four-buttons {
    height: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 40px
}

@media (max-width:600px) {
    .four-oh-four-buttons {
        padding-top: 55px
    }
}

.back-btn a {
    color: #fff !important
}

.ad-space--sticky {
    max-width: inherit;
    width: inherit;
    margin-top: 0 !important;
    padding-top: 20px
}

    .ad-space--sticky.is-fixed {
        position: fixed;
        top: 100px
    }

    .ad-space--sticky.stick, .ad-space--sticky.stuck {
        width: 100%;
        position: fixed;
        top: 100px
    }

.is-mobile {
    display: none
}

@media (max-width:992px) {
    .is-mobile {
        display: block
    }
}

.is-mobile--md {
    display: none
}

@media (max-width:768px) {
    .is-mobile--md {
        display: block
    }
}

.is-mobile--inline-block {
    display: none
}

@media (max-width:992px) {
    .is-mobile--inline-block {
        display: inline-block
    }
}

.is-mobile--inline-block--md {
    display: none
}

@media (max-width:768px) {
    .is-mobile--inline-block--md {
        display: inline-block
    }
}

.is-mobile--small {
    display: none
}

@media (max-width:600px) {
    .is-mobile--small {
        display: block
    }
}

.is-desktop {
    display: block
}

@media (max-width:992px) {
    .is-desktop {
        display: none !important
    }
}

.is-desktop--md {
    display: block
}

.is-desktop--lg{
    display:block;
}

@media (max-width:992px){
    .is-desktop--lg{
        display:none !important;
    }
}

@media (max-width:768px) {
    .is-desktop--md {
        display: none !important
    }

    .full-width-mobile {
        width: 100% !important
    }
}

.is-tablet {
    display: none
}

@media (max-width:992px) {
    .is-tablet {
        display: block
    }
}

.mobile-display-only {
    display: none !important
}

@media (max-width:600px) {
    .mobile-display-none {
        display: none !important
    }

    .mobile-display-only {
        display: block !important
    }
}

.tablet-mobile-display {
    display: none
}

@media (max-width:992px) {
    .tablet-mobile-display {
        display: block
    }

    .tablet-mobile-display--none {
        display: none !important
    }
}

.is-hidden {
    display: none
}

.is-visible {
    display: block
}

.is-visible--inline {
    display: inline
}

@media screen and (-ms-high-contrast:active) and (max-width:768px),(-ms-high-contrast:none) and (max-width:768px) {
    .table--brands {
        min-width: 750px
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .modal.show .modal-dialog {
        transform: translate(0,200px) !important
    }

    .navbar .dropdown {
        position: static
    }

    .navbar {
        position: static !important
    }

    .mega-menu__col--last {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .dropdown-menu.sub-nav {
        margin-top: 0
    }

    .img--watermark {
        left: 0
    }

    .section--home-classified {
        height: 400px
    }

    .slider-product {
        height: 425px
    }

    .table--product {
        width: 50%
    }

    .search__bar--watch {
        left: 1px
    }

    .table--brands thead th, .table--brands thead th:first-child, .table--brands thead th:last-child, .table--brands thead tr {
        background-color: #007bff
    }

    .used-new-card {
        width: 45% !important
    }

    .modal--product_details.show.modal .modal-dialog, .modal--product_details--thanks.show.modal .modal-dialog, .modal--profile--dealer.show.modal .modal-dialog {
        margin-top: -75px;
        padding-bottom: 30px
    }

    .four-oh-four {
        background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/404_ie.gif)
    }
}

.ie .four-oh-four {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/404_ie.gif)
}

.ie #watchItems {
    margin-top: 12px
}

.ie .watch-container.is-open {
    top: 78px
}

@media screen and (max-width:1200px) and (min-width:1000px) {
    .subcategories h5, .subcategories ul, .subcategories--long h5 {
        padding-left: 35px
    }

    .subcategories ul {
        height: 30vh
    }

    .subcategories--long ul {
        height: 40vh;
        padding-left: 35px
    }

    .tile__bottom--small h4 {
        font-size: 15px !important
    }

    .reduced-button h6 {
        font-size: 12px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .price-comparison, .tile--large--content, .tile__right {
        display: block !important
    }

    .mega-menu__col--last {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .card-body--table {
        margin-left: -14px
    }

    #watchItems {
        margin-left: 32px
    }

    .watch-arrow--left {
        left: -10%
    }

    .watch-arrow--right {
        right: -10%
    }

    .tile__right {
        padding-top: 40px !important
    }

    .reduced-button--large_tile {
        width: 90% !important
    }

    .subscription-payment {
        width: 33% !important
    }

    .view-catalogs {
        display: block;
        padding-bottom: 65px
    }

    .view-catalogs-landscape {
        max-width: 100% !important;
        margin-right: 0 !important
    }

    .four-oh-four {
        background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/ClassifiedHomeBG.jpg);
        background-size: cover;
        height: 100%
    }

    .product-details-modal.modal-dialog--xs {
        max-width: 60% !important
    }
}

@media screen and (max-width:1200px) and (min-width:992px) {
    .tile--large .tile__column .btn--no-wrap {
        width: 150px;
        padding-left: 15px
    }

        .tile--large .tile__column .btn--no-wrap:after {
            right: 18px
        }
}

@media screen and (max-width:1050px) and (min-width:990px) {
    .search__bar--watch {
        width: 100%
    }
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:1) {
    .table--product {
        width: 50%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape) {
    .btn--no-wrap {
        width: 100%;
        padding: 12px 25px 12px 10px
    }

        .btn--no-wrap:after {
            right: 15px
        }

        .btn--no-wrap:hover:after {
            right: 10px
        }
}

/*@media only screen and (min-device-width:375px) and (max-device-height:667px) and (-webkit-device-pixel-ratio:2) and (orientation:landscape) {
    .page-header {
        height: 800px
    }

    .page-header--small {
        height: 80vh
    }

    .page-header--extra-small {
        height: 40vh
    }

    .four-oh-four {
        background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/ClassifiedHomeBG.jpg);
        background-size: cover;
        height: 100%
    }
}*/

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) and (max-width:600px) {
    .mobile-display-none {
        display: none !important
    }
}

/*@media only screen and (min-device-width:375px) and (max-device-height:812px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
    .page-header {
        height: 110vh
    }

    .page-header--small {
        height: 80vh
    }

    .page-header--extra-small {
        height: 40vh
    }

    .mobile-display-only {
        display: none !important
    }

    .tablet-mobile-display {
        display: block !important
    }

    .tablet-mobile-display--none {
        display: none !important
    }

    .tractor-buying-guide {
        margin-left: auto !important;
        margin-right: auto !important
    }
}*/

@media only screen and (device-width:736px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
    .page-header {
        height: 800px
    }

    .page-header--small {
        height: 80vh
    }

    .page-header--extra-small {
        height: 40vh
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .fixed--bg--white, .table--fixed-header {
        display: none
    }

    .watch-container.is-open .search__bar--watch {
        min-height: 1100px
    }

    .reduced-button--large_tile {
        width: 80% !important
    }

    .items-table {
        width: 50% !important;
        padding-top: 10px
    }

    .total-price {
        text-align: right
    }

    .subscription-payment {
        width: 40% !important
    }
}

.table--product {
    width: 50%
}

.show-button {
    top: 57%;
    right: 1%;
    font-size: 14px
}

@media (max-width: 768px) {
    .table--product {
        width: 100%
    }

    .show-button {
        font-size: 12px
    }
}

.touchevents .btn--product, .touchevents .btn--tile {
    background-color: #f5f5f5;
    color: #333
}

.touchevents .btn--product--active, .touchevents .btn--tile--active {
    background-color: #007bff;
    color: #fff
}

.touchevents .form__checkbox--primary:hover + label:before {
    background-color: #333
}

.touchevents .form__checkbox--secondary:hover + label:before {
    background-color: transparent
}

.touchevents .form__checkbox--primary:checked + label:before {
    background-color: #FFCC00
}

.touchevents .form__checkbox--secondary:checked + label:before {
    background-color: #007bff
}

.safari9 .tile--large .tile__right, .safari9 .tile--large--content, .tablet .tile--large .tile__right, .tablet .tile--large--content {
    display: block !important
}

.safari9 .tile--large--btn, .tablet .tile--large--btn {
    display: inline-block !important;
    height: auto
}

.safari9 .hot-list--container--large, .tablet .hot-list--container--large {
    margin-top: 0;
    padding-bottom: 0
}

    .safari9 .hot-list--container--large .hot-list--price.fade-in h3, .tablet .hot-list--container--large .hot-list--price.fade-in h3 {
        top: 0
    }

.safari9.desktop .tile--large .tile__right {
    padding-top: 65px !important
}

.safari9.desktop .tile--large--btn {
    margin-top: 25px !important
}

.safari .table--product {
    width: 50%
}

.safari .four-oh-four {
    background-image: url(https://static.fastline.com/Assets/Static/web/acorn/background_images/404_ie.gif)
}

.ipad .modal--profile .modal-header--product_details {
    height: 150px
}

.firefox .range-values {
    width: 100%
}

.firefox .range-values__input {
    width: 25%
}

.edge .range-values__input, .edge .table--product {
    width: 50%
}

#pc-tooltip {
    display: inline-block;
}

.pc-tooltip-property-label {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.pc-tooltip-property-value {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

.article-byline{
    float:right;
    font-size:.8em;
    line-height:1.2em;
    color:#3a3a3a;
}

.article-headline--one{
    color:#333;
    padding-bottom: 1rem!important;
    text-transform: capitalize!important;
    font-size:30px;
    line-height:40px;
    letter-spacing: .5px;
    font-family: 'Oswald', sans-serif;
    font-weight:500;
}

.article-headline--two{
    color:#333;
    padding-bottom: 1rem!important;
    line-height:40px;
    letter-spacing:.5px;
    font-size:24px;
    font-family: 'Oswald', sans-serif;
    font-weight:500;
    margin-top:20px;
}

.article-headline--three{
    color:#333;
    padding-bottom: 1rem!important;
    line-height:26px;
    letter-spacing:.5px;
    font-size:18px;
    font-family: 'Oswald', sans-serif;
    margin-top:20px;
}

.article-p--copy{
    color: #8c8c8c;
    font-family: 'Oswald', sans-serif;
    line-height:30px;
    letter-spacing:.7px;
    margin-bottom:10px;
    font-size:18px;
}

.article-p--copy a{
    color:#007bff;
    text-decoration: underline;
}

.article-p--copy a:hover{
    color:#007bff;
}

.article-ol,.article-ul{
    color: #8c8c8c;
    font-family: 'Oswald', sans-serif;
    line-height:30px;
    letter-spacing:.7px;
    margin-bottom:10px;
    font-size:18px;
    padding-left: 40px;
}

.article-ol li{
    list-style-type: decimal;
}

.article-ul li{
    list-style-type: disc;
}

.indent-unordered-list {
    margin-left: 34px;
}

.auction-thumbnail-resize {
    height: 190px;
    object-fit: cover;
}

.auction-status-text {
    text-align: right;
    font-weight: bold;
    font-size: 28px;
    color: rgb(30, 66, 12);
}

.grid-view .auction-status-text {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: rgb(30, 66, 12);
    line-height: 18px;
    padding-left: 20px;
    height: 56px;
}
.grid-view .auction-status-text div {
    margin: 5px 5px 0 0;
}

.auction-fmg-status-text{
    color:#287BBB;
}

.grid-view .item-dealer{
    height: 123px;
}
