Véhicules Hyundai neufs et d'occasion

Brossard Hyundai est établi dans la ville de Brossard, QC. Même si le concessionnaire est un des plus important en Amérique du Nord, il demeure une entreprise familiale, et la clientèle en est bien consciente. Quand on connait la famille Lambert, on en fait un peu partie. Bien situé sur le boulevard Taschereau, entre le boulevard Matte et le boulevard Napoléon, Brossard Hyundai est facilement accessible pour la clientèle de la Rive sud (St-Constant,Longueuil et Laprairie

Suite...

Liens rapides

Heures d'ouverture

Lun - Jeu	9:00 - 21:00
Ven	9:00 - 18:00
Sam	10:00 - 16:00
Dim	fermé

Lun	7:00 - 17:00
Mar	7:00 - 20:00
Mer	7:00 - 17:00
Jeu	7:00 - 20:00
Ven	7:00 - 15:00
Sam - Dim	fermé

Lun	7:00 - 17:00
Mar	7:00 - 20:00
Mer	7:00 - 17:00
Jeu	7:00 - 20:00
Ven	7:00 - 15:00
Sam - Dim	fermé

Entrez en contact

Brossard Hyundai

8750, Boul Taschereau, Brossard, QC, J4X1C2

Ventes 1 (866) 848-0083 Pièces (450) 671-1025 Service 1 (877) 697-6397

Emplacement

Ventes 1 (866) 848-0083 Obtenir l'itinéraire

Français du Canada

:root { --color-primary: #003b76; --color-primary-dark: #002762; --color-primary-light: #1b5691; } @font-face { font-family: Hyundai; src: url( https://www.brossardhyundai.com/wp-content/themes/convertus-achilles/achilles/assets/fonts/Hyundai/Hyundai-Bold.otf ); font-weight: 700; font-display: swap; } @font-face { font-family: Hyundai; src: url( https://www.brossardhyundai.com/wp-content/themes/convertus-achilles/achilles/assets/fonts/Hyundai/Hyundai-Regular.otf ); font-weight: 400; font-display: swap; } body, input, button, select { font-family: Hyundai, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Hyundai, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } /* page-promo-bh-btn */ .page-promo-big-price{ font-size: 2em; color:red; line-height: 1; } .page-promo-small-text{ font-size: xx-small; margin-top:1rem; } .page-promo-btn{ width: 100%; margin: 0 auto; max-width: initial; } hr.page-promo-line{ background:#333; } .footer .footer-copy { position:absolute; bottom:0; width:100%; left:0; border-top:1px solid rgba(228, 220, 211, 0.9); padding:1rem 1.6rem ; } .footer .footer__lower { position:relative; padding-bottom: 55px } /* END page-promo-bh-btn */ /* promo-bh-btn */ .promo-bh-btn { width: 100%; corona margin: 0 auto; max-width: initial; } /* END promo-bh-btn */ /* Responsive YouTube */ .video-bh-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin:1.5em 0em 1.5em 0em } .video-bh-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } /* END Responsive YouTube */ /*warranty info */ .page-id-15991 .warranty2 { background-color: rgba(240, 240, 240, 0.8); padding:30px; } .page-id-15991 hr { background: lightgray; } /*roadside */ .page-id-15953 .op-slant-bar:before { content: ''; display: block; border-right: 1px solid #413F40; transform: rotate(45deg); position: absolute; left: calc(50% - .5px); top: 2px; height: 40px; } .page-id-15953 .op-roadside-assistance__year-warranty-later { border-right: 1px solid #979797; } .page-id-15953 .op-roadside-assistance__year-warranty-later, .op-roadside-assistance__year-warranty-prior { width: calc(100% - 100px); } .page-id-15953 .roadside { background-color:lightgray; padding:20px; padding-left:190px; } /* corona update */ .corona { display: flex; justify-content: space-between; align-items: center; padding: .8rem calc(50% - 55rem); background: #002b7a; color:#fff; font-size: 1.5rem; } .corona a:link, .corona a:visited { color:yellow; font-weight: bold; } .corona a:hover, .corona a:active { color:#70ffff; font-weight: bold; } .corona-mobile { display: flex; justify-content: space-between; align-items: center; padding: .8rem calc(50% - 55rem); background: #002b7a; color:#fff; font-size: 1.6rem; padding-left: 15px; z-index: 999; padding-right: 12px; } .corona-mobile a:link, .corona-mobile a:visited { color:yellow; font-weight: bold; } .corona-mobile a:hover, .corona-mobile a:active { color:#70ffff; font-weight: bold; } div.close { border: 1px #fff solid; padding: 1px; } .header__info-single--language label { color:#818181 } /* END corona update */ .img-top-header { width: 100%; text-align: right; padding-bottom: 15px; } .header__content { display: inline-block; flex-direction: initial; text-align: right; } .header__info { font-size: 0.8em; color: var(--color-primary); font-weight: bold; display: inline-block; margin-left: 8rem; } .header__info-single:hover, .header__info-single--phone:hover { color: var(--color-primary-dark); } .header__info-single{ display: inline-block; align-items: center; margin: 0; margin-bottom: .8rem; } .header__nav-bar.is-hidden { transform: translateY(0); } .header__main { justify-content: space-between; padding: .8rem calc(50% - 55rem); } #hero_widget-1:after { background-color: #fff0; color: #fff; } #hero_widget-1 h3, #hero_widget-1 h4 { color:#fff; font-weight: 900; text-shadow: 2px -1px #333; } #hero_widget-1.hero-widget__standard { margin-bottom:20px; } .single-cta-2 .single-cta-widget { padding: 2rem 0; } #hero_widget-1 select { background:#fff; } #hero_widget-1 h4 { font-size:1em; } .hero-1 .hero-widget { min-height: 38vh; } .single-cta-2 .single-cta-widget__icon { font-size: 4.4rem; } .single-cta-2 .single-cta-widget.dark .single-cta-widget__icon { color: #fff; } .single-cta-2 .single-cta-widget__title { font-weight: 900; line-height: 1.2em; font-size: 1.6rem; } .single-cta-2 .single-cta-widget.dark { background-color: #404040; } .single-cta-2 .single-cta-widget.dark .single-cta-widget__button:hover .single-cta-widget__title { color: #adadad; } .single-cta-2 .single-cta-widget.dark .single-cta-widget__button:hover .single-cta-widget__icon { color: #adadad; } .footer.dark .footer__lower { background: #003467; } .footer.dark .footer__main { background: var(--color-primary); font-size:12px; } .footer__content-hours .hours-tabs .nav-tabs__tab a { border-bottom: 0.1rem solid #ffffff63; color: #fff; } .footer.dark .contact-block__link:hover { color: #76bbff; } .contact-block__link:hover span { color: #76bbff; } .footer__content-hours .hours--simple .hours__day { color: #fff; } .footer__content-hours .hours-tabs .nav-tabs__tab.active a { border-bottom: none; font-weight: 900; } .footer__content-hours .hours-tabs .nav-tabs__tab a { border-bottom: none; } .footer__title { font-size: 1.5em; } .footer__main .button.gtm_directions { background: var(--color-primary-dark); } .footer-copy { text-align:center; font-size:0.65em } .footer-copy a { font-weight:900; } body .header .navigation>.menu-item>a { text-transform: none; } /*StevenL - Hyundai OEM Compliancy .header .navigation>.menu-item>a { text-transform: initial; font-weight: 900; color: #000; height: 100%; } .header__logo { max-height: 12rem; } .img-responsive { width:100%; } .header__nav-bar.is-hidden { transform: translateY(0); } .header__nav-bar { background: #ffffff; box-shadow: none; } .header .menu-item a { padding: 1rem 1.6rem; display: block; transition: background 0.2s; font-size: 0.85em; } */ .first-word { font-size:1.6em; display:block; line-height:1.3em } .about-4 .about-widget__background-container { width: 100%; } .about-4 .about-widget__background-container:before { background: #0000006e; position: absolute; width: 53%; height: auto; top: 40px; bottom: 40px; } .about-4 .about-widget__info-container { color:#fff; } .custom-search-widget { margin: 50px auto 10px auto; } .custom-search-widget .col-lg-4 { flex: 0 0 20%; max-width: 20%; padding: 0px 5px; } .custom-search-widget .g-vehicle-card__image { height: 15rem; } .custom-search-widget .g-vehicle-card--no-carousel .g-vehicle-card__vehicle-title { font-size: 0.8em; } .custom-search-widget .price-block--hide-line, .custom-search-widget .price-block__single--finance, .custom-search-widget .g-vehicle-card__savings, .g-vehicle-card__specs, .g-vehicle-card__description .button{ display:none; } .custom-search-widget .g-vehicle-card__details-single { display: inline-block; width: 100%; padding: 0; } .custom-search-widget .widget-heading { text-align: center; } .custom-search-widget .widget-heading::after { margin: 0 auto; } .custom-search-widget div[id^=show-inventory] { min-height: auto !important; } #mapframe { margin-bottom: -10px; } .header--desktop.sticky { position:fixed; width:100%; } .vdp-wrapper .vdp-disclaimer, .srp-disclaimer { font-size: 1rem !important; line-height: 1.5rem !important; } .vehicle-card__details { flex:1 !important; } .vehicle-card__title { font-size: 1em; margin-bottom: 0.5rem; line-height: 1; } .detailed-specs { max-width: 40rem; line-height: 1; } .detailed-specs__single { font-size: 1.2rem; line-height: 16px; } #single_cta_widget-5 .single-cta-widget__button { position: relative; background: var(--color-primary); color: #fff; display: inline-flex; align-items: center; border: 1px solid transparent; border-radius: 3px; box-shadow: 0 0.3rem 0.8rem rgba(0,0,0,0.1); padding: .4rem 1.6rem; font-size: 1.6rem; text-align: left; min-height: 4.2rem; width: 100%; max-width: 26rem; font-weight: 700; cursor: pointer; transition: all 0.3s; margin: 0 auto; } #vdp__cta--get-price { display:none; } a[convertus-data-id="footer__terms-conditions"] { display:none; } /*StevenL - Hyundai OEM Compliancy .mega-menu .mega-menu-sub-nav__navs a { font-size: 1.2rem; background: #fff; margin-bottom: 0.4em; color: #002c5f; padding: 0.4em 0.5em 0.3em 0.5em; line-height: 1.4em; height: auto; } .mega-menu .mega-menu-sub-nav__navs a:hover { background: #fff; color:#002c5f; } .g-vehicle-card__image--compact { height: 0; padding-bottom: 75%; } .mega-menu__container,.mega-menu .mega-menu-side-nav, .mega-menu__container .g-vehicle-card__description { background-color: #fff; color:#002c5f; } .mega-menu__container .g-vehicle-card--no-carousel, .mega-menu__container .tns-slider { background: none; box-shadow: none; } .mega-menu__container .price-block__label, .mega-menu__container .price-block__price--primary, .mega-menu__container .price-block__price--grey, .mega-menu__container .price-block__sub, .mega-menu__container label { color:#002c5f; } .mega-menu__container .button { background:var(--color-primary-dark); } .mega-menu__container .g-vehicle-card a:hover h3, .mega-menu__container .mega-menu__hours h5, .mega-menu__container .hours__row, .mega-menu__container .mega-menu__hours .hours__day, .mega-menu__container .mega-menu__hours .hours__row--active { color:#002c5f; } a.sub-menu-remove-link { pointer-events: none; } */ @media (max-width: 991px) { .partners-logo {display:none;} .header .header__logo--mobile>.header__logo { max-height:60px; width:auto; } .hero-1 .hero-widget.light { background-image: url(https://www.brossardhyundai.com/wp-content/uploads/sites/371/2019/09/video-bg.jpg) !important; } .hero-1 .hero-widget.light:after { background-color: #080808c2 !important; color: #333 !important; } } .custom-search-widget .g-vehicle-card__image { height: 16rem; } div.similar-vehicles__image { height: 30rem; flex: initial; background-size: 100%; } .g-vehicle-card__image { display: block; position: relative; flex: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: opacity 0.3s; width: 100%; } /* main .show-inventory__wrap .g-vehicle-card__image { height: auto; padding-top: 75%; }*/ img.size-full { height: auto; } /* Vehicle pages images mouse-hover effect */ .pagek { min-height: 10vh; display: flex; flex-direction: column; justify-content: space-around; } .pagek__demo { flex-grow: 1; } .pagek__container { display: flex; flex-wrap: wrap; align-items: flex-start; } .photobox{ display: inline-block; color: #fff; font-size: 1.5rem; font-weight: 700; width: 33.33333%; } .photobox50{ color: #fff; font-size: 1.5rem; font-weight: 700; width: 50%; } .photobox100{ color: #fff; font-size: 1.5rem; font-weight: 700; width: 100%; } .photobox__previewbox{ position: relative; overflow: hidden; } .photobox__preview{ display: block; max-width: 100%; height: auto; } .photobox__previewbox:before{ content: ""; } /* type 1 */ .photobox_type1 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: rgba(0, 59, 118, .7); transition: transform calc(.2s / 2) ease calc(.2s / 2); will-change: transform; transform: scale(0); } .photobox_type1:hover .photobox__previewbox:before{ transform: scale(2); transition-duration: .2s; transition-delay: 0s; } .photobox_type1 .photobox__label{ width: 50%; transform: translate(-200%, -50%); transition: transform .2s ease-out; will-change: transform; position: absolute; top: 50%; left: 15%; } .photobox_type1:hover .photobox__label{ transition-duration: .2s; transform: translate(0, -50%); } /* type 2*/ .photobox_type2 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; border-radius: 50%; background-color: rgba(0, 59, 118, .7); position: absolute; top: 0; right: 0; transition: transform .2s ease calc(.2s / 2); will-change: transform; transform: scale(0); } .photobox_type2:hover .photobox__previewbox:before{ transform: scale(2); transition-duration: .2s; transition-delay: 0s; } .photobox_type2 .photobox__label{ width: 75%; text-align: right; transform: translate(200%, -50%); transition: transform .2s ease-out; will-change: transform; position: absolute; top: 50%; right: 5%; } .photobox_type2:hover .photobox__label{ transition-duration: .2s; transform: translate(0, -50%); } /* type 3 ------------DÉBUT DES EFFETS ROTATE */ .photobox_type3 .photobox__previewbox:before{ width: 100%; height: 100%; background-color: rgba(0, 59, 118, .7); opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 0; left: 0; z-index: 2; } .photobox_type3:hover .photobox__previewbox:before{ opacity: 1; } .photobox_type3 .photobox__label{ width: 98%; text-align: center; opacity: 0; transition: opacity calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .photobox_type3:hover .photobox__label{ opacity: 1; transition-duration: .4s; transition-delay: calc(.4s / 2); } .photobox_type3 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) rotate(0); } .photobox_type3:hover .photobox__preview{ transform: scale(1.2) rotate(5deg); } /* type 4 */ .photobox_type4 .photobox__previewbox:before{ width: 100%; height: 100%; background-color: rgba(0, 59, 118, .7); opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 0; left: 0; z-index: 2; } .photobox_type4:hover .photobox__previewbox:before{ opacity: 1; } .photobox_type4 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 200%); z-index: 2; } .photobox_type4:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.4s / 2); transition-delay: calc(.4s / 2); } .photobox_type4 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) rotate(0); } .photobox_type4:hover .photobox__preview{ transform: scale(1.2) rotate(5deg); } /* type 5 */ .photobox_type5 .photobox__previewbox:before{ width: 100%; height: 100%; background-color: rgba(0, 59, 118, .7); opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 0; left: 0; z-index: 2; } .photobox_type5:hover .photobox__previewbox:before{ opacity: 1; } .photobox_type5 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-200%, -50%); z-index: 2; } .photobox_type5:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.4s / 2); transition-delay: calc(.4s / 2); } .photobox_type5 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) rotate(0); } .photobox_type5:hover .photobox__preview{ transform: scale(1.2) rotate(5deg); } /* type 6 */ .photobox_type6 .photobox__previewbox:before{ width: 100%; height: 100%; background-color: rgba(0, 59, 118, .7); opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 0; left: 0; z-index: 2; } .photobox_type6:hover .photobox__previewbox:before{ opacity: 1; } .photobox_type6 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-200%, -50%); z-index: 2; } .photobox_type6:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.4s / 2); transition-delay: calc(.4s / 2); } .photobox_type6 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) rotate(0); } .photobox_type6:hover .photobox__preview{ transform: scale(1.2) rotate(5deg); } /* type 7 */ .photobox_type7 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform calc(.8s / 2) ease; will-change: transform; transform: translate(-50%, -50%) scale(0); } .photobox_type7:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: .8s; } .photobox_type7 .photobox__label{ width: 95%; text-align: center; transform: translate(-200%, -50%); transition: transform calc(.8s / 2) ease-out; will-change: transform; position: absolute; top: 50%; left: 50%; z-index: 3; } .photobox_type7:hover .photobox__label{ transition-duration: calc(.8s / 4); transform: translate(-50%, -50%); } .photobox_type7 .photobox__preview{ transition: transform calc(.8s / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) rotate(0); } .photobox_type7:hover .photobox__preview{ transform: scale(1.2) rotate(5deg); } /* type 8 */ .photobox_type8 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform calc(.8s / 2) ease; will-change: transform; transform: translate(-50%, -50%) scale(0); } .photobox_type8:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: .8s; } .photobox_type8 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 200%); z-index: 3; } .photobox_type8:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.8s / 2); transition-delay: calc(.8s / 4); } .photobox_type8 .photobox__preview{ transition: transform calc(.8s / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) rotate(0); } .photobox_type8:hover .photobox__preview{ transform: scale(1.2) rotate(5deg); } /* type 9 */ .photobox_type9 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform calc(.8s / 2) ease; will-change: transform; transform: translate(-50%, -50%) scale(0); } .photobox_type9:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: .8s; } .photobox_type9 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 200%); z-index: 3; } .photobox_type9:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.8s / 2); transition-delay: calc(.8s / 4); } .photobox_type9 .photobox__preview{ transition: transform calc(.8s / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1); } .photobox_type9:hover .photobox__preview{ transform: scale(1.2); } /* type 10 */ .photobox_type10 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: transform calc(.8s / 2) ease; will-change: transform; transform: translate(-50%, -50%) scale(0); } .photobox_type10:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: .8s; } .photobox_type10 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 200%); z-index: 3; } .photobox_type10:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.8s / 2); transition-delay: calc(.8s / 4); } /* type 10b black */ .photobox_type10b .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 0, 0, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: transform calc(.8s / 2) ease; will-change: transform; transform: translate(-50%, -50%) scale(0); } .photobox_type10b:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: .8s; } .photobox_type10b .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.8s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 200%); z-index: 3; } .photobox_type10b:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.8s / 2); transition-delay: calc(.8s / 4); } /* type 11 */ .photobox_type11 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform calc(.8s / 2) ease; transform: translate(-50%, -50%) scale(0); will-change: transform; } .photobox_type11:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: .8s; } .photobox_type11 .photobox__label{ width: 95%; text-align: center; transform: translate(-200%, -50%); transition: transform calc(.8s / 2) ease-out; will-change: transform; position: absolute; top: 50%; left: 50%; z-index: 3; } .photobox_type11:hover .photobox__label{ transition-duration: calc(.8s / 4); transform: translate(-50%, -50%); } .photobox_type11 .photobox__preview{ transition: transform calc(.8s / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1); } .photobox_type11:hover .photobox__preview{ transform: scale(1.2); } /* type 11-noel */ .photobox_type11n .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(69.8, 0, 1.2, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform calc(.8s / 2) ease; transform: translate(-50%, -50%) scale(0); will-change: transform; } .photobox_type11n:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: .8s; } .photobox_type11n .photobox__label{ width: 95%; text-align: center; transform: translate(-200%, -50%); transition: transform calc(.8s / 2) ease-out; will-change: transform; position: absolute; top: 50%; left: 50%; z-index: 3; } .photobox_type11n:hover .photobox__label{ transition-duration: calc(.8s / 4); transform: translate(-50%, -50%); } .photobox_type11n .photobox__preview{ transition: transform calc(.8s / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1); } .photobox_type11n:hover .photobox__preview{ transform: scale(1.2); } /* type 12 */ .photobox_type12 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform .4s ease; will-change: transform; transform: translate(-50%, -50%) scale(0); } .photobox_type12:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: calc(.4s * 2); } .photobox_type12 .photobox__label{ width: 95%; text-align: center; opacity: 0; transform: translate(-50%, -50%); transition: opacity .4s ease-out; will-change: opacity; position: absolute; top: 50%; left: 50%; z-index: 3; } .photobox_type12:hover .photobox__label{ transition-duration: calc(.4s / 2); transition-delay: calc(.4s / 2); opacity: 1; } .photobox_type12 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1); } .photobox_type12:hover .photobox__preview{ transform: scale(1.2); } /* type 13 */ .photobox_type13 .photobox__previewbox:before{ width: 0; height: 0; padding: 45%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; opacity: 0; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform calc(.4s / 2) ease, opacity calc(.4s / 2) ease; will-change: opacity, transform; transform: translate(-50%, -200%); } .photobox_type13:hover .photobox__previewbox:before{ transform: translate(-50%, -50%); opacity: 1; transition-duration: .4s; } .photobox_type13 .photobox__label{ width: 80%; text-align: center; opacity: 0; transform: translate(-50%, -50%); transition: opacity calc(.4s / 2) ease-out; will-change: opacity; position: absolute; top: 50%; left: 50%; z-index: 3; } .photobox_type13:hover .photobox__label{ transition-duration: calc(.4s / 2); transition-delay: .4s; opacity: 1; } .photobox_type13 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1); } .photobox_type13:hover .photobox__preview{ transform: scale(1.2); } /* type 14 */ .photobox_type14 .photobox__previewbox:before{ width: 0; height: 0; padding: 45%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform .4s ease calc(.4s / 2); will-change: transform; transform: translate(-50%, -250%); } .photobox_type14:hover .photobox__previewbox:before{ transform: translate(-50%, -50%); transition-duration: .4s; transition-delay: 0s; } .photobox_type14 .photobox__label{ width: 80%; text-align: center; opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9), transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; transform: translate(-50%, -200%); position: absolute; top: 50%; left: 50%; z-index: 3; } .photobox_type14:hover .photobox__label{ transform: translate(-50%, -50%); transition-duration: calc(.4s / 2); transition-delay: .4s; opacity: 1; } .photobox_type14 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1); } .photobox_type14:hover .photobox__preview{ transform: scale(1.2); } /* type 15 */ .photobox_type15 .photobox__previewbox:before{ width: 0; height: 0; padding: 25%; background-color: rgba(0, 59, 118, .7); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 2; transition: transform .4s ease; will-change: transform; transform: translate(-50%, -50%) scale(0); } .photobox_type15:hover .photobox__previewbox:before{ transform: translate(-50%, -50%) scale(4); transition-duration: calc(.4s * 2); } .photobox_type15 .photobox__label{ width: 95%; text-align: center; opacity: 0; transform: translate(-50%, -50%); transition: opacity .4s ease-out; will-change: opacity; position: absolute; top: 50%; left: 50%; z-index: 3; } .photobox_type15:hover .photobox__label{ transition-duration: calc(.4s / 2); transition-delay: calc(.4s / 2); opacity: 1; } .photobox_type15 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) translate(0, 0); } .photobox_type15:hover .photobox__preview{ transform: scale(1.2) translate(4%, 4%); } /* type 16 */ .photobox_type16 .photobox__previewbox:before{ width: 100%; height: 100%; background-color: rgba(0, 59, 118, .7); opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 0; left: 0; z-index: 2; } .photobox_type16:hover .photobox__previewbox:before{ opacity: 1; } .photobox_type16 .photobox__label{ width: 98%; text-align: center; opacity: 0; transition: opacity calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .photobox_type16:hover .photobox__label{ opacity: 1; transition-duration: .4s; transition-delay: calc(.4s / 2); } .photobox_type16 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) translate(0, 0); } .photobox_type16:hover .photobox__preview{ transform: scale(1.2) translate(4%, 4%); } /* type 17 */ .photobox_type17 .photobox__previewbox:before{ width: 100%; height: 100%; background-color: rgba(0, 59, 118, .7); opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 0; left: 0; z-index: 2; } .photobox_type17:hover .photobox__previewbox:before{ opacity: 1; } .photobox_type17 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 200%); z-index: 2; } .photobox_type17:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.4s / 2); transition-delay: calc(.4s / 2); } .photobox_type17 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; transform: scale(1) translate(0, 0); } .photobox_type17:hover .photobox__preview{ transform: scale(1.2) translate(4%, 4%); } /* type 18 */ .photobox_type18 .photobox__previewbox:before{ width: 100%; height: 100%; background-color: rgba(0, 59, 118, .7); opacity: 0; transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity; position: absolute; top: 0; left: 0; z-index: 2; } .photobox_type18:hover .photobox__previewbox:before{ opacity: 1; } .photobox_type18 .photobox__label{ width: 95%; text-align: center; opacity: 0; transition: opacity calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9), transform calc(.4s / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: opacity, transform; position: absolute; top: 50%; left: 50%; transform: translate(-200%, -50%); z-index: 2; } .photobox_type18:hover .photobox__label{ opacity: 1; transform: translate(-50%, -50%); transition-duration: calc(.4s / 2); transition-delay: calc(.4s / 4); } .photobox_type18 .photobox__preview{ transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); will-change: transform; transform: scale(1) translate(0, 0); } .photobox_type18:hover .photobox__preview{ transform: scale(1.2) translate(4%, 4%); } #vdp_button_widget-7 a[convertus-data-id="vdp__cta--online-price-request"]{ background: #d53535; border: 2px solid #d53535; color:#fff; } @media screen and (max-width: 480px){ .photobox { width: 100%; } .photobox50 { width: 100%; } } a[convertus-data-id="footer__terms-conditions"] { display: block; } /* hide InventoryTAG on VDP */ li.featured-tags__tag { display: none; } /* Transparent BG on Carousel slider for new vehicles */ .tns-slider>* { background: transparent; } /* Transparent BGon new vehicle slider under mega menu */ .g-showroom-model-card { background-color: transparent; cursor: pointer; } /* White Title Font on New vehicle slider under mega menu */ h2.g-showroom-model-card__header { color: #fff; } /* White Price Font on New vehicle slider under mega menu */ span.g-showroom-model-card__price-info--price { color: #fff; } /*nav .g-showroom-model-card:hover h2.g-showroom-model-card__header { color: #fff; }*/ @media screen and (max-width: 767px) { .about-widget__background-container--right { display:none; } #about_widget-1 { padding:2rem } .about-4 .about-widget__info-container { color: #000; } .single_cta_widget-5 { margin-top: 5rem; } } /* Fix the price break on the carrousel under super menu */ .df { width: max-content; } /*mobile classes*/ @media (min-width: 767px){ .mobile-phone-num-container { display:none; } } .button-group__mini-wrap { flex-wrap: wrap; } /*CSS Adding an extra form inside the department mega menu*/ .custom-added-menu-fragment{ display:none; } .custom-added-menu-fragment.active{ display:block; } /** SRP EPRICER Button **/ .srp-button-widget { display:inline-block; } .srp-button-widget .button--hollow { max-width:100%; width:auto; } .badges-wrap > div { display:inline; } .carfax-section.carfax-section__list { display:inline; } div.carfax-section { display:inline-block; width:auto; } div.vehicle-card .badges-wrap--stacked { flex-direction:row; } .srp-button-widget .button--hollow[data-target="srp-button-modal-1"], .button-group__button.button--alternate[convertus-data-id="vdp__cta--epricer"] { background:#d53535; color:#fff; border:none; } @media (max-width: 991px) { .page-title { padding: 1.5rem 1.6rem; } .page-title h1 { font-size: 2.5rem; } } /* Couleurs Santa Fe 2020 */ .sf00 { height: 80px; width: 80px; background-color: rgb(156, 29, 32); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .sf01 { height: 80px; width: 80px; background-color: rgb(162, 58, 33); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .sf02 { height: 80px; width: 80px; background-color: rgb(1, 2, 6); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; }.sf03 { height: 80px; width: 80px; background-color: rgb(244, 244, 244); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .sf04 { height: 80px; width: 80px; background-color: rgb(153, 153, 153); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .sf05 { height: 80px; width: 80px; background-color: rgb(133, 133, 133);; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .sf06 { height: 80px; width: 80px; background-color: rgb(28, 50, 95); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .sf07 { height: 80px; width: 80px; background-color: rgb(69, 85, 81); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .sf08 { height: 80px; width: 80px; background-color: rgb(98, 86, 87); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* END Couleurs Santa Fe 2020 */ /* ------------------------------------------------------------------------------------------- /* Couleurs KONA 2020 */ /* ------------ Tangerine Comet --------------- */ .ck00 { height: 80px; width: 80px; background-color: rgb(183, 49, 44); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* ------------ Acid Yellow --------------- */ .ck01 { height: 80px; width: 80px; background-color: rgb(210, 215, 85); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* ------------ Chalk White --------------- */ .ck02 { height: 80px; width: 80px; background-color: rgb(240, 240, 250); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* ------------ Lake Silver --------------- */ .ck03 { height: 80px; width: 80px; background-color: rgb(124, 135, 142); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* ------------ Dark Night --------------- */ .ck04 { height: 80px; width: 80px; background-color: rgb(43, 45, 49); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* ------------ Blue Lagoon --------------- */ .ck05 { height: 80px; width: 80px; background-color: rgb(0, 118, 168);; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* ------------ Phantom black --------------- */ .ck06 { height: 80px; width: 80px; background-color: rgb(21, 22, 23); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* ------------ Pulse Red --------------- */ .ck07 { height: 80px; width: 80px; background-color: rgb(166, 25, 46); border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* END Couleurs KONA 2020 */ /* ----------------------------------------------------------------------------------------------------- */ /* Couleurs VELOSTER 2020 */ .cv2019 { vertical-align: top; text-align: center; font-size: 10px; } .cv00 { height: 80px; width: 80px; background-color: #161517; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv01 { height: 80px; width: 80px; background-color: #f0f0fa; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv02 { height: 80px; width: 80px; background-color: #7c878e; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv03 { height: 80px; width: 80px; background-color: #2b2d31; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv04 { height: 80px; width: 80px; background-color: #b7312c; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv05 { height: 80px; width: 80px; background-color: #00559b; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv06 { height: 80px; width: 80px; background-color: #ae1614; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv07 { height: 80px; width: 80px; background-color: #878687; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } .cv08 { height: 80px; width: 80px; background-color: #39322e; border-radius: 5%; display: inline-block; border: 5px solid #d8d8c1; } /* END Couleurs VELOSTER 2020 */ /* ---------Youtube iframe-container responsive------------------------------------------------------------------ */ .yt-iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } .yt-iframe-container iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; } /* END Youtube iframe-container responsive */ /* ---------military-cell------------------------------------------------------------------ */ .military-cell { border: 1px solid #bdbdbd; border-radius: 5px; vertical-align: middle; text-align: center; background: #ebebeb; margin-bottom: 1rem; } .military-cell span { background-color: #003b76; color: #fff; padding: 3px; color: #fff; padding: 3px; } .military-cell a { text-decoration: none; line-height: 10px; } .military-action { text-transform: uppercase; background: #0061c0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0061c0), color-stop(1, #034486)); background: -o-linear-gradient(bottom, #0061c0 0%, #034486 100%); background: -moz-linear-gradient(bottom, #0061c0 0%, #034486 100%); background: -webkit-linear-gradient(bottom, #0061c0 0%, #034486 100%); background: -ms-linear-gradient(bottom, #0061c0 0%, #034486 100%); background: linear-gradient(to bottom, #0061c0 0%, #034486 100%); display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-bottom: 1rem; } /* --END--military-cell------------- */ /*StevenL - Hyundai OEM Compliancy .header__info.awards { width: 6rem; } */ /*4255 LANG */ /*StevenL - Hyundai OEM Compliancy .header-popout__popout::before { display:none; } .language-menu__title { color: var(--color-primary); padding: 0rem; } .language-menu__title:hover { background-color: #ececec00; } */ .footer__language-toggle .icon { color: #ffffff; } /*4255 POPUP VIDEO*/ @media (max-width: 480px){ #popup.disable-container .modal-content { top: 10rem !important; transform: none !important; margin-top: 2rem !important; padding-bottom: initial !important; } #popup .medium .modal-content { max-width: 45rem; } #popup .modal { display: inline-block; } #popup .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } #popup .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } html{ overflow-x: hidden; } } /* 4555 Mega Menu Contrast fix */ .mega-menu h2.g-showroom-model-card__header { color: #313131; } .test-drive-form-container:not(.open) { display:none; } .mega-menu h2.g-showroom-model-card__header:hover { color: #000; } .mega-menu .g-showroom-model-card { background-color:#fff; } /* Style de la Description préfixe */ .prefixbuilder { background-color:#d53535; color:#fff; padding:1rem; border-radius:1rem font-size:1.5rem; font-weight:800; margin: 1rem 0rem 1rem 0rem; } /* Test drive popup */ .test-drive-form-container.open { position:fixed; top:50%; max-width: 800px; width:100%; z-index: 99999; background: #fff; padding: 40px; border-radius: 4px; left: 50%; box-shadow: 0 0 30px rgba(100,100,100, 0.3); transform: translate(-50%,-50%); max-height:800px; max-height:96vh; overflow-y:auto; } body.has-popup:before { content: ""; position: fixed; left: 0; right:0; top:0; bottom:0; width:100%; background: rgba(50,50,50,.25); z-index:9999; } .test-drive-form-container .close-btn { background: #f00; border-radius: 50%; color: #fff; border: none; height:25px; padding: 0; width:25px; line-height: 29px; position: relative; margin-left: auto; right: 0; display: block; cursor: pointer; } #test-drive-form > .test-drive-banner { display:none; } /*4255 MEGAMENU */ /*StevenL - Hyundai OEM Compliancy .mega-menu .mega-menu-sub-nav__navs--compact .gtm_nav.sub-menu-title-custom-class, .mega-menu .mega-menu-sub-nav__navs .gtm_nav.sub-menu-title-custom-class { font-size: 1.1em; font-weight: bold; padding: 0.4em 0.5em 0.3em 0.2em !important; } */ /*END 4255 MEGAMENU */ /*BLING BLING KING */ .blinking{ animation:blinkingText 2s infinite; } @keyframes blinkingText{ 0%{ color: #ff0000; } 49%{ color: #ff0000; } 60%{ color: transparent; } 99%{ color: #ff0000; } 100%{ color: #ff0000; } } /* Blinking image */ /* Firefox old*/ @-moz-keyframes blink { 0% { opacity:1; } 10% { opacity:1; } 20% { opacity:1; } 30% { opacity:1; } 40% { opacity:1; } 50% { opacity:0; } 60% { opacity:1; } 70% { opacity:1; } 80% { opacity:1; } 90% { opacity:1; } 100% { opacity:1; } } @-webkit-keyframes blink { 0% { opacity:1; } 10% { opacity:1; } 20% { opacity:1; } 30% { opacity:1; } 40% { opacity:1; } 50% { opacity:0; } 60% { opacity:1; } 70% { opacity:1; } 80% { opacity:1; } 90% { opacity:1; } 100% { opacity:1; } } /* IE */ @-ms-keyframes blink { 0% { opacity:1; } 10% { opacity:1; } 20% { opacity:1; } 30% { opacity:1; } 40% { opacity:1; } 50% { opacity:0; } 60% { opacity:1; } 70% { opacity:1; } 80% { opacity:1; } 90% { opacity:1; } 100% { opacity:1; } } /* Opera and prob css3 final iteration */ @keyframes blink { 0% { opacity:1; } 10% { opacity:1; } 20% { opacity:1; } 30% { opacity:1; } 40% { opacity:1; } 50% { opacity:0; } 60% { opacity:1; } 70% { opacity:1; } 80% { opacity:1; } 90% { opacity:1; } 100% { opacity:1; } } .blink-image { -moz-animation: blink normal 5s infinite linear; /* Firefox */ -webkit-animation: blink normal 5s infinite linear; /* Webkit */ -ms-animation: blink normal 5s infinite linear; /* IE */ animation: blink normal 5s infinite linear; /* Opera and prob css3 final iteration */ } /* END BLING BLING KING */ /*4255 REMOVE MEGAMENU COUNT INVENTORY */ .mega-menu__fragment.mega-menu__inventory .df.aic.mb-xs h4 {display:none;} .page-id-15675 #hpBenefitsContent .row { margin:2rem 0rem; border-top: 1px solid #dadada; padding: 25px 0; } .page-id-15675 #hpBenefitsContent .row:first-child{ display:flex; flex-direction:row-reverse; } .page-id-15675 #hpBenefitsContent .row:first-child div:first-child{ display:flex; flex: 0 0 33%; } .page-id-15675 #hpBenefitsContent .row:first-child div:first-child img { margin:auto; } .page-id-15675 #hpBenefitsContent .row:first-child div:nth-child(2){ display:flex; flex: 0 0 66%; flex-direction:column; } /*second*/ .page-id-15675 #hpBenefitsContent .row:nth-child(2){ display:flex; flex-direction:row; } .page-id-15675 #hpBenefitsContent .row:nth-child(2) div:first-child{ display:flex; flex: 0 0 33%; } .page-id-15675 h1.promise { text-align:center; } .page-id-15675 .page-title { display:none; } .page-id-15675 #hpBenefitsContent .row:nth-child(2) div:first-child img { margin:auto; width:75%; } .page-id-15675 #hpBenefitsContent .row:nth-child(2) div:nth-child(2){ display:flex; flex: 0 0 66%; flex-direction:column; } .page-id-15675 #hpBenefitsContent .row:nth-child(3) { display:flex; flex-direction:row-reverse; } .page-id-15675 #hpBenefitsContent .row:nth-child(3) div:first-child{ display:flex; flex: 0 0 33%; } .page-id-15675 #hpBenefitsContent .row:nth-child(3) div:first-child img { margin:auto; } .page-id-15675 #hpBenefitsContent .row:nth-child(3) div:nth-child(2){ display:flex; flex: 0 0 66%; flex-direction:column; } /*new row*/ .page-id-15675 #hpBenefitsContent .row:nth-child(4) { display:flex; flex-direction:row; } .page-id-15675 #hpBenefitsContent .row:nth-child(4) div:first-child{ display:flex; flex: 0 0 33%; } .page-id-15675 #hpBenefitsContent .row:nth-child(4) div:first-child img { margin:auto; } .page-id-15675 #hpBenefitsContent .row:nth-child(4) div:nth-child(2){ display:flex; flex: 0 0 66%; flex-direction:column; } /*new row*/ .page-id-15675 #hpBenefitsContent .row:nth-child(5) { display:flex; flex-direction:row-reverse; } .page-id-15675 #hpBenefitsContent .row:nth-child(5) div:first-child{ display:flex; flex: 0 0 33%; } .page-id-15675 #hpBenefitsContent .row:nth-child(5) div:first-child img { margin:auto; } .page-id-15675 #hpBenefitsContent .row:nth-child(5) div:nth-child(2){ display:flex; flex: 0 0 66%; flex-direction:column; } .page-id-15675 .full-width-image img { display:flex; margin:auto; width:100%; } @media (max-width: 991px) { .page-id-15675 #hpBenefitsContent .row { display:flex; flex-direction:column!important; align-items:center; } .page-id-15675 #hpBenefitsContent .row div{ text-align:center; } } .footer__awards { display:none; } .header__logo--mobile .header__dealership-logo { visibility:hidden; } .header__logo--mobile { background:url('https://www.brossardhyundai.com/wp-content/themes/convertus-achilles/achilles/assets/images/oem-logos/xhyundai.png.pagespeed.ic.pe_Vn6NSPI.web') no-repeat; background-position:center; background-size: 130px; } .footer__language-toggle .header-popout__popout:before{ display:none; } /* Custom lang switch */ .custom-lang-switch { padding:0; margin:0 0 10px 0; list-style:none; display:flex; } .custom-lang-switch li:not(:last-child){ margin-right:10px; } .custom-lang-switch a { padding:12px 10px; border-radius:1px; display:block; background:#e4dcd3; color:#333; font-weight:600; line-height:1; } .custom-lang-switch a span { line-height:0.5; display:block; } .special__image { display:none; } main .special__content { display:block; } .special__name + .row > div { width:100% !important; flex: 0 0 100% !important; max-width:100%; } .special__content--available, .special__content--time { text-align:left; } .special__content--extras { display:flex; margin-top:20px; border-top:1px solid rgba(200,200,200,0.5) } .special__content--extras > a { margin-right:20px; } .special__content--description:after { content:""; display:block; clear:both; } .mega-menu .show-special__wrap .tns-slider { /* transform: translate3d(0%, -20%, 0px) !important; */ } .mega-menu .g-special-card__header { font-size: 1.8rem; } .mega-menu .g-special-card__image { width: 70%; min-height: 4rem; height: auto; margin: 0 auto; float: none; align-items: center; display: block; } /*4255 CUSTOM OEM PAGE*/ .otheroem .filter-tags { display:none; }

Nos véhicules en solde

BIENVENUE CHEZ BROSSARD HYUNDAI