@font-face {
    font-family: 'bmw-bold';
    src: url('/wp-content/themes/pm-flex-theme/fonts/bmw/BMWMotorrad-Bold.ttf');
}

@font-face {
    font-family: 'bmw-heavy';
    src: url('/wp-content/themes/pm-flex-theme/fonts/bmw/BMWMotorrad-Heavy.ttf');
}

@font-face {
    font-family: 'bmw-regular';
    src: url('/wp-content/themes/pm-flex-theme/fonts/bmw/BMWMotorrad-Regular.ttf');
}

@font-face {
    font-family: 'bmw-arial';
    src: url('/wp-content/themes/pm-flex-theme/fonts/bmw/Arial.ttf');
}

.bmwlpsection-container { background-color: #2b2e33; }
.bmwlpsection { max-width: 1920px; margin: auto; }
.blps-column.blps-left { background-position: center !important; background-size: cover !important; }
.blps-column.blps-right { width: 100%; padding:50px 24px 50px 24px; }
.blps-column.blps-right .imgcol { margin: 0 -15px; }
.blps-column.blps-right .imgcol img {  }
.blps-column.blps-right .promotitle { font-family: 'bmw-heavy',sans-serif !important; color: #ffffff !important; font-size: 24px !important; line-height: 130%; padding-top: 0px; margin-bottom: 20px; }
.blps-column.blps-right p { color: #ffffff; font-size: 14px; line-height: 150%; font-family: 'bmw-regular', sans-serif !important; }
.bmwlp-form { padding: 60px 0; background: #efefef; }
.no-offer-found { padding: 60px 0; }
.no-offer-found h2 { font-family: 'bmw-bold', sans-serif; color: #000000; }
.vlpm3VehicleListing__title { text-transform: uppercase; }

@media only screen and (min-width: 992px) {
    .blps-column.blps-right { padding: 50px 24px 50px 24px; }
    .blps-column.blps-right .imgcol { margin: 0 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 10px; max-width: 400px; float: left; }
    .blps-column.blps-right .promotitle { font-size: 24px; }
    .blps-column.blps-right p { font-size: 14px; }

    .blps-column.blps-left img { display: none; }
    .blps-column.blps-left { min-height: 304px; }
}

@media only screen and (min-width: 1200px) {
    .bmwlpsection { display: flex; }
    .blps-column.blps-left { width: 50%; }
    .blps-column.blps-right { width: 50%; min-height: 304px; }
}

@media only screen and (min-width: 1400px) {
    .blps-column.blps-left {  }
    .blps-column.blps-right .promotitle { padding-top: 0; }
    
    .blps-column.blps-left img { height: 100%; object-fit: cover; object-position: center; }
    .blps-column.blps-right .promotitle { font-size: 24px !important; }
    .blps-column.blps-right p { font-size: 14px; }
}