.openlane-dealer-network-map-block { padding: 60px 0 0; }
.openlane-dealer-network-map-block .container { max-width: 1370px; }

#dealer-network-wrap {
    background-color: #0a1b5f;
    border: 0;
    box-sizing: border-box;
    cursor: default;
    display: block;
    height: 639px;
    overflow: hidden;
    position: relative;
    width: 1301px;
    z-index: 1;
}
#dealer-network-wrap div {
    position: absolute;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
#dealer-network-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 0;
    margin: 0;
}
#el_210995 {
    top: 162px;
    left: 378px;
    z-index: 3;
    pointer-events: none;
    mix-blend-mode: normal;
}
#animation-car {
    width: 609px;
    height: 336px;
}
#animation-car.bnfy-enter {
    -webkit-animation: custom-car-driving-in 1000ms 1000ms ease 1 both;
    animation: custom-car-driving-in 1000ms 1000ms ease 1 both;
}
#animation-car.bnfy-exit {
    -webkit-animation: custom-car-driving-out 1000ms ease 1 both;
    animation: custom-car-driving-out 1000ms ease 1 both;
}
#el_210994 {
    top: 90px;
    left: 36px;
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: color-dodge;
}
#animation-map {
    width: 1240px;
    height: 473px;
}
#animation-map.bnfy-enter {
    -webkit-animation: fade-in-bottom 1000ms 500ms ease 1 both;
    animation: fade-in-bottom 1000ms 500ms ease 1 both;
}
#animation-map.bnfy-exit {
    -webkit-animation: fade-out-bottom 1000ms ease 1 both;
    animation: fade-out-bottom 1000ms ease 1 both;
}
#el_210993 {
    top: 108px;
    left: 32px;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: normal;
}
#map-bg {
    width: 1240px;
    height: 474px;
}
#map-bg.bnfy-enter {
    -webkit-animation: fade-in-bottom 1000ms 0ms ease 1 both;
    animation: fade-in-bottom 1000ms 0ms ease 1 both;
}
#map-bg.bnfy-exit {
    -webkit-animation: fade-out-bottom 1000ms ease 1 both;
    animation: fade-out-bottom 1000ms ease 1 both;
}
#el_210989 {
    top: 0px;
    left: 0px;
    z-index: 0;
    pointer-events: none;
    mix-blend-mode: normal;
}
#img_210989 {
    width: 1301px;
    height: 639px;
}
#img_210989.bnfy-enter {
    -webkit-animation: undefined 0ms 0ms ease 1 both;
    animation: undefined 0ms 0ms ease 1 both;
}
@-webkit-keyframes custom-car-driving-in {
    0% {
        -webkit-transform: translateX(110px) translateY(40px) scale(1) rotate(0deg);
        -webkit-transform-origin: center center;
        -webkit-animation-timing-function: ease;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
        -webkit-transform-origin: center center;
        -webkit-animation-timing-function: ease;
        opacity: 1;
    }
}
@keyframes custom-car-driving-in {
    0% {
        transform: translateX(110px) translateY(40px) scale(1) rotate(0deg);
        transform-origin: center center;
        animation-timing-function: ease;
        opacity: 0;
    }
    100% {
        transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
        transform-origin: center center;
        animation-timing-function: ease;
        opacity: 1;
    }
}
@-webkit-keyframes custom-car-driving-out {
    0% {
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
        -webkit-transform-origin: center center;
        -webkit-animation-timing-function: ease;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-110px) translateY(-40px) scale(1) rotate(0deg);
        -webkit-transform-origin: center center;
        -webkit-animation-timing-function: ease;
        opacity: 0;
    }
}
@keyframes custom-car-driving-out {
    0% {
        transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
        transform-origin: center center;
        animation-timing-function: ease;
        opacity: 1;
    }
    100% {
        transform: translateX(-110px) translateY(-40px) scale(1) rotate(0deg);
        transform-origin: center center;
        animation-timing-function: ease;
        opacity: 0;
    }
}
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes fade-out-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
}
@keyframes fade-out-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
}


@media only screen and (max-width: 1280px) {
    .dealer-network-main { max-width: 920px; margin: 0 auto; width: 100%; }
    #animation-car { width: 380px; height: 220px; }
    #animation-map { width: 775px; height: 445px; }
    #map-bg { width: 840px; height: 400px; }
    #el_210995 { left: 318px; }
}
@media only screen and (max-width: 991px) {
    .dealer-network-main { max-width: 100%; }
    #animation-car { width: 380px; height: 240px; }
    #animation-map { width: 775px; height: 445px; }
    #map-bg { width: 840px; height: 400px; }
    #dealer-network-wrap { width: 100%; }
    #el_210993 { left: 0; }
    #el_210995 { left: 278px; }
}
@media only screen and (max-width: 767px) {
    .openlane-dealer-network-map-block .container { padding: 0; }
    #el_210994 { left: 26px; }
    #animation-car { width: 320px; height: 180px; }
    #animation-map { width: 100%; height: auto; }
    #map-bg { width: 100%; height: auto; }
    #el_210995 {
        left: 260px;
        right: 0;
        margin: 0 auto;
    }
    #el_210994 {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 72px;
    }
    #el_210993 {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #dealer-network-wrap { height: 400px; }
}
@media only screen and (max-width: 575px) {
    #animation-car { width: auto; height: 170px; }
    #el_210995 { left: 180px; }
    #dealer-network-wrap { height: 380px; }
}
@media only screen and (max-width: 480px) {
    #animation-car { width: auto; height:118px; }
    #el_210995 { left: 170px; top: 140px; }
    #dealer-network-wrap { height: 320px; }
}
@media only screen and (max-width: 420px) {
    #el_210995 { left: 130px; top: 115px; }
}
@media only screen and (max-width: 360px) {
    #el_210995 { left: 130px; top: 115px; }
}