.h6 {
    font-weight: 300;
}
section{
    padding : 0;
}

.v-select.single .dropdown-toggle {
    background: #fff;
    height: 38px !important;
    min-height: auto;
    padding: .375rem .75rem;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    border-radius: .25rem 0 .25rem 0;
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 1px hsla(0, 0%, 80%, .5);
    font-size: 1rem;
    color: #575757
}

.v-select.single .dropdown-toggle .clear, .v-select.single .dropdown-toggle:after {
    display: none
}

.v-select.single .vs__actions, .v-select.single .vs__selected-options {
    -webkit-transform: skew(15deg);
    transform: skew(15deg)
}

.v-select.single .selected-tag {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    border: 0
}

.v-select.single .form-control {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 100%;
    font-weight: 300
}

.v-select.single .form-control:focus, .v-select.single .form-control:hover {
    outline: none
}

.v-select.single .form-control::-webkit-input-placeholder {
    opacity: .5
}

.v-select.single .form-control::-moz-placeholder {
    opacity: .5
}

.v-select.single .form-control:-ms-input-placeholder {
    opacity: .5
}

.v-select.single .form-control:-moz-placeholder {
    opacity: .5
}

.v-select.single .vs__actions {
    padding: 0 !important;
    align-items: center !important
}

.v-select.single .dropdown-menu {
    max-height: 300px !important;
    margin-top: 5px;
    border-radius: 0 !important;
    border: 1px solid #ccc;
    left: -5px
}

.v-select.single .dropdown-menu li.highlight > a {
    background: #bf0d03 !important
}

.v-select.single .dropdown-menu li > a {
    padding: .5rem 1rem
}

.dealers {
    color: #575757;
}

.listcity li:hover{
    background:#5897fb;
    color:#fff;
}

@media (min-width: 991px) {
    .dealers {
        min-height: 100vh;
        /*height: 150vh;*/
        height: 100%;
        display: flex;
        overflow-x: hidden;
        overflow-y: hidden;
    }
}

.dealer-listings {
    width: 525px;
    height: 100%;
    max-width: 100%
}

@media (min-width: 991px) and (max-width: 1024px) {
    .dealer-listings {
        width: 320px
    }
}

@media (max-width: 990px) {
    .dealer-listings {
        width: 100%
    }
}

.dealer-listings__header {
    background: hsla(0, 0%, 84.7%, .15);
    padding: 10.5rem 2rem 2rem;
    height: 300px;
    position: relative;
    z-index: 99
}

@media (max-width: 640px) {
    .dealer-listings__header {
        padding-top: 10.5rem
    }
}

@media (max-width: 990px) {
    .dealer-listings__header {
        height: auto
    }
}

.dealer-listings__body {
    padding: 2rem
}
.dealer-listings__body {
    /*height: calc(100vh - 275px);*/
    /*height: 100vh;*/
    height: calc(100vh - 124px);

    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 0 -30px 30px rgb(0 0 0 / 30%);

}

.dealer-lists {
    list-style: none;
    padding-left: 0
}

.dealer-item {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .34);
    margin-bottom: 1.5rem
}

.dealer-item__address {
    color: #a7120a;
    /*display: block;*/
    margin-bottom: .75rem
}

.dealer-item__address:hover {
    color: #bf0d03
}

.dealer-item__contact .icon {
    width: 1em;
    height: 1em;
    position: relative;
    top: -2px;
    margin-right: .5rem;
    font-size: .9rem;
    fill: currentColor
}

.dealer-item__contact a {
    color: #bf0d03
}

.dealer-load-more-button {
    margin: auto
}

.dealer-map {
    width: calc(100vw - 525px);
    /*height: 100%*/
    height: calc(100vh + 3px);

}

.dealer-iw__name{
    color: #384967;
    font-size: 18px;
}

.dealer-iw__address{
    color: #384967!important;
}

.dealer-filter .category-type-list{
    width: 100%;
    right: auto;
    margin-top: unset;
}

.dealer-filter .category-type-list .category-type-wrapper{
    padding: 24.5px 28px;
    color: #384967;
    display: flex;
}

.dealer-filter .category-type-list .category-type-wrapper span{
    margin-left: 28px;
}

/*.dealer-filter .category-dropdown-wrapper .dropdown{*/
/*    height: 38px;*/
/*    padding: 0.375rem 0rem;*/
/*}*/

.dealer-filter .category-dropdown-wrapper .dropdown-toggle{
    color: #B4B8C3;
    font-size: 16px;
    font-family: Avenir;
    border: none;
    caret-color: transparent;
    background-color: #ffffff;
    padding: 0.375rem 0rem;
}

.dealer-filter .category-dropdown-wrapper .dropdown-toggle.active{
    color: #333!important;
    font-family: "Avenir Black"!important;
}


@media (min-width: 991px) and (max-width: 1024px) {
    .dealer-map {
        width: calc(100vw - 320px)
    }
}

@media (max-width: 990px) {
    .dealer-map {
        display: none
    }
}

.dealer-iw {
    width: 250px
}

.dealer-iw__address {
    color: #a7120a;
    display: block;
    margin-bottom: .75rem
}

.dealer-iw__address:hover {
    color: #bf0d03
}

.content-loader + .content-loader {
    margin-top: 1rem
}

.dealer-filters {
    margin-left: -.5rem;
    margin-right: -.5rem
}

@media (min-width: 641px) {
    .dealer-filters {
        display: flex;
        align-items: center
    }
}

.dealer-filter {
    flex: 1;
    padding: 0 .5rem;
    width: 50%
}

.dealer-filter .input-text {
    background: #fff;
    height: 38px;
    min-height: auto;
    padding: .375rem .75rem;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    border-radius: .25rem 0 .25rem 0;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px hsla(0, 0%, 80%, .5);
    font-size: 1rem;
    color: #575757
}

.dealer-filter .input-text > input {
    padding: 0;
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
    border: 0;
    background: transparent;
    font-weight: 300
}

.dealer-filter .input-text > input:focus, .dealer-filter .input-text > input:hover {
    outline: none
}

.dealer-filter .input-text > input::-webkit-input-placeholder {
    opacity: .5
}

.dealer-filter .input-text > input::-moz-placeholder {
    opacity: .5
}

.dealer-filter .input-text > input:-ms-input-placeholder {
    opacity: .5
}

.dealer-filter .input-text > input:-moz-placeholder {
    opacity: .5
}

.dealers.row>*{
    padding-left: 0;
    padding-right: 0;
}

.dealer-listings__header .title {
    color: #384967;
    margin: 37px auto 20px auto;
    font-size: 32px;
    text-align: center;
    font-family: "Avenir Black";
}

.dealer-listings__header .desc{
    color: #323B4F;
    margin-bottom: 31px;
    font-size: 16px;
    text-align: center;
}

.dealer-listings__header {
    /*height: 400px;*/
    height: 360px;
}

.dealer-filter-wrapper{
    background: #ffffff;
    padding: 8px 16px;
    border-radius: 4px;
    color: #384967;
    font-size: 20px;
    font-family: 'Avenir Black';
    box-shadow: 0px 4px 16px rgba(153, 153, 153, 0.25);

}

.dealer-filter-wrapper .label{
    color: #384967;
    font-size: 20px;
    font-family: 'Avenir Black';
    padding: 8px 8px 0px 8px;
}

.v-select.single .dropdown-toggle, .dealer-filter .input-text{
    border: unset!important;
    box-shadow: unset;
    padding-right: 0;
    padding-left: 0;
}

.v-select.single input::placeholder, .dealer-filter input::placeholder {
    color: #B4B8C3;
    opacity: 1;
    font-family: Avenir;
}

.dealer-filters{
    width: 85%;
    margin: auto;
}

.dealer-listings__header {
    background: #F5F5F5;
}
.dealer-listings__search-count{
    background: #F5F5F5;
    padding-top: 76px;
    padding-bottom: 12.5px;
    text-align: center;
}

.dealer-listings__search-count .label{
    font-size: 24px;
    color: #323B4F;
    font-family: "Avenir Black";
    margin-bottom: 0;
    margin-right: 32px;
}

.dealer-listings__search-count .count{
    font-size: 18px;
    color: #697187;
    font-family: "Avenir Black";
    margin-bottom: 0;
}

.dropdown-menu{
    z-index: 99;
}
.dealer-item__title h5{
    color: #384967;
    font-size: 20px;
}

.dealer-item__address, .dealer-item__contact a {
    color: #384967;
    font-size: 14px;
}

.dealer-listings__header {
    padding: 10rem 2rem 2rem;
}

.gm-style-iw-c{
    background-color: #F9FBFF!important;
}

.dealer-item__address__wrapper img{
    vertical-align: unset;
}

.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece{
    background: #F9FBFF!important;
}

.dropdown-menu{
    z-index: 999;
}

@media screen and (max-width: 1199px) {
    .dealer-listings__header {
        padding: 7.5rem 2rem 2rem;
    }
    .dealer-listings__header {
        height: 320px;
    }

}

@media (max-width: 641px) {
    .dealer-filter {
        margin-bottom: 1rem;
        width: 100%
    }

    .dealer-listings__header {
        height: 635px;
    }
}

@media (max-width: 870px) and (min-width: 641px){
    .dealer-filters{
        flex-wrap: wrap;
    }

    .dealer-filter{
        flex: 0 0 50%;
    }

    .dealer-filter:last-child{
        width: 100%;
        flex: unset;
        margin-top: 20px;
    }

    .dealer-listings__search-count {
        padding-top: 200px;
    }
}

@media (max-width: 1106px) and (min-width: 641px){
    .dealer-filter-wrapper .label {
        font-size: 16px;
        padding-right: 0;
        padding-left: 0;
    }

    .category-dropdown-wrapper{
        max-width: 160%;
        width: 100%;
        position: relative;
    }

    input#category{
        width: 100%;
    }

    .category-type-list{
        width: 160%!important;
    }
}

@media screen and (max-width: 450px) {
    .category-type-wrapper img{
        display: none;
    }

    .dealer-filter .category-type-list .category-type-wrapper span {
        margin-left: 0px;
    }

}