Open Today from 09:00 AM - 6:00 PM

Dealership hours of operation
Mon - Thu	09:00 AM - 7:00 PM
Fri - Sat	09:00 AM - 6:00 PM
Sun	12:00 PM - 5:00 PM

Dealership hours of operation
Mon - Fri	7:30 AM - 5:00 PM
Sat	8:30 AM - 5:00 PM
Sun	Closed

Dealership hours of operation
Mon - Sat	8:30 AM - 5:00 PM
Sun	Closed

Let Us Help You

Sales: (844) 535-5327

Parts: (855) 879-6762

Service: (866) 984-0349

Sales (844) 535-5327 Find Our Location

Contact Us

Sales (844) 535-5327 Parts (855) 879-6762 Service (866) 984-0349

Hours Of Operation

Dealership hours of operation
Mon - Thu	09:00 AM - 7:00 PM
Fri - Sat	09:00 AM - 6:00 PM
Sun	12:00 PM - 5:00 PM

Dealership hours of operation
Mon - Fri	7:30 AM - 5:00 PM
Sat	8:30 AM - 5:00 PM
Sun	Closed

Dealership hours of operation
Mon - Sat	8:30 AM - 5:00 PM
Sun	Closed

Connect With Us

Visit Our Location

2311 Boundary Road, Vancouver, BC, V5M4W5, Canada

Get Directions

body, input, button, select, .header-item__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded body, .fonts-loaded input, .fonts-loaded button, .fonts-loaded select, .fonts-loaded .header-item__label { font-family: BMW Next TT, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded h1, .fonts-loaded h2, .fonts-loaded h3, .fonts-loaded h4, .fonts-loaded h5, .fonts-loaded h6 { font-family: BMW Next TT, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}

:root { --color-primary: #2769d4; --color-primary-dark: #0653b6; --color-primary-light: #4284ef; --color-primary-lighter: #c9ffff; } /* globally remove duplicated chat on the right side*/ #di-reactive-wrapper-right{ display: none; } #di-proactive-container, #di-on-page-container, #di-reactive-wrapper-bottom, #di-reactive-wrapper-right, #di-reactive-wrapper-left { z-index: 1100 !important; } #di-proactive-container.di-idle-bounce { -webkit-animation: di-idle-bounce 4s ease 0s 10 !important; animation: di-idle-bounce 4s ease 0s 10 !important; }

.mlogo { width:10rem; position: absolute; top: 0px; left: 0px; background-color: #0000009e; padding: 1rem; } main input[type="submit"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } [data-vehicle-condition="Used"] div.vehicle-card__image-area > .mlogo { width:10rem; position: absolute; top: 68%; left: 0px; background-color: #0000009e; padding: 1rem; } .page-title{ color: #222; } #videobtn, #videomdl { border-radius:5px; } div.featured-tags { display:none !important; } .usp-3 .usp-widget__icon { width: 8.8rem !important; height: 8.8rem !important; } div.tne2 > div { border-bottom: 1px dashed #1c69d4; padding: 1em 0 1em 0; } div.tne2 > div > h3 { color: #1c69d4; font-weight: 600; } div.tne2 > div > p { padding: 0.4em 0 0.4em 0; } div.tne2 > div > p > img { border-radius:5px; } .tne2 { -webkit-columns: 2 200px; -moz-columns: 2 200px; columns: 2 200px; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em; -webkit-column-rule: 1px dotted #ddd; -moz-column-rule: 1px dotted #ddd; column-rule: 1px dotted #ddd; } /* corona update */ .corona { display: flex; justify-content: space-between; align-items: center; padding: .8rem calc(50% - 55rem); background: #305e8c; color:#fff; font-size: 1.4rem; } .corona-mobile { display: flex; justify-content: space-between; align-items: center; padding: .8rem calc(50% - 55rem); background: #305e8c; color:#fff; font-size: 1.4rem; padding-left: 15px; z-index: 999; padding-right: 12px; } div.close { border: 1px #fff solid; padding: 1px; } /* END corona update */ .show-on-desktop{ display:none; } .show-on-mobile{ display:block; } .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.3); } @media screen and (min-width: 700px){ .show-on-desktop{ display:block; } .show-on-mobile{ display:none; } } .textwidget.custom-html-widget { border-top: 1px solid white; } #usp_widget-3 { padding: 6rem 0 9rem 0 !important; } .ub-emb-bar-frame { z-index:2 !important; } /*global*/ h1,h2,h3,.button{ font-weight: 300; text-transform: uppercase; } .sidebar-title { font-weight: 300; text-transform: uppercase; } .wpcf7-form.book-service .wpcf7-form-control.wpcf7-checkbox{ display:flex; flex-direction: row; flex-wrap: wrap; } .wpcf7-form.book-service .wpcf7-list-item{ padding: 0 20px 0 0px; } div:not(.page-id-4803) .page-title { background-image: none!Important; color: #000; padding: 6.2rem calc(50% - 55rem); } div:not(.page-id-4803) .page-title::after { background: #fff !Important; } /*USP Widget*/ .usp_widget-3.usp-3 .wrapper { max-width: none; } .usp-3 .usp-widget__link-container { display: flex; width: 35rem; } p.usp-widget__title { line-height: 1; margin-bottom: .6rem; text-transform: uppercase; } p.usp-widget__description { text-transform: uppercase; } .usp-3 .usp-widget .button { margin-top: -.8rem; width: 30rem; max-width: 80%; } .usp-3 .usp-widget.dark { background-color: #000; color: #fff; padding: 2rem 0; } @media only screen and (min-width: 1363px){ .usp_widget-3.usp-3 .wrapper { padding: 0px 108px; } } @media only screen and (max-width: 1024px){ .usp_widget-3.usp-3 .col-lg-3 { margin: 0px 12px; } } @media only screen and (max-width: 991px){ .usp_widget-3.usp-3 .wrapper { padding: 0px 108px; } .page-id-2003 .customLandingPage .formPadding { padding-top: 6rem !important; } div.ico_floating { display:none !important; } } @media only screen and (max-width: 489px){ .usp_widget-3.usp-3 .row { margin-left: -2.6rem; } .page-id-2003 .customLandingPage .formPadding { padding-top: 6rem !important; } } @media only screen and (max-width: 412px){ .usp_widget-3.usp-3 .wrapper { padding: 0px 40px; } .usp_widget-3.usp-3 .row { margin-left: 1.4rem; } .page-id-2003 .customLandingPage .formPadding { padding-top: 6rem !important; } } @media only screen and (max-width: 375px){ .usp_widget-3.usp-3 .wrapper { padding: 0px 40px; } .usp_widget-3.usp-3 .row { margin-left: -0.6rem; } .page-id-2003 .customLandingPage .formPadding { padding-top: 6rem !important; } } @media only screen and (max-width: 320px){ .usp_widget-3.usp-3 .wrapper { padding: 0px 40px; } .usp_widget-3.usp-3 .row { margin-left: -3.6rem; } .page-id-2003 .customLandingPage .formPadding { padding-top: 6rem !important; } } /*Page Titles*/ .page-title { padding: 3.4rem calc(50% - 55rem); } .page-title::after { background: rgba(34,34,34,0.3); } /*Extended Warranty*/ .warrantySections { width: 50%; padding: 14px; } .warranty { display: inline-flex; } /*Parts*/ .parts { display: flex; } .partsSection { width: 50%; padding: 15px; } /*Online Parts*/ .shopParts { display: flex; border-top: 1px solid; } .shopRight, .shopLeft { float: right; width: 50%; margin: 10px; padding: 20px; } /*Winter Tire Package*/ .winterPackages { display: flex; } .winterTires { width: 50%; margin: 0px 8px; } @media screen and (max-width: 991px) { .header--mobile .header__wrap{ width:100%; } .button-block-2 .button-block-widget .button-block-button{ position: relative; width: 100%; } } /*staff*/ .member__name, .member__designation{ font-weight:300; text-transform: uppercase; line-height: 1.0em; padding:0.2em 0em; } /*social icons*/ .social-icon { background: var(--color-primary); color: #fff; border-radius: 50%; width: 3rem; height: 3rem; } .social-icon:hover { background: #fff; color: var(--color-primary); } /*Showroom*/ .showroom-models-wrapper .button.button--alternate::before { content: "Learn More"; font-size: 1.6rem; } .showroom-models-wrapper .button.button--alternate { font-size: 0; } .footerAdd {position:absolute; left:17px; font-weight:bold; width: 14%;} /* Checkered Layout */ .layoutContainer .layout-row{ display:block; clear:both; } .layoutContainer .layout-row h3,.layoutContainer .layout-row p{ margin-bottom: 1rem; } .layoutContainer .layout-row .col6 { min-height: 500px; max-width:50%; display:block; position:relative; width:100%; } .layoutContainer .layout-row .contentContainer{ padding:20px; } .layoutContainer .layout-row .col6 .background{ min-height: 500px; position: absolute; height: 100%; width: 100%; background-size: cover!important; display:block; left:0; background:#ccc; } .layoutContainer .layout-row .col6.right { float: right; } .layoutContainer .layout-row .col6.left { float: left; } .primary-wrapper .sidebar{ margin-top:-8rem; } @media only screen and (min-width: 991px) and (max-width: 1200){ .primary-wrapper .sidebar{ margin-top:0; } } @media screen and (max-width: 991px) { .layoutContainer .layout-row .col6{ position: relative; min-height: 300px; width: 100%; max-width: 100%; flex: none; } .layoutContainer .layout-row .col6 .background{ position:relative; } } /*SRP Before*/ .srp-wrapper h2.widgettitle { background: none; color: #000; text-align: center; } .page-id-2701 .df.aic.mb-xs { position:relative; } a.custom-btn:hover{ cursor:pointer; } .custom-btn{ z-index:99; right:62%; position:absolute; } @media screen and (min-width: 768px){ .custom-btn{ margin-left:10px; } .modal-slideshow__next { top: 50% !important; width: 3% !important; height: 30% !important; font-size: 90px !important; background-color: #8c8c8c75 !important; margin-right: 20% !important; margin-top: -10% !important; border-radius: 30px !important; } .modal-slideshow__prev { top: 50% !important; width: 3% !important; height: 30% !important; font-size: 90px !important; background-color: #8c8c8c75 !important; margin-left: 20% !important; margin-top: -10% !important; border-radius: 30px !important; } .modal-slideshow__container__image { height: 100%; margin-top: 15%; } } @media screen and (max-width: 800px){ .custom-btn{ right:12vw; } } /*** Custom Landing Pages - Soo-Ah ***/ /* General */ main .heroParallax{ display: flex; } main .heroParallax h1, main .heroParallax p{ color: #fff; text-shadow: 1px 1px 1px #333; } main .heroParallax > div:first-child{ flex: 0 0 131px; } main .heroParallax > div.content{ margin-left: 5rem; flex: 0 0 60%; } main .customLandingPage .formPadding{ padding: 19rem calc(50% - 55rem) 5rem; } main .customLandingPage .formPadding h2{ color: #136bcd; margin-bottom: 2rem; } main .customLandingPage .formPadding form { margin: 0; justify-content: center } main .customLandingPage .formPadding form input{ background: #fff; border: 1px solid #b7b7b7; box-shadow: none; margin-bottom: 1.5rem; } main .customLandingPage .formPadding form select{ background: #fff url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/291/2020/01/BrianJesselBMW_LeasingOptions_LandingPage_03.png') no-repeat; background-position: 100% 50%; border: 1px solid #b7b7b7; box-shadow: none; margin-bottom: 1.5rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } main .customLandingPage .formPadding form textarea{ background: #fff; border: 1px solid #b7b7b7; box-shadow: none; margin-bottom: 1.5rem; height: calc(100% - 1.5rem); } main .customLandingPage .formPadding form ::-webkit-input-placeholder { /* Edge */ color: #707070; } main .customLandingPage .formPadding form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #707070; } main .customLandingPage .formPadding form ::placeholder { color: #707070; } main .customLandingPage .formPadding form .flexTwo{ display: flex; width: 100%; } main .customLandingPage .formPadding form .flexTwo > div{ margin-right: 2rem; flex: 1 1 50%; } main .customLandingPage .formPadding form .flexTwo > div:nth-child(2){ margin-left: 2rem; margin-right: 0; } main .customLandingPage .formPadding form .emailPhone{ display: flex; } main .customLandingPage .formPadding form .emailPhone > :first-child{ margin-right: 1rem; flex: 1 1 50%; } main .customLandingPage .formPadding form .emailPhone > :last-child{ margin-left: 1rem; flex: 1 1 50%; } main .customLandingPage .formPadding form input[type='submit']{ background: #136bcd; color: #fff; border: none; padding: 1.2rem 5rem; min-width: 200px; } main .customLandingPage .formPadding form input[type='submit']:hover{ background: #000; } main .customLandingPage .formPadding form .checkBoxCustom{ display: block; width: 100%; margin: 1rem 0 2rem; } main .customLandingPage .formPadding form .formTwo{ display: flex; } main .customLandingPage .formPadding form .formTwo > div:first-child{ padding-right: 3rem; } main .customLandingPage .formPadding form .formTwo > div:last-child{ border-left: 1px solid #000; padding-left: 3rem; } main .customLandingPage .whiteTextForm h3{ color: #fff; font-size: 3.4rem; margin-bottom: 1.5rem; } main .customLandingPage .whiteTextForm h5{ color: #fff; font-weight: 100; margin-bottom: 1.5rem; } main .customLandingPage .formPadding form .whiteTextForm select{ background: transparent url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/291/2020/01/BrianJesselBMW_LeasingOptions_LandingPage_03.png) no-repeat; background-position: 100% 50%; box-shadow: none; margin-bottom: 1.5rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; color: #fff; } main .customLandingPage .formPadding form .whiteTextForm input{ background: transparent; color: #fff; } main .customLandingPage .formPadding form .whiteTextForm textarea{ background: transparent; color: #fff; height: 10rem; } main .customLandingPage .formPadding form .whiteTextForm span{ color: #fff; } main .customLandingPage .formPadding form .whiteTextForm ::-webkit-input-placeholder { /* Edge */ color: #fff; } main .customLandingPage .formPadding form .whiteTextForm :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } main .customLandingPage .formPadding form .whiteTextForm ::placeholder { color: #fff; } main .customLandingPage .formPadding form .whiteTextForm input[type='submit']{ background: #136bcd; color: #fff; border: none; padding: 1.2rem 5rem; min-width: 200px; } main .customLandingPage .formPadding form .whiteTextForm input[type='submit']:hover{ background: #000; } main .customLandingPage .formPadding form .whiteTextForm .formTwo > div:last-child{ border-left: 1px solid #fff; } main .customLandingPage .textCustom { width: 50%; } main .customLandingPage .textCustom h3{ color: var(--color-primary); margin-bottom: 1.5rem; } main .customLandingPage .textCustom p{ margin: 1.5rem 0; } main .customLandingPage .rightText .textCustom { margin-left: 50%; } main .customLandingPage .formPadding form input.datePicker{ width: 100%; height: 4.2rem; } main .customLandingPage .flexForm{ display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; } main .customLandingPage .flexForm .sixtyPercent{ flex: 0 0 45%; margin-right: 5%; margin-bottom: 5rem; } main .customLandingPage .flexForm .thirtyPercent{ flex: 0 0 22%; margin-bottom: 5rem; margin-right: 5%; } main .customLandingPage .flexForm .seventyPercent{ flex: 0 0 60%; margin-right: 5%; margin-bottom: 3rem; } main .customLandingPage .flexForm .thirtyPercent{ flex: 0 0 30%; margin-bottom: 3rem; } main .customLandingPage .formPadding form input{ background: #fff; border: 1px solid #b7b7b7; box-shadow: none; margin-bottom: 1.5rem; } main .customLandingPage .formPadding form select{ background: #fff url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/BrianJesselBMW_LeasingOptions_LandingPage_03.png') no-repeat; background-position: 100% 50%; border: 1px solid #b7b7b7; box-shadow: none; margin-bottom: 1.5rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } main .customLandingPage .formPadding form textarea{ background: #fff; border: 1px solid #b7b7b7; box-shadow: none; margin-bottom: 1.5rem; height: calc(100% - 1.5rem); } main .customLandingPage .formPadding form ::-webkit-input-placeholder { /* Edge */ color: #707070; } main .customLandingPage .formPadding form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #707070; } main .customLandingPage .formPadding form ::placeholder { color: #707070; } main .customLandingPage .formPadding form .flexTwo{ display: flex; width: 100%; } main .customLandingPage .formPadding form .flexTwo > div{ margin-right: 2rem; flex: 1 1 50%; } main .customLandingPage .formPadding form .flexTwo > div:nth-child(2){ margin-left: 2rem; margin-right: 0; } main .customLandingPage .formPadding form .emailPhone{ display: flex; } main .customLandingPage .formPadding form .emailPhone > :first-child{ margin-right: 1rem; flex: 1 1 50%; } main .customLandingPage .formPadding form .emailPhone > :last-child{ margin-left: 1rem; flex: 1 1 50%; } main .customLandingPage .formPadding form input[type='submit']{ background: #136bcd; color: #fff; border: none; padding: 1.2rem 5rem; min-width: 200px; } main .customLandingPage .formPadding form input[type='submit']:hover{ background: #000; } main .customLandingPage .formPadding form .checkBoxCustom{ display: block; width: 100%; margin: 1rem 0 2rem; } main .customLandingPage .formPadding form .formTwo{ display: flex; } main .customLandingPage .formPadding form .formTwo > div:first-child{ padding-right: 3rem; } main .customLandingPage .formPadding form .formTwo > div:last-child{ border-left: 1px solid #000; padding-left: 3rem; } main .customLandingPage .whiteTextForm h3{ color: #fff; font-size: 3.4rem; margin-bottom: 1.5rem; } main .customLandingPage .whiteTextForm h5{ color: #fff; font-weight: 100; margin-bottom: 1.5rem; } main .customLandingPage .formPadding form .whiteTextForm select{ background: transparent url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/BrianJesselBMW_LeasingOptions_LandingPage_03.png) no-repeat; background-position: 100% 50%; box-shadow: none; margin-bottom: 1.5rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; color: #fff; } main .customLandingPage .formPadding form .whiteTextForm input{ background: transparent; color: #fff; } main .customLandingPage .formPadding form .whiteTextForm textarea{ background: transparent; color: #fff; height: 10rem; } main .customLandingPage .formPadding form .whiteTextForm span{ color: #fff; } main .customLandingPage .formPadding form .whiteTextForm ::-webkit-input-placeholder { /* Edge */ color: #fff; } main .customLandingPage .formPadding form .whiteTextForm :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } main .customLandingPage .formPadding form .whiteTextForm ::placeholder { color: #fff; } main .customLandingPage .formPadding form .whiteTextForm input[type='submit']{ background: #136bcd; color: #fff; border: none; padding: 1.2rem 5rem; min-width: 200px; } main .customLandingPage .formPadding form .whiteTextForm input[type='submit']:hover{ background: #000; } main .customLandingPage .formPadding form .whiteTextForm .formTwo > div:last-child{ border-left: 1px solid #fff; } main .customLandingPage .textCustom { width: 50%; } main .customLandingPage .textCustom h3{ color: var(--color-primary); margin-bottom: 1.5rem; } main .customLandingPage .textCustom p{ margin: 1.5rem 0; } main .customLandingPage .rightText .textCustom { margin-left: 50%; } main .customLandingPage .formPadding form input.datePicker{ width: 100%; height: 4.2rem; } main .customLandingPage .flexForm{ display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; } main .customLandingPage .flexForm .sixtyPercent{ flex: 0 0 45%; margin-right: 5%; margin-bottom: 5rem; } main .customLandingPage .flexForm .thirtyPercent{ flex: 0 0 22%; margin-bottom: 5rem; margin-right: 5%; } main .customLandingPage .flexForm .seventyPercent{ flex: 0 0 60%; margin-right: 5%; margin-bottom: 3rem; } main .customLandingPage .flexForm .thirtyPercent{ flex: 0 0 30%; margin-bottom: 3rem; } /* Leasing Options */ main .leasingOptions .heroParallax{ background: #3c3c3c url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/leasingHeroIimage.jpg') no-repeat; background-position: 100% 50%; padding: 4rem calc(50% - 55rem) 5rem; } main .leasingOptions .heroParallax img{ animation-name: spinImg; animation-duration: 600ms; animation-iteration-count: 1; animation-timing-function: linear; } /* Trade-In */ main .tradeYourVehicle .heroParallax{ background: #000 url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/TradeHeroImage.jpg') no-repeat; padding: 7rem calc(50% - 55rem); background-size: cover; } main .tradeYourVehicle .heroParallax h1{ line-height: 1.2; } main .tradeYourVehicle .heroParallax > div:first-child{ display: none; } main .tradeYourVehicle .heroParallax > div.content{ margin-left: 0; } main .tradeYourVehicle .carDollar{ display: flex; margin-bottom: 5rem; margin-top: 3rem; } main .tradeYourVehicle .carDollar > div:first-child{ flex: 0 0 242px; margin-right: 5rem; } main .tradeYourVehicle .carDollar p{ margin-bottom: 2rem; color: #000; font-size: 1.5rem; } main .tradeYourVehicle .carDollar img{ animation-name: spinImg; animation-duration: 600ms; animation-iteration-count: 1; animation-timing-function: linear; } @keyframes spinImg { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } /* CarFinder */ main .carFinder .carDollar{ display: flex; margin-bottom: 5rem; margin-top: 3rem; } main .carFinder .carDollar > div:first-child{ flex: 0 0 164px; margin-right: 5rem; } main .carFinder .carDollar p{ margin-bottom: 2rem; color: #000; font-size: 1.5rem; } main .carFinder .carDollar img{ animation-name: spinImg; animation-duration: 600ms; animation-iteration-count: 1; animation-timing-function: linear; } main .carFinder .containWhiteText{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/SearchBackgroundParallax.jpg') no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; } /* Contact Us */ main .contactUs .contactTitle{ background: #252525; color: #fff; } main .contactUs .contactTitle p{ color: #fff; padding-right: 40%; } main .contactUs .carDollar > div:first-child{ flex: 0 0 120px; display: flex; align-items: center; } main .contactUs .carDollar { margin: 0 ; } main .contactUs .hearFromYou .customText{ padding-right: 50%; } main .contactUs .customContactForm{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/Contactbackground.jpg') no-repeat; background-size: cover; background-position: 50%; background-attachment: fixed; } main .contactUs .customContactForm .whiteTextForm .formContact{ width: 60%; } @media only screen and (max-width: 991px) { main .contactUs .contactTitle p{ padding-right: 0; } main .contactUs .hearFromYou .customText{ padding-right: 0; } main .contactUs .customContactForm .whiteTextForm .formContact{ width: 100%; } } @media only screen and (max-width: 767px) { main .contactUs .carDollar{ display: flex !important; } main .carFinder .carDollar div:last-child h1:before{ display: none !important;; } main .contactUs .carDollar > div:first-child{ margin: 0 2rem 0 0 !important; flex: 0 0 90px; } } /* Outdoor */ main .outdoor .carDollar{ display: flex; margin-bottom: 1rem; margin-top: 1rem; align-items: center; } main .outdoor .carDollar img{ animation-name: spinImg; animation-duration: 600ms; animation-iteration-count: 1; animation-timing-function: linear; } main .outdoor .carDollar > div:first-child{ flex: 0 0 150px; margin-right: 2rem; } main .outdoor .carDollar h1{ line-height: 1.2; } main .outdoor .banner{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BrianJesselBMW_OutdoorAccessory_LandingPage_02.jpg') repeat-x; display: block; text-align: right; } main .outdoor .banner img{ display: inline-block; } main .outdoor .imageWithText{ background: #c0c5c7 url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BrianJesselBMW_OutdoorAccessory_LandingPage_04.jpg') no-repeat; background-position: 0 50%; min-height: 410px; } main .outdoor .imageWithText h1{ color: #136bcd; line-height: 1.2; font-size: 2.8rem; margin-bottom: 2rem; } main .outdoor .imageWithText h4{ color: #136bcd; font-weight: 100; margin-top: 2rem; } main .outdoor .imageWithText p{ font-size: 1.5rem; } main .outdoor .imageWithText{ display: flex; align-items: center; } main .outdoor .imageWithText .formPadding{ display: flex; justify-content: flex-end; } main .outdoor .imageWithText .textCustom{ width: 50%; } main .outdoor .leftText { padding: 2rem 0; } main .outdoor .leftText .formPadding{ display: flex; align-items: center; } main .outdoor .leftText h1{ color: #136bcd; line-height: 1.2; font-size: 2.8rem; margin-bottom: 2rem; } main .outdoor .leftText p{ font-size: 1.5rem; } main .outdoor .leftText .textCustom{ flex: 0 0 55%; padding-right: 5%; } main .outdoor .containWhiteText{ background: #363636; } main .outdoor .containWhiteText form h3{ color: #136bcd; } main .outdoor .containWhiteText form .whiteTextForm .formTwo > div:last-child{ border: none; } main .outdoor .containWhiteText form .form37{ margin: 0; } main .outdoor .containWhiteText form .form37 > span:first-child{ flex: 0 0 30%; margin-right: 2rem; } main .outdoor .containWhiteText form .form37 > span:last-child{ flex: 1; } main .outdoor .containWhiteText form .form73{ display: flex; } main .outdoor .containWhiteText form .form73 > span:first-child{ flex: 1; margin-right: 2rem; } main .outdoor .containWhiteText form .form73 > span:last-child{ flex: 0 0 30%; } main .outdoor .containWhiteText form textarea{ margin-top: 3rem; } @media only screen and (max-width: 1400px) { main .outdoor .imageWithText{ background-position: -200px; } } @media only screen and (max-width: 991px){ main .outdoor .imageWithText{ background: #c0c5c7; min-height: 0; display: block; } main .outdoor .imageWithText .textCustom{ width: 100%; } main .outdoor .imageWithText:after{ content: ''; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BrianJesselBMW_OutdoorAccessory_LandingPage_04.jpg') no-repeat; display: block; height: 400px; } } @media only screen and (max-width: 767px){ main .outdoor .carDollar > div:first-child{ display: inline-block; margin: 0 1rem 0 0 !important; flex: 0 0 80px; } main .outdoor .carDollar h1{ font-size: 2.5rem; margin-left: 1rem; } main .outdoor .carDollar{ display: flex !important; } main .outdoor .leftText .formPadding{ display: block; } } /* About Us */ .aboutUs .formPadding{ display: flex; } .aboutUs .customText { flex: 0 0 50%; } .aboutUs .customText h1{ color: #136bcd; font-size: 3rem; margin-bottom: 1.5rem; line-height: 1.3; } .aboutUs .customText p{ font-size: 1.5rem; margin: 0; } .aboutUs .bmwBanner{ background: #ebebeb; } .aboutUs .aboutHero{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BrianJesselBMW_AboutUs_LandingPage_03.png') no-repeat; background-size: cover; align-content: center; display: flex; padding: 15rem 0 10rem; background-position: 100% 50%; } .aboutUs .aboutHero .formPadding{ display: flex; justify-content: flex-end; align-items: center; } .aboutUs .aboutFormPadding{ position: relative; } .aboutUs .aboutFormPadding .aboutImg{ width: 100%; position: relative; } .aboutUs .aboutFormPadding .aboutImg .customImg{ position: absolute; top: 0; right: 0; } .aboutUs .aboutFormPadding .customText{ width: 50%; } .aboutUs .aboutFormPadding .customText p:nth-of-type(1){ margin-bottom: 2rem; } .aboutUs .formPadding{ padding-top: 3rem !important; padding-bottom: 3rem !important; } @media only screen and (max-width: 991px) { .aboutUs .aboutFormPadding .customText{ width: 100%; } .aboutUs .aboutFormPadding .aboutImg .customImg{ position: relative; text-align: center; } .aboutUs .customText{ flex: 0 0 100%; } .aboutUs .aboutHero .customText{ background: #fff; padding: 2rem 1rem; } .aboutUs .aboutHero{ padding: 2rem 0; } .page-title{ padding-left: 2rem; } } main form .form37{ display: flex; margin-bottom: 3rem; } main form .form37 > div:first-child{ flex: 0 0 30%; margin-right: 5%; } main form .form37 > div:last-child{ flex: 0 0 65%; } main .extendedWarranty form .form37 h5{ color: var(--color-primary); font-weight: 100; margin-bottom: 1rem; } main .extendedWarranty form .form37 h6{ color: var(--color-primary); font-weight: 100; margin-bottom: 1rem; font-size: 1.6rem; } /* History */ main .history .customText{ width: 48%; } main .history .customText p{ margin: 1.5rem 0; font-size: 1.4rem; } main .history .firstSection{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/03/image-1.jpg') no-repeat; background-size: cover; } main .history .secondSection{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BernieJesselImage.jpg') no-repeat; background-size: cover; } main .history .secondSection .formPadding{ display: flex; justify-content: flex-end; align-items: center; align-content: center; } main .history .secondSection .customText{ color: #fff; } main .history .secondSection .customText h2{ color: #fff; } main .history .thirdSection{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/03/image-2.jpg') no-repeat; background-size: cover; background-position: 100%; } main .history .fourthSection{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/03/image-3.jpg') no-repeat; background-position: 50% 0; padding-top: 500px; } main .history .fourthSection .flexTwo{ display: flex; justify-content: space-between; } main .history .fourthSection .flexTwo > div{ flex: 0 0 48%; } main .history .fourthSection .flexTwo p{ font-size: 1.4rem; margin: 1.5rem 0; } @media only screen and (max-width: 1400px) { main .history .thirdSection{ background-position: -200px 50%; } } @media only screen and (max-width: 991px) { main .history .firstSection{ background: #f3f4f8; } main .history .customText{ width: 100%; } main .history .firstSection:before{ content: ''; display: block; height: 300px; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BrianJesselBMW_OurHistory_LandingPage_03.jpg') no-repeat; background-position: 50%; } main .history .secondSection{ background: #35464d; } main .history .secondSection:before{ content: ''; display: block; height: 300px; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BrianJesselBMW_OurHistory_LandingPage_05.jpg') no-repeat; background-position: 50% 20%; background-size: contain; } main .history .thirdSection{ background: #ececec; } main .history .thirdSection:before{ content: ''; display: block; height: 300px; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/BrianJesselBMW_OurHistory_LandingPage_08.png') no-repeat; background-position: 50% 0%; background-size: cover; } main .history .fourthSection .flexTwo{ display: block; } } @media only screen and (max-width: 767px) { main .history .firstSection:before { background-position: 90% 0; } } /* Apply For Credit */ main .applyForCredit .carDollar{ display: flex; margin-bottom: 3rem; margin-top: 3rem; } main .applyForCredit .carDollar > div:first-child{ flex: 0 0 130px; margin-right: 5rem; } main .applyForCredit .carDollar p{ margin-bottom: 2rem; color: #000; font-size: 1.5rem; margin-right: 20%; } main .applyForCredit .carDollar img{ animation-name: spinImg; animation-duration: 600ms; animation-iteration-count: 1; animation-timing-function: linear; } main .applyForCredit .leftText{ background: #e5d5cf url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/ApprovalImageParallax-3.png') no-repeat; background-position: 0 0 ; background-attachment: fixed; } main .applyForCredit .imageWithText{ margin: 5rem 0; display: flex; align-items: center; } main .applyForCredit .imageWithText > div:first-child{ flex: 0 0 40%; margin-right: 3%; } /* Service */ main .serviceCustomPage .serviceList{ padding: 3rem 0; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/ServiceCentreBackground.jpg') no-repeat; background-position: 50%; background-size: cover; } main .serviceCustomPage .serviceList h3{ color: #136bcd; text-align: center; line-height: 1.2; margin-bottom: 3rem; font-size: 3rem; } main .serviceCustomPage .serviceList ul{ list-style: none; display: flex; flex-wrap: wrap; } main .serviceCustomPage .serviceList ul li{ flex: 1 1 50%; margin: 1rem 0; font-size: 1.8rem ; display: flex; align-items: center; } main .serviceCustomPage .serviceList ul li > div{ margin-right: 2rem; flex: 0 0 63px; text-align: center; } main .serviceCustomPage .serviceList.scrollAction img{ animation-name: spinImg; animation-duration: 600ms; animation-iteration-count: 1; animation-timing-function: linear; } @keyframes fade-in { from { opacity: 0; transform: rotate(15deg) translateX(50px) scale(0.2); } to { opacity: 1; transform: rotate(0) translateX(0) scale(1); } } /* Large Screen */ @media only screen and (min-width: 1680px) { main .applyForCredit .leftText{ background: #e5d5cf url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/ApprovalImageParallax-1.jpg') no-repeat; background-size: 100% !important; background-position: 100% 0px !important; background-attachment: fixed; } } @media only screen and (min-width: 1900px) { main .applyForCredit .leftText{ background: #e5d5cf url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/ApprovalImageParallax-1.jpg') no-repeat; background-size: cover !important; background-position: 0% -300px !important; background-attachment: fixed; } } /* Tablet */ @media only screen and (max-width: 991px) { main .customLandingPage .heroParallax{ padding-left: 2rem ; padding-right: 2rem ; } main .heroParallax > div.content{ flex: 1 1 calc(100% - 150px); } main .customLandingPage .formPadding{ padding: 4rem 2rem 5rem; } main .customLandingPage .flexForm{ display: block; } main .customLandingPage .flexForm > div{ margin: 0 !important; } main .customLandingPage .textCustom{ width: 100%; } /* Apply for Credit */ main .applyForCredit .leftText:before{ content: ''; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/Untitled-2.png') no-repeat; display: block; width: 100%; height: 200px; background-size: cover; } /* Extended Warranty */ main .customLandingPage.extendedWarranty .leftText .textCustom{ width: 100%; } main .extendedWarranty .leftText{ background: #292c31; } main .customLandingPage.extendedWarranty .leftText:after{ content: ''; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/cutver.png') no-repeat ; display: block; width: 100%; min-height: 250px; background-size: contain; background-position: 100% 100%; } /* Parts */ main .customParts .parts2{ background-position: -200px 0; } } /* Mobile */ @media only screen and (max-width: 767px) { main .customLandingPage .heroParallax{ background-size: cover; display: block; } main .heroParallax > div:first-child img{ width: 40px } main .heroParallax > div.content{ margin-left: 0; } main .heroParallax > div:first-child{ display: none; } main .customLandingPage .formPadding form .flexTwo{ display: block; } main .customLandingPage .formPadding form .emailPhone{ display: block; width: 100%; } main .customLandingPage .formPadding form .emailPhone > :first-child{ margin: 0; width: 100%; display: block; } main .customLandingPage .formPadding form .emailPhone > :last-child{ margin: 0; width: 100%; display: block; } main .customLandingPage .formPadding form .flexTwo > div:nth-child(2){ margin: 0; } main .customLandingPage .formPadding form .flexTwo > div{ margin: 0; } main .customLandingPage .formPadding form input{ max-width: none; } main .heroParallax h1{ font-size: 3.5rem; } main .customLandingPage .formPadding form .formTwo{ display: block; width: 100%; } main .customLandingPage .formPadding form .formTwo > div:first-child{ padding: 0; } main .customLandingPage .formPadding form .formTwo > div:last-child{ padding: 0; border: none; } main .customLandingPage .formPadding form .whiteTextForm .formTwo > div:last-child{ border: none; } main .customLandingPage .textCustom { width: 100%; } /* Trade In */ main .tradeYourVehicle .carDollar{ display: block; } main .tradeYourVehicle .carDollar > div:first-child{ margin: 0 auto 3rem; text-align: center; display: block; } main .tradeYourVehicle .carDollar > div:first-child img{ width: 100px; } /* Car Finder */ main .carDollar{ display: block !important; } main .carDollar > div:first-child{ margin: 0 auto 3rem !important; text-align: center !important; display: none; } main .carFinder .carDollar div:last-child h1{ font-size: 3.5rem; margin-bottom: 2rem; } main .carFinder .carDollar div:last-child h1:before{ content: ''; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/Carfinder_Icon.png') no-repeat; display: inline-block; width: 40px; background-size: contain; height: 40px; vertical-align: middle; margin-right: 1.5rem; } main .carDollar p{ margin-right: 0 !important; } main .customLandingPage .rightText .textCustom{ margin-left: 0; } /* Apply For Credit */ main .applyForCredit .imageWithText{ display: block; } main .applyForCredit .imageWithText > div{ margin-top: 5rem; } main .applyForCredit .imageWithText .textCustom{ margin: 2rem; width: auto; } main .applyForCredit .carDollar h1{ margin-bottom: 2rem; font-size: 3rem; } main .applyForCredit .carDollar h1:before{ display: inline-block; width: 50px; vertical-align: middle; height: 50px; margin-right: 1rem; background-size: contain !important; content: ''; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/Form.png') no-repeat; } /* Leasing Options */ main .leasingOptions .heroParallax h1{ margin-bottom: 2rem; } main .leasingOptions .heroParallax h1:before{ content: ''; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/01/keyIcon.png') no-repeat; vertical-align: middle; width: 40px; height: 50px; display: inline-block; background-size: contain; margin-right: 1.5rem; } /* Service */ main .serviceCustomPage .flexForm .wpcf7-checkbox > span.wpcf7-list-item{ display: block; width: 100%; } main .serviceCustomPage .serviceList ul{ display: block; } main .serviceCustomPage .serviceList ul li{ margin: 2.5rem 0; } main .serviceCustomPage .serviceTwoLinks .formPadding{ display: block; } main .serviceCustomPage .serviceTwoLinks .formPadding > div:first-child{ border: none; margin: 0 ; margin-bottom: 3rem; } /* Extended Warranty */ main .extendedWarranty .carDollar{ display: flex !important; align-items: center; } main .extendedWarranty .carDollar > div:first-child{ display: flex; flex: 0 0 50px; margin: 0 1rem !important; align-items: center; } main .extendedWarranty .carDollar h1{ font-size: 3rem; } main .extendedWarranty div.flexTwo{ display: block; } main .extendedWarranty div.flexTwo ul{ display: block; } main .extendedWarranty div.flexTwo ul li{ display: block; } main .extendedWarranty div.flexTwo > div{ margin-bottom: 5rem; } main .extendedWarranty .service1 h5:before, main .extendedWarranty .service2 h5:before{ margin-bottom: 1rem; display: inline-block; } main .extendedWarranty .service1 div.flexTwo, main .extendedWarranty .service2 div.flexTwo{ margin: 1rem 0; } main form .form37{ display: block; } main .customLandingPage.extendedWarranty .leftText:after{ content: ''; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/cutver.png') no-repeat ; display: block; width: 100%; min-height: 100px; background-size: contain; background-position: 100% 100%; } /* Parts */ main .customParts .parts2{ padding-top: 300px; background-size: auto 300px; background-position: -100px 0 ; } main .customParts .parts2 .customText{ width: 100%; display: block; } main .customParts .parts2 .flexTwo{ display: block; } main .customParts .parts2 .flexTwo > div{ margin-right: 0; margin-bottom: 5rem; } main .customParts .serviceTwoLinks .formPadding{ display: block; } main .customParts .serviceTwoLinks .formPadding > div:first-child{ border: none; margin: 0 ; margin-bottom: 3rem; } main .customParts .partsYoutube .flexTwo{ display: block; } main .customParts .parts1 .textCustom{ display: block; width: 100%; } main .carFinder.customParts .carDollar div:last-child h1:before{ display: none; } main .carFinder.customParts .carDollar{ display: flex !important; } main .carFinder.customParts .carDollar > div:first-child{ margin-right: 5rem !important; } } /* Mithila - SR00281691 */ .view_all_btn {display:none} @media (max-width: 479px) { .view_all_btn {display:inline-flex} } /* Mithila - SR00281691 */ /* NM - SR00281695 */ .similar-vehicles__image { background-size: contain !important; } /* NM - SR00281695 */ /* Mithila - SR00281691 */ /* Remove all the extra css given and let the bootstrap class css take control */ #usp_widget-3 .wrapper .row.jcc .col-lg-3.col-sm-6.col-xs-12 {all:unset} /* Mithila - SR00281691 */ /*SR00282376 */ .page-id-21 .primary-wrapper{ padding-top: 0; } /*SR00282376 */ /* NM - */ @media only screen and (min-width: 740px) { .monthly-promo-mobile { display: none; } .monthly-promo-desktop { display: block; } } @media only screen and (max-width: 740px) { .monthly-promo-mobile { display: block; } .monthly-promo-desktop { display: none; } } main .customLandingPage .formPadding{ padding-top: 6rem; } /*stripping css from individual pages*/ .page-id-2003 .customLandingPage .formPadding {padding-top: 27rem;} .page-id-31 main .page-title{display:none !important;} .page-id-31 main .primary-wrapper{padding: 0 !important;} .page-id-25 main .page-title{display:none !important;} .page-id-25 main .primary-wrapper{padding: 0 !important;} .page-id-2003 .page-title{background: url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/HeroIimage.png) no-repeat !important;background-size: cover !important; min-height: 190px;vertical-align: middle;display: flex;align-items: center;} .page-id-2003 .page-title::after{ display: none !important; } .page-id-2003 .page-title h1{ color: #fff !important; } .page-id-2003 main .primary-wrapper{padding: 0 !important;} .page-id-11 .page-title{background: url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/02/HeroImage.jpg) no-repeat !important;background-size: cover !important;min-height: 190px;vertical-align: middle;display: flex; align-items: center;} .page-id-11 .page-title::after{ display: none !important;} .page-id-11 .page-title h1{ color: #fff !important;} .page-id-11 main .primary-wrapper{padding: 0 !important;} .page-id-1944 main .page-title{display:none !important;} .page-id-1944 main .primary-wrapper{padding: 0 !important;} .page-id-1885 main .page-title{display:none !important;} .page-id-1885 main .primary-wrapper{padding: 0 !important;} .page-id-54 main .primary-wrapper{padding: 0 !important;} .page-id-54 main .customLandingPage .formPadding {padding-top: 6rem;} .page-id-1842 main .page-title{display:none !important;} .page-id-1842 main .primary-wrapper{padding: 0 !important;} .page-id-23 main .page-title{display:none !important;} .page-id-23 main .primary-wrapper{padding: 0 !important;} main .customLandingPage .formPadding form .whiteTextForm select {color: #929292!important;} .page-id-31 ::placeholder { color: #929292 !important ; opacity: 1; /* Firefox */ } /* NM - Custom Page */ .fa-envelope::before { margin-right: 1rem; } .chinese-verbiage { margin-left: 20px; font-size: 1.6rem; } /* Mithila - */ /* START - Update "Tax Span" Only for Final price section */ .price-block__price--primary + .price-block__sub {visibility:hidden} .price-block__price--primary + .price-block__sub:after {content:"*Pricing Excludes Licensing, Tax, and Freight & PDI"; visibility:visible} /* END - Update "Tax Span" Only for Final price section */ /* Mithila - */ /* BMW X7 Page Banner */ /* Jonas BMW Model 20201214 START*/ .PageLayout .top h1{ text-align:center; margin:20px 0px; } .PageLayout .top p{ width:80%; text-align:center; margin:0 auto; margin-bottom:25px; } .PageLayout .top .model-navigation-list ul{ width: 70%; margin: 0 auto; } .PageLayout .top .model-navigation-list ul li{ width: 33.33%; display: block; float: left; text-align: center; border-right: 2px solid black; } .PageLayout .top .model-navigation-list ul li:last-child{ border-right:none; } .PageLayout .top .model-navigation-list ul li { font-weight:bold; text-decoration:underline; } .PageLayout .model-showroom{ display:block; width:100%; clear:both; margin-top:100px; } .PageLayout .model-showroom .unit{ display:block; position:relative; width:33.33%; } .PageLayout .model-showroom .unit img{ display:block; margin:20px auto; max-width:256px; } .PageLayout .model-showroom .unit a{ /* display: block; */ /* text-align: center; */ /* position: absolute; */ bottom: 0; width: 100%; } /* Jonas BMW Model 20201214 END*/ .banner { height: 500px; align-items: flex-end; color: white; justify-content: center; } .flex { display: flex; } .banner_x3-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/12/BMW-X3.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_5series-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/12/5-series-2021.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_4series-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/12/2021-bmw-m440i-xdrive-coupe-109-1602004315.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_7series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/07/7-series-1.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_3series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/11/2021-BMW-3-SERIES-IN-VANCOUVER-.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_8series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/07/8-series-1.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x3 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/2020-BMW-x3.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .b2nner_x2{ background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url() no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .b2nner_X6{ background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url() no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_X1-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/02/2021-BMW-X1.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_X4-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/02/BMW-X4-2021.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_X7-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/02/BMW-X7-2021.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x3m { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/08/2020-BMW-x3-M.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x4m { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url( https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/08/2020-BMW-x4-M.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x5 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/2020-BMW-x5.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x7 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/03/2020-BMW-x7.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; } .i4 { height: 100%; color: white; display: flex; align-items: flex-end; transition: 0.3s all; padding: 2rem; } .i4-exterior { background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/i4-exterior.jpg) no-repeat; background-position:center; } .i4-performance { background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/i4-performance.jpg) no-repeat; background-position:center; } .i4-interior { background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/i4-interior.jpg) no-repeat; background-position:center; } .i4-container { overflow: hidden; height: 500px; padding: 0 1.5rem; } .i4-container:hover .i4 { transform: scale(1.1); } .i4:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52,73,94,0.75); } .button-call { text-transform: uppercase; padding: 10px; max-width: max-content; border-radius: 5px; display: inline-block; transition: all 0.4s ease 0s; } .button-call:hover { background: #434343; letter-spacing: 1px; -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); box-shadow: 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.4s ease 0s; } .page-id-4803 .page-title{ color: #1C69D4; } /*SIMPLE & FLEXIBLE PAGE*/ .page-id-5879 .page-title h1 { background-color: #ffffff!important; color: #000000 !important; width: 95%; } .page-id-5879 .page-title h1 span { margin-left: 20px; margin-right: 20px; } .page-id-5879 .primary-wrapper p {margin-bottom: 20px;font-size: 2.4rem;} .page-id-5879 .primary-wrapper h2 {color: var(--color-primary); font-weight: 700; font-size: 3.1rem;} .page-id-5879 .flex-button {text-align:center;color:white;background:var(--color-primary);padding:10px 50px;text-transform:uppercase;font-weight:700;font-size:2rem;} .page-id-5879 .content-column .content-row {width: 100%; height: 350px;} .page-id-5879 .content-column .content-row .col1 {width: 50%; float: left;} .page-id-5879 .content-column .content-row .col2 {width: 50%; float: left; margin-top:50px; margin-bottom:50px; vertical-align: center;} /*SIMPLE & FLEXIBLE PAGE - END*/ /*TOUCH-LESS SERVICE PAGE*/ .page-id-5928 .page-title h1 {background-color: #ffffff!important;color: #000000 !important;width: 95%;} .page-id-5928 .page-title h1 span {margin-left: 20px;margin-right: 20px;} .page-id-5928 .primary-wrapper p {margin-bottom: 20px;font-size: 2.0rem;} .page-id-5928 .primary-wrapper .content-row img {margin-bottom: 20px;} .page-id-5928 .primary-wrapper h2 {color: var(--color-primary); font-weight: 700; font-size: 2.5rem; margin-bottom:10px;} .page-id-5928 .flex-button {text-align:center;color:white;background:var(--color-primary);padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:1.5rem;} .page-id-5928 .content-column .content-row {width: 100%; min-height:155px; max-height:500px;} .page-id-5928 .content-column .content-row .col1,.page-id-5928 .content-column .content-row .col2, .page-id-5928 .content-column .content-row .col3 {width: 33%; float: left;text-align: center;padding-left: 10px;padding-right: 10px;} /*TOUCH-LESS SERVICE PAGE*/ #service_card{ display: flex; flex-direction: column; justify-content: space-between; } /*Aleem Memon Work Start*/ /*Aleem Memon Work End*/ div.accord { width: 100%; display: flex; flex-direction: column; } p.cont-btn { padding: 10px; background: #0653B6 !important; width: 150px; text-align: center !important; border-radius: 2px !important; } p.cont-btn a { font-weight: bold !important; color:white; text-align: center; } details { padding: 1rem; cursor: pointer; border-top: 1px solid #E6E6E6; } details:last-child { border-bottom: 1px solid #E6E6E6; } .summ:focus { outline: none !important; } @media(max-width:556px) { div.featu-box {width:100% !important;} div.featu-box img {width:100% !important;} } /* shuja work end */ .multiple-select--expanded div.multiple-select__option[convertus-data-id="srp__filter--Wagon"]{ display : none ; } .banner_M2 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/11/THRILL-SEEKERS-LOOK-NO-FURTHER-THE-2020-BMW-M2-IS-THE-CAR-FOR-YOU.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .b2nner_x2 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url() no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_3series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/03/2021-BMW-3-SERIES-IN-VANCOUVER.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .b2nner_X6 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/03/2021-BMW-X6-IN-VANCOUVER.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } /*case# 01808875 ,*/ .page-id-8774 .page-title {display:none;} .page-id-3778 .page-title {display:none;} /*** Blogs ***/ .page-id-5009 main .col-lg-4{ display: none; } .page-id-5009 main .blog-post__cat-tags{ display: none; } .page-id-5009 main .blog-post__content{ position: relative; justify-content: space-between; } .page-id-5009 main .blog-post__content > img{ flex: 0 0 35%; } .page-id-5009 main .blog-post:nth-child(2n+1) .blog-post__content > img{ order: 10; } .page-id-5009 main .blog-post__content > .blogWrap{ flex: 0 0 55%; } .page-id-5009 main .blog-post__title--link{ font-weight: 300; text-align: center; display: block; font-size: 2.6rem; color: var(--color-primary); line-height: 1.3; } .page-id-5009 main .blog-post__title:after{ display: none; } .page-id-5009 main .blog-post__main-info{ color: #333; text-align: center; line-height: 1.5; font-weight: 300; margin-bottom: 2rem; } .page-id-5009 main .blog-post__secondary-info{ justify-content: center; } @media screen and (max-width: 767px){ .page-id-5009 main .blog-post__secondary-info{ align-items: center; } .page-id-5009 main .blog-post:nth-child(2n+1) .blog-post__content > img{ order: 0; } } /***************************** * * Brian Jessel BMW Implementation * * Developer: Soo-Ah Jung * * May 2021 * * * ***************************/ /*** Header ***/ .header .header__logo-text{ max-width: none; } .header.header--desktop .header__main { border-bottom: 1px solid #000; max-width: 110rem; margin: 0 auto; justify-content: space-between; padding: 5rem 0 0.3rem; width: 100%; align-items: flex-end; } .header.header--desktop .header__main > a{ flex: 0 0 30%; } .header.header--desktop .header__info{ flex-direction: column; align-items: flex-end; margin: 0 ; } .header.header--desktop .header__info-single:not(:last-child){ margin: 0; } .header.header--desktop .header__info > a{ order: -10; font-size: 1.3rem; } .header.header--desktop .header__info-single, .header.header--desktop .header__info-single--phone{ font-size: 1.3rem; } /*** Header - Homepage ***/ .home-page .header-popout__label{color: #fff; } .home-page .header.header--desktop { position: absolute; width: 100%; background: none; } .home-page .header.header--desktop .header__main{ background: none; border-bottom: 1px solid #fff; } /* apply white text to all desktop headers */ .home-page .header .header__logo-text, .header.header--desktop .header__logo-text{ color: #fff; } .home-page .header__nav-bar{ background: none; border: none; box-shadow: none; } .header .navigation>.menu-item>a{ text-transform: capitalize; } .header.header--desktop .navigation>.menu-item>a{ color: #fff; } .header.header--desktop .header__info > a, .header.header--desktop .header__info-single, .header.header--desktop .header__info-single--phone{ color: #fff; } .header.header--desktop i{ color: #fff; } .home-page .headerLogo{ margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } /** Slider **/ .home-page .slider-1 img{ /*SF 02227329*/ /*width: auto !important;*/ } @media screen and (min-width: 1920px){ .home-page .slider-1 img{ max-width: none; width: 100% !important; min-height: 0; } } .home-page .slider-1 .tns-outer{ flex-direction: column; } .home-page .slider-1 .tns-nav{ position: relative; order: 10; margin: 1rem auto 5rem; width: 100%; } .home-page .slider-1 .tns-nav button{ width: 10rem; height: 2px; border-radius: 0; box-shadow: none; background: #ccc; } .home-page .slider-1 .tns-nav button.tns-nav-active{ background: var(--color-primary); } @media screen and (min-width: 1920px){ .home-page .slider-1 img{ width: 100% !important; } } /*Commit because of SF02263760 issue*/ /*@media screen and (max-width: 1920px){ .home-page .slider-1 img{ max-width: none; height: auto; position: absolute; left: 50%; transform: translateX(-50%); } }*/ /** Search **/ .home-page .inventory-search-1 .inventory-search-widget{ background: none; padding-bottom: 0; } .home-page .inventory-search-1 .dropdown-search__title{ text-align: center; font-weight: 100; text-transform: uppercase; font-size: 3.5rem; margin-bottom: 2rem; } .home-page .inventory-search-1 select{ box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/05/drop-down-transparent.png') no-repeat; background-position: 98% 50%; border: 1px solid #707070; border-radius: 0; color: #000; font-weight: 600; } .home-page .inventory-search-1 button{ text-transform: capitalize; font-size: 1.4rem; } /*** Buttons ***/ .home-page .button-block-2 .button-block-widget .button-block-button__background{ border-radius: 0; border: none; height: 5rem; width: 5rem; background-size: contain; margin: 0 0 .5rem; } .home-page .button-block-2 .button-block-widget .button-block-button{ background: #efefef; padding: 1rem 2rem 2rem; margin: 0; flex: 0 0 19.5%; } .home-page .button-block-2 .button-block-widget__content{ justify-content: space-between; } .home-page .button-block-2 .button-block-widget{ padding-top: 2rem; } .home-page .button-block-2 .button-block-widget .button-block-button__cta{ background: none; box-shadow: none; color: #000; border: 2px solid #000; text-transform: capitalize; text-align: center; justify-content: center; font-weight: 600; font-size: 1.4rem; border-radius: 0; } .home-page .button-block-2 .button-block-widget .button-block-button__cta:after{ display: none; } .home-page .button-block-2 .button-block-widget .button-block-button__cta:hover{ color: #fff; border: 2px solid var(--color-primary); background: var(--color-primary); } /** Button Block 1 **/ .home-page .button-block-1 .button-block-widget__column{ min-height: 57.7rem; } .home-page .button-block-1 .button-block-widget .button-block-button__cta{ opacity: 1; background: none; text-transform: capitalize; font-weight: 600; box-shadow: none; } .home-page .button-block-1 .button-block-widget .button-block-button__cta:after{ display: none; } .home-page .button-block-1 .button-block-widget .button-block-button__heading-area{ display: flex; flex-direction: column; } .home-page .button-block-1 .button-block-widget .button-block-button__heading{ order: -10; font-size: 3.5rem; font-weight: 100; } .home-page .button-block-1 .button-block-widget .button-block-button__subheading{ margin-top: 1rem; width: 90%; } .home-page .button-block-1 .button-block-widget .button-block-button__content{ padding: 2.5rem; } .home-page .button-block-1 .button-block-widget .button-block-button__content:hover .button-block-button__cta{ background: var(--color-primary); color: #fff; } .home-page .button-block-1 .button-block-widget .button-block-button:hover{ box-shadow: none; } .home-page .button-block-1 .button-block-widget .button-block-button__background:after{ display: none; } .home-page .button-block-1 .button-block-widget .button-block-button:hover .button-block-button__background{ opacity: 1; } /* Model Selector */ .home-page .model-selector-1 .model-selector-widget .wrapper-background{ background: none; box-shadow: none; } .home-page .model-selector-1 .model-selector-widget .model-filter__button{ color: #333; background: none; font-size: 4rem; } .home-page .model-selector-1 .model-selector-widget .model-filter__button:hover{ color: var(--color-primary); } .home-page .model-selector-1 .model-selector-widget .widget-heading:after{ display: none; } .home-page .model-selector-1 .model-selector-widget .featured-vehicle__year-make{ display: inline; font-weight: 400; font-size: 2.5rem; } .home-page .model-selector-1 .model-selector-widget .featured-price__price{ font-weight: 600; color: #000; } .home-page .model-selector-1 .model-selector-widget .model-block__title{ text-transform: uppercase; font-size: 2.3rem; } .home-page .model-selector-1 .model-selector-widget .model-block__list{ border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } .home-page .model-selector-1 .model-selector-widget .model-block:not(:last-child):after{ display: none; } .home-page .model-selector-1 .model-selector-widget .model-block:not(:last-child){ margin-right: 0; } .home-page .model-selector-1 .model-selector-widget .model-block__model-name.active{ color: #333; } .home-page .model-selector-1 .model-selector-widget .model-block__model-name:hover{ color: var(--color-primary); opacity: 1; } .home-page .model_selector_widget-4.model-selector-1{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/05/showroom-background@2x-1.png') no-repeat; background-position: 50% 100% !important; background-size: cover !important; } .home-page .model-selector-1 .model-selector-widget{ background: none; } .home-page .model-selector-1 .model-selector-widget .model-filter__gradient-fade.active{ background: none; } .home-page .model-selector-1 .model-selector-widget .model-block__model-name{ padding-top: 1.5rem; padding-bottom: 1.5rem; margin-right: 3.2rem ; font-size: 1.5rem; font-weight: 600; text-transform: capitalize; } .home-page .model-selector-1 .model-selector-widget .model-block__model-name.active{ border-top: 2px solid var(--color-primary); margin-top: -2px; border-bottom: 2px solid var(--color-primary); margin-bottom: -2px; } /* 35 years */ .home-page .about-1.about_widget-54 .about-widget.widget-background:after { display: none; } .home-page .about-1.about_widget-54 h2{ color: var(--color-primary); font-size: 2rem; } .home-page .about-1.about_widget-54 .about-widget__excerpt{ display: none; } .home-page .about-1.about_widget-54 h1{ line-height: 1.2; margin-bottom: 3rem; font-size: 4rem; } /** Video **/ .home-page .about_widget-28.about-3 iframe{ height: 305px !important; box-shadow: none !important; border: none; } .home-page .about_widget-28.about-3 h4{ font-weight: 100; color: var(--color-primary); font-size: 1.8rem; } .home-page .about_widget-28.about-3 p{ margin: 1rem 0 2rem; } .home-page .about_widget-28.about-3 .button{ min-width: 0; max-width: none; width: auto; font-weight: 600; text-transform: capitalize; font-size: 1.4rem; border-radius: 0; padding: 0 4rem; } .home-page .about_widget-28.about-3 .button:after{ display: none; } /* Featured Pre-Owned */ .home-page .about-3.about_widget-3 .about-widget{ background: #f2f2f2; } .home-page .about-3.about_widget-3 .about-widget__excerpt { display: none; } .home-page .about-3.about_widget-3 h4{ color: var(--color-primary); font-weight: 100; font-size: 1.8rem; } .home-page .about-3.about_widget-3 p{ line-height: 1.4; margin: 1.5rem 0; font-size: 1.5rem; } .home-page .about-3.about_widget-3 p a{ font-weight: 600; } .home-page .about-3.about_widget-3 .buttonBox{ display: flex; justify-content: space-between; margin-top: 2rem; } .home-page .about-3.about_widget-3 .buttonBox a{ background: #666; color: #fff; flex: 0 0 33%; text-align: center; font-size: 1.4rem; font-weight: 600; padding: 1rem ; } .home-page .about-3.about_widget-3 .buttonBox a:first-child{ background: var(--color-primary); } .home-page .about-3.about_widget-3 .buttonBox a:hover{ background: #000; } .home-page .about-3.about_widget-3 img{ box-shadow: none; } .home-page .about-3.about_widget-3 .col-lg-5{ max-width: 50%; flex: 0 0 50%; } .home-page .about-3.about_widget-3 .col-lg-6{ padding-right: 5%; } /* Let Us Help You */ h1.letUsHelpYou{ text-align: center; font-size: 3.5rem; margin-top: 5rem; } div.letUsHelpYou{ display: flex; margin-top: 3rem; margin-bottom: 5rem; justify-content: space-between; } div.letUsHelpYou > div:first-child{ background: #f2f2f2; flex: 0 0 30%; display: flex; padding: 2rem 3rem; margin-bottom: 1.3rem; } div.letUsHelpYou > div:first-child .phoneIcon{ border-right: 1px solid #afafaf; padding-right: 2rem; } div.letUsHelpYou > div:first-child > div:last-child{ padding-left: 2rem; } div.letUsHelpYou > div:first-child > div:last-child p{ color: #5a5a5a; } div.letUsHelpYou > div:last-child{ flex: 0 0 65%; } div.letUsHelpYou .input-group--md{ flex: 1 0 180px; } div.letUsHelpYou input{ /*-webkit-appearance: none; -moz-appearance: none; appearance: none; */ background: #fff; box-shadow: none; border: 1px solid #707070; border-radius: 0; /*height: 3.5rem;*/ } div.letUsHelpYou select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; box-shadow: none; border: 1px solid #707070; border-radius: 0; height: 3.5rem; } div.letUsHelpYou textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; box-shadow: none; border: 1px solid #707070; border-radius: 0; max-height: 8rem; } div.letUsHelpYou input[type="submit"]{ background: var(--color-primary); border: none; } div.letUsHelpYou input[type="submit"]:hover{ background: var(--color-primary-dark); color: #fff; } div.letUsHelpYou .input-group--lg{ flex: 1 0 70%; } div.letUsHelpYou .input-group--lg:last-child{ flex: 1 0 25%; } div.letUsHelpYou .input-group--lg:last-child input{ max-width: none; width: 100%; height: 8rem; margin-top: .5rem; } div.letUsHelpYou .input-group--lg:last-child .ajax-loader{ display: none; } div.letUsHelpYou fieldset{ align-items: center; } /*** TAblet */ @media screen and (max-width: 1200px){ .home-page .header.header--desktop .header__main{ padding-left: 3rem; padding-right: 3rem; } .header.header--desktop .header__main > a{ flex: 0 0 35%; } .home-page .header .navigation>.menu-item>a{ font-size: 1.4rem; } .home-page .button-block-1 .button-block-widget{ padding-left: 3rem; padding-right: 3rem; } div.letUsHelpYou{ padding-left: 3rem; padding-right: 3rem; } } @media screen and (max-width: 991px){ .header{ position: absolute; width: 100%; top: 0; } .header, .header__wrap{ background: transparent; box-shadow: none; } .navigation--mobile .navigation{ background: none; display: none; } .mobile-menu-active .navigation--mobile .navigation { background: #fff; display: block; } .home-page .header .navigation>.menu-item>a{ color: #777; } .header__mobile-icon{ color: #fff; } .header__icons.garage{ color: #fff; } .menu-icon{ color: #fff; } } /* Mobile */ @media screen and (max-width: 767px){ .home-page .slider-1 img{ height: auto; width: 100% !important; min-height: 0; } .home-page .slider-1 .tns-nav{ position: absolute; bottom: 0; margin-bottom: 2rem; } .home-page .slider-1 .tns-nav button{ width: 5rem; margin: 0 1rem; } .home-page .inventory-search-1 .inventory-search-widget{ background: #f2f2f2; padding: 2rem; margin: 2rem 2rem 1rem; } .home-page .button-block-2 .button-block-widget{ margin: 0 2rem 2rem; padding: 0; } .home-page .button-block-2 .button-block-widget__content{ flex-direction: column; padding: 2rem; background: #efefef; } .home-page .button-block-2 .button-block-widget .button-block-button{ border: 2px solid #000; display: flex; flex-direction: row; padding: 0; margin: .5rem 0; } .home-page .button-block-2 .button-block-widget .button-block-button__cta{ border: none; font-size: 1.6rem; } .home-page .button-block-2 .button-block-widget .button-block-button__background{ width: 10rem; margin: 0; height: 4rem; } .home-page .button-block-2 .button-block-widget .button-block-button__heading-area{ display: none; } .home-page .button-block-2 .button-block-widget .button-block-button__cta:hover{ background: none; color: #000; border: none; } .home-page .button-block-2 .button-block-widget{ margin: 0 2rem; } .home-page .button-block-1 .button-block-widget{ padding: 2rem; } /* button block */ .home-page .button-block-1 .button-block-widget__column{ min-height: 50rem; } .home-page .button-block-1 .button-block-widget__column--condensed-mobile{ flex-direction: column; } .home-page .button-block-1 .button-block-widget__column--condensed-mobile > div{ min-height: 50rem; margin-bottom: 1rem; } .home-page .button-block-1 .button-block-widget__row--condensed-mobile:first-child:not(:last-child){ margin-bottom: 1rem; margin-right: 0; } .home-page .button-block-1 .button-block-widget .button-block-button__cta{ display: block; } .home-page .model-selector-1 .model-selector-widget .featured-vehicle__image-wrap{ margin-bottom: 1rem; } .home-page .model_selector_widget-4.model-selector-1{ background: none; } .home-page .model-selector-1 .model-selector-widget .model-filter__button{ display: block; background: none; color: var(--color-primary); font-size: 4rem; text-align: center; } .home-page .model-selector-1 .model-selector-widget .model-filter__list{ width: 90%; margin: 0 auto; } .home-page .about_widget-28.about-3 p.about-widget__excerpt{ display: none; } .home-page .about_widget-28.about-3 h2{ text-align: center; } .home-page .about_widget-28.about-3 h4{ color: #222; text-align: center; } .home-page .about_widget-28.about-3 .button{ max-width: none; width: 100%; justify-content: center; font-size: 1.7rem; padding: 1rem; } .home-page .about-3.about_widget-3 .col-lg-6 h2{ text-align: center; } .home-page .about-3.about_widget-3 .col-lg-6 h4{ text-align: center; color: #222; } .home-page .about-3.about_widget-3 .buttonBox{ flex-direction: column; } .home-page .about-3.about_widget-3 .buttonBox a{ margin: .3rem 0; font-size: 1.7rem; } .home-page .about-3.about_widget-3 .col-lg-5{ max-width: 100%; flex: 0 0 100%; } div.letUsHelpYou{ flex-direction: column; } div.letUsHelpYou > div:first-child > div:last-child p{ font-size: 2rem; } div.letUsHelpYou > div:first-child .phoneIcon{ font-size: 2rem; } div.letUsHelpYou > div:first-child { margin-bottom: 2rem; } div.letUsHelpYou .input-group--lg:last-child input{ height: auto; } .mapHomepage{ display: none; } .home-page .about-1.about_widget-54 .about-widget{ min-height: 600px !important; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/05/Canadas-1-bmw-dealership-in-sales@2x-1.png') no-repeat !important; background-size: cover !important; padding-bottom: 0; background-position: 50% 50% !important; } .home-page .about-1.about_widget-54 .about-widget__info-container{ display: none; } } /** SRP **/ .home-page .headerLogo2{ display: none; } /* body:not(.home-page) .header.header--desktop .header__info > a{ color: #222; } */ /* body:not(.home-page) .header.header--desktop .header-popout__label{ color: #222; } */ /* body:not(.home-page) .header.header--desktop .header__info-single, .header__info-single--phone{ color: #222; } */ body:not(.home-page) .header.header--desktop .header__info-single .icon{ color: #fff; } @media only screen and (max-width: 991px) { body:not(.home-page) .headerLogo{ display: none; } } .headerLogo, .headerLogo2 { margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } body:not(.home-page) .header.header--desktop .header__main{ border: none; } body:not(.home-page) .header__nav-bar{ background: none; box-shadow: none; border: none; } body:not(.home-page) .header .navigation>.menu-item>a{ font-weight: 600; font-size: 1.4rem; } .srp__page-title{ text-align: center; font-size: 3rem !important; } .srp__found-header{ font-weight: 400; margin-top: 5rem; } .srp-wrapper > .ml-none{ margin: 0 auto 5rem !important; width: 100%; } .srp-wrapper .extra-filters select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/05/Screen-Shot-2021-05-27-at-1.16.41-PM.png') no-repeat; background-position: 98% 50%; padding-right: 2rem; min-width: 20rem; } .srp-wrapper .advanced-filters{ border: none; box-shadow: none; } .srp-wrapper .advanced-filters button[convertus-data-id="srp__reset-filters"]{ background: #707070; } .srp-wrapper .collapse__label:after{ color: var(--color-primary); content: '\f146'; font-weight: 600; } .srp-wrapper .collapse__label.open:after{ content: '\f0fe'; font-weight: 600; } .srp-wrapper .grid-view .vehicle-card{ box-shadow: none; border: 1px solid #c3c3c3; } .srp-wrapper .grid-view .vehicle-card__action-wrap{ background: none; display: flex; } .srp-wrapper .grid-view .vehicle-card__action-wrap > li{ background: #707070; color: #fff; padding: 0.5rem 1rem; flex: 0 0 48%; justify-content: center; display: flex; } .srp-wrapper .grid-view .vehicle-card__action-wrap > li:hover{ background: #000; } .srp-wrapper .price-block__price--primary + .price-block__sub{ margin-top: 1rem; } .srp-wrapper .grid-view .vehicle-card__action-wrap > li strong{ font-weight: 300; font-size: 1.1rem; } .srp-wrapper .grid-view .vehicle-card__action-wrap > li i{ color: #fff; } .srp-wrapper .grid-view .vehicle-card__details > a:first-child{ order: -10; } .srp-wrapper .grid-view .vehicle-card .price-block{ order: -7; } .srp-wrapper .grid-view a .vehicle-card__title{ font-weight: 400; text-transform: uppercase; margin-bottom: 2rem; } .grid-view .vehicle-card__location{ display: none; } .grid-view .price-block__price--primary{ color: #000; } .grid-view .vehicle-card__details{ flex-direction: column; display: flex; } .grid-view .vehicle-card__compare-wrapper{ order: 10; } .grid-view .vehicle-card .badges-wrap{ order: -2; flex-direction: row; } .grid-view .detailed-specs{ border-top: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; padding: 1rem 0; text-align: center; } .grid-view .detailed-specs li span{ font-size: 1.2rem; color: #949494; } .grid-view .vehicle-card a.button:after{ display: none; } .grid-view .vehicle-card a.button{ border-radius: 0; text-align: center; justify-content: center; font-size: 1.4rem; margin: 0 0 1rem; text-transform: capitalize; } .grid-view .vehicle-card__compare:after{ display: none; } .grid-view .vehicle-card .checkbox-input { justify-content: flex-end; } .grid-view .vehicle-card .checkbox-input .checkmark{ box-shadow: none !important; border: 1px solid #222; border-radius: 0; } .grid-view .vehicle-card .certified-badge{ background: #222; } @media screen and (max-width: 991px){ .home-page .header .header__logo-text{ font-size: 2rem; } body:not(.home-page) .header--mobile .header__wrap{ background: #fff; } body:not(.home-page) .menu-icon{ color: #000; } body:not(.home-page) .header__mobile-icon{ color: #000; } body:not(.home-page) .header .header__logo-text{ font-size: 2rem; } .partsForm.customLandingPage { display: none; } body:not(.home-page) .header{ position: relative; } .header .header__logo--mobile{ display: flex; align-items: center; justify-content: space-between; margin: 0; flex: 1; padding: 0 1rem; } .home-page .headerLogo, .headerLogo2{ position: static; } .header .header__logo-text{ margin: 0; } } @media screen and (max-width: 767px){ .srp-wrapper > .ml-none{ margin-bottom: 0 !important; } .srp-wrapper .filter-buttons__toggle{ background: #fff; box-shadow: none; color: #000; font-weight: 600; border-top: 1px solid #000; border-bottom: 1px solid #000; } .grid-view .vehicle-card .checkbox-input{ background: none; justify-content: flex-end !important; } .grid-view .vehicle-card .checkbox-input > p{ margin-right: 1rem; } } /*** VDP ***/ .vdp-wrapper .overview-group__item--reports{ flex-direction: row; } .vdp-wrapper .contact-group{ font-size: 1.2rem; } .vdp-wrapper .garage-buttons { margin-bottom: 2rem; } .vdp-wrapper .garage-buttons > div{ background: #777; border-radius: 0; padding: 0 1rem ; color: #fff; font-size: 1.3rem; font-weight: 600; text-transform: capitalize; } .vdp-wrapper .garage-buttons > div:hover{ background: #000; color: #fff; } .vdp-wrapper .garage-buttons > div:hover i{ color: #fff; } .vdp-wrapper .overview-group__item { color: #808080; } .vdp-wrapper .overview-group .certified-badge{ background: #222; } .vdp-wrapper .expand-section__title:after { background: var(--color-primary); color: #fff; padding: .5rem; font-size: 1.2rem; } .vdp-wrapper input[type='text'], .vdp-wrapper select, .vdp-wrapper input[type='date'], .vdp-wrapper input[type='email'], .vdp-wrapper textarea{ background: #fff !important; border-radius: 0 !important; box-shadow: none !important; border: 1px solid #000 !important; } .vdp-wrapper .main-price .pricing-group__final-price .price-block--expanded .price-block__label{ display: block; font-size: 1.7rem; } .vdp-wrapper .main-price .pricing-group__final-and-finance .price-block__price--lg{ font-weight: 600; font-size: 3rem; } .vdp-wrapper .button-group a{ border: none; background: #777; color: #fff; border-radius: 0; text-transform: capitalize; } .vdp-wrapper .button-group [convertus-data-id="vdp__cta--book-a-test-drive"] { background: var(--color-primary); } .vdp-wrapper .button-group a:hover{ background: #222 !important; } .vdp-wrapper .similar-vehicles h4{ text-transform: uppercase; font-weight: 400; font-size: 3rem; } .vdp-wrapper .similar-vehicles .tns-item{ box-shadow: none; border: 1px solid #000; border-radius: 0; } .vdp-wrapper .similar-vehicles .similar-vehicles__details{ display: none; } .vdp-wrapper .similar-vehicles .vehicle-price__price{ color: #000; } .vdp-wrapper .similar-vehicles .button{ background: var(--color-primary); color: #fff; text-transform: capitalize; font-weight: 600; } .vdp-wrapper .vdp-sidebar{ box-shadow: none !important; border: 2px solid #ccc; } @media screen and (max-width: 767px){ .vdp-wrapper .photo-gallery .button{ border-radius: 0; background: #707070; color: #fff; text-transform: capitalize; } .vdp-wrapper .main-price .pricing-group__final-price .main-price__disclaimer{ text-align: right; } .vdp-wrapper .button-group a{ padding: 1.5rem; font-size: 1.8rem; } .vdp-wrapper .photo-gallery__buttons-container{ justify-content: center; } .vdp-wrapper .main-content__contact-info{ flex-wrap: wrap; justify-content: flex-start !important; font-size: 1.6rem; } .vdp-wrapper .contact-group{ flex-wrap: wrap; } .vdp-wrapper .contact-group > *{ font-size: 1.6rem; flex: 0 0 100%; margin-bottom: 1.5rem } .vdp-wrapper .gtm_print{ font-size: 1.6rem; margin-bottom: 2rem; } .vdp-wrapper .button-group a:hover{ background: var(--color-primary) !important; } .vdp-wrapper .expand-section__title:after{ color: #fff !important; } } /* Showroom */ .page-id-8883 .page-title h1 span{ color: #fff; } @media screen and (max-width: 1200px){ .page-id-8883 .model-showroom > .row{ margin: 0; } .page-id-8883 .model-showroom > .row ul{ display: block; padding: 0 2rem; } .page-id-8883 .model-showroom > .row { margin-bottom: 5rem; } .page-id-8883 .model-showroom > .row .unit{ text-align: center; } .page-id-8883 .model-showroom > .row .unit li{ list-style: none; } } @media screen and (max-width: 767px){ .page-id-8883 .model-showroom > .row { margin: 5rem auto; } } @media screen and (max-width: 500px){ .page-id-8883 .model-showroom > .row { display: block; } .page-id-8883 .model-showroom > .row .unit{ width: 100%; margin: 7rem 0; } } .page-id-56 .page-title span, .page-id-4177 .page-title span, .page-id-5417 .page-title span{ color: #fff; } .i4-container h2 a{ color: #fff; } @media screen and (max-width: 767px){ .i4-container{ max-width: none; flex: 0 0 95%; margin: 2rem; height: 300px; } } /*** CUSTOM PAGES ***/ .page-id-27 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-27 main .page-title{ padding: 0; width: 100%; padding-top: 220px; background: url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/06/financing-title@2x.png) !important; background-position: 50% 50% !important; background-size: cover !important; } .page-id-27 .header.header--desktop .header__main{ background: transparent; } .page-id-27 .header .header__logo-text{ color: #fff; } .page-id-27 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-27 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-27 .header.header--desktop .header__info-single, .page-id-27 .header__info-single--phone{ color: #fff !important; } .page-id-27 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-27 .headerLogo2{ display: none; } .page-id-27 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-27 .header .navigation>.menu-item>a{ color: #fff; } .page-id-27 .page-title h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; } .page-id-27 main .page-title:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000 !important; opacity: 0.4; } .page-id-27 main h2:after{ content: ''; width: 7rem; height: 2px; background: var(--color-primary); display: block; margin: 1rem 0 2rem; } .page-id-27 main p{ font-size: 1.4rem; margin: 1rem 0; } .page-id-27 main h2{ font-size: 2.5rem; } .page-id-27 main .about-4 .about-widget__excerpt{ display: none; } .page-id-27 main .about-4 { margin: 4rem auto; max-width: 110rem; } .page-id-27 main .about-4 .about-widget { padding-top: 2rem; padding-bottom: 2rem; } .page-id-27 main .about-4 .about-widget__background-container{ width: 45%; background-position: 0 50%; } .page-id-27 main .about-4 .col-lg-6{ max-width: none; flex: 0 0 55%; } .page-id-27 main .about-4 .col-lg-offset-6{ margin-left: 45%; } .page-id-27 main .financeForm h2:after{ display: none; } .page-id-27 main .financeForm h2{ color: var(--color-primary); margin-bottom: 2rem; } .page-id-27 main .financeForm form input, .page-id-27 main .financeForm form select, .page-id-27 main .financeForm form textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; box-shadow: none; border: 2px solid #ccc; } .page-id-27 main .financeForm form input[type='checkbox']{ width: 1.5rem; height: 1.5rem; } .page-id-27 main .financeForm form input[type='submit']{ background: var(--color-primary); border: none; max-width: none; padding-left: 5rem; padding-right: 5rem; margin-top: 2rem; } .page-id-27 main .financeForm form { position: relative; margin-bottom: 5rem; } .page-id-27 main .financeForm .financeFormSec.twoCols2{ display: flex; margin-bottom: 1.5rem; } .page-id-27 main .financeForm .financeFormSec{ width: 100%; flex: 0 0 100%; } .page-id-27 main .financeForm .financeFormSec.twoCols2 .twoCols{ flex: 0 0 50%; display: flex; flex-wrap: wrap; } .page-id-27 main .financeForm select{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/06/drop-down-blue@2x.png') no-repeat !important; background-position: 100% 50% !important; background-size: 4rem 100%!important; } .page-id-27 main .financeForm textarea{ max-height: 50rem; height: 34rem; } @media screen and (max-width: 991px){ body.page-id-27:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-27:not(.home-page) .header{ position: absolute; } body.page-id-27:not(.home-page) .menu-icon{ color: #fff; } body.page-id-27:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-27 .headerLogo{ position: static ; } .page-id-27 main .page-title{ padding-top: 20rem; background-position: 50% 0% !important; } .page-id-27 main .financeForm{ padding: 0 3rem; } .page-id-27 main .financeForm textarea{ height: 43rem; } } @media screen and (max-width: 767px){ .page-id-27 main .about-4 .about-widget{ display: flex; flex-direction: column; } .page-id-27 main .about-4 .about-widget__background-container{ position: relative; width: 100%; height: auto; min-height: 20rem; margin-bottom: 2rem; } .page-id-27 main .about-4 .about-widget__background-container::after{ display: none; } .page-id-27 main .about-4 .col-lg-offset-6{ margin: 2rem 0; } .page-id-27 main .about-4 .col-lg-6{ flex: 0 0 100%; } .page-id-27 main .financeForm .financeFormSec.twoCols2{ display: block; } .page-id-27 main .financeForm textarea{ height: auto; } .page-id-27 main .about-4{ margin: 1rem auto; } } /* Service page */ .page-id-54 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-54 main .page-title{ padding: 0; width: 100%; background: transparent; position: absolute; top: 220px; z-index: 1; } .page-id-54 .header.header--desktop .header__main{ background: transparent; } .page-id-54 .header .header__logo-text{ color: #fff; } .page-id-54 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-54 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-54 .header.header--desktop .header__info-single, .page-id-54 .header__info-single--phone{ color: #fff !important; } .page-id-54 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-54 .headerLogo2{ display: none; } .page-id-54 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-54 .header .navigation>.menu-item>a{ color: #fff; } .page-id-54 .page-title h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; } .page-id-54 .page-title:after{ display: none; } .page-id-54 main .show-slider .tns-inner img{ max-width: none; width: auto !important; height: 80rem; position: absolute; left: 50%; transform: translateX(-50%); } .page-id-54 main .show-slider .show-slider__thumbnail-wrap{ display: none; } @media screen and (min-width: 1759px){ .page-id-54 main .show-slider .tns-inner img { width: 100% !important; height: auto; } } .page-id-54 main .serviceSec1{ display: flex; justify-content: space-between; margin-top: 8rem; margin-bottom: 8rem; } .page-id-54 main .serviceSec1 .content{ padding-right: 5rem; } .page-id-54 main .serviceSec1 .content h1{ line-height: 1.2; } .page-id-54 main .serviceSec1 .content p{ margin: 2rem 0; font-size: 1.4rem; } .page-id-54 main .serviceSec1 .content a.button:after{ display: none; } .page-id-54 main .serviceSec1 .content a.button{ max-width: none; width: auto; font-size: 1.4rem; border-radius: 0; padding: 1rem 5rem; } .page-id-54 main .serviceSec2{ display: flex; margin-top: 5rem; margin-bottom: 5rem; justify-content: space-between; } .page-id-54 main .serviceSec2 > div:first-child{ flex: 0 0 50%; padding-right: 5rem; } .page-id-54 main .serviceSec2 > div:first-child iframe{ width: 100%; height: 100%; } .page-id-54 main .serviceSec2 h1{ font-size: 3rem; } .page-id-54 main .serviceSec2 h2{ color: var(--color-primary); font-size: 2rem; } .page-id-54 main .serviceSec2 p{ margin: 2rem 0; font-size: 1.4rem; } main .serviceSec3{ background: #F2F2F2; padding: 3rem 0; } main .serviceSec3 .wrapper{ display: flex; align-items: center; } main .serviceSec3 .wrapper > div:first-child { padding-right: 5rem; flex: 0 0 40%; } main .serviceSec3 .wrapper > div:first-child h1{ line-height: 1.2; font-size: 4rem; } main .serviceSec3 .wrapper > div:first-child p{ margin: 2rem 0; } main .serviceSec3 .wrapper > div:first-child a:after{ display: none; } main .serviceSec3 .wrapper > div:first-child a{ justify-content: center; } main .serviceSec4{ padding: 3rem 0; } main .serviceSec4 .wrapper{ display: flex; align-items: center; } main .serviceSec4 .wrapper > div:last-child { padding-left: 5rem; flex: 0 0 40%; } main .serviceSec4 .wrapper > div:last-child h1{ line-height: 1.2; font-size: 4rem; } main .serviceSec4 .wrapper > div:last-child p{ margin: 2rem 0; } main .serviceSec4 .wrapper > div:last-child a:after{ display: none; } main .serviceSec4 .wrapper > div:last-child a{ justify-content: center; } main .servicePay{ margin: 5rem 0; } @media screen and (max-width: 991px){ body.page-id-54:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-54:not(.home-page) .header{ position: absolute; } body.page-id-54:not(.home-page) .menu-icon{ color: #fff; } body.page-id-54:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-54 .headerLogo{ position: static ; } .page-id-54 main .serviceSec1, .page-id-54 main .serviceSec2, main .serviceSec3 .wrapper, main .serviceSec4{ padding-left: 3rem; padding-right: 3rem; } .page-id-54 main .page-title{ top: 150px; } } @media screen and (max-width: 767px){ .page-id-54 main .serviceSec1, .page-id-54 main .serviceSec2, main .serviceSec3 .wrapper, main .serviceSec4 .wrapper{ flex-direction: column; } .page-id-54 main .serviceSec1 > div.content{ order: 2; margin-top: 4rem; } .page-id-54 main .serviceSec2 iframe{ height: 40rem !important; margin-bottom: 2rem; } .page-id-54 main .serviceSec2 > div:first-child{ padding-right: 0; } main .serviceSec3 .wrapper > div:first-child{ order: 2; margin-top: 2rem; padding: 0; text-align: center; } main .serviceSec4 .wrapper > div:last-child{ order: 2; margin-top: 2rem; padding: 0; text-align: center; } } /* ICO */ .page-id-4177 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-4177 main .page-title{ padding: 0; width: 100%; padding-top: 220px; } .page-id-4177 .header.header--desktop .header__main{ background: transparent; } .page-id-4177 .header .header__logo-text{ color: #fff; } .page-id-4177 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-4177 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-4177 .header.header--desktop .header__info-single, .page-id-4177 .header__info-single--phone{ color: #fff !important; } .page-id-4177 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-4177 .headerLogo2{ display: none; } .page-id-4177 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-4177 .header .navigation>.menu-item>a{ color: #fff; } .page-id-4177 .page-title h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; } @media screen and (max-width: 991px){ .page-id-4177 .header .navigation>.menu-item>a{ color: #333; } body.page-id-4177:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-4177:not(.home-page) .header{ position: absolute; } body.page-id-4177:not(.home-page) .menu-icon{ color: #fff; } body.page-id-4177:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-4177 .headerLogo{ position: static ; } .page-id-4177 main .page-title{ padding-top: 20rem; background-position: 50% 0% !important; } .page-id-4177 main .page-title h1{ font-size: 3.3rem; } } .forMobile{ display: none; } @media screen and (max-width: 767px){ .forMobile{ display: block; } .forDesktop{ display: none; } .page-id-54 main .show-slider .tns-inner img{ width: 100% !important; height: auto ; min-height: 600px; } } /** EXTENDED WARRANTY **/ .page-id-1885 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-1885 main .hero-1.hero_widget-6 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-1885 main .hero-1.hero_widget-6 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-1885 .header.header--desktop .header__main{ background: transparent; } .page-id-1885 .header .header__logo-text{ color: #fff; } .page-id-1885 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-1885 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-1885 .header.header--desktop .header__info-single, .page-id-1885 .header__info-single--phone{ color: #fff !important; } .page-id-1885 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-1885 .headerLogo2{ display: none; } .page-id-1885 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-1885 .header .navigation>.menu-item>a{ color: #fff; } .page-id-1885 main .hero-1.hero_widget-6 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-1885:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-1885:not(.home-page) .header{ position: absolute; } body.page-id-1885:not(.home-page) .menu-icon{ color: #fff; } body.page-id-1885:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-1885 .headerLogo{ position: static ; } } .extendedSec1 h2:after{ content: ''; width: 7rem; height: 2px; background: var(--color-primary); display: block; margin-top: 2rem; margin-bottom: 3rem; } .extendedSec1 { margin: 5rem auto; } .extendedSec1 > h2{ color: var(--color-primary); } .extendedSec1 div.flexTwo { display: flex; justify-content: space-between; } .extendedSec1 div.flexTwo > div{ flex: 0 0 48%; } .extendedSec1 div.flexTwo > div h4{ color: var(--color-primary); font-weight: 400; font-size: 1.6rem; margin-bottom: 2rem; } .extendedSec1 div.flexTwo > div:last-child ul{ display: flex; flex-wrap: wrap; } .extendedSec1 div.flexTwo > div:last-child ul li{ flex: 0 0 50%; } .extendedSec1 div.flexTwo > div ul{ list-style: none; } .extendedSec1 div.flexTwo > div ul li:before{ content: "\2022"; color: var(--color-primary); font-weight: bold; display: inline-block; width: 1rem; margin-right: 1rem; } .extendedSec1 div.flexTwo > div ul li{ margin-bottom: 1rem; font-size: 1.5rem; } .page-id-1885 main .about-4 .about-widget .widget-heading{ color: var(--color-primary); font-size: 2.5rem; } .page-id-1885 main .about-4 .about-widget p{ font-size: 1.4rem; } .page-id-1885 main .about-4 { max-width: 110rem; margin: 3rem auto; } .page-id-1885 main .about-4 h5{ color: var(--color-primary); font-weight: 400; font-size: 1.5rem; margin-bottom: 2rem; } .page-id-1885 main .about-4 .flexTwo{ display: flex; justify-content: space-between; } .page-id-1885 main .about-4 .flexTwo > div{ flex: 0 0 48%; font-size: 1.3rem; } .page-id-1885 main .about-4 .flexTwo h4{ color: var(--color-primary); font-weight: 400; font-size: 1.3rem; } .page-id-1885 main .about-4 .flexTwo li{ font-size: 1.3rem; margin: .2rem 0; } .page-id-1885 main .about-4 .about-widget__background-container{ width: 48%; background-size: 100%; } .page-id-1885 main .about-4 .col-lg-6 { max-width: none; flex: 0 0 52%; } .page-id-1885 main .about-4 .col-lg-6.col-lg-offset-6{ margin-left: 50%; } .page-id-1885 main .about-4 .about-widget { padding-top: 2rem; padding-bottom: 2rem; } .page-id-1885 main .about-4 .about-widget__excerpt{ display: none; } .page-id-1885 main .about-4 ul{ margin-top: 1rem; } .page-id-1885 main .about-4 .widget-heading:after{ margin-top: .1rem; margin-bottom: 2rem; } .extendedForm h3{ color: var(--color-primary); margin-bottom: 2rem; } .extendedForm h5, .extendedForm h6{ color: var(--color-primary); font-weight: 300; margin-bottom: 1rem; } .extendedForm input[type="text"], .extendedForm input[type="email"], .extendedForm input[type="tel"]{ -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff; box-shadow: none; border: 2px solid #eaeaea; margin-bottom: 1rem; } .extendedForm input[type="submit"]{ background: var(--color-primary); border: none; } .extendedForm input[type="submit"]:hover{ background: var(--color-primary-dark); color: #fff; } main .extendedForm form .form37{ margin-bottom: 0; } main .extendedForm { margin-bottom: 3rem; } @media screen and (max-width:120rem){ .page-id-1885 main .extendedSec1, .page-id-1885 main .about-4 .about-widget, main .extendedForm{ padding-left: 3rem; padding-right: 3rem; } } @media screen and (max-width:991px){ .page-id-1885 main .hero-1.hero_widget-6 .hero-widget h1{ font-size: 3.5rem; } .extendedSec1 div.flexTwo{ display: block; } .page-id-1885 main .about-4 .about-widget{ flex-direction: column; } .page-id-1885 main .about-4 .about-widget__background-container{ width: 100%; position: static; min-height: 20rem; height: auto; margin-bottom: 2rem; } .page-id-1885 main .about-4 .col-lg-6.col-lg-offset-6{ margin: 0; } .page-id-1885 main .about-4 .col-lg-6{ flex: 0 0 100%; } .page-id-1885 main .about-4 .about-widget__background-container:after{ display: none; } .page-id-1885 main .about-4{ margin: 1rem auto; } .page-id-1885 main .flexTwo{ display: block !important; } .page-id-1885 main .flexTwo > div{ margin-top: 2rem; } .page-id-1885 main .about-4 .flexTwo li, .page-id-1885 main .about-4 .flexTwo h4, .page-id-1885 main .about-4 .flexTwo > div, .extendedForm h5, .extendedForm h6{ font-size: 1.8rem; margin-top: 1rem; } .extendedForm input[type="submit"]{ margin-top: 2rem; } } /** Parts **/ .page-id-31 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-31 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-31 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-31 .header.header--desktop .header__main{ background: transparent; } .page-id-31 .header .header__logo-text{ color: #fff; } .page-id-31 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-31 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-31 .header.header--desktop .header__info-single, .page-id-31 .header__info-single--phone{ color: #fff !important; } .page-id-31 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-31 .headerLogo2{ display: none; } .page-id-31 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-31 .header .navigation>.menu-item>a{ color: #fff; } .page-id-31 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-31:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-31:not(.home-page) .header{ position: absolute; } body.page-id-31:not(.home-page) .menu-icon{ color: #fff; } body.page-id-31:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-31 .headerLogo{ position: static ; } } .page-id-31 main .about-4 .about-widget p{ font-size: 1.4rem; } .page-id-31 .about-4 .about-widget .widget-heading:after{ display: none; } .page-id-31 .about-4 .about-widget .widget-heading{ line-height: 1.2; margin-bottom: 2rem; } .page-id-31 .about-4 .about-widget p { margin: 1.5rem 0; } .page-id-31 .about-4 .about-widget .button:after{ display: none; } .page-id-31 .about-4 .about-widget .button{ justify-content: center; max-width: none; width: auto; } .page-id-31 main .about-4 { max-width: 110rem; margin: 3rem auto; } .page-id-31 main .about-4 .about-widget { padding-top: 2rem; padding-bottom: 2rem; } .page-id-31 main .about-4 .about-widget__excerpt{ display: none; } .page-id-31 main .about-4.about_widget-65 .col-lg-6{ padding: 3.3rem 4rem 3.3rem 0; } .page-id-31 main .about-4 iframe{ box-shadow: none; border: none; } .partsForm { max-width: 110rem; margin: 2rem auto; } .partsForm.customLandingPage .whiteTextForm h3{ color: #333; } main .partsForm.customLandingPage .formPadding form .whiteTextForm span{ color: #333; } main .partsForm.customLandingPage .formPadding form { margin-left: 0; margin-right: 0; } .partsForm input[type="text"], .partsForm input[type="email"], .partsForm input[type="tel"], .partsForm textarea, .partsForm select{ -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff; box-shadow: none; border: 2px solid #eaeaea; margin-bottom: 1rem; } .partsForm input[type="submit"]{ background: var(--color-primary); border: none; } .partsForm input[type="submit"]:hover{ background: var(--color-primary-dark); color: #fff; } @media screen and (max-width: 1200px){ .page-id-31 main .about-4, .partsForm, main .serviceSec3 .wrapper, main .serviceSec4 .wrapper{ margin-left: 3rem; margin-right: 3rem; } } @media screen and (max-width:991px){ .page-id-31 main .about-4 .about-widget{ flex-direction: column; } .page-id-31 main .about-4 .about-widget__background-container{ width: 100%; position: static; min-height: 30rem; height: auto; margin-bottom: 2rem; } .page-id-31 main .about-4 .col-lg-6.col-lg-offset-6{ max-width: none; } .page-id-31 main .about-4 .col-lg-6.col-lg-offset-6{ margin: 0; } .page-id-31 main .about-4 .col-lg-6{ flex: 0 0 100%; } .page-id-31 main .about-4 .about-widget__background-container:after{ display: none; } .page-id-31 main .about-4{ margin: 1rem auto; } .page-id-31 main .about-4.about_widget-65 .col-lg-6{ padding: 3rem; max-width: none; } .page-id-31 main .about-4.about_widget-66 .about-widget__background-container iframe{ height: 30rem ; } } @media screen and (max-width:767px){ .page-id-31 main .about-4, .partsForm, main .serviceSec3 .wrapper, main .serviceSec4 .wrapper{ padding: 0; max-width: none; width: 100%; margin: 0 auto; } .partsForm { padding: 0 3rem; } } .partsForm form .form37{ margin: 0; } .partsForm form .form37 > span:first-child{ flex: 0 0 30%; margin-right: 2rem; } main .partsForm form .form37 > span:last-child{ flex: 1; } main .partsForm form .form73{ display: flex; } main .partsForm form .form73 > span:first-child{ flex: 1; margin-right: 2rem; } main .partsForm form .form73 > span:last-child{ flex: 0 0 30%; } main .partsForm form textarea{ margin-top: 3rem; } main .customLandingPage.partsForm .formPadding{ padding: 0; } /** History **/ .page-id-2003 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-2003 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-2003 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-2003 .header.header--desktop .header__main{ background: transparent; } .page-id-2003 .header .header__logo-text{ color: #fff; } .page-id-2003 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-2003 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-2003 .header.header--desktop .header__info-single,.page-id-2003 .header__info-single--phone{ color: #fff !important; } .page-id-2003 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-2003 .headerLogo2{ display: none; } .page-id-2003 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-2003 .header .navigation>.menu-item>a{ color: #fff; } .page-id-2003 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-2003:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-2003:not(.home-page) .header{ position: absolute; } body.page-id-2003:not(.home-page) .menu-icon{ color: #fff; } body.page-id-2003:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-2003 .headerLogo{ position: static ; } } .historySec1 { margin-top: 3rem; margin-bottom: 3rem; } .historySec1 h2{ color: var(--color-primary); font-size: 2.5rem; } .historySec1 p{ margin: 1.5rem 0; font-size: 1.4rem; } .page-id-2003 main .about-4 .about-widget p{ font-size: 1.4rem; } .page-id-2003 .about-4 .about-widget .widget-heading{ line-height: 1.2; margin-bottom: 2rem; color: var(--color-primary); } .page-id-2003 .about-4 .about-widget p { margin: 1.5rem 0; } .page-id-2003 main .about-4 .about-widget__excerpt{ display: none; } .page-id-2003 main .about-4 { max-width: 110rem; margin: 3rem auto; } .page-id-2003 main .about-4 .about-widget { padding: 2rem 0; margin: 5rem 0; } .page-id-2003 main .about-4 .about-widget__background-container{ width: 47%; } @media screen and (max-width:1160px){ .historySec1, .page-id-2003 main .about-4 { margin-left: 3rem; margin-right: 3rem; } } @media screen and (max-width:767px){ .historySec1, .page-id-2003 main .about-4{ padding-left: 3rem; padding-right: 3rem; margin: 2rem 0; width: 100%; } .page-id-2003 main .about-4 .about-widget{ flex-direction: column; } .page-id-2003 main .about-4 .about-widget__background-container{ width: 100%; position: static; min-height: 30rem; height: auto; margin-bottom: 2rem; } .page-id-2003 main .about-4 .col-lg-6.col-lg-offset-6{ max-width: none; } .page-id-2003 main .about-4 .col-lg-6.col-lg-offset-6{ margin: 0; } .page-id-2003 main .about-4 .col-lg-6{ flex: 0 0 100%; } .page-id-2003 main .about-4 .about-widget__background-container:after{ display: none; } } /* Military */ .page-id-11529 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-11529 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-11529 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-11529 .header.header--desktop .header__main{ background: transparent; } .page-id-11529 .header .header__logo-text{ color: #fff; } .page-id-11529 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-11529 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-11529 .header.header--desktop .header__info-single,.page-id-11529 .header__info-single--phone{ color: #fff !important; } .page-id-11529 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-11529 .headerLogo2{ display: none; } .page-id-11529 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-11529 .header .navigation>.menu-item>a{ color: #fff; } .page-id-11529 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-11529:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-11529:not(.home-page) .header{ position: absolute; } body.page-id-11529:not(.home-page) .menu-icon{ color: #fff; } body.page-id-11529:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-11529 .headerLogo{ position: static ; } } .militarySec{ margin-top: 3rem; margin-bottom: 3rem; } .militarySec h2{ color: var(--color-primary); font-size: 2.5rem; } .militarySec p{ font-size: 1.4rem; margin: 1.5rem 0; } .militarySec ul li{ font-size: 1.4rem; } .militarySec .customMilitary{ display: flex; flex-wrap: wrap; justify-content: center; } .militarySec .customMilitary > div{ flex: 0 0 33%; } .militarySec .customMilitary > div p{ color: var(--color-primary); font-size: 2.5rem; text-align: center; line-height: 1.2; width: 70%; margin: 1rem auto; } .militaryContact { display: flex; justify-content: center; text-align: center; margin-top: 3rem; } .militaryContact > div{ flex: 0 0 40%; } .militaryContact > div:last-child{ border-left: 1px solid #ccc; margin-left: 5%; } .militaryContact h4{ font-weight: 300; } @media screen and (max-width: 1160px){ .militarySec { padding-left: 3rem; padding-right: 3rem; } } @media screen and (max-width: 767px){ .page-id-11529 .hero-1 .hero-widget h1{ font-size: 3rem; } .militarySec .customMilitary > div{ flex: 0 0 50%; } .militaryContact { display: block; } .militaryContact > div{ margin-bottom: 3rem; } .militaryContact > div:last-child{ margin: 0; border: none; } } /* Corporate Sales */ .page-id-11967 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-11967 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-11967 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-11967 .header.header--desktop .header__main{ background: transparent; } .page-id-11967 .header .header__logo-text{ color: #fff; } .page-id-11967 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-11967 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-11967 .header.header--desktop .header__info-single,.page-id-11967 .header__info-single--phone{ color: #fff !important; } .page-id-11967 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-11967 .headerLogo2{ display: none; } .page-id-11967 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-11967 .header .navigation>.menu-item>a{ color: #fff; } .page-id-11967 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-11967:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-11967:not(.home-page) .header{ position: absolute; } body.page-id-11967:not(.home-page) .menu-icon{ color: #fff; } body.page-id-11967:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-11967 .headerLogo{ position: static ; } } /* Careers */ .page-id-21 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-21 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-21 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-21 .header.header--desktop .header__main{ background: transparent; } .page-id-21 .header .header__logo-text{ color: #fff; } .page-id-21 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-21 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-21 .header.header--desktop .header__info-single,.page-id-21 .header__info-single--phone{ color: #fff !important; } .page-id-21 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-21 .headerLogo2{ display: none; } .page-id-21 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-21 .header .navigation>.menu-item>a{ color: #fff; } .page-id-21 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-21:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-21:not(.home-page) .header{ position: absolute; } body.page-id-21:not(.home-page) .menu-icon{ color: #fff; } body.page-id-21:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-21 .headerLogo{ position: static ; } } .flexTwoWork{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem; margin-bottom: 2rem; } .flexTwoWork > div{ flex: 0 0 49.5%; margin: .5rem 0; } /* Tire */ .page-id-8045 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-8045 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-8045 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-8045 .header.header--desktop .header__main{ background: transparent; } .page-id-8045 .header .header__logo-text{ color: #fff; } .page-id-8045 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-8045 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-8045 .header.header--desktop .header__info-single,.page-id-8045 .header__info-single--phone{ color: #fff !important; } .page-id-8045 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-8045 .headerLogo2{ display: none; } .page-id-8045 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-8045 .header .navigation>.menu-item>a{ color: #fff; } .page-id-8045 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem !important; margin: 0; text-shadow: none !important; } @media screen and (max-width: 991px){ body.page-id-8045:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-8045:not(.home-page) .header{ position: absolute; } body.page-id-8045:not(.home-page) .menu-icon{ color: #fff; } body.page-id-8045:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-8045 .headerLogo{ position: static ; } } .page-id-8045 .about-3 .about-widget .widget-heading{ color: var(--color-primary); line-height: 1.5; } .page-id-8045 .textwidget.custom-html-widget{ background: none !important; } .page-id-8045 main .tireSec1 h2{ color: var(--color-primary); margin: 2rem 0; } .page-id-8045 .about-3 .about-widget__image-wrapper { max-width: 100%; flex: 0 0 50%; } .page-id-8045 .about-3 .col-lg-6{ padding: 0 5rem 0 0; } .page-id-8045 main .tireSec1 .threeSecs{ display: flex; flex-wrap: wrap; justify-content: space-between; } .page-id-8045 main .tireSec1 .threeSecs > div{ flex: 0 0 32%; text-align: center; } .page-id-8045 main .tireSec1 .threeSecs > div h3{ color: var(--color-primary); font-size: 3rem; margin: 1rem 0; } .page-id-8045 main .tireSec1 .threeSecs > div p{ font-size: 1.4rem; } .page-id-8045 main .about-2 .about-widget { margin: 2rem auto; } @media screen and (max-width:1160px){ .page-id-8045 .about-3 .col-lg-6{ padding-left: 3rem; } } @media screen and (max-width:767px){ .page-id-8045 .hero-1 .hero-widget h1{ font-size: 3rem !important; } .page-id-8045 .about-3 .about-widget__image-wrapper{ flex: 0 0 100%; } .page-id-8045 main .tireSec1 .threeSecs > div{ flex: 0 0 100%; margin: 2rem 0; } } /* Grand Coupe */ .page-id-5417 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-5417 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-5417 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-5417 .header.header--desktop .header__main{ background: transparent; } .page-id-5417 .header .header__logo-text{ color: #fff; } .page-id-5417 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-5417 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-5417 .header.header--desktop .header__info-single,.page-id-5417 .header__info-single--phone{ color: #fff !important; } .page-id-5417 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-5417 .headerLogo2{ display: none; } .page-id-5417 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-5417 .header .navigation>.menu-item>a{ color: #fff; } .page-id-5417 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem !important; margin: 0; text-shadow: none !important; } .page-id-5417 main .about-3 h2{ color: var(--color-primary); } .page-id-5417 main .about-3 h2:after{ content: ''; display: block; width: 11rem; height: 2px; background: var(--color-primary); ; margin-bottom: 1.5rem; } .page-id-5417 main .about-3 .about-widget__excerpt{ display: none; } .page-id-5417 main .about-3 .row.jcc{ justify-content: space-between; } .page-id-5417 main .about-3 h4{ font-weight: 300; } .page-id-5417 main .about-3 p{ margin: 1.5rem 0; font-size: 1.4rem; } .page-id-5417 main .about-3 .col-lg-6{ max-width: 40%; flex: 0 0 40%; } .page-id-5417 main .about-3 .col-lg-5{ max-width: 60%; flex: 0 0 60%; } .page-id-5417 main .about-3 .col-lg-6.video-container{ max-width: 60%; flex: 0 0 60%; } .page-id-5417 main .about-3 iframe{ width: 100% !important; height: 100% !important; min-height: 400px; border: none ; } .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 h2, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 h4, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 p, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 h2:after{ text-align: right; margin-right: 0; margin-left: auto; } @media screen and (max-width: 991px){ body.page-id-5417:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-5417:not(.home-page) .header{ position: absolute; } body.page-id-5417:not(.home-page) .menu-icon{ color: #fff; } body.page-id-5417:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-5417 .headerLogo{ position: static ; } .page-id-5417 main .about-3 .col-lg-6.video-container, .page-id-5417 main .about-3 .col-lg-6, .page-id-5417 main .about-3 .col-lg-5{ max-width: none; flex: 0 0 100%; } .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 h2, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 h4, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 p, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6, .page-id-5417 main .about-3 .col-lg-6.video-container + .col-lg-6 h2:after{ text-align: left; margin-left: 0; margin-right: auto; } } .coupeSec{ margin-top: 3rem; margin-bottom: 3rem; } .coupeSec h2{ color: var(--color-primary); font-size: 2.8rem; margin-bottom: 1.5rem; } .coupeSec p{ margin: 1.5rem 0; } .coupeSec iframe{ width: 100% !important; } @media screen and (max-width: 1160px){ .coupeSec{ padding-left: 3rem; padding-right: 3rem; } } @media screen and (max-width: 767px){ .coupeSec iframe{ height: 400px; } } .vdp-wrapper .partsForm.customLandingPage { display: none !important; } /* IX */ .page-id-12890 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-12890 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-12890 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-12890 .header.header--desktop .header__main{ background: transparent; } .page-id-12890 .header .header__logo-text{ color: #fff; } .page-id-12890 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-12890 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-12890 .header.header--desktop .header__info-single,.page-id-12890 .header__info-single--phone{ color: #fff !important; } .page-id-12890 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-12890 .headerLogo2{ display: none; } .page-id-12890 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-12890 .header .navigation>.menu-item>a{ color: #fff; } .page-id-12890 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem !important; margin: 0; text-shadow: none !important; } .page-id-12890 main .about-3 h2{ color: var(--color-primary); } .page-id-12890 main .about-3 h2:after{ content: ''; display: block; width: 11rem; height: 2px; background: var(--color-primary); ; margin-bottom: 1.5rem; } .page-id-12890 main .about-3 .about-widget__excerpt{ display: none; } .page-id-12890 main .about-3 .row.jcc{ justify-content: space-between; } .page-id-12890 main .about-3 h4{ font-weight: 300; } .page-id-12890 main .about-3 p{ margin: 1.5rem 0; font-size: 1.4rem; } .page-id-12890 main .about-3 .col-lg-6{ max-width: 40%; flex: 0 0 40%; } .page-id-12890 main .about-3 .col-lg-5{ max-width: 60%; flex: 0 0 60%; } .page-id-12890 main .about-3.about_widget-118 h2, .page-id-12890 main .about-3.about_widget-118, .page-id-12890 main .about-3.about_widget-118 h2:after{ text-align: right; justify-content: flex-end; margin-right: 0; margin-left: auto; } @media screen and (max-width: 991px){ body.page-id-12890:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-12890:not(.home-page) .header{ position: absolute; } body.page-id-12890:not(.home-page) .menu-icon{ color: #fff; } body.page-id-12890:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-12890 .headerLogo{ position: static ; } .page-id-12890 main .about-3 .col-lg-6, .page-id-12890 main .about-3 .col-lg-5{ max-width: none; flex: 0 0 100%; } .page-id-12890 main .about-3.about_widget-118 h2, .page-id-12890 main .about-3.about_widget-118, .page-id-12890 main .about-3.about_widget-118 h2:after{ text-align: left; justify-content: flex-start; margin-left: 0; margin-right: auto; } } /* Blog */ .blog-post--shadow{ box-shadow: none; border: 1px solid #797979; } .blog-post__title{ margin-top: 0; } .page-id-5009 main .blog-post .blog-post__content > img + .blogWrap .blog-post__title--link{ text-align: right; } .page-id-5009 main .blog-post .blog-post__content > img + .blogWrap .blog-post__main-info{ text-align: right; } .page-id-5009 main .blog-post .blog-post__content > img + .blogWrap .blog-post__secondary-info{ justify-content: flex-end; } .page-id-5009 main .blog-post:nth-child(2n+1) .blog-post__content > img + .blogWrap .blog-post__title--link{ text-align: left; } .page-id-5009 main .blog-post:nth-child(2n+1) .blog-post__content > img + .blogWrap .blog-post__main-info{ text-align: left; } .page-id-5009 main .blog-post:nth-child(2n+1) .blog-post__content > img + .blogWrap .blog-post__secondary-info{ justify-content: flex-start; } .page-id-5009 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-5009 main .page-title{ padding: 0; width: 100%; padding-top: 220px; } .page-id-5009 .header.header--desktop .header__main{ background: transparent; } .page-id-5009 .header .header__logo-text{ color: #fff; } .page-id-5009 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-5009 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-5009 .header.header--desktop .header__info-single, .page-id-5009 .header__info-single--phone{ color: #fff !important; } .page-id-5009 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-5009 .headerLogo2{ display: none; } .page-id-5009 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-5009 .header .navigation>.menu-item>a{ color: #fff; } .page-id-5009 .page-title h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; } @media screen and (max-width: 991px){ body.page-id-5009:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-5009:not(.home-page) .header{ position: absolute; } body.page-id-5009:not(.home-page) .menu-icon{ color: #fff; } body.page-id-5009:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-5009 .headerLogo{ position: static ; } .page-id-5009 main .page-title{ padding-top: 20rem; background-position: 50% 0% !important; } } /* Diplomatic Sales Centre */ .page-id-7325 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-7325 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-7325 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-7325 .header.header--desktop .header__main{ background: transparent; } .page-id-7325 .header .header__logo-text{ color: #fff; } .page-id-7325 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-7325 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-7325 .header.header--desktop .header__info-single,.page-id-7325 .header__info-single--phone{ color: #fff !important; } .page-id-7325 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-7325 .headerLogo2{ display: none; } .page-id-7325 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-7325 .header .navigation>.menu-item>a{ color: #fff; } .page-id-7325 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-7325:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-7325:not(.home-page) .header{ position: absolute; } body.page-id-7325:not(.home-page) .menu-icon{ color: #fff; } body.page-id-7325:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-7325 .headerLogo{ position: static ; } } .page-id-7325 .flexTwoSec{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3rem; margin-bottom: 3rem; } .page-id-7325 .flexTwoSec > div{ flex: 0 0 49.5%; margin: .5rem 0; } .diplomaticSec2 { display: flex; justify-content: center; } .diplomaticSec2 > div{ flex: 0 0 35%; margin: 1rem; } .diplomaticSec2 > div h5{ color: var(--color-primary); font-weight: 300; font-size: 3rem; line-height: 1.2; text-align: center; } @media screen and (max-width:991px){ .header .navigation>.menu-item>a{ color: #333 !important; } } @media screen and (max-width: 767px){ .diplomaticSec2{ flex-direction: column; } } /* Together Motion */ .page-id-12119 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-12119 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-12119 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-12119 .header.header--desktop .header__main{ background: transparent; } .page-id-12119 .header .header__logo-text{ color: #fff; } .page-id-12119 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-12119 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-12119 .header.header--desktop .header__info-single,.page-id-12119 .header__info-single--phone{ color: #fff !important; } .page-id-12119 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-12119 .headerLogo2{ display: none; } .page-id-12119 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-12119 .header .navigation>.menu-item>a{ color: #fff; } .page-id-12119 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-12119:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-12119:not(.home-page) .header{ position: absolute; } body.page-id-12119:not(.home-page) .menu-icon{ color: #fff; } body.page-id-12119:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-12119 .headerLogo{ position: static ; } } .page-id-12119 main .about-4 .about-widget__excerpt{ display: none; } .page-id-12119 main .togetherSec h2{ color: var(--color-primary); } .page-id-12119 main .togetherSec p{ font-size: 1.4rem; }.page-id-12119 main .togetherSec p:after{ content: ''; width: 7rem; height: 2px; background: var(--color-primary); display: block; margin: 1rem 0; } .page-id-12119 main .about-4 .togetherSec ~ p{ font-size: 1.4rem; margin: 1.5rem 0; } .page-id-12119 main .about-4 .about-widget{ margin: 5rem auto; max-width: 110rem; } .page-id-12119 main .flexTwoSec{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5rem; } .page-id-12119 main .flexTwoSec > div{ flex: 0 0 49%; margin-top: 1rem; margin-bottom: 1rem; } /** Contact **/ .page-id-25 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-25 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important } .page-id-25 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-25 .header.header--desktop .header__main{ background: transparent; } .page-id-25 .header .header__logo-text{ color: #fff; } .page-id-25 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-25 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-25 .header.header--desktop .header__info-single,.page-id-25 .header__info-single--phone{ color: #fff !important; } .page-id-25 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-25 .headerLogo2{ display: none; } .page-id-25 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-25 .header .navigation>.menu-item>a{ color: #fff; } .page-id-25 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 991px){ body.page-id-25:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-25:not(.home-page) .header{ position: absolute; } body.page-id-25:not(.home-page) .menu-icon{ color: #fff; } body.page-id-25:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-25 .headerLogo{ position: static ; } } .page-id-25 main .financeForm{ margin-top: 5rem; margin-bottom: 5rem; } .page-id-25 main .financeForm h2:after{ display: none; } .page-id-25 main .financeForm h2{ color: var(--color-primary); margin-bottom: 2rem; } .page-id-25 main .financeForm form input, .page-id-25 main .financeForm form select, .page-id-25 main .financeForm form textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; box-shadow: none; border: 2px solid #ccc; } .page-id-25 main .financeForm form input[type='checkbox']{ width: 1.5rem; height: 1.5rem; } .page-id-25 main .financeForm form input[type='submit']{ background: var(--color-primary); border: none; max-width: none; padding-left: 5rem; padding-right: 5rem; margin-top: 2rem; } .page-id-25 main .financeForm form { position: relative; margin-bottom: 5rem; } .page-id-25 main .financeForm .financeFormSec.twoCols2{ display: flex; margin-bottom: 1.5rem; } .page-id-25 main .financeForm .financeFormSec{ width: 100%; flex: 0 0 100%; } .page-id-25 main .financeForm .financeFormSec.twoCols2 .twoCols{ flex: 0 0 50%; display: flex; flex-wrap: wrap; } .page-id-25 main .financeForm select{ background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/06/drop-down-blue@2x.png') no-repeat !important; background-position: 100% 50% !important; background-size: 4rem 100%!important; } .page-id-25 main .financeForm textarea{ max-height: 50rem; height: 34rem; } @media screen and (max-width: 991px){ .page-id-25 main .financeForm{ padding: 0 3rem; } .page-id-25 main .financeForm textarea{ height: 43rem; } } @media screen and (max-width: 767px){ .page-id-25 main .financeForm .financeFormSec.twoCols2{ display: block; } .page-id-25 main .financeForm textarea{ height: auto; } } /** TEam **/ .page-id-58 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-58 main .page-title{ padding: 0; width: 100%; padding-top: 220px; } .page-id-58 .header.header--desktop .header__main{ background: transparent; } .page-id-58 .header .header__logo-text{ color: #fff; } .page-id-58 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-58 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-58 .header.header--desktop .header__info-single,.page-id-58 .header__info-single--phone{ color: #fff !important; } .page-id-58 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-58 .headerLogo2{ display: none; } .page-id-58 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-58 .header .navigation>.menu-item>a{ color: #fff; } .page-id-58 .page-title h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; } @media screen and (max-width: 991px){ body.page-id-58:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-58:not(.home-page) .header{ position: absolute; } body.page-id-58:not(.home-page) .menu-icon{ color: #fff; } body.page-id-58:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-58 .headerLogo{ position: static ; } .page-id-58 main .page-title{ padding-top: 20rem; background-position: 50% 0% !important; } } .department__title::after{ display: none; } .department__title { color: var(--color-primary); } .member{ box-shadow: none; background: #eaeaea; padding: 1.5rem; } .member__name{ text-align: left; font-size: 1.5rem; font-weight: 600; text-transform: capitalize; color: #222; margin-bottom: 1rem; } .member__designation{ text-align: left; text-transform: capitalize; font-size: 1.4rem; color: #222; } .member__email{ padding: 0 1.5rem; border-radius: 0; } .member__email a{ border-radius: 0; justify-content: center; font-size: 1.3rem; text-transform: capitalize; min-height: 3.5rem; } .member__email a:after{ display: none; } .page-id-58 .coupeSec p{ font-size: 1.4rem; } /** electric **/ .page-id-5417 main form select, .page-id-12890 main form select{ box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/05/drop-down-transparent.png') no-repeat; background-position: 98% 50%; border: 1px solid #eaeaea; border-radius: 0; color: #000; } .page-id-5417 main form input[type='text'], .page-id-5417 main form input[type='email'], .page-id-12890 main form input[type='text'], .page-id-12890 main form input[type='email']{ -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: 1px solid #eaeaea; background: none; box-shadow: none; border-radius: 0; } .page-id-12890 main form textarea, .page-id-5417 main form textarea{ -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: 1px solid #eaeaea; background: none; box-shadow: none; border-radius: 0; } /* Aleem Work */ /* 5 July 2021 */ .flex { display: flex; justify-content: space-between; } .banner { background-size: cover; height:500px; align-items: flex-end; color: white; justify-content: center; } .banner div { padding: 2rem 5rem; } .banner_Mercedes-GLC { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/07/2021-BMW-X3-VS-2021-MERCEDES-GLC1.jpg") no-repeat; background-size: 100% auto; background-position: center; } .banner h2, .banner p { text-align: center; } /** Plug - in hybrid **/ .page-id-4803 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-4803 main .page-title{ padding: 0; width: 100%; padding-top: 220px; } .page-id-4803 .header.header--desktop .header__main{ background: transparent; } .page-id-4803 .header .header__logo-text{ color: #fff; } .page-id-4803 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-4803 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-4803 .header.header--desktop .header__info-single,.page-id-4803 .header__info-single--phone{ color: #fff !important; } .page-id-4803 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-4803 .headerLogo2{ display: none; } .page-id-4803 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-4803 .header .navigation>.menu-item>a{ color: #fff; } .page-id-4803 .page-title h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; } .page-id-4803 .hero-1 .hero-widget h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; font-weight: 300; font-size: 4.4rem; margin: 0; } .page-id-4803 main .hero-1 .hero-widget{ padding: 0; width: 100%; padding-top: 220px !important; min-height: 0; padding-bottom: 0 !important; } .page-id-4803 main .hero-1 .hero-widget .wrapper + .wrapper{ display: none; } .page-id-4803 main .about-3 h2{ color: var(--color-primary); font-size: 3rem; } .page-id-4803 main .about-3 h2:after{ content: ''; display: block; margin-top: 1rem; margin-bottom: 2rem; width: 8rem; height: 2px; background: var(--color-primary); } .page-id-4803 main .about-3 p{ font-size: 1.4rem; margin: 1rem 0; } .page-id-4803 main .about-3 h4{ font-weight: 300; } .page-id-4803 main .about-widget__excerpt { display: none; } .page-id-4803 main .show-slider__thumbnail-wrap{ display: none; } .page-id-4803 main .about-3 .col-lg-5{ max-width: 55%; flex: 0 0 55%; } .page-id-4803 main .about-3 .video-container{ max-width: 55% !important; flex: 0 0 55% !important; } .page-id-4803 main .about-3 .video-container iframe{ border: none; min-height: 350px; } .page-id-4803 main .about-3 .col-lg-6{ max-width: 45%; flex: 0 0 45%; } .page-id-4803 main .customForm h2{ color: var(--color-primary); } .page-id-4803 main .customForm p{ margin-bottom: 2rem; } .page-id-4803 main .customForm input, .page-id-4803 main .customForm textarea{ background: #fff; box-shadow: none; border: 1px solid #eaeaea; } .page-id-4803 main .customForm select{ background: url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/06/drop-down-blue@2x.png) no-repeat !important; background-position: 100% 50% !important; background-size: 4rem 100%!important; box-shadow: none; border: 1px solid #eaeaea; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page-id-4803 main .customForm input[type="submit"]{ background: var(--color-primary); border: none; } .page-id-4803 main .button{ min-width: 0; justify-content: center; } .page-id-4803 main .button:after{ display: none; } @media screen and (max-width: 991px){ body.page-id-4803:not(.home-page) .header--mobile .header__wrap{ background: none; } body.page-id-4803:not(.home-page) .header{ position: absolute; } body.page-id-4803:not(.home-page) .menu-icon{ color: #fff; } body.page-id-4803:not(.home-page) .header__mobile-icon{ color: #fff; } .page-id-4803 .headerLogo{ position: static ; } .page-id-4803 main .page-title{ padding-top: 20rem; background-position: 50% 0% !important; } .page-id-4803 main .about-3 .col-lg-6, .page-id-4803 main .about-3 .col-lg-5{ max-width: none; flex: 0 0 100%; margin-top: 2rem; margin-bottom: 2rem; } .page-id-4803 main .about-3 .video-container{ max-width: none !important; flex: 0 0 100% !important; } } /* SL 01916898 */ .vdp-wrapper .vdp-sidebar a.button.motocommerce-vehicle-link{ display:block; text-align:center; } .vdp-wrapper .vdp-sidebar a.button.motocommerce-vehicle-link:after{ display:none; } .srp-wrapper a.motocommerce-vehicle-link{ position: relative; background: var(--color-primary); color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 0.3rem 0.8rem rgb(0 0 0 / 10%); box-shadow: 0 0.3rem 0.8rem rgb(0 0 0 / 10%); padding: .4rem 1.6rem; min-height: 4.2rem; width: 100%; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; justify-content: center; border-radius: 0; font-size: 1.4rem; margin: 0 0 1rem; font-weight: normal; } /* SL 01916898 */ /* Kayla | SR00324059 - remove nav bar background */ .header.dark nav.header__nav-bar { background: transparent; } /* END Kayla | SR00324059 */ /* Aleem Memon Work*/ /* Date : 30/9/2021 */ .banner { height: 500px; align-items: flex-end; color: white; justify-content: center; } .flex { display: flex; } .banner_2021-BMW-2 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/09/2021-BMW-2-SERIES-COUPE-FEATURES-AND-SPECS.jpg") no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_2021-BMW-X3 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/09/2021-BMW-X3-FEATURES-AND-SPECS.jpg") no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_2021-BMW-X7 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/09/2021-BMW-X7-SUV1.jpg") no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_7series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/07/7-series-1.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_3series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/11/2021-BMW-3-SERIES-IN-VANCOUVER-.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_8series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/07/8-series-1.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x3 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/2020-BMW-x3.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .b2nner_x2{ background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/11/2021-BMW-X2-IN-VANCOUVER.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .b2nner_X6{ background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/11/2021-BMW-X6-IN-VANCOUVER-.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_X1-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/02/2021-BMW-X1.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_X4-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/02/BMW-X4-2021.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_X7-2021 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/02/BMW-X7-2021.png) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x3m { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/08/2020-BMW-x3-M.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x4m { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url( https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/08/2020-BMW-x4-M.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x5 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/2020-BMW-x5.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 0 4rem; } .banner_x7 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/03/2020-BMW-x7.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; } .i4 { height: 100%; color: white; display: flex; align-items: flex-end; transition: 0.3s all; padding: 2rem; } .i4-exterior { background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/i4-exterior.jpg) no-repeat; background-position:center; } .i4-performance { background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/i4-performance.jpg) no-repeat; background-position:center; } .i4-interior { background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2020/04/i4-interior.jpg) no-repeat; background-position:center; } .i4-container { overflow: hidden; height: 500px; padding: 0 1.5rem; } .i4-container:hover .i4 { transform: scale(1.1); } .i4:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(52,73,94,0.75); } .button-call { text-transform: uppercase; padding: 10px; max-width: max-content; border-radius: 5px; display: inline-block; transition: all 0.4s ease 0s; } .button-call:hover { background: #434343; letter-spacing: 1px; -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); box-shadow: 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.4s ease 0s; } .page-id-4803 .page-title{ color: #1C69D4; } /* aleem work 22/10/21 */ .flex { display: flex; } .banner { background-size: cover; align-items: flex-end; color: white; justify-content: center; height: 500px; } .banner div { padding: 2rem 5rem; } .banner h2, .banner p { text-align: center; } /* Page Banner*/ .banner_2021-BMW-X3-PHEV { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/11/2021-BMW-X3-PHEV.jpg") no-repeat; background-size: cover; background-position: center; } .banner_2021-BMW-X5-PHEV { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/11/2021-BMW-X5-PHEV.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_BMW-Plug-In-Hybrid-Electric { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/11/MEET-THE-NEWEST-MEMBERS-OF-THE-BMW-PLUG-IN-HYBRID-ELECTRIC-FAMILY.jpg") no-repeat; background-size: cover; background-position: center; } .banner_ranger { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("") no-repeat; background-size: cover; background-position: center; } .banner_cargo { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("") no-repeat; background-size: cover; background-position: center; } .banner_f350 { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("") no-repeat; background-size: cover; background-position: center; } .banner_edge { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("") no-repeat; background-size: cover; background-position: center; } .button-call { text-transform: uppercase; padding: 15px; max-width: max-content; border-radius: 5px; display: inline-block; transition: all 0.4s ease 0s; } .button-call:hover { background: #434343; letter-spacing: 1px; -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); box-shadow: 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.4s ease 0s; } .banner_f150 { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("") no-repeat; background-position: center; } .banner_fordf150 { background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("") no-repeat; background-position: center; } /* Aleem Memon Work */ .flex { display: flex; justify-content: space-between; } .banner { background-size: cover; height:500px; align-items: flex-end; color: white; justify-content: center; } .banner div { padding: 2rem 5rem; } .banner_bmw-m5 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/11/2022-BMW-M5.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_bmw-8-series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/11/2022-BMW-8-SERIES.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_bmw-7-series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/11/2022-BMW-7-SERIES.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2021-Nissan-Kicks { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/281/2020/01/2021-Nissan-Kicks.png") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2021-Nissan-Morano { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/281/2020/01/2021-Nissan-Morano-min.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner h2, .banner p { text-align: center; } /* Aleem Memon Work */ .flex { display: flex; justify-content: space-between; } .banner { background-size: cover; height:500px; align-items: flex-end; color: white; justify-content: center; } .banner div { padding: 2rem 5rem; } .banner_2022-BMW-X4 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-X4.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2022-BMW-X5 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-X5.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_bmw-7-series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2021-Nissan-Kicks { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2021-Nissan-Morano { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("") no-repeat; background-size: 1100px auto; background-position: center; } .banner h2, .banner p { text-align: center; } /* Ibrahim Memon Work */ .flex { display: flex; justify-content: space-between; } .banner { background-size: cover; height:500px; align-items: flex-end; color: white; justify-content: center; } .banner div { padding: 2rem 5rem; } .banner_2022-BMW-X4 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-X4.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2022-BMW-X5 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-X5.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_bmw-4-series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-4-SERIES.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_bmw-X7 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-X7.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2021-Nissan-Morano { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("") no-repeat; background-size: 1100px auto; background-position: center; } .banner h2, .banner p { text-align: center; } /* Ibrahim Memon End Work */ /* Ibrahim Memon Work 1/9/22 */ .flex { display: flex; justify-content: space-between; } .banner { background-size: cover; height:500px; align-items: flex-end; color: white; justify-content: center; } .banner div { padding: 2rem 5rem; } .banner_2022-BMW-iX { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2022/01/A-STEP-INTO-THE-UNKNOWN-THE-ALL-NEW-2022-BMW-IX-ALL-ELECTRIC-SUV.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2022-BMW-X1 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2022/01/BLENDING-FUN-AND-PRACTICALITY-THE-2022-BMW-X1.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2022-BMW-X4-M { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2022/01/HIGH-STYLE-AND-HIGH-PERFORMANCE-IN-THE-2022-BMW-X4-M.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_bmw-X7 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-X7.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2021-Nissan-Morano { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("") no-repeat; background-size: 1100px auto; background-position: center; } .banner h2, .banner p { text-align: center; } /* Ibrahim Memon End Work */ /* Ibrahim Memon Work 2/25/22 */ .flex { display: flex; justify-content: space-between; } .banner { background-size: cover; height:500px; align-items: flex-end; color: white; justify-content: center; } .banner div { padding: 2rem 5rem; } .banner_2022-BMW-X3 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2022/03/2022-BMW-X3-FEATURES-AND-SPECS.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2022-BMW-3-Series { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2022/03/2022-BMW-3-SERIES-2022-BMW-330I-XDRIVE-SEDAN-FEATURES-SPECS.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2022-BMW-X2 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2022/03/2022-BMW-X2-FEATURES-AND-SPECS.png") no-repeat; background-size: 1100px auto; background-position: center; } .banner_bmw-X7 { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2021/12/2022-BMW-X7.jpg") no-repeat; background-size: 1100px auto; background-position: center; } .banner_2021-Nissan-Morano { background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("") no-repeat; background-size: 1100px auto; background-position: center; } .banner h2, .banner p { text-align: center; } /* Ibrahim Memon End Work */ /* Elizabeth - 01983272 */ /* Remove Mobile Slider Indictor */ .home .slider-widget .slider-container.hidden-sm-up .tns-nav {display: none!important;} /* Hide VDP Call Us CTA On Desktop */ .vdp-wrapper .button-group [convertus-data-id="vdp__cta--call-us"] {display:none;} /* Elizabeth - 01983272 - END */ /* Yogesh SR00332088 Start */ .page-id-15625 .header__nav-bar{ padding: 0 15px } .page-id-15625 .header.header--desktop .header__main{ max-width: 100%; } .page-id-15625 .wrapper{ max-width: 100% } /* Yogesh SR00332088 End */ /* Kayla | SR00335253 - fix slider image height on /service/ pg */ .page-id-54 .forDesktop .show-slider--design-1 .tns-outer, .page-id-54 .forDesktop .show-slider__main.tns-slider.tns-gallery.tns-subpixel.tns-calc.tns-horizontal { min-height: 800px!important; } /* END Kayla | SR00335253 */ /* Yogesh SR00336078 start */ .page-id-15625 .header{ background: transparent; position: absolute; width: 100%; top: 0; } .page-id-15625 main .page-title{ padding: 0; width: 100%; background: transparent; position: absolute; top: 220px; z-index: 1; } .page-id-15625 .header.header--desktop .header__main{ background: transparent; } .page-id-15625 .header .header__logo-text{ color: #fff; } .page-id-15625 .header.header--desktop .header__info > a{ color: #fff !important; } .page-id-15625 .header.header--desktop .header__info-single .icon{ color: #fff !important; } .page-id-15625 .header.header--desktop .header__info-single, .page-id-15625 .header__info-single--phone{ color: #fff !important; } .page-id-15625 .header.header--desktop .header-popout__label{ color: #fff !important; } .page-id-15625 .headerLogo2{ display: none; } .page-id-15625 .headerLogo{ display: flex !important; margin-left: 3rem; max-width: 5rem; position: relative; bottom: 1.2rem; } .page-id-15625 .header .navigation>.menu-item>a{ color: #fff; } .page-id-15625 .page-title h1{ padding: 1.4rem calc(50% - 55rem); color: #fff; text-align: center; } .page-id-15625 .page-title:after{ display: none; } .page-id-15625 main .show-slider .tns-inner img{ max-width: none; width: auto !important; height: 80rem; position: absolute; left: 50%; transform: translateX(-50%); } .page-id-15625 main .show-slider .show-slider__thumbnail-wrap{ display: none; } @media screen and (min-width: 1759px){ .page-id-15625 main .show-slider .tns-inner img { width: 100% !important; height: auto; } } .page-id-15625 main .serviceSec1{ display: flex; justify-content: space-between; margin-top: 8rem; margin-bottom: 8rem; } .page-id-15625 main .serviceSec1 .content{ padding-right: 5rem; } .page-id-15625 main .serviceSec1 .content h1{ line-height: 1.2; } .page-id-15625 main .serviceSec1 .content p{ margin: 2rem 0; font-size: 1.4rem; } .page-id-15625 main .serviceSec1 .content a.button:after{ display: none; } .page-id-15625 main .serviceSec1 .content a.button{ max-width: none; width: auto; font-size: 1.4rem; border-radius: 0; padding: 1rem 5rem; } .page-id-15625 main .serviceSec2{ display: flex; margin-top: 5rem; margin-bottom: 5rem; justify-content: space-between; } .page-id-15625 main .serviceSec2 > div:first-child{ flex: 0 0 50%; padding-right: 5rem; } .page-id-15625 main .serviceSec2 > div:first-child iframe{ width: 100%; height: 100%; } .page-id-15625 main .serviceSec2 h1{ font-size: 3rem; } .page-id-15625 main .serviceSec2 h2{ color: var(--color-primary); font-size: 2rem; } .page-id-15625 main .serviceSec2 p{ margin: 2rem 0; font-size: 1.4rem; } /* Yogesh SR00336078 End */ /*tcmathieus - */ .pricing-group__finance-price { display: none; } /* KB | 02270207 - fix Specials images on small screens - 05/25/2023 */ .special__primary-description img { height: auto; } /* END KB | 02270207 */ /*02273763 -Aftab - Start*/ .button-block-4 .button-block-button__heading-area{ text-align: center!important; margin: auto; } .button-block-4 .button-block-button__heading{ font-weight:bold } .button_block_widget-5 .button { border-radius:5px!important; border-color:grey!important } /*02273763 -Aftab - End*/ /* James Hong |SR00358487 - change header and hide youtuvbe video on vdp - 6/26/2023 */ /* Hide the Youtube video in the VDP description */ .vdp-wrapper .description-tab iframe#videobtn { display: none; } /* END James Hong |SR00358487 */ /* KB | 02287731 - add background image to header on all pages except home page - 06/29/2023 */ body:not(.home-page) .header--desktop { background-image: url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/06/general-banner-XM-1.jpg); background-size: cover; } body:not(.home-page) .header--desktop .header__main { background-color: transparent; } /* END KB | 02287731 */ /* James Hong | SR00360065 - Use same styles across all pages (widget heading, layout) - 28/07/2023 */ /* James Hong |SR00360459 - revert header background image on homepage - 01/08/2023 */ /*landing widget template page */ /* About widget with heading */ /* Hide the element */ .about-widget:has(.widget-heading.widget-heading--centered) { display: none; } /* Hero widget with heading */ /* Hide the element */ .page main .hero-widget:has(.main-heading) { display: none; } /* Both headers */ /* Position relatively, set background colour */ /* Not the homepage - James Hong | SR00360459 - 01/08/2023 */ body:not(.home-page, .page-template-default) .header { position: relative!important; } /* Homepage Desktop/mobile header */ /* Set background image */ /* Not the homepage - James Hong | SR00360459 - 01/08/2023 */ body:not(.home-page) .header--desktop, body:not(.home-page) .header--mobile { background-image: url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/06/general-banner-XM-1.jpg)!important; background-size: cover; } /* Display page title if hidden, set same padding, grey background */ .page main .page-title { display: block !important; padding: 3.4rem calc(50% - 55rem)!important; background: #bcbcbc!important; min-height: unset; } /* Page title - after content */ /* set background */ .page main .page-title::after { background: rgba(34,34,34,0.3)!important; } /* Page title */ /* black colour, left aligned */ .page .page-title h1 span { color: #222!important; text-align: left!important; } /* page title h1 */ /* no padding, left-aligned */ .page main .page-title h1 { padding: 0!important; text-align: left!important; } /* Tablet and smaller */ @media (max-width: 991px) { /* page title h1 */ /* add padding on sides */ .page main .page-title h1 { padding: 0 2rem!important; } } /* History page */ /* set page title background */ .page-id-2003 main .page-title { background: #8d8d8d!important; } /* END James Hong | SR00360459 */ /* END James Hong | SR00360065 */ /* James Hong | service page - fix responsive styles - SR00360515 - 03/08/2023 */ /* Service page */ /* Page title */ /* Move to top of screen */ .page-id-54 main .page-title { top: 17.75rem; position: relative; margin-bottom: 13rem; } /* Tablet and smaller */ @media screen and (max-width: 991px) { /* Move to top of screen */ .page-id-54 main .page-title { top: 8rem; margin-bottom: 5rem; } } /* Mobile - S */ @media screen and (max-width: 330px) { /* Move to top of screen */ .page-id-54 main .page-title { top: 8rem; margin-bottom: 5rem; } } /* Slider at top of page */ /* Hide it */ .page-id-54 main .show-slider .tns-slider { display: none; } /* Slider > inner elements */ /* Hide it */ .page-id-54 .forDesktop .show-slider--design-1 .tns-outer, .page-id-54 .forDesktop .show-slider__main.tns-slider.tns-gallery.tns-subpixel.tns-calc.tns-horizontal { min-height: 0!important; } /* END James Hong | SR00360515 */ /* James Hong | SR00360596 -homepage - video - add video (full screen width) - 04/08/2023 */ /* Home page */ /* Responsive iframe container */ /* keep a a certain ratio, make the video full screen width */ .home-page .homepage-video { position: relative; overflow: hidden; width: 100%; padding-top: 75%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */ } /* Responsive iframe */ .home-page .homepage-video iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; margin: 5rem 0; } /* END James Hong | SR00360596 */ /* James Hong |SR00361065 - Use different background image for Youtube video (homepage) - 21/08/2023 */ /* Homepage */ /* Default video player image */ /* hide */ .video_player_widget-15.video-player-1 .featured-card__youtube img { visibility: hidden; } /* Video player featured card */ /* Use a selected background image */ .video_player_widget-15.video-player-1 .featured-card__youtube { background: url(https://tadvantagewebsites-com.cdn-convertus.com/uploads/sites/417/2023/08/youtube-preview-homepage-scaled.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; } /* END James Hong | SR00361065 */ /* James Hong | SR00362166 - add single cta button under 'start your search' widget (homepage) - 08/09/2023 */ /* Trade-in CTA button flexbox model, centered, lass top padding, move upwards (top blank space) */ .home-page .custom-html-widget div.trade-in { display: flex; justify-content: center; padding: 2rem 0; } /* 'Start your search' - Button block less bottom padding */ .home-page .button-block-2 .button-block-widget { padding-bottom: 0; } /* END James Hong | SR00362166*/

Brian Jessel BMW

Brian Jessel BMW

Shop

Shop Pre-Owned

Service

LIFESTYLE

Take a peek at our modern showroom and discover your dream BMW!

Let Us Help You