#enquireDealer,
#enquireResult {
    padding: 2rem
}

#enquireDealer input,
#enquireResult input {
    font-size: 1rem;
    height: 2rem;
    padding-left: .5rem;
    color: #000
}

#enquireDealer label,
#enquireResult label {
    color: #fff
}

#enquireDealer label.error,
#enquireResult label.error {
    color: red
}

.popup-table .modal-content img {
    margin: auto !important
}

.popup-table .gm-control-active {
    color: #333
}

.popup-table .source_dest {
    left: 1rem;
    position: absolute;
    top: 7rem;
    width: 250px;
    z-index: 1
}

.popup-table .source_dest>span {
    display: inline;
    position: absolute;
    text-align: right;
    padding-top: .3rem
}

.popup-table .source_dest #txtMapSearch {
    border: medium none;
    padding-left: 1.5rem;
    font-size: 14px
}

.popup-table .table-content-map {
    min-height: 450px;
    overflow-y: auto;
    padding: 20px 20px
}

.popup-table #map-direction {
    background-color: #fff;
    height: 450px;
    padding-left: .5rem;
    overflow: auto
}

.popup-table #map-direction .adp table {
    font-family: barlowSemiCondensed;
    color: #000
}

.popup-table .modal-header .table-caption {
    margin-bottom: 0;
    text-transform: uppercase
}

.popup-print .stButton {
    display: none !important
}

@media(max-width: 1024px) {
    .block .breadcrumb-wrapper {
        margin-top: 0
    }
}

@media(min-width: 576px)and (max-width: 990px) {
    .block .breadcrumb-wrapper {
        margin-top: 0px !important
    }
}

.block .breadcrumb-wrapper .title {
    position: absolute;
    z-index: 10;
    width: 100%;
    line-height: 1;
    padding: 15px;
    border-bottom: 1px solid #333439;
    background: #333439;
    color: #fff;
    transition: all .27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all .27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all .27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all .27s cubic-bezier(0, 0, 0.58, 1) 0s
}

@media(max-width: 1024px) {
    .block .breadcrumb-wrapper .title {
        position: relative
    }
}

.block .breadcrumb-wrapper .title .breadcrumb {
    color: #fff;
    font-size: 14px;
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    padding: 0px;
    margin: 0px;
    list-style: none;
    background-color: rgba(0, 0, 0, 0)
}

.block .breadcrumb-wrapper .title .breadcrumb a {
    color: #ddd
}

.block .breadcrumb-wrapper .title .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #efefef;
    content: " > "
}

.block .breadcrumb-wrapper .title .breadcrumb>.active {
    color: #fff
}

.block .top-banner {
    background-size: cover !important;
    height: 27vw;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 480px) {
    .block .top-banner {
        height: auto
    }
}

.block .top-banner.locator-bg {
    background: url("../image/dealer-locator/dealer-locator-bg.jpg") no-repeat right top
}

.block .top-banner .overlay {
    background: rgba(21, 15, 183, .7);
    width: 100%;
    height: 100%
}

.block .top-banner h1 {
    font-family: BarlowSemiCondensedBoldItalic;
    font-size: 7vw;
    line-height: 1
}

.block .top-banner h5 {
    font-weight: 500
}

.block--lightBlue {
    background: #e7ecfc
}

label {
    color: #0000ab;
    font-weight: 500
}

.btn-search {
    padding: 10px 20px;
    color: #fff !important;
    background: #031eff
}

.box2 p {
    font-family: BarlowRegular;
    font-Size: 22px;
    color: #333235
}

.map-image {
    background: url("../image/dealer-locator/map.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat
}

.loader--map {
    position: absolute;
    top: 20%;
    left: 33%
}

.mapBlock #dealer_list {
    height: 500px;
    overflow-y: scroll
}

@media(max-width: 480px) {
    .mapBlock #dealer_list {
        padding: 5px !important;
        overflow-x: hidden
    }
}

.mapBlock_adrress {
    border-bottom: 1pt solid #ccc
}

.mapBlock__content {
    margin-bottom: 2rem
}

.mapBlock__content h3 {
    color: #0000ab;
    font-weight: 500;
    font-size: 28px;
    display: block;
    width: 100%;
    cursor: pointer
}

.mapBlock__content h3 span {
    font-size: 18px;
    font-weight: 400;
    color: #212529
}

.mapBlock__content h3 span.view-gallery-text {
    font-size: 18px;
    font-weight: 900;
    color: #231eff;
    padding-top: 10px
}

.mapBlock__content h6 {
    font-weight: 400;
    font-size: 24px
}

.mapBlock__content h5 {
    font-weight: 600;
    font-size: 1.2rem
}

.mapBlock__contact {
    color: #031eff;
    line-height: 2.5
}

.dealer-btn__link {
    -webkit-appearance: push-button;
    background: #031eff;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 1.5rem 4rem 1.5rem 2.5rem;
    position: relative;
    text-transform: uppercase
}

.dealer-btn__link:before {
    content: "";
    display: block;
    background: #fff;
    height: .0625rem;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    width: 1.5rem;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.dealer-btn__link:after {
    content: "";
    display: block;
    height: 0;
    border-top: .1875rem solid rgba(0, 0, 0, 0);
    border-bottom: .1875rem solid rgba(0, 0, 0, 0);
    border-left: .25rem solid #fff;
    margin-top: -0.125rem;
    position: absolute;
    right: 1.375rem;
    top: 50%;
    width: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.dealer-btn__link:hover {
    color: #fff
}

.dealer-btn__link:hover:before {
    right: 1.25rem
}

.dealer-btn__link:hover:after {
    right: 1.125rem
}

.blue-modal {
    overflow-y: auto;
    width: 100%;
    z-index: 99999
}

.blue-modal .modal-body {
    padding: 2rem 3rem
}

@media(max-width: 480px) {
    .blue-modal .modal-body {
        padding: 1rem
    }
}

.blue-modal .modal-content {
    background: #000525;
    color: #fff
}

.blue-modal .modal-content h6 {
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 0px
}

.blue-modal .modal-content h3 {
    font-weight: 500;
    font-size: 2rem
}

.blue-modal .modal-content p {
    font-size: 18px
}

.blue-modal .modal-content h5 {
    font-weight: 500;
    font-size: 1.3rem;
    margin-top: 15px;
    margin-bottom: 20px
}

.blue-modal .modal-content .contact-list {
    padding-left: 0px
}

.blue-modal .modal-content .contact-list li {
    margin-right: 30px;
    display: inline-block;
    font-size: 18px
}
@media(max-width: 700px) {
    .blue-modal .modal-content .contact-list li {
        font-size: 15px;
        margin-right: 0px;
    }
}

.blue-modal .modal-content .contact-list li svg {
    margin-right: 15px
}

@media(max-width: 480px) {
    .blue-modal .modal-content .contact-list li svg {
        width: 25px
    }
}

.blue-modal .close-btn {
    color: #fff;
    opacity: 1;
    font-weight: 100;
    outline: none
}

@media(max-width: 480px) {
    .blue-modal .dealer-button {
        margin-bottom: 30px;
        margin-top: 20px
    }
}

.blue-modal .dealer-button a {
    background: #031eff;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: relative;
    margin: 5px;
    width: 170px;
    text-align: center;
    cursor: pointer
}

@media(max-width: 480px) {
    .blue-modal .dealer-button a {
        font-size: 11px;
        width: 85px;
        padding-left: 10px
    }
}

.blue-modal .dealer-button a svg {
    position: absolute;
    left: 15px;
    top: 34%
}

@media(max-width: 480px) {
    .blue-modal .dealer-button a svg {
        height: 12px;
        left: 5px
    }
}

.blue-modal .dealer-button a svg:first-child {
    top: 31%
}

.dealerService {
    margin: 30px 0px
}

.dealerService h4 {
    font-size: 20px;
    font-weight: 500
}

.dealerService h4:after {
    content: "";
    border-bottom: .125rem solid #0d1238;
    padding: 5px 0px;
    display: block
}

.dealerService__list {
    font-size: 13px;
    padding: 0px;
    list-style: none
}

.dealerService__list li {
    padding: 5px 0px
}

.dealerService__list li span {
    color: #fff;
    padding-left: 1px
}

.dealerService__list li span:after {
    content: "";
    position: absolute;
    background: url("../images/dealer-locator/correct-icon.png");
    height: 15px;
    width: 15px;
    left: 15px;
    margin-left: 0px;
    background-repeat: no-repeat
}

.dealerService__list li span.disable {
    color: #808baf
}

.dealerService__list li .disable:after {
    content: "";
    position: absolute;
    background: url("../images/dealer-locator/correct-icondisable.png");
    height: 15px;
    width: 15px;
    left: 15px;
    margin-left: 0px;
    background-repeat: no-repeat
}

.explore-more__link {
    border-bottom: .0625rem solid #fff;
    color: #fff;
    display: inline-block;
    font-family: "BarlowRegular";
    font-size: .8rem;
    font-weight: 700;
    padding: .5rem 3rem .5rem 0;
    position: relative;
    margin: 40px 0px
}

.explore-more__link:before {
    content: "";
    display: block;
    background: #fff;
    height: .0625rem;
    position: absolute;
    right: .375rem;
    top: 50%;
    width: 1.25rem;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.explore-more__link:after {
    content: "";
    display: block;
    height: 0;
    border-top: .1875rem solid rgba(0, 0, 0, 0);
    border-bottom: .1875rem solid rgba(0, 0, 0, 0);
    border-left: .25rem solid #fff;
    margin-top: -0.125rem;
    position: absolute;
    right: .25rem;
    top: 50%;
    width: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.explore-more__link:hover {
    color: #fff
}

.explore-more__link:hover:before {
    right: .125rem
}

.explore-more__link:hover:after {
    right: 0
}

hr {
    border-top: .125rem solid #0d1238
}

@media(max-width: 850px)and (min-width: 769px) {
    .modal-dialog {
        max-width: 95%
    }
}

@media(max-width: 768px)and (min-width: 481px) {
    .modal-dialog {
        max-width: 80%
    }

    .blue-modal .modal-content .contact-list li {
        margin-bottom: 15px
    }

    .blue-modal .dealer-button a {
        width: 120px;
        font-size: 15px;
        padding-left: 20px
    }

    #map-canvas {
        min-height: 350px
    }

    .mapBlock {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media(max-width: 600px)and (min-width: 500px) {
    .modal-dialog {
        max-width: 100%
    }
}

@media(max-width: 480px) {
    .padding-xs-0 {
        padding-left: 0px;
        padding-right: 0px
    }

    #map-canvas {
        min-height: 350px
    }

    .mapBlock {
        margin-left: 5px;
        margin-right: 5px
    }

    .form-control {
        font-size: 1rem
    }

    .lead {
        line-height: normal;
        font-size: 500
    }
}

@media(max-width: 400px) {
    .blue-modal .dealer-button a {
        width: 73px
    }
}

@media(max-width: 360px) {
    .blue-modal .dealer-button a {
        width: 32%;
        margin: 0px
    }
}

@media(device-width: 1112px) {
    .block .breadcrumb-wrapper {
        margin-top: 0px
    }

    .block .breadcrumb-wrapper .title {
        position: absolute
    }
}

.testRide-text {
    color: #000;
    font-size: 20px;
    float: right
}

.gallery-text {
    color: #231eff !important;
    text-transform: uppercase;
    margin-top: 5px;
    cursor: pointer
}

.tobii {
    z-index: 999999
}