1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 7 8 9 10 <link rel="icon" href="https://www.cityworldhyundai.com/themes/Hyundai/images/fav-icon.png" type="image/x-icon" /> 11 <meta charset="utf-8" /> 12 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=6,user-scalable=1" /> 13 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 14 <title>New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer</title> 15 <meta name="description" content="Find your next new Hyundai for sale or lease in Bronx, NY at City World Hyundai. Browse our extensive inventory and schedule a test drive today." /> 16 <link rel="canonical" href="https://www.cityworldhyundai.com/inventory/new" /> 17 <meta property="og:title" content="New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer" /> 18 <meta property="og:site_name" content="New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer" /> 19 <meta property="og:description" content="Find your next new Hyundai for sale or lease in Bronx, NY at City World Hyundai. Browse our extensive inventory and schedule a test drive today." /> 20 <meta property="og:image" content="https://prod.tvmimageservice.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0&logo=y" /> 21 22 23
24<script type="text/javascript"> 25 26 27 var ApiBaseUrl = 'https://www.cityworldhyundai.com/api'; 28 var baseUrl = 'https://www.cityworldhyundai.com'; 29 var currentRequestUrl = 'https://www.cityworldhyundai.com/inventory/new'; 30 var inventoryApiBaseUrl = 'https://websites.api.teamvelocityportal.com/'; 31 var dynamicAudioVideoBaseUrl = 'https://advid.api.teamvelocityportal.com/' 32 var primaryColor = '#002C5E'; 33 var secondaryColor = '#767676'; 34 var accountId = '42268'; 35 var campaignId = '10138'; 36 var baseAccountId = '42268'; 37 var baseCampaignId = '10138'; 38 var make = 'Hyundai'; 39 var phonenumber = '(855) 306-0357'; 40 var fullAddress = '3350 Boston Rd, Bronx, NY 10469'; 41 var secondaryAddress = '2249 New England Thruway Bronx, NY 10475'; 42 var secondaryAddressType = 'Service Dept.'; 43 var city = 'Bronx'; 44 var state = 'NY'; 45 var street = '3350 Boston Rd'; 46 var zip = '10469'; 47 var clientName = "City World Hyundai"; 48 var hasredcapid = 'False'; 49 var campaignid = '10138'; 50 var salesNumber = '866-585-7677'; 51 var serviceNumber = '877-801-7135'; 52 var partsNumber = '877-372-4316'; 53 var contactEmail = ''; 54 var isCaliforniaDealer = 'False'; 55 var isCalifornia = 'False' === 'True' ; 56 var isRedCapScheaduleServiceEnabled = 'False'; 57 var enablePINLoginEntry = 'False'; 58 var isEventDrivenPopupEnabled = 'False'; 59 var isServiceOnly = 'False' === 'True'; 60 var isUsedOnly = 'False' === 'True'; 61 var isauthenticated = 'False'; 62 var userpin = ''; 63 var paymentapi = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tL09mZmVyTWFuYWdlci9TZXJ2aWNlL09mZmVyTWFuYWdlckFQSS9HZXRQYXltZW50cw=='; 64 var enableTextus = 'False'; 65 var isServiceSchedulerEnabled = 'False'; 66 var enableDigitalRetail = 'True' === 'True'; 67 var enableSpinCar = 'False' === 'True'; 68 var buyerCallPostUrl = 'https://mycreditdriveapp.com/form_leads'; 69 var portalLogin = 'true' === 'true'; 70 var loginUrl = 'https://www.cityworldhyundai.com/identitylogin'; 71 var portalUrl = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tLw=='; 72 window.tid = '64818e3e-de8c-41b2-a3ca-e6183e8460f0'; 73 window.isBot = 'True'; 74 var cdnurl = 'https://prod.tvmwebsitecdn.com'; 75 var cdnUrl = 'https://prod.tvmwebsitecdn.com'; 76 var textusParameter = ''; 77 var ismobile = 'False' === 'True'; 78 var istablet = 'False' === 'True'; 79 var upgradeMatrixInventoryUrl = 'https://www.cityworldhyundai.com/inventory'; 80 var latitude = '40.87431365'; 81 var longitude = '-73.8517492'; 82 var isEnableCarStory = 'True'; 83 var enableCarStoryForNew = 'false' === 'true'; 84 var enableGoogleTranslate = 'True' === 'True'; 85 var roadStarUrl= 'https://cityworldhyundai.roadster.com/express'; 86 var userDetails = { 87 consumerid: '', 88 firstname: '', 89 lastname: '', 90 middlename: '', 91 email: '', 92 phonenumber: '', 93 userpin: '', 94 isPhoneNumberLogin: '', 95 isPinLogin: 'false' === 'true', 96 zip: '', 97 city: '', 98 state: '', 99 address:'', 100 address2: '' 101 }; 102 var pageTypeId = 0; 103 var environment = 'Production'; 104 var pageStateKey = ''; 105 var masterLayoutName = '_Website_Gemini.cshtml'.replace('.cshtml',''); 106 var jQuery = ''; 107 var redcapDealerId = ''; 108 var virtualAssistantDomain = 'aHR0cHM6Ly92aXJ0dWFsYXNzaXN0YW50LmFwaS50ZWFtdmVsb2NpdHlwb3J0YWwuY29t'; 109 var gmIncentivesApiUrl = 'https://offermanager.api.teamvelocityportal.com'; 110 var temporaryRedcap = 'false' === 'true'; 111 var enableSaveOfferTransact = 'false' === 'true'; 112 var isCustomPage = 'false' === 'true'; 113 var customPageTitle=''; 114 var isForceEnableDigitalRetail = 'false' === 'true'; 115 var rotatingBannerDelayTime = 5; 116 var vehicleOfferRotationalDelay = 5; 117 var enableLESAVideo = 'false' === 'true'; 118 var VDPTransactButtonLabel = 'Explore Payment Options'; 119 var RoadStarDpId = 'cityworldhyundai'; 120 var roadsterVDPButtonName = 'Search Payments '; 121 var roadsterImageUrl = ''; 122 var enableTextusLeadToCRM = 'false' === 'true'; 123 var themeId =9; 124 var enableJoyRide = 'false' === 'true'; 125 var joyRideDomain = ''; 126 var joyRideStoreId = 0; 127 var joyRideButtonLabel = ''; 128 var scheduleServiceCall = true; 129 var showCookieDisclaimer = 'False' == 'True'; 130 var nonTaxState = 'false' === 'true'; 131 var showPerDayAndPerMonthOnVDP = 'false' === 'true'; 132 var swapSalesAndServiceNumbers = 'False';
133 var enableAutoCheck = 'false' === 'true'; 134 var contactUsLabel = 'CONTACT US'; 135 var salesPhoneLabel = 'Sales'; 136 var servicePhoneLabel = 'Service'; 137 var partsPhoneLabel = 'Parts'; 138 var priceColor = ' '; 139 var enableCoVideo = 'false' === 'true'; 140 var enableHndaProgram= 'false' === 'true'; 141 var oemCode = 'NY109'; 142 var enableCarSaverButtonLabel = ''; 143 var enableTCPAConsent = 'true' === 'true'; 144 var tcpaConsentMessage = 'You agree to receive texts from us. (No purchase necessary.)'; 145 var showServiceAppraisalPopup = '' === "True"; //isServiceAppraisal setting when user login 146 var showPrecisionBonusOfferPopup = '' === "True"; //Precision_BonusOffer setting when user login 147 var showPrecisionTradeValuePopup = '' === "True"; //Precision_TradeValue setting when user login 148 var changeSessionId = '' === "True"; //update sessionid with userpin when cc_emulate=true login 149 var autoSendEmailTradeOffer = 'false' === 'true'; 150 var autoSendEmailBonusOffer = 'false' === 'true'; 151 var validateZipCode = 'true' === 'true'; 152 var themeName='Hyundai'; 153 var enableRecallMaster = 'true' === 'true'; 154 var enableMsbiProgram = 'False'; 155 var vendorToken = ''; 156 var enableTradePending = 'False'; 157 var snapId = ''; 158 var enableRecallMaster = 'false' === 'true'; 159 var isDealerGroup = 'false' === 'true'; 160 var hideLeasePanel = 'False' === 'True'; 161 var hideFinancePanel = 'False' === 'True'; 162 var hideCashPanel = 'False' === 'True'; 163 var hideUsedFinancePanel = 'False' === 'True'; 164 var hideUsedCashPanel = 'False' === 'True'; 165 var enableOEMProgram = 'True' === 'True'; 166 var enableSmartPathOnboardingModal = 'False' === 'True'; 167 var enableWebsiteTagging = 'True' === 'True'; 168 var enableChatAnalyticsTagging = 'False' === 'True'; 169 var enableLeadIntegration = 'True' === 'True'; 170 var oemProgramName = 'HyundaiJDPAShift'; 171 var showLoyaltyIncentives = 'false' === 'true'; 172 var bodyShopPhoneLabel = ''; 173 var bodyShopNumber = ''; 174 var enableFirkinTech = 'false' === 'true'; 175 var hideVINandStock = 'false' === 'true'; 176 var hideTradeFromLogin = 'false' === 'true'; 177 var tCPADisclaimer = ''; 178 var enablePopupVideo = 'false' === 'true'; 179 var videoURL = ''; 180 var videoCTAName = ''; 181 var videoCTALink = ''; 182 var hideVehicleDetailsOnStep2 = 'False' === 'True'; 183 var hideAllCTAs = 'False' === 'True'; 184 var menuColor = ''; 185 var menuFontColor = ''; 186 var subMenuColor = ''; 187 var subMenuFontColor = ''; 188 var headerBackGroundColor = ''; 189 var headerFontColor = ''; 190 var alwaysUseDealerImages = 'False' === 'True'; 191 var signInButtonColor = '';
192 var chromeImagePath = 'aHR0cHM6Ly9wcm9kLnR2bWltYWdlc2VydmljZS5jb20vaW1hZ2VzL2dldGV2b3hpbWFnZQ=='; 193 var libraryImagePath = 'aHR0cHM6Ly9wcm9kLnR2bWltYWdlc2VydmljZS5jb20vaW1hZ2VzL2dldGxpYnJhcnlpbWFnZQ=='; 194 var enableNewImageRules = 'true'; //Added for OAS-20116 195 var refeerUrl = ''; 196 var crawlerBots = 'Slurp|slurp|ask|Teoma|teoma|bot|Bot|prtg'; 197 var pinsrcList = 'od,test,est,kiosk,tets,tes'; 198 var portalIPBots = '38.118.71.*|192.168.24.*|192.168.25.*|192.168.26.*'; 199 var portalDomainBots = 'dGVhbXZlbG9jaXR5cG9ydGFsLmNvbQ=='; 200 var consumerEventsToLogStatus = '1'; 201 var showDealerSelection = 'false' === 'true'; 202 var sRPSortType = 'priceltoh'; 203 var enableCountsOnInventoryControl = 'True' === 'True'; 204 var cookieDisclaimerText = ''; 205 var enableQuickStart = 'False' === 'True'; 206 var enableQuickStartMobile = 'False' === 'True'; 207 var quickStartColor = ''; 208 209 var angleValue = '032'; 210 211 var enablePopupVideoMobile = 'false' === 'true'; 212 var videoURLMobile = ''; 213 var videoCTANameMobile = ''; 214 var videoCTALinkMobile = ''; 215 216 //FinanceSettings 217 var IsFinanceAppSettingsEnabled = 'True' 218 var financeApplicationHeading = 'Apply For Financing'; 219 var financeAppDealerCode = ''; 220 var enableElend = 'False' === 'True'; 221 var elendId = ''; 222 var enableBuyerCall = 'False' === 'True'; 223 var buyerCallId = ''; 224 var enableCreditR1 = 'False' === 'True'; 225 var r1DealerId = ''; 226 var logoImage = 'https://prod.tvmimageservice.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0&logo=y'; 227 var enableCbc = 'False' === 'True'; 228 var cbcUserId = ''; 229 var cbcUserPwd = ''; 230 var cbcCustomerId = ''; 231 var cbcMasterUserId = ''; 232 var cbcMasterUserPwd = ''; 233 234 var enableMotoCommerce = 'false' === 'true'; 235 var motoCommerceLabel = ''; 236 var hideTradeSlider = 'false' === 'true'; 237 var enableCheckAvailability = false; 238 var hidePaymentCustomizing = 'False' === 'True'; 239 var textWidgetPosition = ''; 240 var globalLeadFormThankyouMessage = ''; 241 var AllowUsedForVOI = 'false' === 'true'; 242 var serviceSpecialsCTAButtonsColor = ''; 243 var serviceSpecialsCTAButtonsFontColor = ''; 244 245 var CheckAvailabilityButtonColor = ''; 246 var CheckAvailabilityButtonName = ''; 247 var CheckAvailabilityFontColor = ''; 248 var integrateWithText = 'False' === 'True'; 249 var scheduleServiceSelectButtonsColor = ''; 250 var scheduleServiceSelectButtonsFontColor = ''; 251 var enableWindowStickerInPaymentPanel = 'False' === 'True'; 252 var digiServiceUseOverrides = 'True' === 'True'; 253 var EventDrivenBonusOfferSalesCount = '6'; 254 var ContactUsShowDealerSelection = 'False' === 'True'; 255 var allowNewWithUsed = 'False' === 'True'; 256 var hideEmployeeIncentives = 'false' === 'true'; 257 var sellUsYourCarDealerSelection = 'False' === 'True'; 258 var valueMyTradeDealerSelection = 'False' === 'True'; 259 var enableReserveYourVehicle = 'True' === 'True'; 260 var setTextAsLeadForm = 'False' === 'True'; 261 262 var useSellingPriceOnInventoryControl = 'false' === 'true'; 263 var isPhoneMandatoryInLeadForms = 'False' === 'True'; 264 var autoToggleTCPA = 'True' === 'True'; 265 var showDisclaimerWithNoToggle = 'True' === 'True'; 266 var showCallForPriceSRP = 'false' === 'true'; 267 var chatWidgetApiBaseUrl = 'https://virtualassistant.api.teamvelocityportal.com'; 268 var chatSignalRUrl = 'https://assistantcommunications.teamvelocityportal.com'; 269 var routeOneApiBaseUrl = 'https://routeone.teamvelocityportal.com/api'; 270 var cbcApiBaseUrl = 'https://cbc.teamvelocityportal.com/api'; 271 var eLendApiBaseUrl = 'https://elend.api.teamvelocityportal.com/api'; 272 var dRaiverApiBaseUrl = 'https://draiver.api.teamvelocityportal.com/api'; 273 var isPhoneOnGetOffer = 'False' === 'True'; 274 var landingPopUpText =''; 275 var landingPopupStartDate =''; 276 var landingPopupEndDate =''; 277 var certifiedLogoUrl = ''; 278 var hidePreOwnedSpecialsContactUs='False'==='True'; 279 var vehicleSpecialsClickUrl=''; 280 var vehicledefaultcolor='silver'; 281 var kbbDealIncicatorAPIKey=''; 282 var enableKbbDealIndicator = 'False' === 'True'; 283 var signInButtonFontColor = ''; 284 var signInButtonborderColor = ''; 285 var checkAvailabilityBorderColor=''; 286 var googleMapZoom=15; 287 var enableTextAQuoteLead = 'false' === "true"; 288 var footerColor =''; 289 var footerFontColor = '';
290 var footerLinkBackgroundColor = ''; 291 var isFdDealer = 'false' === "true"; 292 var hideDirectionsButton = 'False' === "True"; 293 var textUsCTAButtonLabel= ''; 294 var headerBorderColor = ''; 295 var footerBorderColor = ''; 296 var serviceScheduleShowDealerSelection = 'false' === 'true'; 297 var textUsMobileCTAButtonLabel= ''; 298 var menuEvent = 'click'; 299 var hideAuotmatedSpecials = 'false' === 'true'; 300 var disableBonusOfferOnMobile='False'==='True'; 301 var shopByBrand = 'Hyundai'; 302 var shopByType = 'SUV,Sedan,Truck,Hatchback'; 303 var priceType = '1'; 304 var masterTemplateId = '22'; 305 var searchBarNoResultsText = ''; 306 var srpNoInventoryResultsText = ''; 307 var ipaddress = '181.215.65.75'; 308 var leftArrowColor = ''; 309 var rightArrowColor = ''; 310 var getOffer ='Get Offer'; 311 var RegionName = ''; 312 var RegionCode = ''; 313 var OEMDistrict = ''; 314 var tireStoreUrl = ''; 315 var enableINVOCA = 'false' === 'true' && 'false' !== 'true'; 316 var InvocaCDNUrl = 'https://www.cityworldhyundai.com'; 317 var OEM_Code = 'NY109'; 318 var enableServicePassVdpLogo = 'false' == "true"; 319 var enableCoxDR = 'false' === 'true'; 320 var IncentiveSource ='AIS'; 321 var enableSonicDataLayer = 'false' === "true" 322 var useSonicSourceLabel = 'false' === "true"; 323 var sonicDataLayerGtmId = ""; 324 var isGoogleChatEnabled = 'false' == "true"; 325 var enableV2Assistant = 'false' == "true"; 326 var isTextUsEnabled = 'false' == "true"; 327 var quickStartSalesPhoneNumber =''; 328 var quickStartServicePhoneNumber =''; 329 var textUsButtonColor = ''; 330 var textUsFontColor = ''; 331 var enableStrolidWidget = 'false' == "true"; 332 var cookieDisclaimerBackgroundColor =''; 333 var cookieDisclaimerFontColor =''; 334 var cookieDisclaimerOKButtonColor = ''; 335 var cookieDisclaimerOKButtonFontColor = ''; 336 var disableBuildAndPrice = 'false' === "true"; 337 var ascGtmId = ''; 338 var isIFrame = 'false' === "true"; 339 var isCommentsMandatory = 'false' === "true"; 340 var isBonusOfferExists = 'true' === "true"; 341 var enableHendrickDataLayer = 'false'== "true"; 342 var hendrickDataLayerGtmId =''; 343 var ga4DigitalAnalyticsKey = ''; 344 var ga4GoogleAnalyticsKey = 'G-GSNNZF8F6V'; 345 var ga4GoogleAnalyticsKey2 = ''; 346 var ga4GoogleAnalyticsKey3 = ''; 347 var enableEdmunds = 'false' == 'true'; 348 var enableEdmundsCash = 'false' == 'true'; 349 var enableEdmundsInCTA = 'false' == 'true'; 350 var edmundsId = ''; 351 var edmundsCashId = ''; 352 var edmundsIdCTA = ''; 353 var edmundsGoogleAnalyticsKey = ''; 354 var edmundsCashGoogleAnalyticsKey = ''; 355 var edmundsCTAGoogleAnalyticsKey = ''; 356 var specialRotator = 'Drive-In'; 357 var srpMouseOver = '360-Spin'; 358 var featuredSpecial = 'Drive-In'; 359 var isSmartPathEnabled = 'false' == "true"; 360 var enableEvoxDriveIn ='false' === 'true'; 361 var isDigitalDealer = 'true' === 'true'; 362 var DGDataHub = null; 363 var smartPathSubsiteUrl =''; 364 var enableGuaranteedTradeInProgram = 'false' == "true"; 365 var showZipCodeOnGetOffer = 'false' === "true" 366 var showCommentsOnGetOffer = 'false' === "true" 367 var openSocialLinksInLightBox = 'false' === "true"; 368 var isSDISEnabled = 'false' == "true"; 369 var isDDOAEnabled = 'false' == "true"; 370 var secondaryAddressLatitude = '0.00000000'; 371 var secondaryAddressLongitude = '0.00000000'; 372 var bmwCertifiedCenter = 'false' === 'true'; 373 var enableUnlockSmartPrice = 'false' === 'true'; 374 var showTextPermission = 'false' === "true"; 375 var enabledFordDirectVehicleVideo='false' === 'true'; 376 var ga4MakeCategory = 'foreign'; 377 var enableBuildaBrand = 'false' === "true"; 378 var enableBuildaBrandVdp = 'false' === "true"; 379 var buildaBrandId = ''; 380 var buildaBrandToken = ''; 381 var websiteAnalyticKey = 'G-D22KY4R05F'; 382 var fdDigitalAnalyticsKey = ''; 383 var enableASCEventsOnly1ForGA4 = 'true' === 'true'; 384 var enableASCEventsOnly2ForGA4 = 'false' === 'true'; 385 var enableASCEventsOnly3ForGA4 = 'false' === 'true'; 386 var enableASCEventsOnly4ForGA4 = 'false' === 'true'; 387 var enableNewSRPVDPSmartPathCTAs = 'false' === 'true'; 388 var enableUsedSRPVDPSmartPathCTAs = 'false' === 'true'; 389 var useNewForShopByBrand = 'false' === 'true'; 390 var useNewForShopByType = 'false' === 'true';
391 var enablematadorChatCta = 'false' === 'true'; 392 var matadorChatCtaTxt = ''; 393 var isRotationalCouponsNewDesign = 'true' === 'true'; 394 var enableCPOSRPVDPSmartPathCTAs = 'false' === 'true'; 395 var researchModelDefaultYear = '2026'; 396 var inTransitDisclaimer = ''; 397 var facebookColor = ''; 398 var instagramColor = ''; 399 var twitterColor = ''; 400 var youtubeColor = ''; 401 var tiktokColor = ''; 402 var linkedInColor = ''; 403 var headerColor = '1'; 404 var dealerManufacturers = 'Hyundai'; 405 var IncentiveModelDefaultYear = '2026'; 406 var ReserveYourVehicleModelDefaultYear = ''; 407 var enableDisasterMessage = 'true' === 'true'; 408 var isEmailMandatoryUnlockInLeadForm= 'False' === 'True'; 409 var showDealerGroupNumber = 'False' === 'True'; 410 var enableDigitalOEMProgram = 'True' === 'True'; 411 var enableFloodLightTaagging = 'False' === 'True'; 412 var enableEpsilonTags = 'false' === 'true'; 413 var isVdp= 'false' == 'true'; 414 var menuStyleId = '7'; 415 var enableAccessRewards = 'true' === 'true'; 416 var isMaseratiGrecaleHomePagePopUp = 'False' === 'True'; 417 var defaultSRPPaymentTypeNew = 'cash'; 418 var defaultSRPPaymentTypeUsed = 'cash'; 419 var defaultSRPPaymentTypeCPO = 'cash'; 420 var enableGubagooPreQual = 'False' === 'True'; 421 var hideDealershipLocationOnMap= 'False' === 'True'; 422 var mobileMenupencilBannerImageId = '0'; 423 var showETAForInTransitVehicles = 'True' === 'True'; 424 var enableDrsTagging = 'False' === 'True'; 425 var enableFordDirectOneToOne = 'false' === 'true'; 426 var cookieDisclaimerOKButtonLabel = ''; 427 var transactLogoImageId = '735558'; 428 var enableGetOfferCTA = 'false' === 'true'; 429 var MobileMenuPencilBarURL = ''; 430 var MobileMenuPencilBarTab = ''; 431 var enableTealiumCDP = 'false' === 'true'; 432 var hideExpirationDate = 'false' === 'true'; 433 var enableDeptSelectionForDirectionsMobile='false'==='true'; 434 var showChatOnMobileFooter = 'true' === 'true'; 435 var showTextOnMobileFooter = 'true' === 'true'; 436 var enableNewAccountDesign = 'false' === 'true'; 437 var alwaysShowMSRPTransact = 'false' === 'true';
438 var alwaysShowMSRPTransactUsed = 'false' === 'true'; 439 var enableWebsiteSpeed = 'True' === 'True'; 440 var ga4GoogleAnalyticsKey4 = ''; 441 var ga4GoogleAnalyticsKey5 = ''; 442 var enableASCEventsOnly4Id4ForGA4 = 'false' === 'true'; 443 var enableASCEventsOnly4Id5ForGA4 = 'false' === 'true'; 444 var enableAccountCreationLead = 'true' === 'true'; 445 var showCallUsOrTextUsCta = '4' === '3' ? true : false; 446 var isFooterAssistantSelected = '4' === '4' ? true : false; 447 var logsApiUrl ='https://log.api.teamvelocityportal.com'; 448 var showDisclosureInsteadOfLink = 'false' === 'true'; 449 var showDisclaimerOnBanners = 'false' === "true"; 450 var taxesFeesLabelVDP = ''; 451 var windowStickerButtonColor = ''; 452 var windowStickerButtonFontColor = ''; 453 var windowStickerButtonBorderColor = ''; 454 var enableVehicleTypeInVehicleNames = 'false' === 'true'; 455 var hideMPG = 'false' === 'true'; 456 var showOEMPaymentIncentives = 'false' === 'true'; 457 var assistantSentryDns = 'https://[email protected]/5833431'; 458 var onlinePartsStoreUrl = ''; 459 var smartPathUnlockPriceLabel =''; 460 var conditionalOfferFontColor = ''; 461 var enableSignInPrompt = 'False' === 'True'; 462 var hideHoursOnHeader = 'false' === 'true'; 463 var isSiteMapExists = 'True' === 'True'; 464 var showOnlyLowestAPRWithHighestTerm = 'False' === 'True'; 465 var enableBlueStarRating = 'false' === 'true'; 466 var blueStarAPIKey = ''; 467 var showCallForPriceForNewSpecials = 'false' === 'true'; 468 var showCallForPriceForPreOwnedSpecials = 'false' === 'true'; 469 var primaryDomain = 'www.cityworldhyundai.com'; 470 var sendLoginsToHomePage = 'false' === 'true'; 471 var enablePrivacy4CarsBadgeInVDP = 'false' === 'true'; 472 var enablePrivacy4CarsBadgeInSRP = 'false' === 'true'; 473 var privacy4CarsId = ''; 474 var accessoriesUrl = ''; 475 var defaultPrefferedContactToPhone = 'false' === 'true'; 476 var callUsButtonColor = ''; 477 var callUsButtonFontColor = ''; 478 var textUsMobileButtonColor = ''; 479 var textUsMobileButtonFontColor = ''; 480 var franchiseString = 'Hyundai'; 481 var disableDNIScripts = 'False'; 482 var useMSRPInsteadofFinalPriceforStartingAt = 'false' === 'true'; 483 var enableSignInPromptMobile = 'false' === 'true'; 484 var enableWindowStickerInVDPSecondaryCTAs = 'false' === 'true'; 485 var showIconsForSignInandSpanish = 'true' === 'true'; 486 var isVdvPanelEnabled = 'false' === 'true'; 487 var enableVdvPlayButtonAboveVdpGallery = 'false' === 'true'; 488 var disableVdvOnVdp = 'false' === 'true'; 489 var disableVdvOnSrp = 'false' === 'true'; 490 var disableVdvOnSpecialOffers = 'false' === 'true'; 491 var disableVdvOnDynamicBanners = 'false' === 'true'; 492 var googleColor = ''; 493 var printerestColor = ''; 494 var makeZipCodeMandatory = 'true' === 'true'; 495 var hideServiceHoursOnHeader = 'false' === 'true'; 496 var enableActivEngage = 'false' === 'true'; 497 var additionalPhoneNumberLabel = ''; 498 var additionalPhoneNumber = ''; 499 var enableViewInventoryOnResearchModels = 'false' === 'true'; 500 var includeTextingPreferred = 'false' === 'true'; 501 var fastlyESInventoryAPIBaseUrl = 'https://www.cityworldhyundai.com/tvm-services'; 502 var isEmailMandatory = 'false' === 'true'; 503 var hideDownPaymentOnSpecials = 'false' === 'true'; 504 var urlPathStyleId = 0; 505 var urlPathVin = ''; 506 var showPhoneNumberLoginOnEntry = 'false' === 'true'; 507 var textingPreferred = 'false' === 'true'; 508 var enableScheduleServiceButtons = 'false' === 'true'; 509 var subMenuTypeMegaMenu = 'false' === 'true'; 510 var enableMobileMegaMenu = 'false' === 'true'; 511 var defaultTextingPreferredToYes = 'false' === 'true'; 512 var cookieRejectButton = 'false' === 'true'; 513 var cookieRejectionRedirectURL = ''; 514 var hideArchivesandCategories = 'false' === 'true'; 515 var enable2FA = 'false' === 'true'; 516 var enable2FAForContactUs = 'false' === 'true'; 517 var enableTstTestDriveIntegration = 'False' ==='True'; 518 var enable360BoothImageOverlay = 'false' === 'true'; 519 var enable360Booth = 'false' === 'true'; 520 var applyPhoneNumberFormat = 'false' === 'true'; 521 var digitalDomainUrl = 'https://prod.tvmimageservice.com'; 522 var tradePendingApiUrl = 'https://tradepending.api.teamvelocityportal.com'; 523 var globalThemeName=''; 524 var isLocationMandatory = 'false' === 'true'; 525 var enableOemInventoryFeed = 'True' === 'True';
526 var showGMPriceStack = 'false' === 'true'; 527 var enableSfsCreditApp = 'false' === 'true'; 528</script>
528 529 530 531 532 533 534
535<script type="text/javascript"> 536 var salesDNIScript = '<script>
 gtag('config', 'AW-11238299152/jJapCKyjh4EcEJCs6-4p', {
 'phone_conversion_number': '866-585-7677'
 });
</script>'; 537 var serviceDNIScript = '<script>
 gtag('config', 'AW-11238299152/CI2KCK-jh4EcEJCs6-4p', {
 'phone_conversion_number': '877-801-7135'
 });
</script>'; 538 var remarketingScript = '<!-- Global site tag (gtag.js) - Google Ads: 11238299152 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11238299152"></script>
<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', 'AW-11238299152');
</script>'; 539 var FbpId = '3491230691188098'; 540 var conversionAPIKey = ''; 541</script>
541 542 543<!-- Global site tag (gtag.js) - Google Ads: 11238299152 -->
vendor: 65 bytes, lines 543-544
543 544<script async src="https://www.googletagmanager.com/gtag/js?id=
544AW-11238299152
vendor: 13 bytes, line 544
544"></script>
545<script> 546
vendor: 138 bytes, lines 546-550
546window.dataLayer = window.dataLayer || []; 547 function gtag(){dataLayer.push(arguments);} 548 gtag('js', new Date()); 549 550 gtag('config', '
550AW-11238299152
vendor: 5 bytes, line 550
550');
551</script>
551<script> 552 gtag('config', 'AW-11238299152/jJapCKyjh4EcEJCs6-4p', { 553 'phone_conversion_number': '866-585-7677' 554 }); 555</script>
555<script> 556 gtag('config', 'AW-11238299152/CI2KCK-jh4EcEJCs6-4p', { 557 'phone_conversion_number': '877-801-7135' 558 }); 559</script>
559 560 561 562 <style> 563 .bgcolor-primary { 564 background-color: #002C5E !important; 565 } 566 567 .bgcolor-secondary { 568 background-color: #767676 !important; 569 } 570 571 .color-secondary { 572 color: #767676 !important; 573 } 574 575 .hover-color-primary:hover { 576 color: #002C5E !important; 577 } 578 .color-primary { 579 color: #002C5E !important; 580 } 581 .VueCarousel-pagination { 582 z-index: 9 !important; 583 } 584 #_website_gemini .page-headline-wrapper { 585 background-color: !important; 586 } 587 #_website_gemini .page-headline-text { 588 color: !important; 589 } 590 #_website_gemini .text-white.page-headline-text{ 591 color: !important; 592 } 593 594 #_website_gemini .default_color { 595 background-color: #002C5E; 596 } 597 .default_text_color { 598 color: #FFFF; 599 } 600 .default_submenu-custom-bg { 601 background-color: #FFF; 602 } 603 604 .submenu-custom-bg a, 605 .submenu-custom-bg a:hover, 606 .submenu-custom-bg .submenu_right_arrow { 607 color: #000; 608 } 609 610 611 #_website_gemini .sign_out_link { 612 color: !important; 613 } 614 </style> 615 616 617 618 619 620 621 622 623
623<script src="https://prod.tvmwebsitecdn.com/dist/p1138/js/chunk/common.js" type="text/javascript" data-kpa-category="essential" defer></script>
623 624
624<script src="https://prod.tvmwebsitecdn.com/dist/p1138/js/vendor.js" type="text/javascript" data-kpa-category="essential" defer></script>
624 625 626 627
627<script src="https://prod.tvmwebsitecdn.com/dist/p1138/vue3/js/vendor.js" data-kpa-category="essential" type="text/javascript" defer></script>
627 628 629 630
630<script type="application/ld+json"> 631 { 632 "@context": "http://schema.org", 633 "@graph": [ 634 { 635 "@type": "WebSite", 636 "@id": "https://www.cityworldhyundai.com/#website", 637 "name": "City World Hyundai", 638 "url": "https://www.cityworldhyundai.com" 639 } 640 ] 641 } 642 </script>
642 643 644
644<script> 645 646 window.addEventListener('message', function (event) { 647 try { 648 if (event.data.func == 'reloadafterlogin' && event.data.message == 'Message text from iframe.') { 649 try { 650 if (22 == 8 || 651 22 == 4 || 652 22 == 11 || 653 22 == 10 || 654 22 == 9 || 655 22 == 1) 656 { 657 window.location = '/mygarage'; 658 } 659 else 660 { 661 window.location.reload(); 662 } 663 } catch (e) 664 { 665 666 } 667 } 668 else if (event.data.func == "loadiniframe" && event.data.message == 'loadiniframe') { 669 var elem = document.createElement('iframe'); 670 elem.style.cssText = 'display:none;'; 671 elem.src = 'https://www.cityworldhyundai.com/identitylogin'; 672 document.body.appendChild(elem); 673 if ($('.loading-gif')) $('.loading-gif').hide(); 674 } else if (event.data.func === 'navigateTo' && event.data.url) { 675 if(event.data.url === '/register'){ 676 window.parent.postMessage({ 'func': 'openRegistrationModal'}, "*") 677 } else { 678 window.location.href = event.data.url; 679 } 680 if ($('.loading-gif')) $('.loading-gif').hide(); 681 } 682 else if (event.data.func === 'open-phone-login-vehicles' ) { 683 window.parent.postMessage({ 'func': 'openPhoneVehiclesModal', vehiclesData: event.data.vehiclesData}, "*") 684 } 685 else if (event.data.func === 'open-registration-modal-profile-creation' ) { 686 window.parent.postMessage({ 'func': 'openRegistrationModalProfileCreation', loginData: event.data.loginData}, "*") 687 } 688 } 689 catch (ex) { } 690 }); 691 692</script>
692 693 694 695 696 697 698 699 700 701
702<script async src="https://content-container.edmunds.com/21541.js" type="text/javascript"></script>
702 <meta name="google-site-verification" content="S2BnxMnSLlKfQX_YfhEvZAyouITYQrFTfDIMDP-ozhw" /><!-- Google Tag Manager -->
703<script>
vendor: 327 bytes, line 703
703(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
703GTM-K6R7KVP
vendor: 3 bytes, line 703
703');
703</script>
703 <!-- End Google Tag Manager -->
703<script type="application/ld+json"> 704{ 705 "@context": "https://schema.org", 706 "@graph": [ 707 { 708 "@type": "AutoDealer", 709 "@id": "https://www.cityworldhyundai.com/#autodealer", 710 "name": "City World Hyundai", 711 "url": "https://www.cityworldhyundai.com", 712 "telephone": "(855) 306-0357", 713 "priceRange": "$15,000 - $60,000", 714 "paymentAccepted": "Cash, Credit Card, Financing, Lease", 715 "currenciesAccepted": "USD", 716 "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0", 717 "logo": { 718 "@id": "https://www.cityworldhyundai.com/#logo" 719 }, 720 "address": { 721 "@id": "https://www.cityworldhyundai.com/#address" 722 }, 723 "brand": { 724 "@type": "Brand", 725 "name": "Hyundai" 726 }, 727 "parentOrganization": { 728 "@id": "https://www.cityworldhyundai.com/#parentorganization" 729 }, 730 "areaServed": [ 731 { 732 "@type": "City", 733 "name": "Bronx", 734 "containedInPlace": { 735 "@type": "State", 736 "name": "NY" 737 } 738 }, 739 { 740 "@type": "City", 741 "name": "Yonkers", 742 "containedInPlace": { 743 "@type": "State", 744 "name": "NY" 745 } 746 }, 747 { 748 "@type": "City", 749 "name": "Mount Vernon", 750 "containedInPlace": { 751 "@type": "State", 752 "name": "NY" 753 } 754 }, 755 { 756 "@type": "City", 757 "name": "Manhattan", 758 "containedInPlace": { 759 "@type": "State", 760 "name": "NY" 761 } 762 }, 763 { 764 "@type": "City", 765 "name": "Queens", 766 "containedInPlace": { 767 "@type": "State", 768 "name": "NY" 769 } 770 }, 771 { 772 "@type": "City", 773 "name": "Parkchester", 774 "containedInPlace": { 775 "@type": "State", 776 "name": "NY" 777 } 778 } 779 ], 780 "sameAs": [ 781 "https://www.facebook.com/cityworldhyundai/", 782 "https://twitter.com/cw_hyundai", 783 "https://www.instagram.com/cityworldhyundai_/", 784 "https://www.youtube.com/channel/UCjBUZXI07r3vFgXWcaSdsGw", 785 "https://www.google.com/maps?cid=17824191418907986992" 786 ], 787 "geo": { 788 "@id": "https://www.cityworldhyundai.com/#geo" 789 }, 790 "knowsAbout": [ 791 "Hyundai Elantra", 792 "Hyundai Elantra Hybrid", 793 "Hyundai IONIQ 5", 794 "Hyundai IONIQ 9", 795 "Hyundai Kona", 796 "Hyundai Palisade", 797 "Hyundai Palisade Hybrid", 798 "Hyundai Santa Cruz", 799 "Hyundai Santa Fe", 800 "Hyundai Santa Fe Hybrid", 801 "Hyundai Sonata", 802 "Hyundai Sonata Hybrid", 803 "Hyundai Tucson", 804 "Hyundai Tucson Hybrid", 805 "Hyundai Venue", 806 "Hyundai financing", 807 "Hyundai leasing", 808 "Hyundai service", 809 "Hyundai OEM parts", 810 "Hyundai certified pre-owned", 811 "Hyundai Assurance" 812 ], 813 "makesOffer": [ 814 { 815 "@type": "Offer", 816 "itemOffered": { 817 "@type": "Service", 818 "name": "New Car Sales", 819 "serviceType": "New Car Sales", 820 "areaServed": { 821 "@type": "City", 822 "name": "Bronx", 823 "containedInPlace": { 824 "@type": "State", 825 "name": "NY" 826 } 827 }, 828 "description": "New Hyundai vehicles for sale at City World Hyundai in Bronx. Browse our full lineup of new models including sedans, SUVs, crossovers, and electric vehicles." 829 } 830 }, 831 { 832 "@type": "Offer", 833 "itemOffered": { 834 "@type": "Service", 835 "name": "Used Car Sales", 836 "serviceType": "Used Car Sales", 837 "areaServed": { 838 "@type": "City", 839 "name": "Bronx", 840 "containedInPlace": { 841 "@type": "State", 842 "name": "NY" 843 } 844 }, 845 "description": "Certified pre-owned and used vehicles at City World Hyundai in Bronx. Every pre-owned vehicle is inspected and competitively priced for drivers throughout the area." 846 } 847 }, 848 { 849 "@type": "Offer", 850 "itemOffered": { 851 "@type": "Service", 852 "name": "Vehicle Leasing", 853 "serviceType": "Vehicle Leasing", 854 "areaServed": { 855 "@type": "City", 856 "name": "Bronx", 857 "containedInPlace": { 858 "@type": "State", 859 "name": "NY" 860 } 861 }, 862 "description": "Hyundai vehicle leasing at City World Hyundai in Bronx. Flexible lease terms with competitive monthly payments on new models." 863 } 864 }, 865 { 866 "@type": "Offer", 867 "itemOffered": { 868 "@type": "Service", 869 "name": "Auto Financing", 870 "serviceType": "Auto Financing", 871 "areaServed": { 872 "@type": "City", 873 "name": "Bronx", 874 "containedInPlace": { 875 "@type": "State", 876 "name": "NY" 877 } 878 }, 879 "description": "Auto financing for new and used vehicles at City World Hyundai in Bronx. Our finance team works with multiple lenders to secure competitive rates for all credit profiles." 880 } 881 }, 882 { 883 "@type": "Offer", 884 "itemOffered": { 885 "@type": "Service", 886 "name": "Trade-In Assistance", 887 "serviceType": "Trade-In Assistance", 888 "areaServed": { 889 "@type": "City", 890 "name": "Bronx", 891 "containedInPlace": { 892 "@type": "State", 893 "name": "NY" 894 } 895 }, 896 "description": "Vehicle trade-in appraisal at City World Hyundai in Bronx. Receive a fair market value assessment applicable toward your next purchase or lease." 897 } 898 }, 899 { 900 "@type": "Offer", 901 "itemOffered": { 902 "@type": "Service", 903 "name": "Vehicle Protection Plans", 904 "serviceType": "Vehicle Protection Plans", 905 "areaServed": { 906 "@type": "City", 907 "name": "Bronx", 908 "containedInPlace": { 909 "@type": "State", 910 "name": "NY" 911 } 912 }, 913 "description": "Extended vehicle protection plans available at City World Hyundai in Bronx, covering mechanical and electrical components beyond the factory warranty period." 914 } 915 } 916 ], 917 "openingHoursSpecification": [ 918 { 919 "@type": "OpeningHoursSpecification", 920 "dayOfWeek": "Sunday", 921 "opens": "11:00", 922 "closes": "17:00" 923 }, 924 { 925 "@type": "OpeningHoursSpecification", 926 "dayOfWeek": "Monday", 927 "opens": "09:00", 928 "closes": "20:00" 929 }, 930 { 931 "@type": "OpeningHoursSpecification", 932 "dayOfWeek": "Tuesday", 933 "opens": "09:00", 934 "closes": "20:00" 935 }, 936 { 937 "@type": "OpeningHoursSpecification", 938 "dayOfWeek": "Wednesday", 939 "opens": "09:00", 940 "closes": "20:00" 941 }, 942 { 943 "@type": "OpeningHoursSpecification", 944 "dayOfWeek": "Thursday", 945 "opens": "09:00", 946 "closes": "20:00" 947 }, 948 { 949 "@type": "OpeningHoursSpecification", 950 "dayOfWeek": "Friday", 951 "opens": "09:00", 952 "closes": "19:00" 953 }, 954 { 955 "@type": "OpeningHoursSpecification", 956 "dayOfWeek": "Saturday", 957 "opens": "09:00", 958 "closes": "19:00" 959 } 960 ], 961 "department": [ 962 { 963 "@id": "https://www.cityworldhyundai.com/#autorepair" 964 }, 965 { 966 "@id": "https://www.cityworldhyundai.com/#autopartsstore" 967 } 968 ] 969 }, 970 { 971 "@type": "ImageObject", 972 "@id": "https://www.cityworldhyundai.com/#logo", 973 "url": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0" 974 }, 975 { 976 "@type": "PostalAddress", 977 "@id": "https://www.cityworldhyundai.com/#address", 978 "streetAddress": "3350 Boston Rd", 979 "addressLocality": "Bronx", 980 "addressRegion": "NY", 981 "postalCode": "10469", 982 "addressCountry": "US" 983 }, 984 { 985 "@type": "GeoCoordinates", 986 "@id": "https://www.cityworldhyundai.com/#geo", 987 "latitude": 40.87431365, 988 "longitude": -73.8517492 989 }, 990 { 991 "@type": "AutoRepair", 992 "@id": "https://www.cityworldhyundai.com/#autorepair", 993 "name": "City World Hyundai Service", 994 "url": "https://www.cityworldhyundai.com/service-department", 995 "telephone": "(877) 801-7135", 996 "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0", 997 "priceRange": "$50 - $10,000", 998 "address": { 999 "@id": "https://www.cityworldhyundai.com/#address" 1000 }, 1001 "makesOffer": [ 1002 { 1003 "@type": "Offer", 1004 "itemOffered": { 1005 "@type": "Service", 1006 "name": "AC Repair", 1007 "serviceType": "AC Repair", 1008 "areaServed": { 1009 "@type": "City", 1010 "name": "Bronx", 1011 "containedInPlace": { 1012 "@type": "State", 1013 "name": "NY" 1014 } 1015 }, 1016 "description": "Automotive air conditioning diagnosis and repair at City World Hyundai in Bronx, performed by Hyundai-certified technicians using manufacturer-approved procedures." 1017 } 1018 }, 1019 { 1020 "@type": "Offer", 1021 "itemOffered": { 1022 "@type": "Service", 1023 "name": "Battery Testing & Replacement", 1024 "serviceType": "Battery Testing & Replacement", 1025 "areaServed": { 1026 "@type": "City", 1027 "name": "Bronx", 1028 "containedInPlace": { 1029 "@type": "State", 1030 "name": "NY" 1031 } 1032 }, 1033 "description": "Vehicle battery testing and replacement at City World Hyundai in Bronx. Battery health checks with OEM-grade replacement batteries available." 1034 } 1035 }, 1036 { 1037 "@type": "Offer", 1038 "itemOffered": { 1039 "@type": "Service", 1040 "name": "Brake Service", 1041 "serviceType": "Brake Service", 1042 "areaServed": { 1043 "@type": "City", 1044 "name": "Bronx", 1045 "containedInPlace": { 1046 "@type": "State", 1047 "name": "NY" 1048 } 1049 }, 1050 "description": "Brake inspection, pad replacement, and rotor service at City World Hyundai in Bronx, performed by factory-trained Hyundai technicians to manufacturer specifications." 1051 } 1052 }, 1053 { 1054 "@type": "Offer", 1055 "itemOffered": { 1056 "@type": "Service", 1057 "name": "Coolant System Service", 1058 "serviceType": "Coolant System Service", 1059 "areaServed": { 1060 "@type": "City", 1061 "name": "Bronx", 1062 "containedInPlace": { 1063 "@type": "State", 1064 "name": "NY" 1065 } 1066 }, 1067 "description": "Cooling system flush and service at City World Hyundai in Bronx, using Hyundai-approved coolant to maintain optimal engine operating temperature." 1068 } 1069 }, 1070 { 1071 "@type": "Offer", 1072 "itemOffered": { 1073 "@type": "Service", 1074 "name": "Diagnostics & Software Updates", 1075 "serviceType": "Diagnostics & Software Updates", 1076 "areaServed": { 1077 "@type": "City", 1078 "name": "Bronx", 1079 "containedInPlace": { 1080 "@type": "State", 1081 "name": "NY" 1082 } 1083 }, 1084 "description": "Vehicle diagnostic scanning and software updates at City World Hyundai in Bronx, using Hyundai factory diagnostic equipment to identify and resolve fault co
1084des." 1085 } 1086 }, 1087 { 1088 "@type": "Offer", 1089 "itemOffered": { 1090 "@type": "Service", 1091 "name": "Engine & Transmission Repair", 1092 "serviceType": "Engine & Transmission Repair", 1093 "areaServed": { 1094 "@type": "City", 1095 "name": "Bronx", 1096 "containedInPlace": { 1097 "@type": "State", 1098 "name": "NY" 1099 } 1100 }, 1101 "description": "Engine and transmission repair at City World Hyundai in Bronx, performed by Hyundai-certified technicians with access to genuine OEM parts." 1102 } 1103 }, 1104 { 1105 "@type": "Offer", 1106 "itemOffered": { 1107 "@type": "Service", 1108 "name": "Fluid Flushes", 1109 "serviceType": "Fluid Flushes", 1110 "areaServed": { 1111 "@type": "City", 1112 "name": "Bronx", 1113 "containedInPlace": { 1114 "@type": "State", 1115 "name": "NY" 1116 } 1117 }, 1118 "description": "Comprehensive fluid flush services at City World Hyundai in Bronx, including transmission, brake, power steering, and differential fluid replacement." 1119 } 1120 }, 1121 { 1122 "@type": "Offer", 1123 "itemOffered": { 1124 "@type": "Service", 1125 "name": "Manufacturer Recalls", 1126 "serviceType": "Manufacturer Recalls", 1127 "areaServed": { 1128 "@type": "City", 1129 "name": "Bronx", 1130 "containedInPlace": { 1131 "@type": "State", 1132 "name": "NY" 1133 } 1134 }, 1135 "description": "Manufacturer recall repairs at City World Hyundai in Bronx. Hyundai-certified technicians complete all open recalls using genuine OEM parts at no charge." 1136 } 1137 }, 1138 { 1139 "@type": "Offer", 1140 "itemOffered": { 1141 "@type": "Service", 1142 "name": "Multi-Point Inspections", 1143 "serviceType": "Multi-Point Inspections", 1144 "areaServed": { 1145 "@type": "City", 1146 "name": "Bronx", 1147 "containedInPlace": { 1148 "@type": "State", 1149 "name": "NY" 1150 } 1151 }, 1152 "description": "Comprehensive multi-point vehicle inspection at City World Hyundai in Bronx, covering all major systems to identify maintenance needs before they become larger issues." 1153 } 1154 }, 1155 { 1156 "@type": "Offer", 1157 "itemOffered": { 1158 "@type": "Service", 1159 "name": "Oil Changes", 1160 "serviceType": "Oil Changes", 1161 "areaServed": { 1162 "@type": "City", 1163 "name": "Bronx", 1164 "containedInPlace": { 1165 "@type": "State", 1166 "name": "NY" 1167 } 1168 }, 1169 "description": "Oil and filter changes at City World Hyundai in Bronx, using Hyundai-recommended oil grades and genuine OEM filters to maintain engine performance and warranty coverage." 1170 } 1171 }, 1172 { 1173 "@type": "Offer", 1174 "itemOffered": { 1175 "@type": "Service", 1176 "name": "Tire Services", 1177 "serviceType": "Tire Services", 1178 "areaServed": { 1179 "@type": "City", 1180 "name": "Bronx", 1181 "containedInPlace": { 1182 "@type": "State", 1183 "name": "NY" 1184 } 1185 }, 1186 "description": "Tire sales, rotation, balancing, and alignment services at City World Hyundai in Bronx. Stocking major brands recommended for Hyundai vehicles." 1187 } 1188 }, 1189 { 1190 "@type": "Offer", 1191 "itemOffered": { 1192 "@type": "Service", 1193 "name": "Warranty Repairs", 1194 "serviceType": "Warranty Repairs", 1195 "areaServed": { 1196 "@type": "City", 1197 "name": "Bronx", 1198 "containedInPlace": { 1199 "@type": "State", 1200 "name": "NY" 1201 } 1202 }, 1203 "description": "Hyundai warranty repairs at City World Hyundai in Bronx, performed by factory-certified technicians using genuine OEM parts covered under your vehicle's factory warranty." 1204 } 1205 }, 1206 { 1207 "@type": "Offer", 1208 "itemOffered": { 1209 "@type": "Service", 1210 "name": "Wheel Alignment", 1211 "serviceType": "Wheel Alignment", 1212 "areaServed": { 1213 "@type": "City", 1214 "name": "Bronx", 1215 "containedInPlace": { 1216 "@type": "State", 1217 "name": "NY" 1218 } 1219 },
1220 "description": "Four-wheel alignment service at City World Hyundai in Bronx, using precision equipment to manufacturer specifications for optimal tire wear and handling." 1221 } 1222 }, 1223 { 1224 "@type": "Offer", 1225 "itemOffered": { 1226 "@type": "Service", 1227 "name": "Wiper Blade & Light Bulb Replacement", 1228 "serviceType": "Wiper Blade & Light Bulb Replacement", 1229 "areaServed": { 1230 "@type": "City", 1231 "name": "Bronx", 1232 "containedInPlace": { 1233 "@type": "State", 1234 "name": "NY" 1235 } 1236 }, 1237 "description": "Wiper blade and exterior light replacement at City World Hyundai in Bronx, using OEM-spec components for proper fit and performance." 1238 } 1239 } 1240 ], 1241 "openingHoursSpecification": [ 1242 { 1243 "@type": "OpeningHoursSpecification", 1244 "dayOfWeek": "Monday", 1245 "opens": "07:30", 1246 "closes": "17:00" 1247 }, 1248 { 1249 "@type": "OpeningHoursSpecification", 1250 "dayOfWeek": "Tuesday", 1251 "opens": "07:30", 1252 "closes": "17:00" 1253 }, 1254 { 1255 "@type": "OpeningHoursSpecification", 1256 "dayOfWeek": "Wednesday", 1257 "opens": "07:30", 1258 "closes": "17:00" 1259 }, 1260 { 1261 "@type": "OpeningHoursSpecification", 1262 "dayOfWeek": "Thursday", 1263 "opens": "07:30", 1264 "closes": "17:00" 1265 }, 1266 { 1267 "@type": "OpeningHoursSpecification", 1268 "dayOfWeek": "Friday", 1269 "opens": "07:30", 1270 "closes": "17:00" 1271 }, 1272 { 1273 "@type": "OpeningHoursSpecification", 1274 "dayOfWeek": "Saturday", 1275 "opens": "08:00", 1276 "closes": "13:00" 1277 }, 1278 { 1279 "@type": "OpeningHoursSpecification", 1280 "dayOfWeek": "Sunday", 1281 "opens": "00:00", 1282 "closes": "00:00" 1283 } 1284 ], 1285 "parentOrganization": { 1286 "@id": "https://www.cityworldhyundai.com/#autodealer" 1287 } 1288 }, 1289 { 1290 "@type": "AutoPartsStore", 1291 "@id": "https://www.cityworldhyundai.com/#autopartsstore", 1292 "name": "City World Hyundai Parts", 1293 "url": "https://www.cityworldhyundai.com/parts-department", 1294 "telephone": "(855) 306-0357", 1295 "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0", 1296 "priceRange": "$50 - $10,000", 1297 "address": { 1298 "@id": "https://www.cityworldhyundai.com/#address" 1299 }, 1300 "makesOffer": [ 1301 { 1302 "@type": "Offer", 1303 "itemOffered": { 1304 "@type": "Service", 1305 "name": "OEM Parts Sales", 1306 "serviceType": "OEM Parts Sales", 1307 "areaServed": { 1308 "@type": "City", 1309 "name": "Bronx", 1310 "containedInPlace": { 1311 "@type": "State", 1312 "name": "NY" 1313 } 1314 }, 1315 "description": "Genuine Hyundai OEM parts and accessories at City World Hyundai in Bronx. Factory-original components engineered to exact specifications for your vehicle." 1316 } 1317 } 1318 ], 1319 "openingHoursSpecification": [ 1320 { 1321 "@type": "OpeningHoursSpecification", 1322 "dayOfWeek": "Monday", 1323 "opens": "07:30", 1324 "closes": "17:00" 1325 }, 1326 { 1327 "@type": "OpeningHoursSpecification", 1328 "dayOfWeek": "Tuesday", 1329 "opens": "07:30", 1330 "closes": "17:00" 1331 }, 1332 { 1333 "@type": "OpeningHoursSpecification", 1334 "dayOfWeek": "Wednesday", 1335 "opens": "07:30", 1336 "closes": "17:00" 1337 }, 1338 { 1339 "@type": "OpeningHoursSpecification", 1340 "dayOfWeek": "Thursday", 1341 "opens": "07:30", 1342 "closes": "17:00" 1343 }, 1344 { 1345 "@type": "OpeningHoursSpecification", 1346 "dayOfWeek": "Friday", 1347 "opens": "07:30", 1348 "closes": "17:00" 1349 }, 1350 { 1351 "@type": "OpeningHoursSpecification", 1352 "dayOfWeek": "Saturday", 1353 "opens": "07:30", 1354 "closes": "13:00" 1355 }, 1356 { 1357 "@type": "OpeningHoursSpecification", 1358 "dayOfWeek": "Sunday", 1359 "opens": "00:00", 1360 "closes": "00:00" 1361 } 1362 ], 1363 "parentOrganization": { 1364 "@id": "https://www.cityworldhyundai.com/#autodealer" 1365 } 1366 }, 1367 { 1368 "@type": "Organization", 1369 "@id": "https://www.cityworldhyundai.com/#parentorganization", 1370 "name": "City World Auto Group", 1371 "subOrganization": { 1372 "@id": "https://www.cityworldhyundai.com/#autodealer" 1373 } 1374 } 1375 ] 1376} 1377</script>
1377<script> 1378(function(d,t) { 1379var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; 1380g.src=src="https://app.matador.ai/_livechat.js"; 1381g.async = true; 1382s.parentNode.insertBefore(g,s); 1383g.onload=function(){ 1384matadorLiveChatWidget("7c84160f14419025e51a4b78998a577ae84af5e7"); 1385} 1386})(document,"script"); 1387</script>
1387<style> 1388#matador-connect-text-label.matador-header-animate { 1389animation: none !important; 1390opacity: 0 !important; 1391display: none !important; 1392} 1393</style> 1394
1395<script> 1396 (function(d,t,s,a,m){ a = d.createElement(t); m = d.getElementsByTagName(t)[0]; a.async = 1; a.src = s+"?dpid=cityworldhyundai&host=" + window.location.hostname; m.parentNode.insertBefore(a, m); })(document,'script','https://cdn1.roadster.com/roadster_frame_embed'); 1397</script>
1397 1398 1399
1400<script>(function(d,t,s,a,m){ a = d.createElement(t); m = d.getElementsByTagName(t)[0]; a.async = 1; a.src = s+"?dpid=cityworldhyundai&host=" + window.location.hostname; m.parentNode.insertBefore(a, m); })(document,'script','https://cdn1.roadster.com/roadster_dealer_analytics');</script>
1400 1401 1402 1403 <!-- Google Tag Manager --> 1404
1404<script>
vendor: 504 bytes, lines 1404-1413
1404 1405 (function (w, d, s, l, i) { 1406 w[l] = w[l] || []; w[l].push({ 1407 'gtm.start': 1408 new Date().getTime(), event: 'gtm.js' 1409 }); var 1410 f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' 1411 + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl 1412 ; f.parentNode.insertBefore(j, f); 1413 })(window, document, 'script', 'dataLayer', '
1413GTM-KPBVZ3Q
vendor: 3 bytes, line 1413
1413');
1413</script>
1413 1414 <!-- End Google Tag Manager --> 1415 <!-- DSO Pixel Google Tag Manager --> 1416
1416<script>
vendor: 476 bytes, lines 1416-1424
1416 1417 ( function ( w, d, s, l, i ) { 1418 w[l] = w[l] || []; w[l].push( { 1419 'gtm.start': 1420 new Date().getTime(), event: 'gtm.js' 1421 } ); var f = d.getElementsByTagName( s )[0], 1422 j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 1423 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); 1424 } )( window, document, 'script', 'dataLayer', '
1424GTM-WPGZWQGR
vendor: 9 bytes, lines 1424-1425
1424' ); 1425
1425</script>
1425 1426 <!-- End DSO Pixel Google Tag Manager --> 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442
1443<script type="application/javascript"> 1444 var keyLength = localStorage.length; 1445 if (keyLength) { 1446 for (var i = 0; i < keyLength; i++) { 1447 var key = localStorage.key(i); 1448 if (key && key.indexOf('-rebates') !== -1) { 1449 localStorage.removeItem(key); 1450 } 1451 } 1452 } 1453</script>
1453 1454 1455
1456<script> 1457 var usePreownedRouteForUsed = 'false' == 'true'; 1458 var vehicleBadgesTopSRP = 'false' === 'true'; 1459 var showInTransitFilter = 'true' === 'true'; 1460 var showInStockFilter = 'true' === 'true'; 1461 var showInProductionFilter = 'true' === 'true'; 1462 var finalConditionalPriceFontWeight = 'normal'; 1463 var HideSubaruOemBadges = 'false' === 'true'; 1464 var enableFinalPriceDetails = 'false' === 'true'; 1465 var enableListPriceDetails = 'false' === 'true'; 1466 var enableDiscountDetails = 'false' === 'true'; 1467 var finalPriceDetails = ''; 1468 var listPriceDetails = ''; 1469 var discountPriceDetails = ''; 1470 var sortModelsFilterByCount = 'false' === 'true'; 1471 var sortTrimFilterByCount = 'false' === 'true'; 1472 var srpDealerDiscountColor = ''; 1473 1474 var sortYearFiltersinDescOrder = 'false' === 'true'; 1475 var enableUdTestDriveIntegration = 'false' === 'true'; 1476 var noResultsLeadFormHeading = ''; 1477 var noResultsLeadFormSubHeading = ''; 1478 var enableBonusOfferVehicleInterest = 'false' === 'true'; 1479 var viewDisclaimerAsLink = 'false' === 'true'; 1480 var hideInventoryCount = 'false' === 'true'; 1481 var enableModelGroupingOnSRPFilters = 'false' === 'true'; 1482 var isEnableHyundaiOEMBanner = 'true' === 'true'; 1483 var preQualButtonHoverColor=''; 1484 var preQualFontHoverColor=''; 1485 var preQualButtonBorderHoverColor = ''; 1486 var showLeasePaymentsOnCPO = 'false' === 'true'; 1487 var enableSfsCreditApp = 'false' === 'true'; 1488</script>
1488 1489 1490 1491 1492 1493 1494 1495
1496<script type="text/javascript"> 1497 var stickFiltersToTop = 'true' === "true"; 1498 var enableSRPFiltersGetApi = 'false' === "true"; 1499 var seeResultsButtonColor = ''; 1500 var seeResultsButtonFontColor = ''; 1501 var seeResultsButtonBorderColor = ''; 1502 var enableLESAVideosSRP = 'true' === "true"; 1503 var textAQuoteHeadingLabel = ''; 1504 var textAQuoteSubmitButtonLabel = ''; 1505 var enableExtGenericColors = 'false' === "true"; 1506 var enableInteriorColorFilter = 'true' === "true"; 1507 var enableTrasactRedirectionURl = 'false'==="true"; 1508 var isCareByVolvoSubscriptionBadge = 'false' === 'true'; 1509 var hideColorSwatchesOnSRP = 'false' === "true"; 1510 var enableUnityWorksIntegrationSrp = 'false' === "true"; 1511 var enableActivEngageSrp = 'false' === "true"; 1512 var activEngageButtounLabelDesktop = ''; 1513 var activEngageButtounLabelMobile = ''; 1514 var enableSelectFiSrp = 'False'; 1515 var showIncentiveDetailsText = 'false' === "true"; 1516 var showConditionalIncentiveDetailsText = 'false' === "true"; 1517 var collapseHeaderOnMobile = 'false' === 'true'; 1518 var enableActivEngageSrpMobile = 'false' === "true"; 1519 var enableOemAccessoriesIntegration = 'false' === 'true'; 1520 var excludeCPOFromUsed = 'false' === 'true'; 1521 var showStep2Template = 'true' === "true"; 1522 var vehicleTypesInVehicleNamesInventoryType = ''; 1523 var vehicleTypeInVehicleNamesUsedlabel = ''; 1524 var VehicleTypeInVehicleNamesCpolabel = ''; 1525 var showMileageNewVehicles = 'false' === "true"; 1526 var EnableGoxeeOnSrp = 'false' === "true"; 1527</script>
1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 <!-- --> 1538 1539 <style> 1540 .popover,.tooltip,button,select{text-transform:none}.popover,.tooltip,address{font-style:normal}.custom-range,.custom-select,[type=search]{-webkit-appearance:none}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1rem}img,svg{vertical-align:middle}body,caption{text-align:left}dd,h1,h2,h3,h4,h5,h6,label{margin-bottom:.5rem}pre,textarea{overflow:auto}html,pre{-ms-overflow-style:scrollbar}article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}address,legend{line-height:inherit}.badge,progress,sub,sup{vertical-align:baseline}label,output{display:inline-block}button,hr,input{overflow:visible}.dropdown-menu,.form-control,.modal-content,.popover{background-clip:padding-box}.dropdown-menu,.nav,.navbar-nav{list-style:none}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.text-monospace,code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[tabindex="-1"]:focus{outline:0!important}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.btn:not(:disabled):not(.disabled),.close:not(:disabled):not(.disabled),.navbar-toggler:not(:disabled):not(.disabled),.page-link:not(:disabled):not(.disabled),summary{cursor:pointer}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:#007bff;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-size:1em}img{border-style:none}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.75rem;padding-top:.75rem}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;font-size:1.5rem;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}.badge,.btn,.dropdown-header,.dropdown-item,.input-group-text,.navbar-brand,.progress-bar{white-space:nowrap}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
1540.display-1,.display-2,.display-3,.display-4{line-height:1.2}summary{display:list-item}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-bottom:.5rem}.blockquote,hr{margin-bottom:1rem}.display-1,.display-2,.display-3,.display-4,.lead{font-weight:300}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem}.display-1{font-size:6rem}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-4{font-size:3.5rem}hr{border:0;border-top:1px solid rgba(0,0,0,.1);box-sizing:content-box;height:0;margin-top:1rem}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.small,small{font-size:80%;font-weight:400}.mark,mark{background-color:#fcf8e3;padding:.2em}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{font-size:1.25rem}.blockquote-footer{color:#6c757d;display:block;font-size:80%}.blockquote-footer:before{content:"\2014 \A0"}.img-thumbnail{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:#6c757d;font-size:90%}code,kbd{font-size:87.5%}a>code,pre code{color:inherit}code{color:#e83e8c;word-break:break-word}kbd{background-color:#212529;border-radius:.2rem;color:#fff;padding:.2rem .4rem}kbd kbd{font-size:100%;font-weight:700;padding:0}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.btn,.btn-link,.dropdown-item{font-weight:400}pre{color:#212529;display:block;font-size:87.5%}pre code{font-size:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.col{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}
1540.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{background-color:transparent;margin-bottom:1rem;width:100%}.table td,.table th{border-top:1px solid #dee2e6;padding:.75rem;vertical-align:top}.table thead th{border-bottom:2px solid #dee2e6;vertical-align:bottom}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>
1540th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{background-color:#212529;border-color:#32383e;color:#fff}.table .thead-light th{background-color:#e9ecef;border-color:#dee2e6;color:#495057}.table-dark{background-color:#212529;color:#fff}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered,.table-responsive>.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{background-color:hsla(0,0%,100%,.075)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.collapsing,.modal-open,.progress{overflow:hidden}.form-control{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:block;font-size:1rem;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);color:#495057;outline:0}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{background-color:#fff;color:#495057}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{font-size:inherit;line-height:1.5;margin-bottom:0;padding-bottom:calc(.375rem + 1px);padding-top:calc(.375rem + 1px)}.col-form-label-lg{font-size:1.25rem;line-height:1.5;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.col-form-label-sm{font-size:.875rem;line-height:1.5;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:#212529;display:block;line-height:1.5;margin-bottom:0;padding-bottom:.375rem;padding-top:.375rem;width:100%}.custom-file-input.is-valid~.custom-file-label,.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-file-input:valid~.custom-file-label,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:.2rem;font-size:.875rem;height:calc(1.8125rem + 2px);line-height:1.5;padding:.25rem .5rem}.form-control-lg{border-radius:.3rem;font-size:1.25rem;height:calc(2.875rem + 2px);line-height:1.5;padding:.5rem 1rem}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.form-row>.col,.form-row>[class*=col-]{padding-left:5px;padding-right:5px}.form-check{display:block;padding-left:1.25rem;position:relative}.form-check-input{margin-left:-1.25rem;margin-top:.3rem;position:absolute}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;margin-right:.75rem;padding-left:0}.form-check-inline .form-check-input{margin-left:0;margin-right:.3125rem;margin-top:0;position:static}.invalid-tooltip,.valid-tooltip{border-radius:.25rem;line-height:1.5;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}
1540.valid-feedback{color:#28a745;display:none;font-size:80%;margin-top:.25rem;width:100%}.valid-tooltip{background-color:rgba(40,167,69,.9);color:#fff;display:none;font-size:.875rem;margin-top:.1rem}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.form-check-input.is-valid~.form-check-label,.was-validated .custom-control-input:valid~.custom-control-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before{background-color:#71dd8a}.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label:after,.was-validated .custom-file-input:valid~.custom-file-label:after{border-color:inherit}.custom-file-input.is-invalid~.custom-file-label,.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-file-input:invalid~.custom-file-label,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{color:#dc3545;display:none;font-size:80%;margin-top:.25rem;width:100%}.invalid-tooltip{background-color:rgba(220,53,69,.9);color:#fff;display:none;font-size:.875rem;margin-top:.1rem}.collapsing,.dropdown,.dropleft,.dropright,.dropup{position:relative}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invali
1540d-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.form-check-input.is-invalid~.form-check-label,.was-validated .custom-control-input:invalid~.custom-control-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before{background-color:#efa2a9}.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label:after,.was-validated .custom-file-input:invalid~.custom-file-label:after{border-color:inherit}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.form-inline .form-group,.form-inline label{align-items:center;display:-ms-flexbox;display:flex;margin-bottom:0}.form-inline .form-group{-ms-flex-align:center;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;padding-left:0;width:auto}.form-inline .form-check-input{margin-left:0;margin-right:.25rem;margin-top:0;position:relative}.form-inline .custom-control{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn{border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:1rem;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.btn-primary.disabled,.btn-primary:disabled{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:#0062cc;border-color:#005cbf;color:#fff}.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}
1540.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62;color:#fff}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:#545b62;border-color:#4e555b;color:#fff}.btn-success.focus,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;border-color:#1e7e34;color:#fff}.btn-success.disabled,.btn-success:disabled{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{background-color:#1e7e34;border-color:#1c7430;color:#fff}.btn-info.focus,.btn-info:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496;border-color:#117a8b;color:#fff}.btn-info.disabled,.btn-info:disabled{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{background-color:#117a8b;border-color:#10707f;color:#fff}.btn-warning.focus,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800;border-color:#d39e00;color:#212529}.btn-warning.disabled,.btn-warning:disabled{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{background-color:#d39e00;border-color:#c69500;color:#212529}.btn-danger.focus,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#bd2130;color:#fff}.btn-danger.disabled,.btn-danger:disabled{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{background-color:#bd2130;border-color:#b21f2d;color:#fff}.btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
1540.btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-light:hover{background-color:#e2e6ea;border-color:#dae0e5;color:#212529}.btn-light.disabled,.btn-light:disabled{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{background-color:#dae0e5;border-color:#d3d9df;color:#212529}.btn-dark.focus,.btn-dark:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark{background-color:#343a40;border-color:#343a40;color:#fff}.btn-dark:hover{background-color:#23272b;border-color:#1d2124;color:#fff}.btn-dark.disabled,.btn-dark:disabled{background-color:#343a40;border-color:#343a40;color:#fff}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{background-color:#1d2124;border-color:#171a1d;color:#fff}.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary{background-color:transparent;background-image:none;border-color:#007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;border-color:#007bff;color:#fff}.btn-outline-primary.disabled,.btn-outline-primary:disabled{background-color:transparent;color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:#007bff;border-color:#007bff;color:#fff}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}.btn-outline-secondary{background-color:transparent;background-image:none;border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{background-color:transparent;color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-success.focus,.btn-outline-success:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success{background-color:transparent;background-image:none;border-color:#28a745;color:#28a745}.btn-outline-success:hover{background-color:#28a745;border-color:#28a745;color:#fff}.btn-outline-success.disabled,.btn-outline-success:disabled{background-color:transparent;color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{background-color:#28a745;border-color:#28a745;color:#fff}.btn-outline-info.focus,.btn-outline-info:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info{background-color:transparent;background-image:none;border-color:#17a2b8;color:#17a2b8}.btn-outline-info:hover{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-outline-info.disabled,.btn-outline-info:disabled{background-color:transparent;color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
1540.btn-outline-warning{background-color:transparent;background-image:none;border-color:#ffc107;color:#ffc107}.btn-outline-warning:hover{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-outline-warning.disabled,.btn-outline-warning:disabled{background-color:transparent;color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-outline-danger.focus,.btn-outline-danger:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger{background-color:transparent;background-image:none;border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-danger.disabled,.btn-outline-danger:disabled{background-color:transparent;color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-light.focus,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
1540.btn-outline-light{background-color:transparent;background-image:none;border-color:#f8f9fa;color:#f8f9fa}.btn-outline-light:hover{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-outline-light.disabled,.btn-outline-light:disabled{background-color:transparent;color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-outline-dark.focus,.btn-outline-dark:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark{background-color:transparent;background-image:none;border-color:#343a40;color:#343a40}.btn-outline-dark:hover{background-color:#343a40;border-color:#343a40;color:#fff}.btn-outline-dark.disabled,.btn-outline-dark:disabled{background-color:transparent;color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{background-color:#343a40;border-color:#343a40;color:#fff}.btn-link,.btn-link:hover{background-color:transparent}.btn-link.focus,.btn-link:focus,.btn-link:hover{border-color:transparent;text-decoration:underline}.btn-link{color:#007bff}.btn-link:hover{color:#0056b3}.btn-link.focus,.btn-link:focus{box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:1.25rem;line-height:1.5;padding:.5rem 1rem}.btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.btn-block{display:block}.btn-block+.btn-block{margin-top:.5rem}.dropdown-toggle:after,.dropup .dropdown-toggle:after{content:"";height:0;vertical-align:.255em;width:0}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;display:inline-block;margin-left:.255em}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.dropdown-menu-right{left:auto;right:0}.dropup .dropdown-menu{bottom:100%;margin-bottom:.125rem;margin-top:0;top:auto}.dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;display:inline-block;margin-left:.255em}.dropleft .dropdown-toggle:before,.dropright .dropdown-toggle:after{border-bottom:.3em solid transparent;border-top:.3em solid transparent;content:"";height:0;width:0}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-menu{left:100%;margin-left:.125rem;margin-top:0;right:auto;top:0}.dropright .dropdown-toggle:after{border-left:.3em solid;border-right:0;display:inline-block;margin-left:.255em;vertical-align:0}.dropright .dropdown-toggle:empty:after{margin-left:0}.dropleft .dropdown-menu{left:auto;margin-right:.125rem;margin-top:0;right:100%;top:0}.dropleft .dropdown-toggle:after{content:"";display:none;height:0;margin-left:.255em;vertical-align:.255em;width:0}.dropleft .dropdown-toggle:before{border-right:.3em solid;display:inline-block;margin-right:.255em;vertical-align:0}.dropleft .dropdown-toggle:empty:after{margin-left:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{bottom:auto;right:auto}.dropdown-divider{border-top:1px solid #e9ecef;height:0;margin:.5rem 0;overflow:hidden}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn,.custom-control-label,.custom-file,.dropdown-header,.input-group-text,.nav{margin-bottom:0}.dropdown-item{background-color:transparent;border:0;clear:both;color:#212529;display:block;padding:.25rem 1.5rem;text-align:inherit;width:100%}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after,.input-group>
1540.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child),.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.dropdown-item:focus,.dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.dropdown-item.active,.dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:#6c757d}.dropdown-menu.show{display:block}.dropdown-header{color:#6c757d;display:block;font-size:.875rem;padding:.5rem 1.5rem}.dropdown-item-text{color:#212529;display:block;padding:.25rem 1.5rem}.btn-group,.btn-group-vertical{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{-ms-flex:0 1 auto;flex:0 1 auto;position:relative}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-group>.btn:first-child,.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.btn-toolbar{-ms-flex-pack:start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropleft .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{-ms-flex-align:start;-ms-flex-pack:center;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-left:0;margin-top:-1px}.input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.input-group{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{-ms-flex:1 1 auto;flex:1 1 auto;margin-bottom:0;position:relative;width:1%}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-file{-ms-flex-align:center;align-items:center}.input-group-append,.input-group-prepend,.input-group>.custom-file{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-prepend{margin-right:-1px}.input-group-text{-ms-flex-align:center;align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:-ms-flexbox;display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center}.alert-link,.badge,.close{font-weight:700}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>
1540.btn,.input-group-lg>.input-group-prepend>.input-group-text{border-radius:.3rem;font-size:1.25rem;height:calc(2.875rem + 2px);line-height:1.5;padding:.5rem 1rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{border-radius:.2rem;font-size:.875rem;height:calc(1.8125rem + 2px);line-height:1.5;padding:.25rem .5rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}.custom-control{display:block;min-height:1.5rem;padding-left:1.5rem;position:relative}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{opacity:0;position:absolute;z-index:-1}.custom-control-input:checked~.custom-control-label:before{background-color:#007bff;color:#fff}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label:before{background-color:#b3d7ff;color:#fff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{position:relative}.custom-control-label:after,.custom-control-label:before{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.25rem;width:1rem}.custom-control-label:before{background-color:#dee2e6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-checkbox .custom-control-input:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:#007bff}.custom-control-label:after{background-position:50%;background-repeat:no-repeat;background-size:50% 50%}.custom-file-input:lang(en)~.custom-file-label:after,.custom-file-label:after{content:"Browse"}.carousel-indicators li:after,.carousel-indicators li:before,.clearfix:after,.embed-responsive:before,.modal-dialog-centered:before,.navbar-toggler-icon,.popover .arrow:after,.popover .arrow:before,.tooltip .arrow:before{content:""}.custom-checkbox .custom-control-label:before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-select{-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:inline-block;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem 1.75rem .375rem .75rem;vertical-align:middle;width:100%}.custom-select-lg,.custom-select-sm{padding-bottom:.375rem;padding-top:.375rem}.custom-file-input:focus~.custom-file-label:after,.custom-select:focus{border-color:#80bdff}.custom-select:focus{box-shadow:0 0 0 .2rem rgba(128,189,255,.5);outline:0}.custom-select:focus::-ms-value{background-color:#fff;color:#495057}.custom-file-input:disabled~.custom-file-label,.custom-select:disabled{background-color:#e9ecef}.custom-select[multiple],.custom-select[size]:not([size="1"]){background-image:none;height:auto;padding-right:.75rem}.custom-select:disabled{color:#6c757d}.custom-select::-ms-expand{opacity:0}
1540.custom-select-sm{font-size:75%;height:calc(1.8125rem + 2px)}.custom-select-lg{font-size:125%;height:calc(2.875rem + 2px)}.custom-file,.custom-file-input,.custom-file-label{height:calc(2.25rem + 2px)}.custom-file{display:inline-block;position:relative;width:100%}.custom-file-input{margin:0;opacity:0;position:relative;width:100%;z-index:2}.custom-file-label,.custom-file-label:after{color:#495057;line-height:1.5;padding:.375rem .75rem;position:absolute;right:0;top:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-label{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;left:0;z-index:1}.custom-file-label:after{background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0;bottom:0;display:block;height:2.25rem;z-index:3}.nav,.navbar{-ms-flex-wrap:wrap}.custom-range{-moz-appearance:none;appearance:none;background-color:transparent;padding-left:0;width:100%}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-ms-thumb{appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;margin-left:.2rem;margin-right:.2rem;margin-top:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{background-color:transparent;border-color:transparent;border-width:.5rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px}.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label:before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0}.nav-link,.navbar{padding:.5rem 1rem}.nav-link{display:block}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{background-color:transparent;border-color:transparent;color:#6c757d}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;color:#495057}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#007bff;color:#fff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{display:flex;flex-wrap:wrap;position:relative}.navbar,.navbar>.container,.navbar>.container-fluid{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;justify-content:space-between}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.navbar-brand{display:inline-block;font-size:1.25rem;line-height:inherit;margin-right:1rem;padding-bottom:.3125rem;padding-top:.3125rem}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{float:none;position:static}.navbar-text{display:inline-block;padding-bottom:.5rem;padding-top:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;-ms-flex-positive:1;-ms-flex-align:center;align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:1px solid transparent;border-radius:.25rem;font-size:1.25rem;line-height:1;padding:.25rem .75rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{background:50% no-repeat;background-size:100% 100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-left:0;padding-right:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{word-wrap:break-word;background-clip:border-box;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-footer,.card-header{background-color:rgba(0,0,0,.03);padding:.75rem 1.25rem}.card-title{margin-bottom:.75rem}.card-header,.card-subtitle,.card-text:last-child{margin-bottom:0}.card-subtitle{margin-top:-.375rem}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}
1540.card-header-pills,.card-header-tabs{margin-left:-.625rem;margin-right:-.625rem}.card-header{border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{border-bottom:0;margin-bottom:-.75rem}.card-img-overlay{bottom:0;left:0;padding:1.25rem;position:absolute;right:0;top:0}.alert,.btn .badge,.page-link{position:relative}.card-img{border-radius:calc(.25rem - 1px);width:100%}.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);width:100%}.card-img-bottom{border-bottom-left-radius:calc(.25rem - 1px);border-bottom-right-radius:calc(.25rem - 1px);width:100%}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-15px;margin-right:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;margin-left:15px;margin-right:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{border-left:0;margin-left:0}.card-group>.card:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child),.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.card-columns .card{margin-bottom:.75rem}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb,.pagination{border-radius:.25rem;list-style:none}.breadcrumb{background-color:#e9ecef;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{color:#6c757d;content:"/";display:inline-block;padding-right:.5rem}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}
1540.pagination{display:-ms-flexbox;display:flex;padding-left:0}.page-link,.popover-body,.popover-header{padding:.5rem .75rem}.page-link{background-color:#fff;border:1px solid #dee2e6;color:#007bff;display:block;line-height:1.25;margin-left:-1px}.page-link:hover{background-color:#e9ecef;border-color:#dee2e6;color:#0056b3;text-decoration:none;z-index:2}.page-link:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0;z-index:2}.page-item:first-child .page-link{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;margin-left:0}.page-item:last-child .page-link{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.page-item.active .page-link{background-color:#007bff;color:#fff;z-index:1}.page-item.disabled .page-link{background-color:#fff;border-color:#dee2e6;color:#6c757d;cursor:auto;pointer-events:none}.pagination-lg .page-link{font-size:1.25rem;line-height:1.5;padding:.75rem 1.5rem}.pagination-lg .page-item:first-child .page-link{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}.pagination-sm .page-link{font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.badge,.close{line-height:1}.pagination-sm .page-item:first-child .page-link{border-bottom-left-radius:.2rem;border-top-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.badge{border-radius:.25rem;display:inline-block;font-size:75%;padding:.25em .4em;text-align:center}.badge:empty{display:none}.btn .badge{top:-1px}.badge-pill{border-radius:10rem;padding-left:.6em;padding-right:.6em}.badge-primary{background-color:#007bff;color:#fff}.badge-primary[href]:focus,.badge-primary[href]:hover{background-color:#0062cc;color:#fff;text-decoration:none}.badge-secondary{background-color:#6c757d;color:#fff}.badge-secondary[href]:focus,.badge-secondary[href]:hover{background-color:#545b62;color:#fff;text-decoration:none}.badge-success{background-color:#28a745;color:#fff}.badge-success[href]:focus,.badge-success[href]:hover{background-color:#1e7e34;color:#fff;text-decoration:none}.badge-info{background-color:#17a2b8;color:#fff}.badge-info[href]:focus,.badge-info[href]:hover{background-color:#117a8b;color:#fff;text-decoration:none}.badge-warning{background-color:#ffc107;color:#212529}.badge-warning[href]:focus,.badge-warning[href]:hover{background-color:#d39e00;color:#212529;text-decoration:none}.badge-danger{background-color:#dc3545;color:#fff}.badge-danger[href]:focus,.badge-danger[href]:hover{background-color:#bd2130;color:#fff;text-decoration:none}.badge-light{background-color:#f8f9fa;color:#212529}.badge-light[href]:focus,.badge-light[href]:hover{background-color:#dae0e5;color:#212529;text-decoration:none}.badge-dark{background-color:#343a40;color:#fff}.badge-dark[href]:focus,.badge-dark[href]:hover{background-color:#1d2124;color:#fff;text-decoration:none}.jumbotron{background-color:#e9ecef;border-radius:.3rem;margin-bottom:2rem;padding:2rem 1rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{border-radius:0;padding-left:0;padding-right:0}.alert{border:1px solid transparent;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem}.alert-heading{color:inherit}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{color:inherit;padding:.75rem 1.25rem;position:absolute;right:0;top:0}.alert-primary{background-color:#cce5ff;border-color:#b8daff;color:#004085}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{background-color:#e2e3e5;border-color:#d6d8db;color:#383d41}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{background-color:#fefefe;border-color:#fdfdfe;color:#818182}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{background-color:#d6d8d9;border-color:#c6c8ca;color:#1b1e21}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress{background-color:#e9ecef;border-radius:.25rem;font-size:.75rem;height:1rem}.progress,.progress-bar{display:-ms-flexbox;display:flex}.progress-bar{-ms-flex-pack:center;background-color:#007bff;color:#fff;-ms-flex-direction:column;flex-direction:column;justify-content:center;text-align:center;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.media-body{-ms-flex:1;flex:1}
1540.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-item-action{color:#495057;text-align:inherit;width:100%}.list-group-item-action:focus,.list-group-item-action:hover{background-color:#f8f9fa;color:#495057;text-decoration:none}.list-group-item-action:active{background-color:#e9ecef;color:#212529}.list-group-item{background-color:#fff;border:1px solid rgba(0,0,0,.125);display:block;margin-bottom:-1px;padding:.75rem 1.25rem;position:relative}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin-bottom:0}.list-group-item:focus,.list-group-item:hover{text-decoration:none;z-index:1}.list-group-item.disabled,.list-group-item:disabled{background-color:#fff;color:#6c757d}.list-group-item.active{background-color:#007bff;border-color:#007bff;color:#fff;z-index:2}.list-group-flush .list-group-item{border-left:0;border-radius:0;border-right:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{background-color:#b8daff;color:#004085}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{background-color:#9fcdff;color:#004085}.list-group-item-primary.list-group-item-action.active{background-color:#004085;border-color:#004085;color:#fff}.list-group-item-secondary{background-color:#d6d8db;color:#383d41}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{background-color:#c8cbcf;color:#383d41}.list-group-item-secondary.list-group-item-action.active{background-color:#383d41;border-color:#383d41;color:#fff}.list-group-item-success{background-color:#c3e6cb;color:#155724}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{background-color:#b1dfbb;color:#155724}.list-group-item-success.list-group-item-action.active{background-color:#155724;border-color:#155724;color:#fff}.list-group-item-info{background-color:#bee5eb;color:#0c5460}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{background-color:#abdde5;color:#0c5460}.list-group-item-info.list-group-item-action.active{background-color:#0c5460;border-color:#0c5460;color:#fff}.list-group-item-warning{background-color:#ffeeba;color:#856404}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{background-color:#ffe8a1;color:#856404}.list-group-item-warning.list-group-item-action.active{background-color:#856404;border-color:#856404;color:#fff}.list-group-item-danger{background-color:#f5c6cb;color:#721c24}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{background-color:#f1b0b7;color:#721c24}.list-group-item-danger.list-group-item-action.active{background-color:#721c24;border-color:#721c24;color:#fff}.list-group-item-light{background-color:#fdfdfe;color:#818182}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{background-color:#ececf6;color:#818182}.list-group-item-light.list-group-item-action.active{background-color:#818182;border-color:#818182;color:#fff}.list-group-item-dark{background-color:#c6c8ca;color:#1b1e21}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{background-color:#b9bbbe;color:#1b1e21}.list-group-item-dark.list-group-item-action.active{background-color:#1b1e21;border-color:#1b1e21;color:#fff}.close{color:#000;float:right;font-size:1.5rem;opacity:.5;text-shadow:0 1px 0 #fff}.popover,.tooltip{word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;font-weight:400;letter-spacing:normal;line-break:auto;text-decoration:none;white-space:normal;word-break:normal;word-spacing:normal}.modal-title,.popover,.tooltip{line-height:1.5}.popover,.text-hide,.tooltip{text-shadow:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;opacity:.75;text-decoration:none}button.close{-webkit-appearance:none;background-color:transparent;border:0;padding:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{bottom:0;display:none;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1050}.modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{-webkit-transform:translateY(-25%);transform:translateY(-25%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0);transform:translate(0)}.modal-dialog-centered{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:calc(100% - 1rem)}.modal-dialog-centered:before{display:block;height:calc(100vh - 1rem)}.modal-content{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-backdrop{background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-backdrop.fade{opacity:0}
1540.modal-backdrop.show{opacity:.5}.modal-header{-ms-flex-align:start;-ms-flex-pack:justify;align-items:flex-start;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem;display:-ms-flexbox;display:flex;justify-content:space-between;padding:1rem}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem}.modal-title{margin-bottom:0}.modal-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;position:relative}.modal-footer{-ms-flex-align:center;-ms-flex-pack:end;align-items:center;border-top:1px solid #e9ecef;display:-ms-flexbox;display:flex;justify-content:flex-end;padding:1rem}.popover,.popover .arrow,.popover .arrow:after,.popover .arrow:before,.tooltip,.tooltip .arrow{display:block;position:absolute}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}@media (min-width:576px){.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{margin:0;opacity:0;text-align:left;text-align:start;z-index:1070}.tooltip.show{opacity:.9}.tooltip .arrow{height:.4rem;width:.8rem}.tooltip .arrow:before{border-color:transparent;border-style:solid;position:absolute}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before{border-top-color:#000;border-width:.4rem .4rem 0;top:0}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{height:.8rem;left:0;width:.4rem}.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before{border-right-color:#000;border-width:.4rem .4rem .4rem 0;right:0}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before{border-bottom-color:#000;border-width:0 .4rem .4rem;bottom:0}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{height:.8rem;right:0;width:.4rem}.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{border-left-color:#000;border-width:.4rem 0 .4rem .4rem;left:0}.tooltip-inner{background-color:#000;border-radius:.25rem;color:#fff;max-width:200px;padding:.25rem .5rem;text-align:center}.popover{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;left:0;max-width:276px;text-align:left;text-align:start;top:0;z-index:1060}.popover .arrow{height:.5rem;margin:0 .3rem;width:1rem}.popover .arrow:after,.popover .arrow:before{border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc(-.5rem + -1px)}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:after,.bs-popover-top .arrow:before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:before{border-top-color:rgba(0,0,0,.25);bottom:0}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-top .arrow:after{border-top-color:#fff;bottom:1px}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{height:1rem;left:calc(-.5rem + -1px);margin:.3rem 0;width:.5rem}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:after,.bs-popover-right .arrow:before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:before{border-right-color:rgba(0,0,0,.25);left:0}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-right .arrow:after{border-right-color:#fff;left:1px}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}
1540.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc(-.5rem + -1px)}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:after,.bs-popover-bottom .arrow:before{border-width:0 .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:before{border-bottom-color:rgba(0,0,0,.25);top:0}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-bottom .arrow:after{border-bottom-color:#fff;top:1px}.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{border-bottom:1px solid #f7f7f7;content:"";display:block;left:50%;margin-left:-.5rem;position:absolute;top:0;width:1rem}.carousel,.carousel-inner,.carousel-item{position:relative}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{height:1rem;margin:.3rem 0;right:calc(-.5rem + -1px);width:.5rem}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:after,.bs-popover-left .arrow:before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:before{border-left-color:rgba(0,0,0,.25);right:0}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-left .arrow:after{border-left-color:#fff;right:1px}.popover-header{background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);color:inherit;font-size:1rem;margin-bottom:0}.popover-header:empty{display:none}.popover-body{color:#212529}.carousel-inner{overflow:hidden;width:100%}.carousel-item{-ms-flex-align:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;-webkit-perspective:1000px;perspective:1000px;width:100%}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}
1540.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateZ(0);transform:translateZ(0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateZ(0);transform:translateZ(0)}}.carousel-control-next,.carousel-control-prev{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;bottom:0;color:#fff;display:-ms-flexbox;display:flex;justify-content:center;opacity:.5;position:absolute;text-align:center;top:0;width:15%}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background:50% no-repeat;background-size:100% 100%;display:inline-block;height:20px;width:20px}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{-ms-flex-pack:center;bottom:10px;display:-ms-flexbox;display:flex;justify-content:center;left:0;list-style:none;margin-left:15%;margin-right:15%;padding-left:0;position:absolute;right:0;z-index:15}.carousel-indicators li{background-color:hsla(0,0%,100%,.5);cursor:pointer;-ms-flex:0 1 auto;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;position:relative;text-indent:-999px;width:30px}.carousel-indicators li:after,.carousel-indicators li:before{display:inline-block;height:10px;left:0;position:absolute;width:100%}.carousel-indicators li:before{top:-10px}.carousel-indicators li:after{bottom:-10px}.carousel-indicators .active{background-color:#fff}.carousel-caption{bottom:20px;color:#fff;left:15%;padding-bottom:20px;padding-top:20px;position:absolute;right:15%;text-align:center;z-index:10}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}.rounded-left,.rounded-top{border-top-left-radius:.25rem!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix:after{clear:both;display:block}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.embed-responsive:before{display:block}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.embed-responsive-21by9:before{padding-top:42.857143%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
1540.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-top{top:0}.fixed-bottom{bottom:0}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{border:0;white-space:nowrap}.sr-only-focusable:active,.sr-only-focusable:focus{white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}
1540.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
1540.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}
1540.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}
1540.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
1540.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.fa-fw,.fa-li,.fa-stack-1x,.fa-stack-2x,.footer,.footer-tvm,.header-menu li{text-align:center}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-hide{background-color:transparent;border:0;color:transparent;font:0/0 a}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{box-shadow:none!important;text-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{border-color:#dee2e6;color:inherit}}.footer ul li a,.footer ul li a:hover,.header-menu li a,.header-menu li a:hover{text-decoration:none} 1541</style> 1542 1543 1544 <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/websitegemini/vendor/vendor.css" rel="stylesheet" /> 1545 <noscript> 1546 <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/websitegemini/vendor/vendor.css" rel="stylesheet" /> 1547 </noscript> 1548 1549 1550 1551 1552 1553</head> 1554<body class="_website_gemini page-speed " id="_website_gemini"> 1555 1556 1557
1557<script type="text/html" id="main-template-footer"> 1558 1559 1560 1561 1562 1563<div id="website-hyundai-footer"> 1564 <div id="hyundai-footer"> 1565 <div class="py-4" style="background-color:black; color:white;"> 1566 <div class="container "> 1567 <dealer-contact-info-hours-with-map :program-icon-settings='{"themeName":"Hyundai","enableOEMProgram":true,"enrolledInCarCareProgram":false,"enrolledInShopperAssuranceProgram":true,"enrolledInIoniqProgram":false,"enrolledInHopeOnWheelsProgram":true,"enrolledInClickToBuyProgram":false,"primaryAddressLabel":"Sales","secondaryAddressLabel":"Service "}'/> 1568 1569 <div class="d-flex align-items-center flex-column flex-md-row justify-content-md-between mb-3" style="gap:15px;"> 1570 <div class="row social-icons d-flex flex-1 pt-4 pt-md-0"> 1571 <a href="https://www.facebook.com/cityworldhyundai/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons " title="Facebook" @click="onSocialMediaClick('Facebook', 'https://www.facebook.com/cityworldhyundai/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Facebook')" 1572 > 1573 <span><em class="primaryicon-facebook" title="Facebook" :style="{'color' : '!important'}"></em></span> 1574 </a> 1575 <a href="https://www.instagram.com/cityworldhyundai_/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons " title="Instagram" @click="onSocialMediaClick('Instagram', 'https://www.instagram.com/cityworldhyundai_/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Instagram')" 1576 > 1577 <span><em class="primaryicon-instagram" title="Instagram" :style="{'color' : '!important'}"></em></span> 1578 </a> 1579 <a href="https://twitter.com/cw_hyundai?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons " title="Twitter" @click="onSocialMediaClick('Twitter', 'https://twitter.com/cw_hyundai?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Twitter')" 1580 > 1581 <span><em class="primaryicon-twitter" title="Twitter" :style="{'color' : '!important'}"></em></span> 1582 </a> 1583 <a href="https://www.youtube.com/channel/UCjBUZXI07r3vFgXWcaSdsGw?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons " title="Youtube" @click="onSocialMediaClick('Youtube', 'https://www.youtube.com/channel/UCjBUZXI07r3vFgXWcaSdsGw?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS', $event);onFooterNavigationClick('Youtube')" 1584 > 1585 <span><em class="primaryicon-youtube" title="Youtube" :style="{'color' : '!important'}"></em></span> 1586 </a> 1587 <a @click="onSocialMediaClick('DealerRater', 'https://www.dealerrater.com/dealer/City-World-Hyundai-review-38079/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS&__v15=1', $event)" href="https://www.dealerrater.com/dealer/City-World-Hyundai-review-38079/?_cl=Yh1rE30Y0nWWbZBhaIm1BRDS&__v15=1" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons " title="DealerRater" 1588 > 1589 <span><em class="primaryicon-Dealer-Rater-Icon" title="DealerRater" :style="{'color' : '!important'}"></em></span> 1590 </a> 1591 </div> 1592 <div id="lang-component" class="text-md-right flex-1"> 1593 Language: <language-change-icon> </language-change-icon> 1594 <span class="font-weight-bold ft-11 pl-1 primaryicon-right-arrow-light"></span> 1595 </div> 1596 </div> 1597 1598 1599 <div class="footer-menu-links my-4"> 1600 <div class="d-flex flex-wrap justify-content-center align-items-center" style="gap: 15px;"> 1601 <a @click="onFooterNavigationClick('Privacy Policy')" href="/privacy-policy" class="text-white text-decoration-none footer-link px-3">Privacy Policy</a>
1602 <span class="text-white d-md-none">|</span> 1603 <a @click.prevent="openTerms('Terms Of Use','')" href="" class="text-white text-decoration-none footer-link px-3">Terms Of Use</a> 1604 <span class="text-white d-md-none">|</span> 1605 <a @click.prevent="openSiteMap('/sitemap.xml','Sitemap')" href="/sitemap.xml" class="text-white text-decoration-none footer-link px-3">Sitemap</a> 1606 <span class="text-white d-md-none">|</span> 1607 <a @click.prevent="openSiteMap('/sitemap.html','Sitemap Html')" href="/sitemap.html" class="text-white text-decoration-none footer-link px-3">Sitemap Html</a> 1608 <span class="text-white d-md-none">|</span> 1609 <a href="/optout" @click='onFooterNavigationClick("Opt-Out")' class="text-white text-decoration-none footer-link px-3">Opt-Out</a> 1610 1611 <a href="/privacy-policy" @click='onFooterNavigationClick("Do Not Sell Information")' class="text-white text-decoration-none footer-link px-3">Do Not Sell Information</a> 1612 1613 1614 <a href="/privacy-policy" @click='onFooterNavigationClick("Cookie Preferences")' class="text-white text-decoration-none footer-link px-3">Cookie Preferences</a> 1615 </div> 1616 </div> 1617 1618 <div> 1619 <div class="mt-2"> 1620 <p class=" company-branding-text m-0 text-center">Website by 1621 <a class="text-decoration-none text-white" href="https://teamvelocitymarketing.com/" rel="noopener nofollow" target="_blank"> 1622 Team Velocity®</a> 1623 - Fueled by Apollo® | Copyright ©2026 1624 </p> 1625 </div> 1626 </div> 1627 1628 </div> 1629 </div> 1630 </div> 1631</div> 1632<div> 1633 <contact-form :opencontact="ContactForm" 1634 offerid="" 1635 styleid="" 1636 vin="" 1637 dealerurl="" 1638 v-if="ContactForm" 1639 @hidemodal="ContactForm = false"></contact-form> 1640 <schedule-service-modal-form v-if="openScheduleService" @hidemodal="openScheduleService = false"></schedule-service-modal-form> 1641 <get-financing v-if="openFinance" @hidemodal="openFinance = false"></get-financing> 1642 <get-directions v-if="showDirections" @hidemodal="showDirections =false "></get-directions> 1643 <privacy-statement v-if="showPrivacy" 1644 :openprivacystatement="showPrivacy" 1645 @hidemodal="showPrivacy = false"> 1646 </privacy-statement> 1647 <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false" 1648 :url="showIframeUrl"></iframe-modal> 1649 <additional-disclosure v-if="showDisclosure" 1650 :openadditionaldisclosure="showDisclosure" 1651 @hidemodal="showDisclosure = false"> 1652 </additional-disclosure> 1653 <termsof-use v-if="showTerms" 1654 :opentermsofuse="showTerms" 1655 @hidemodal="showTerms = false"> 1656 </termsof-use> 1657</div> 1658 1659 </script>
1659 1660
1660<script type="text/html" id="main-template-header"> 1661 <div id="website-primary-header" class="gemini_header position-fixed w-100 bgcolor-primary _theme_background_color Website_Gemini_header_Utility_header_selection white-header" :class="[ menuTransparent ? 'transparent-header' : 'non-transparent-header']"> 1662 1663 1664 1665 1666 1667 <div class="header _primary_template_header gemini-utility-menu w-100 _website_header"> 1668 1669 <div class="bg-white color-primary gemini-utility-menu-wrapper"> 1670 1671 <div class="container"> 1672 1673 <div @click='onHeaderMenuClick();' class="align-items-center d-flex justify-content-between utility-bar-top w-100 ft-12"> 1674 1675 <div class="hyundai-program-icons d-flex align-items-center mr-auto"> 1676 <a class="hyundai-shopper d-flex align-items-center mr-3" href="/shopper-assurance"> 1677 <img class="hyundai-header-icon" src="https://prod.cdn.secureoffersites.com/images/oem/hyundai/common/Hyundai-ShopperAssurance_240x80.png" alt="Shopper Assurance" /> 1678 </a> 1679 <a class="hyundai-hope d-flex align-items-center mr-3" href="/why-hyundai/hope-on-wheels"> 1680 <img class="hyundai-header-icon" src="https://prod.cdn.secureoffersites.com/images/oem/hyundai/common/Hyundai-HopeonWheels_240x80.png" alt="Hope On Wheels" /> 1681 </a> 1682 1683 </div> 1684 <div class="d-flex align-items-center justify-content-end flex-grow-1"> 1685 <div>City World Hyundai</div> 1686 <div class="line-seperator mx-2"></div> 1687 1688 1689 <div class="d-flex align-items-center phone-numbers-label-container"> 1690 <div class="line-seperator mx-3"></div> <div class="text-center"> 1691 <em class="primaryicon-phone mr-1"></em> Sales <a href="tel:866-585-7677" 1692 @click="onContactSalesClick('Sales Call Button', 'Header','866-585-7677')" 1693 class="Phone_Sales color-primary wordBreak pe-none">866-585-7677</a> 1694 </div> 1695 <div class="line-seperator mx-2"></div> <div class="text-center"> 1696 Service <a href="tel:877-801-7135" class="Phone_Service color-primary wordBreak pe-none" 1697 @click="onContactSalesClick('Service Call Button', 'Header','877-801-7135')">877-801-7135</a> 1698 </div> 1699 <div class="line-seperator mx-2"></div> 1700 <div class="text-center"> 1701 Parts <a href="tel:877-372-4316" @click="onContactSalesClick('Parts Call Button', 'Header')" 1702 class="Phone_Parts color-primary wordBreak pe-none">877-372-4316</a> 1703 </div> 1704 </div> 1705 1706 <div class="ml-3 mr-2"> 1707 <a href="/get-directions" class="no-hover ml-2 color-primary" title="location" @click='onDirectionsLinkClickForEvent()'> 1708 <em class="primaryicon-map-pin "></em> 1709 </a> 1710 </div> 1711 <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("3350 Boston Rd, Bronx, NY 10469")'> 1712 3350 Boston Rd, Bronx, NY 10469 1713 </div> 1714 <div class="line-seperator mx-2"></div> 1715 <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("2249 New England Thruway Bronx, NY 10475")'> 1716 Service : 2249 New England Thruway Bronx, NY 10475 1717 </div> 1718 1719 1720 <div class="ml-4"> 1721 <div class="businesshours-hover position-relative cursor-pointer d-flex"> 1722 <div class="mr-1"><em class="primaryicon-clock mr-1 ft-11"></em>Today <span>9:00 AM - 7:00 PM</span></div> 1723 <div class="ml-1"><em class="primaryicon-clock mr-1 ft-11"></em>Service <span>7:30 AM - 5:00 PM</span></div> 1724 <div class="position-absolute d-none show-businesshours-hover black-text p-3 w-100"> 1725 <h6 class="text-center"> Open Today ! </h6> 1726 <div class="d-flex ft-15 text-left">
1727 <span> Sales: </span> <span class="ml-1"> 9:00 AM - 7:00 PM </span> 1728 </div> 1729 <div class="d-flex ft-15 text-left"> 1730 <span> Service: </span> <span class="ml-1"> 7:30 AM - 5:00 PM </span> 1731 </div> 1732 <div class="d-flex ft-15 text-left"> 1733 <span> Parts: </span> <span class="ml-1"> 7:30 AM - 5:00 PM </span> 1734 </div> 1735 <div class="text-center mt-3"> 1736 <div class="color-primary ft-24 no-hover theme-text-color" title="directions" 1737 @click.prevent="showDirections=true,allhoursGetDirections =true,allHoursClick()"> 1738 <u>All Hours</u> 1739 </div> 1740 </div> 1741 1742 </div> 1743 </div> 1744 </div> 1745 </div> 1746 </div> 1747 </div> 1748 1749 </div> 1750 1751 <div class="header-menu _primary_template_header_menu position-relative _theme_background_color bgcolor-primary" @mouseleave='onMouseLeave()'> 1752 <div class="container"> 1753 <div class="d-flex align-items-center justify-content-between position-relative row flex-nowrap header-menu-wrapper" style="z-index: 1000;height: 80px;"> 1754 <div class=" col-auto"> 1755 <a href="/" title="City World Hyundai" @click='onLogoClick(`/`)'> 1756 <img src="https://prod.tvmimageservice.com/images/GetLibraryImage?fileNameOrId=735558&Width=0&Height=0&logo=y" alt="City World Hyundai" title="City World Hyundai" 1757 class="header-make-logo" style="max-height: 80px" /> 1758 </a> 1759 1760 </div> 1761 1762 1763 1764 1765 <div class="align-items-center col d-flex justify-content-end p-0"> 1766 1767 1768 1769 1770 1771 <template v-if="!showVehicleSearch"> 1772 1773 1774 1775<div class="d-flex horizontalmenu align-items-center h-100 justify-content-end large-listed-menu"> 1776 <div class="d-flex position-relative align-items-center px-0"> 1777 1778 <a href="/inventory/new" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 1779 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757519, menuName: `New` })' 1780 @mouseover='onMouseOver(757519, `New`)' :class='isEvVehicleText(`New`)' > 1781 <span :class='{"hybrid-menu":isEvVehicleText(`New`),"text-underline":757519==tempMenuId && showContactForm}' >New</span> 1782 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 1783 style="color:#c5c5c5;"></em> 1784 </a> 1785 1786 1787 <div class="line-seperator mx-2"></div> 1788 1789 <div id="primary-submenu" :class="[(5>10)?'max-submenu-height':'']" 1790 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757519" 1791 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 1792 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 1793 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 1794 @click.prevent='onContactFormClick(757519, `New`)'></div> 1795 <div class="d-flex flex-column align-items-center h-100"> 1796 <div class="d-flex w-100 align-items-center h-100"> 1797 <a href="/inventory/new" style="cursor:pointer" 1798 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1799 @click='headerMenuNavigationEvent(`Shop All Models`, "/inventory/new",`New`);menuInteraction($event, `New`, `/inventory/new`, `Shop All Models`, `/inventory/new`)' :class='isEvVehicleText(`Shop All Models`)'> 1800 1801 Shop All Models</a> 1802 </div> 1803 <div class="d-flex w-100 align-items-center h-100"> 1804 <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" style="cursor:pointer" 1805 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1806 @click='headerMenuNavigationEvent(`New Hyundai Specials`, "https://www.cityworldhyundai.com/specials/vehicle-specials",`New`);menuInteraction($event, `New`, `/inventory/new`, `New Hyundai Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`)' :class='isEvVehicleText(`New Hyundai Specials`)'> 1807 1808 New Hyundai Specials</a> 1809 </div> 1810 <div class="d-flex w-100 align-items-center h-100"> 1811 <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer" 1812 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1813 @click='headerMenuNavigationEvent(`Current Incentives`, "https://www.cityworldhyundai.com/incentives",`New`);menuInteraction($event, `New`, `/inventory/new`, `Current Incentives`, `https://www.cityworldhyundai.com/incentives`)' :class='isEvVehicleText(`Current Incentives`)'> 1814 1815 Current Incentives</a> 1816 </div> 1817 <div class="d-flex w-100 align-items-center h-100"> 1818 <a href="https://www.cityworldhyundai.com/reserve-your-vehicle" style="cursor:pointer" 1819 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1820 @click='headerMenuNavigationEvent(`Custom Order`, "https://www.cityworldhyundai.com/reserve-your-vehicle",`New`);menuInteraction($event, `New`, `/inventory/new`, `Custom Order`, `https://www.cityworldhyundai.com/reserve-your-vehicle`)' :class='isEvVehicleText(`Custom Order`)'> 1821
1822 Custom Order</a> 1823 </div> 1824 <div class="d-flex w-100 align-items-center h-100"> 1825 <a href="#researchmodels" style="cursor:pointer" 1826 class="px-3 py-2 font-weight-bold border-bottom no-hover text-left w-100 submenu-item ft-12 skip-cta-interaction" 1827 @click.prevent='onPrimaryResearchModelsClick("PrimaryResearchModel", `Research Models`)'> 1828 1829 Research Models 1830 </a> 1831 </div> 1832 </div> 1833 </div> 1834 1835 </div> 1836 <div class="d-flex position-relative align-items-center px-0"> 1837 1838 <a href="/inventory/used" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 1839 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757520, menuName: `Pre-Owned` })' 1840 @mouseover='onMouseOver(757520, `Pre-Owned`)' :class='isEvVehicleText(`Pre-Owned`)' > 1841 <span :class='{"hybrid-menu":isEvVehicleText(`Pre-Owned`),"text-underline":757520==tempMenuId && showContactForm}' >Pre-Owned</span> 1842 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 1843 style="color:#c5c5c5;"></em> 1844 </a> 1845 1846 1847 <div class="line-seperator mx-2"></div> 1848 1849 <div id="primary-submenu" :class="[(6>10)?'max-submenu-height':'']" 1850 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757520" 1851 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 1852 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 1853 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 1854 @click.prevent='onContactFormClick(757520, `Pre-Owned`)'></div> 1855 <div class="d-flex flex-column align-items-center h-100"> 1856 <div class="d-flex w-100 align-items-center h-100"> 1857 <a href="/inventory/used" style="cursor:pointer" 1858 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1859 @click='headerMenuNavigationEvent(`Shop Pre-Owned Vehicles`, "/inventory/used",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Shop Pre-Owned Vehicles`, `/inventory/used`)' :class='isEvVehicleText(`Shop Pre-Owned Vehicles`)'> 1860 1861 Shop Pre-Owned Vehicles</a> 1862 </div> 1863 <div class="d-flex w-100 align-items-center h-100"> 1864 <a href="https://www.cityworldhyundai.com/specials/preowned-specials" style="cursor:pointer" 1865 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1866 @click='headerMenuNavigationEvent(`Pre-Owned Vehicle Specials`, "https://www.cityworldhyundai.com/specials/preowned-specials",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Pre-Owned Vehicle Specials`, `https://www.cityworldhyundai.com/specials/preowned-specials`)' :class='isEvVehicleText(`Pre-Owned Vehicle Specials`)'> 1867 1868 Pre-Owned Vehicle Specials</a> 1869 </div> 1870 <div class="d-flex w-100 align-items-center h-100"> 1871 <a href="/inventory/cpo" style="cursor:pointer" 1872 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1873 @click='headerMenuNavigationEvent(`Certified Pre-Owned Vehicles`, "/inventory/cpo",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Certified Pre-Owned Vehicles`, `/inventory/cpo`)' :class='isEvVehicleText(`Certified Pre-Owned Vehicles`)'> 1874 1875 Certified Pre-Owned Vehicles</a> 1876 </div> 1877 <div class="d-flex w-100 align-items-center h-100"> 1878 <a href="/bargain-inventory" style="cursor:pointer" 1879 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1880 @click='headerMenuNavigationEvent(`Value Deals Under $20k`, "/bargain-inventory",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Value Deals Under $20k`, `/bargain-inventory`)' :class='isEvVehicleText(`Value Deals Under $20k`)'> 1881 1882 Value Deals Under $20k</a> 1883 </div> 1884 <div class="d-flex w-100 align-items-center h-100"> 1885 <a href="https://www.cityworldhyundai.com/shopperwizard/mytradevalue" style="cursor:pointer" 1886 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1887 @click='headerMenuNavigationEvent(`Edmunds Trade-In`, "https://www.cityworldhyundai.com/shopperwizard/mytradevalue",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Edmunds Trade-In`, `https://www.cityworldhyundai.com/shopperwizard/mytradevalue`)' :class='isEvVehicleText(`Edmunds Trade-In`)'> 1888 1889 Edmunds Trade-In</a> 1890 </div> 1891 <div class="d-flex w-100 align-items-center h-100"> 1892 <a href="https://www.cityworldhyundai.com/hcuv" style="cursor:pointer" 1893 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1894 @click='headerMenuNavigationEvent(`Hyundai Certified Benefits`, "https://www.cityworldhyundai.com/hcuv",`Pre-Owned`);menuInteraction($event, `Pre-Owned`, `/inventory/used`, `Hyundai Certified Benefits`, `https://www.cityworldhyundai.com/hcuv`)' :class='isEvVehicleText(`Hyundai Certified Benefits`)'> 1895 1896 Hyundai Certified Benefits</a> 1897 </div> 1898 </div> 1899 </div> 1900 1901 </div> 1902 <div class="d-flex position-relative align-items-center px-0"> 1903 1904 <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 1905 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 762575, menuName: `ExpressWay` })' 1906 @mouseover='onMouseOver(762575, `ExpressWay`)' :class='isEvVehicleText(`ExpressWay`)' >
1907 <span :class='{"hybrid-menu":isEvVehicleText(`ExpressWay`),"text-underline":762575==tempMenuId && showContactForm}' >ExpressWay</span> 1908 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 1909 style="color:#c5c5c5;"></em> 1910 </a> 1911 1912 1913 <div class="line-seperator mx-2"></div> 1914 1915 <div id="primary-submenu" :class="[(1>10)?'max-submenu-height':'']" 1916 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==762575" 1917 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 1918 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 1919 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 1920 @click.prevent='onContactFormClick(762575, `ExpressWay`)'></div> 1921 <div class="d-flex flex-column align-items-center h-100"> 1922 <div class="d-flex w-100 align-items-center h-100"> 1923 <a href="https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw" style="cursor:pointer" 1924 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" target="_blank" 1925 @click='headerMenuNavigationEvent(`Buy Online`, "https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw",`ExpressWay`); 1926 redirectMenuInteraction($event,`ExpressWay`, ``, `Buy Online`, `https://cityworldhyundai.roadster.com/inventory?_cl=ufGlA0kz5TyUh3sU0TTt8647&_gl=1*zw030o*_ga*OTEyOTQ1MDAyLjE3Njk2MzEzMjE.*_ga_GY7P36ESTT*czE3NzAyMzg4ODkkbzMkZzEkdDE3NzAyNDA0NDUkajU4JGwwJGgw`)' :class='isEvVehicleText(`Buy Online`)'> 1927 1928 Buy Online</a> 1929 </div> 1930 </div> 1931 </div> 1932 1933 </div> 1934 <div class="d-flex position-relative align-items-center px-0"> 1935 1936 <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 1937 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 762577, menuName: `Electrified Vehicles` })' 1938 @mouseover='onMouseOver(762577, `Electrified Vehicles`)' :class='isEvVehicleText(`Electrified Vehicles`)' > 1939 <span :class='{"hybrid-menu":isEvVehicleText(`Electrified Vehicles`),"text-underline":762577==tempMenuId && showContactForm}' >Electrified Vehicles</span> 1940 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 1941 style="color:#c5c5c5;"></em> 1942 </a> 1943 1944 1945 <div class="line-seperator mx-2"></div> 1946 1947 <div id="primary-submenu" :class="[(3>10)?'max-submenu-height':'']" 1948 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==762577" 1949 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 1950 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 1951 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 1952 @click.prevent='onContactFormClick(762577, `Electrified Vehicles`)'></div> 1953 <div class="d-flex flex-column align-items-center h-100"> 1954 <div class="d-flex w-100 align-items-center h-100"> 1955 <a href="/ev-and-hybrids" style="cursor:pointer" 1956 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1957 @click='headerMenuNavigationEvent(`Browse Electrified Inventory`, "/ev-and-hybrids",`Electrified Vehicles`);menuInteraction($event, `Electrified Vehicles`, ``, `Browse Electrified Inventory`, `/ev-and-hybrids`)' :class='isEvVehicleText(`Browse Electrified Inventory`)'> 1958 1959 Browse Electrified Inventory</a> 1960 </div> 1961 <div class="d-flex w-100 align-items-center h-100"> 1962 <a href="https://www.cityworldhyundai.com/HyundaiEVHub/overview" style="cursor:pointer" 1963 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 1964 @click='headerMenuNavigationEvent(`Hyundai EV Hub`, "https://www.cityworldhyundai.com/HyundaiEVHub/overview",`Electrified Vehicles`);menuInteraction($event, `Electrified Vehicles`, ``, `Hyundai EV Hub`, `https://www.cityworldhyundai.com/HyundaiEVHub/overview`)' :class='isEvVehicleText(`Hyundai EV Hub`)'> 1965 1966 Hyundai EV Hub</a> 1967 </div> 1968 <div class="d-flex w-100 align-items-center h-100"> 1969 <a href="#researchmodels" style="cursor:pointer" 1970 class="px-3 py-2 font-weight-bold border-bottom no-hover text-left w-100 submenu-item ft-12 skip-cta-interaction" 1971 @click.prevent='onPrimaryResearchModelsClick("PrimaryResearchModel", `Research Models`)'> 1972 1973 Research Models 1974 </a> 1975 </div> 1976 </div> 1977 </div> 1978 1979 </div> 1980 <div class="d-flex position-relative align-items-center px-0"> 1981 1982 <a href="/getfinancing" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 1983 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757522, menuName: `Finance` })' 1984 @mouseover='onMouseOver(757522, `Finance`)' :class='isEvVehicleText(`Finance`)' >
1985 <span :class='{"hybrid-menu":isEvVehicleText(`Finance`),"text-underline":757522==tempMenuId && showContactForm}' >Finance</span> 1986 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 1987 style="color:#c5c5c5;"></em> 1988 </a> 1989 1990 1991 <div class="line-seperator mx-2"></div> 1992 1993 <div id="primary-submenu" :class="[(5>10)?'max-submenu-height':'']" 1994 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757522" 1995 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 1996 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 1997 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 1998 @click.prevent='onContactFormClick(757522, `Finance`)'></div> 1999 <div class="d-flex flex-column align-items-center h-100"> 2000 <div class="d-flex w-100 align-items-center h-100"> 2001 <a href="https://www.cityworldhyundai.com/getfinancing" style="cursor:pointer" 2002 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2003 @click='headerMenuNavigationEvent(`Apply for Financing`, "https://www.cityworldhyundai.com/getfinancing",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Apply for Financing`, `https://www.cityworldhyundai.com/getfinancing`)' :class='isEvVehicleText(`Apply for Financing`)'> 2004 2005 Apply for Financing</a> 2006 </div> 2007 <div class="d-flex w-100 align-items-center h-100"> 2008 <a href="https://www.cityworldhyundai.com/tdc-pre-qual" style="cursor:pointer" 2009 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2010 @click='headerMenuNavigationEvent(`Get Pre-Qualified in Seconds`, "https://www.cityworldhyundai.com/tdc-pre-qual",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Get Pre-Qualified in Seconds`, `https://www.cityworldhyundai.com/tdc-pre-qual`)' :class='isEvVehicleText(`Get Pre-Qualified in Seconds`)'> 2011 2012 Get Pre-Qualified in Seconds</a> 2013 </div> 2014 <div class="d-flex w-100 align-items-center h-100"> 2015 <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer" 2016 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2017 @click='headerMenuNavigationEvent(`Current Incentives`, "https://www.cityworldhyundai.com/incentives",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Current Incentives`, `https://www.cityworldhyundai.com/incentives`)' :class='isEvVehicleText(`Current Incentives`)'> 2018 2019 Current Incentives</a> 2020 </div> 2021 <div class="d-flex w-100 align-items-center h-100"> 2022 <a href="https://www.cityworldhyundai.com/shopperwizard/mytradevalue" style="cursor:pointer" 2023 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2024 @click='headerMenuNavigationEvent(`Edmunds Trade-In`, "https://www.cityworldhyundai.com/shopperwizard/mytradevalue",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Edmunds Trade-In`, `https://www.cityworldhyundai.com/shopperwizard/mytradevalue`)' :class='isEvVehicleText(`Edmunds Trade-In`)'> 2025 2026 Edmunds Trade-In</a> 2027 </div> 2028 <div class="d-flex w-100 align-items-center h-100"> 2029 <a href="https://www.cityworldhyundai.com/hyundai-test-drive" style="cursor:pointer" 2030 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2031 @click='headerMenuNavigationEvent(`Hyundai Flexible Test Drive`, "https://www.cityworldhyundai.com/hyundai-test-drive",`Finance`);menuInteraction($event, `Finance`, `/getfinancing`, `Hyundai Flexible Test Drive`, `https://www.cityworldhyundai.com/hyundai-test-drive`)' :class='isEvVehicleText(`Hyundai Flexible Test Drive`)'> 2032 2033 Hyundai Flexible Test Drive</a> 2034 </div> 2035 </div> 2036 </div> 2037 2038 </div> 2039 <div class="d-flex position-relative align-items-center px-0"> 2040 2041 <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 2042 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757521, menuName: `Specials` })' 2043 @mouseover='onMouseOver(757521, `Specials`)' :class='isEvVehicleText(`Specials`)' >
2044 <span :class='{"hybrid-menu":isEvVehicleText(`Specials`),"text-underline":757521==tempMenuId && showContactForm}' >Specials</span> 2045 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 2046 style="color:#c5c5c5;"></em> 2047 </a> 2048 2049 2050 <div class="line-seperator mx-2"></div> 2051 2052 <div id="primary-submenu" :class="[(9>10)?'max-submenu-height':'']" 2053 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757521" 2054 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 2055 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 2056 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 2057 @click.prevent='onContactFormClick(757521, `Specials`)'></div> 2058 <div class="d-flex flex-column align-items-center h-100"> 2059 <div class="d-flex w-100 align-items-center h-100"> 2060 <a href="https://www.cityworldhyundai.com/specials/vehicle-specials" style="cursor:pointer" 2061 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2062 @click='headerMenuNavigationEvent(`New Vehicle Specials`, "https://www.cityworldhyundai.com/specials/vehicle-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `New Vehicle Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`)' :class='isEvVehicleText(`New Vehicle Specials`)'> 2063 2064 New Vehicle Specials</a> 2065 </div> 2066 <div class="d-flex w-100 align-items-center h-100"> 2067 <a href="https://www.cityworldhyundai.com/specials/preowned-specials" style="cursor:pointer" 2068 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2069 @click='headerMenuNavigationEvent(`Pre-Owned Vehicle Specials`, "https://www.cityworldhyundai.com/specials/preowned-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Pre-Owned Vehicle Specials`, `https://www.cityworldhyundai.com/specials/preowned-specials`)' :class='isEvVehicleText(`Pre-Owned Vehicle Specials`)'> 2070 2071 Pre-Owned Vehicle Specials</a> 2072 </div> 2073 <div class="d-flex w-100 align-items-center h-100"> 2074 <a href="https://www.cityworldhyundai.com/specials/service-specials" style="cursor:pointer" 2075 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2076 @click='headerMenuNavigationEvent(`Service & Parts Specials`, "https://www.cityworldhyundai.com/specials/service-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Service & Parts Specials`, `https://www.cityworldhyundai.com/specials/service-specials`)' :class='isEvVehicleText(`Service & Parts Specials`)'> 2077 2078 Service & Parts Specials</a> 2079 </div> 2080 <div class="d-flex w-100 align-items-center h-100"> 2081 <a href="https://www.cityworldhyundai.com/incentives" style="cursor:pointer" 2082 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2083 @click='headerMenuNavigationEvent(`New Hyundai Incentives`, "https://www.cityworldhyundai.com/incentives",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `New Hyundai Incentives`, `https://www.cityworldhyundai.com/incentives`)' :class='isEvVehicleText(`New Hyundai Incentives`)'> 2084 2085 New Hyundai Incentives</a> 2086 </div> 2087 <div class="d-flex w-100 align-items-center h-100"> 2088 <a href="https://www.cityworldhyundai.com/specials/dealer-specials" style="cursor:pointer" 2089 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2090 @click='headerMenuNavigationEvent(`Dealer Specials`, "https://www.cityworldhyundai.com/specials/dealer-specials",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Dealer Specials`, `https://www.cityworldhyundai.com/specials/dealer-specials`)' :class='isEvVehicleText(`Dealer Specials`)'> 2091 2092 Dealer Specials</a> 2093 </div> 2094 <div class="d-flex w-100 align-items-center h-100"> 2095 <a href="https://www.cityworldhyundai.com/hyundai-military-program" style="cursor:pointer" 2096 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2097 @click='headerMenuNavigationEvent(`Military Program`, "https://www.cityworldhyundai.com/hyundai-military-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Military Program`, `https://www.cityworldhyundai.com/hyundai-military-program`)' :class='isEvVehicleText(`Military Program`)'> 2098 2099 Military Program</a> 2100 </div> 2101 <div class="d-flex w-100 align-items-center h-100"> 2102 <a href="https://www.cityworldhyundai.com/hyundai-mobility-program" style="cursor:pointer" 2103 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2104 @click='headerMenuNavigationEvent(`Mobility Program`, "https://www.cityworldhyundai.com/hyundai-mobility-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Mobility Program`, `https://www.cityworldhyundai.com/hyundai-mobility-program`)' :class='isEvVehicleText(`Mobility Program`)'> 2105 2106 Mobility Program</a> 2107 </div> 2108 <div class="d-flex w-100 align-items-center h-100"> 2109 <a href="/montefiore-employee-vehicle-program" style="cursor:pointer" 2110 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2111 @click='headerMenuNavigationEvent(`Montefiore Employee Vehicle Program`, "/montefiore-employee-vehicle-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Montefiore Employee Vehicle Program`, `/montefiore-employee-vehicle-program`)' :class='isEvVehicleText(`Montefiore Employee Vehicle Program`)'> 2112 2113 Montefiore Employee Vehicle Program</a> 2114 </div> 2115 <div class="d-flex w-100 align-items-center h-100"> 2116 <a href="/military-first-responders-vehicle-program" style="cursor:pointer" 2117 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2118 @click='headerMenuNavigationEvent(`Military and First Responders Vehicle Program`, "/military-first-responders-vehicle-program",`Specials`);menuInteraction($event, `Specials`, `https://www.cityworldhyundai.com/specials/vehicle-specials`, `Military and First Responders Vehicle Program`, `/military-first-responders-vehicle-program`)' :class='isEvVehicleText(`Military and First Responders Vehicle Program`)'> 2119 2120 Military and First Responders Vehicle Program</a> 2121 </div> 2122 </div> 2123 </div> 2124 2125 </div> 2126 <div class="d-flex position-relative align-items-center px-0"> 2127 2128 <a href="https://www.cityworldhyundai.com/landing" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 2129 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757523, menuName: `Hyundai Programs` })' 2130 @mouseover='onMouseOver(757523, `Hyundai Programs`)' :class='isEvVehicleText(`Hyundai Programs`)' >
2131 <span :class='{"hybrid-menu":isEvVehicleText(`Hyundai Programs`),"text-underline":757523==tempMenuId && showContactForm}' >Hyundai Programs</span> 2132 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 2133 style="color:#c5c5c5;"></em> 2134 </a> 2135 2136 2137 <div class="line-seperator mx-2"></div> 2138 2139 <div id="primary-submenu" :class="[(8>10)?'max-submenu-height':'']" 2140 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757523" 2141 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 2142 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 2143 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 2144 @click.prevent='onContactFormClick(757523, `Hyundai Programs`)'></div> 2145 <div class="d-flex flex-column align-items-center h-100"> 2146 <div class="d-flex w-100 align-items-center h-100"> 2147 <a href="https://www.cityworldhyundai.com/americas-best-warranty" style="cursor:pointer" 2148 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2149 @click='headerMenuNavigationEvent(`America's Best Warranty`, "https://www.cityworldhyundai.com/americas-best-warranty",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `America's Best Warranty`, `https://www.cityworldhyundai.com/americas-best-warranty`)' :class='isEvVehicleText(`America's Best Warranty`)'> 2150 2151 America's Best Warranty</a> 2152 </div> 2153 <div class="d-flex w-100 align-items-center h-100"> 2154 <a href="https://www.cityworldhyundai.com/assurance/roadside-assistance" style="cursor:pointer" 2155 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2156 @click='headerMenuNavigationEvent(`24/7 Roadside Assistance`, "https://www.cityworldhyundai.com/assurance/roadside-assistance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `24/7 Roadside Assistance`, `https://www.cityworldhyundai.com/assurance/roadside-assistance`)' :class='isEvVehicleText(`24/7 Roadside Assistance`)'> 2157 2158 24/7 Roadside Assistance</a> 2159 </div> 2160 <div class="d-flex w-100 align-items-center h-100"> 2161 <a href="https://www.cityworldhyundai.com/shopper-assurance" style="cursor:pointer" 2162 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2163 @click='headerMenuNavigationEvent(`Shopper Assurance`, "https://www.cityworldhyundai.com/shopper-assurance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Shopper Assurance`, `https://www.cityworldhyundai.com/shopper-assurance`)' :class='isEvVehicleText(`Shopper Assurance`)'> 2164 2165 Shopper Assurance</a> 2166 </div> 2167 <div class="d-flex w-100 align-items-center h-100"> 2168 <a href="https://www.cityworldhyundai.com/complimentary-maintenance" style="cursor:pointer" 2169 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2170 @click='headerMenuNavigationEvent(`Complimentary Maintenance`, "https://www.cityworldhyundai.com/complimentary-maintenance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Complimentary Maintenance`, `https://www.cityworldhyundai.com/complimentary-maintenance`)' :class='isEvVehicleText(`Complimentary Maintenance`)'> 2171 2172 Complimentary Maintenance</a> 2173 </div> 2174 <div class="d-flex w-100 align-items-center h-100"> 2175 <a href="https://www.cityworldhyundai.com/assurance/car-care" style="cursor:pointer" 2176 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2177 @click='headerMenuNavigationEvent(`Car Care`, "https://www.cityworldhyundai.com/assurance/car-care",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Car Care`, `https://www.cityworldhyundai.com/assurance/car-care`)' :class='isEvVehicleText(`Car Care`)'> 2178 2179 Car Care</a> 2180 </div> 2181 <div class="d-flex w-100 align-items-center h-100"> 2182 <a href="https://www.cityworldhyundai.com/assurance" style="cursor:pointer" 2183 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2184 @click='headerMenuNavigationEvent(`Owner Assurance`, "https://www.cityworldhyundai.com/assurance",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Owner Assurance`, `https://www.cityworldhyundai.com/assurance`)' :class='isEvVehicleText(`Owner Assurance`)'> 2185 2186 Owner Assurance</a> 2187 </div> 2188 <div class="d-flex w-100 align-items-center h-100"> 2189 <a href="https://www.cityworldhyundai.com/why-hyundai/hope-on-wheels" style="cursor:pointer" 2190 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2191 @click='headerMenuNavigationEvent(`Hyundai Hope on Wheels`, "https://www.cityworldhyundai.com/why-hyundai/hope-on-wheels",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Hyundai Hope on Wheels`, `https://www.cityworldhyundai.com/why-hyundai/hope-on-wheels`)' :class='isEvVehicleText(`Hyundai Hope on Wheels`)'> 2192 2193 Hyundai Hope on Wheels</a> 2194 </div> 2195 <div class="d-flex w-100 align-items-center h-100"> 2196 <a href="https://www.cityworldhyundai.com/bluelinkplus" style="cursor:pointer" 2197 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2198 @click='headerMenuNavigationEvent(`Bluelink`, "https://www.cityworldhyundai.com/bluelinkplus",`Hyundai Programs`);menuInteraction($event, `Hyundai Programs`, `https://www.cityworldhyundai.com/landing`, `Bluelink`, `https://www.cityworldhyundai.com/bluelinkplus`)' :class='isEvVehicleText(`Bluelink`)'> 2199 2200 Bluelink</a> 2201 </div> 2202 </div> 2203 </div> 2204 2205 </div> 2206 <div class="d-flex position-relative align-items-center px-0"> 2207 2208 <a href="https://www.cityworldhyundai.com/scheduleservice" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 2209 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757524, menuName: `Service & Parts` })' 2210 @mouseover='onMouseOver(757524, `Service & Parts`)' :class='isEvVehicleText(`Service & Parts`)' >
2211 <span :class='{"hybrid-menu":isEvVehicleText(`Service & Parts`),"text-underline":757524==tempMenuId && showContactForm}' >Service & Parts</span> 2212 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 2213 style="color:#c5c5c5;"></em> 2214 </a> 2215 2216 2217 <div class="line-seperator mx-2"></div> 2218 2219 <div id="primary-submenu" :class="[(11>10)?'max-submenu-height':'']" 2220 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757524" 2221 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 2222 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 2223 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 2224 @click.prevent='onContactFormClick(757524, `Service & Parts`)'></div> 2225 <div class="d-flex flex-column align-items-center h-100"> 2226 <div class="d-flex w-100 align-items-center h-100"> 2227 <a href="https://www.cityworldhyundai.com/scheduleservice" style="cursor:pointer" 2228 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2229 @click='headerMenuNavigationEvent(`Schedule Service`, "https://www.cityworldhyundai.com/scheduleservice",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Schedule Service`, `https://www.cityworldhyundai.com/scheduleservice`)' :class='isEvVehicleText(`Schedule Service`)'> 2230 2231 Schedule Service</a> 2232 </div> 2233 <div class="d-flex w-100 align-items-center h-100"> 2234 <a href="https://www.cityworldhyundai.com/specials/service-specials" style="cursor:pointer" 2235 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2236 @click='headerMenuNavigationEvent(`Service & Parts Specials`, "https://www.cityworldhyundai.com/specials/service-specials",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Service & Parts Specials`, `https://www.cityworldhyundai.com/specials/service-specials`)' :class='isEvVehicleText(`Service & Parts Specials`)'> 2237 2238 Service & Parts Specials</a> 2239 </div> 2240 <div class="d-flex w-100 align-items-center h-100"> 2241 <a href="/service-now-pay-later" style="cursor:pointer" 2242 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2243 @click='headerMenuNavigationEvent(`Service Now, Pay Later`, "/service-now-pay-later",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Service Now, Pay Later`, `/service-now-pay-later`)' :class='isEvVehicleText(`Service Now, Pay Later`)'> 2244 2245 Service Now, Pay Later</a> 2246 </div> 2247 <div class="d-flex w-100 align-items-center h-100"> 2248 <a href="https://www.cityworldhyundai.com/complimentary-maintenance" style="cursor:pointer" 2249 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2250 @click='headerMenuNavigationEvent(`Complimentary Maintenance`, "https://www.cityworldhyundai.com/complimentary-maintenance",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Complimentary Maintenance`, `https://www.cityworldhyundai.com/complimentary-maintenance`)' :class='isEvVehicleText(`Complimentary Maintenance`)'> 2251 2252 Complimentary Maintenance</a> 2253 </div> 2254 <div class="d-flex w-100 align-items-center h-100"> 2255 <a href="https://www.cityworldhyundai.com/parts-department" style="cursor:pointer" 2256 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2257 @click='headerMenuNavigationEvent(`Parts Center`, "https://www.cityworldhyundai.com/parts-department",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Parts Center`, `https://www.cityworldhyundai.com/parts-department`)' :class='isEvVehicleText(`Parts Center`)'> 2258 2259 Parts Center</a> 2260 </div> 2261 <div class="d-flex w-100 align-items-center h-100"> 2262 <a href="https://ny109.hyundaiaccessories.com/" style="cursor:pointer" 2263 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" target="_blank" 2264 @click='headerMenuNavigationEvent(`Hyundai Accessories`, "https://ny109.hyundaiaccessories.com/",`Service & Parts`); 2265 redirectMenuInteraction($event,`Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Hyundai Accessories`, `https://ny109.hyundaiaccessories.com/`)' :class='isEvVehicleText(`Hyundai Accessories`)'> 2266 2267 Hyundai Accessories</a> 2268 </div> 2269 <div class="d-flex w-100 align-items-center h-100"> 2270 <a href="https://www.cityworldhyundai.com/assurance/car-care" style="cursor:pointer" 2271 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2272 @click='headerMenuNavigationEvent(`Car Care`, "https://www.cityworldhyundai.com/assurance/car-care",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Car Care`, `https://www.cityworldhyundai.com/assurance/car-care`)' :class='isEvVehicleText(`Car Care`)'> 2273 2274 Car Care</a> 2275 </div> 2276 <div class="d-flex w-100 align-items-center h-100"> 2277 <a href="https://www.cityworldhyundai.com/hyundai-service-batteries" style="cursor:pointer" 2278 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2279 @click='headerMenuNavigationEvent(`Batteries`, "https://www.cityworldhyundai.com/hyundai-service-batteries",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Batteries`, `https://www.cityworldhyundai.com/hyundai-service-batteries`)' :class='isEvVehicleText(`Batteries`)'> 2280 2281 Batteries</a> 2282 </div> 2283 <div class="d-flex w-100 align-items-center h-100"> 2284 <a href="https://www.cityworldhyundai.com/hyundai-service-brakes" style="cursor:pointer" 2285 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2286 @click='headerMenuNavigationEvent(`Brakes`, "https://www.cityworldhyundai.com/hyundai-service-brakes",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Brakes`, `https://www.cityworldhyundai.com/hyundai-service-brakes`)' :class='isEvVehicleText(`Brakes`)'> 2287 2288 Brakes</a> 2289 </div> 2290 <div class="d-flex w-100 align-items-center h-100"> 2291 <a href="https://www.cityworldhyundai.com/hyundai-service-oil-change" style="cursor:pointer" 2292 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2293 @click='headerMenuNavigationEvent(`Oil Change`, "https://www.cityworldhyundai.com/hyundai-service-oil-change",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Oil Change`, `https://www.cityworldhyundai.com/hyundai-service-oil-change`)' :class='isEvVehicleText(`Oil Change`)'> 2294 2295 Oil Change</a> 2296 </div> 2297 <div class="d-flex w-100 align-items-center h-100"> 2298 <a href="https://www.cityworldhyundai.com/hyundai-service-tires" style="cursor:pointer" 2299 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2300 @click='headerMenuNavigationEvent(`Tires`, "https://www.cityworldhyundai.com/hyundai-service-tires",`Service & Parts`);menuInteraction($event, `Service & Parts`, `https://www.cityworldhyundai.com/scheduleservice`, `Tires`, `https://www.cityworldhyundai.com/hyundai-service-tires`)' :class='isEvVehicleText(`Tires`)'> 2301 2302 Tires</a> 2303 </div> 2304 </div> 2305 </div> 2306 2307 </div> 2308 <div class="d-flex position-relative align-items-center px-0"> 2309 2310 <a href="https://www.cityworldhyundai.com/contactus" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction" 2311 @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 757525, menuName: `About` })' 2312 @mouseover='onMouseOver(757525, `About`)' :class='isEvVehicleText(`About`)' >
2313 <span :class='{"hybrid-menu":isEvVehicleText(`About`),"text-underline":757525==tempMenuId && showContactForm}' >About</span> 2314 <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12" 2315 style="color:#c5c5c5;"></em> 2316 </a> 2317 2318 2319 <div class="line-seperator mx-2"></div> 2320 2321 <div id="primary-submenu" :class="[(10>10)?'max-submenu-height':'']" 2322 class="position-absolute submenu-navigation submenu-custom-bg" v-if="showContactForm && tempMenuId==757525" 2323 style="top:40px;left: 50%;transform: translateX(-50%);background-color:#F2F2F2;min-width: 180px; z-index: 1;"> 2324 <div class="position-fixed w-100 h-100 d-none d-md-inline-block sub-menu-background-fade" 2325 style="z-index: -1;left: 0" @mouseover='onMouseLeave()' 2326 @click.prevent='onContactFormClick(757525, `About`)'></div> 2327 <div class="d-flex flex-column align-items-center h-100"> 2328 <div class="d-flex w-100 align-items-center h-100"> 2329 <a href="https://www.cityworldhyundai.com/about-us" style="cursor:pointer" 2330 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2331 @click='headerMenuNavigationEvent(`About Us`, "https://www.cityworldhyundai.com/about-us",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `About Us`, `https://www.cityworldhyundai.com/about-us`)' :class='isEvVehicleText(`About Us`)'> 2332 2333 About Us</a> 2334 </div> 2335 <div class="d-flex w-100 align-items-center h-100"> 2336 <a href="https://www.cityworldhyundai.com/contactus" style="cursor:pointer" 2337 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2338 @click='headerMenuNavigationEvent(`Contact Us`, "https://www.cityworldhyundai.com/contactus",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Contact Us`, `https://www.cityworldhyundai.com/contactus`)' :class='isEvVehicleText(`Contact Us`)'> 2339 2340 Contact Us</a> 2341 </div> 2342 <div class="d-flex w-100 align-items-center h-100"> 2343 <a href="https://www.cityworldhyundai.com/get-directions" style="cursor:pointer" 2344 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2345 @click='headerMenuNavigationEvent(`Hours & Directions`, "https://www.cityworldhyundai.com/get-directions",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hours & Directions`, `https://www.cityworldhyundai.com/get-directions`)' :class='isEvVehicleText(`Hours & Directions`)'> 2346 2347 Hours & Directions</a> 2348 </div> 2349 <div class="d-flex w-100 align-items-center h-100"> 2350 <a href="https://www.cityworldhyundai.com/staff" style="cursor:pointer" 2351 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2352 @click='headerMenuNavigationEvent(`Meet Our Staff`, "https://www.cityworldhyundai.com/staff",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Meet Our Staff`, `https://www.cityworldhyundai.com/staff`)' :class='isEvVehicleText(`Meet Our Staff`)'> 2353 2354 Meet Our Staff</a> 2355 </div> 2356 <div class="d-flex w-100 align-items-center h-100"> 2357 <a href="https://www.cityworldhyundai.com/faqs" style="cursor:pointer" 2358 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2359 @click='headerMenuNavigationEvent(`FAQs`, "https://www.cityworldhyundai.com/faqs",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `FAQs`, `https://www.cityworldhyundai.com/faqs`)' :class='isEvVehicleText(`FAQs`)'> 2360 2361 FAQs</a> 2362 </div> 2363 <div class="d-flex w-100 align-items-center h-100"> 2364 <a href="https://www.cityworldhyundai.com/hyundai-champions-the-joy-of-driving-in--play-for-the-car--campaign-featuring-the-2025-sonata-hybri
2364d" style="cursor:pointer" 2365 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2366 @click='headerMenuNavigationEvent(`Hyundai Champions the Joy of Driving in ''Play for the Car'' Campaign`, "https://www.cityworldhyundai.com/hyundai-champions-the-joy-of-driving-in--play-for-the-car--campaign-featuring-the-2025-sonata-hybrid",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hyundai Champions the Joy of Driving in ''Play for the Car'' Campaign`, `https://www.cityworldhyundai.com/hyundai-champions-the-joy-of-driving-in--play-for-the-car--campaign-featuring-the-2025-sonata-hybrid`)' :class='isEvVehicleText(`Hyundai Champions the Joy of Driving in ''Play for the Car'' Campaign`)'> 2367 2368 Hyundai Champions the Joy of Driving in ''Play for the Car'' Campaign</a> 2369 </div> 2370 <div class="d-flex w-100 align-items-center h-100"> 2371 <a href="https://www.cityworldhyundai.com/hyundai-santa-fe-and-palisade-recognized-in-cars-com-best-of-2025-awards" style="cursor:pointer" 2372 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2373 @click='headerMenuNavigationEvent(`Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards`, "https://www.cityworldhyundai.com/hyundai-santa-fe-and-palisade-recognized-in-cars-com-best-of-2025-awards",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards`, `https://www.cityworldhyundai.com/hyundai-santa-fe-and-palisade-recognized-in-cars-com-best-of-2025-awards`)' :class='isEvVehicleText(`Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards`)'> 2374 2375 Hyundai Santa Fe and Palisade Recognized in Cars.com Best of 2025 Awards</a> 2376 </div> 2377 <div class="d-flex w-100 align-items-center h-100"> 2378 <a href="https://www.cityworldhyundai.com/hyundai-wins-nine-2025-car-and-driver-editors--choice-awards" style="cursor:pointer" 2379 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2380 @click='headerMenuNavigationEvent(`Hyundai Wins Nine 2025 Car and Driver Editors' Choice Awards`, "https://www.cityworldhyundai.com/hyundai-wins-nine-2025-car-and-driver-editors--choice-awards",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Hyundai Wins Nine 2025 Car and Driver Editors' Choice Awards`, `https://www.cityworldhyundai.com/hyundai-wins-nine-2025-car-and-driver-editors--choice-awards`)' :class='isEvVehicleText(`Hyundai Wins Nine 2025 Car and Driver Editors' Choice Awards`)'> 2381 2382 Hyundai Wins Nine 2025 Car and Driver Editors' Choice Awards</a> 2383 </div> 2384 <div class="d-flex w-100 align-items-center h-100"> 2385 <a href="/blog" style="cursor:pointer" 2386 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2387 @click='headerMenuNavigationEvent(`Blog`, "/blog",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Blog`, `/blog`)' :class='isEvVehicleText(`Blog`)'> 2388 2389 Blog</a> 2390 </div> 2391 <div class="d-flex w-100 align-items-center h-100"> 2392 <a href="https://www.cityworldhyundai.com/press" style="cursor:pointer" 2393 class="px-3 py-2 text-left font-weight-bold border-bottom no-hover w-100 submenu-item ft-12 skip-cta-interaction" 2394 @click='headerMenuNavigationEvent(`Press`, "https://www.cityworldhyundai.com/press",`About`);menuInteraction($event, `About`, `https://www.cityworldhyundai.com/contactus`, `Press`, `https://www.cityworldhyundai.com/press`)' :class='isEvVehicleText(`Press`)'> 2395 2396 Press</a> 2397 </div> 2398 </div> 2399 </div> 2400 2401 </div> 2402 2403</div> 2404 2405 2406 2407 2408 2409 2410 2411 <div class="col-auto px-0 d-flex align-items-center mx-2 text-white language-bw-styles"> 2412 <language-change-icon :icon="showGlobeIcon" location="utilityWithNav"></language-change-icon> 2413 <div class="line-seperator ml-3 mr-1"></div> 2414 </div> 2415 2416 2417 <div class="col-auto px-0 d-flex align-items-center mx-2 signin-container"> 2418 <a class="signin-box no-hover analytics_popup cursor-pointer" @click.prevent="headerSignInClick()" 2419 style="color: #fff" 2420 > <span v-if='!showSignInGlobeIcon'>Sign In</span> 2421 <div class="tool-tip-icon" v-else> 2422 <em style="color: " class="primaryicon-user-circle ft-20"></em> 2423 <div class="header-icon-tool-tip position-absolute align-items-center justify-content-center ft-11">Sign In</div> 2424 </div> 2425 2426 </a> 2427 <div class="line-seperator ml-3 mr-2"></div> 2428 </div> 2429 2430 <a href="#header-search" @click.stop.prevent="enableSearch()" class="header-search-icon no-hover ml-2 color-white cursor-pointer" title="search">
2431 <span><em class="primaryicon-search no-hover ft-20"></em></span> 2432 </a> 2433 2434 </template> 2435 2436 <div v-if="showVehicleSearch" class="vehicle-search-header col-lg-8 p-0" @click.stop v-click-outside="hideVehicleSearch"> 2437 <common-vehicle-search :focus-on-mount="true"></common-vehicle-search> 2438 </div> 2439 </div> 2440 </div> 2441 </div> 2442 <template> 2443 <hover-sign-in-popup></hover-sign-in-popup> 2444 </template> 2445 </div> 2446 2447 <div id="searchmenu" class="d-none"> 2448 </div> 2449 2450 <div v-if="allhoursGetDirections"> 2451 <get-directions v-if="showDirections" @hidemodal="showDirections =false;allhoursGetDirections-false" class="hours-getdirection" :ishoursgetdirection="true"></get-directions> 2452 </div> 2453 <div v-if="mapiconGetDirections"> 2454 <get-directions v-if="showDirections" @hidemodal="showDirections =false;mapiconGetDirections= false; " class="maps-getDirection" :ismapicongetdirection="true"></get-directions> 2455 </div> 2456 2457 <div id="iframeloginid" class="d-none"> 2458 <div class="header-login-details" v-if="showiframelogin"> 2459 <div class="d-flex justify-content-between align-items-center py-3 px-4"> 2460 <h5 class="m-0 color-primary"><em class="primaryicon-user-circle-solid color-primary"></em> Login</h5> 2461 <div><a href="" style="color: #808080" @click.prevent="onCloseClick()"><em class="primaryicon-times"></em></a></div> 2462 </div> 2463 <iframe-login v-if="showiframelogin"></iframe-login> 2464 </div> 2465 </div> 2466 <sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal" 2467 :dealerurl="'https://www.cityworldhyundai.com/identitylogin'"></sign-in-modal> 2468<sign-in-back v-if="showSignOutModal" @signback="signInBackClick()" @hidemodal="showSignOutModal = false"></sign-in-back> 2469 2470 <registration-modal> </registration-modal> 2471 <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false" 2472 :url="showIframeUrl"></iframe-modal> 2473 2474 <research-models-container v-if="showPrimaryResearchModels" 2475 :desktopsubmenu="false" @primaryresearchmodels="showPrimaryResearchModels = false"></research-models-container> 2476 <horizontal-build-price-menu v-if="showBuildPriceMenu" :submenublackcolor="true" :isprimary="true" 2477 @buildprice="showBuildPriceMenu = false"></horizontal-build-price-menu> 2478 2479</div> 2480 2481 2482 2483 2484 2485 </div> 2486 </script>
2486 2487 2488 2489 2490 2491 2492 <div id="main-container"> 2493<input name="securetoken" type="hidden" value="CfDJ8O35ileePqpDrXckbUstcOZNJrA6_iRlggE2OC3bvr9WaWTomDjXyeE3qNdTNJYVQwWrTOf6u3a2JJdCbBP_CfvzLz6FXecSLv5tIDTmDrUJoRh4pEP9Kvc927oMxzwd9vdDmdLM4zVEK7TYtlT2d5s" /> <div id="main-header"> 2494 <main-header></main-header> 2495 <common-components></common-components> 2496 </div> 2497 2498 <div class="h-auto"> 2499 <div class=" Website_Gemini_header_Utility_body "> 2500 2501 2502 <div id="disasterBanner"></div> 2503 2504
2505<script> 2506 let isIframe = window.location !== window.parent.location; 2507 if(isIframe){ 2508 const injectCSS = css => { 2509 let el = document.createElement('style'); 2510 el.type = 'text/css'; 2511 el.innerText = css; 2512 document.head.appendChild(el); 2513 return el; 2514 }; 2515injectCSS(`#inventory-vehicle-header,.inventorynew-iframe,#rotational-banner-component{display:none}`); 2516 } 2517</script>
2517 2518 2519
2520<script type="text/javascript"> 2521 var paymentType = 'cash'; 2522 var inventoryType = 'new'; 2523 var selectedFilters = '{"AccountID":42268,"Type":"New","PaymentType":"cash","Years":null,"Locations":"","Makes":"Hyundai","Models":"","Trims":"","Colors":null,"InteriorColors":null,"IsCertified":false,"VehicleTypes":null,"Transmissions":null,"FuelTypes":null,"DriveTrains":null,"Beds":null,"DownPayment":0,"DueAtSigning":0,"PaymentMin":0,"PaymentMax":0,"OneOwner":false,"Page":0,"SortType":"priceltoh","SelectedNavText":"New Hyundai Inventory","MileageMin":0,"MileageMax":0,"NoCache":false,"SpecialFeild3":null,"Engines":null,"ReserveYourVehicleLink":null,"MasterTemplateId":22,"Comment1":null,"Comment2":null,"Comment3":null,"Comment4":null,"Comment20":null,"InTransit":true,"InProduction":true,"ShowFilters":false,"FeatureSubCategories":"","SelectedUrl":null,"InStock":true,"MPGHighway":0,"CertifiedTypes":"","SubaruEyeSight":false,"CampaignId":10138,"SubaruStarLink":false,"FordDirect_LOBTypeId":0,"Commercial":false,"IsElectric":false,"IsHybrid":false,"Fctp":null,"Lctp":null,"BlackLabel":false,"DateInStock":0,"MaxDaysInStock":0,"Vin":null,"Stock":null,"Courtesy":false,"HideExcludeVehicles":false,"EVDealer":true,"IsLoaner":false,"IsDemo":false,"ModelEFiltered":false,"PassengerCapacity":null,"ModelEGroupedAccounts":[],"SourceFrom":"inventorycontroller","HideFilters":false,"IsShowRoomPage":false,"InstalledPackageCategories":null,"UnGroup":false,"Cabs":null,"Customurlquerystring":"","Limit":0,"IsFromSeo":false,"GenericMakes":null,"GenericModels":null,"GenericTrims":null,"GenericColors":null,"Comment5":null,"ExcludeBrandFirst":false,"Doors":null,"InventoryFeedPageSize":0,"Comment10":null,"SrpSelectedTab":null,"IncludePriceStack":false,"FuelTypeModelPairs":null}'; 2524 var isLuxTemplate = 'False' == "True"; 2525 var resultCount = '329'; 2526 var enableVideoPopupForSRP = 'false' == "true"; 2527 var videoURLForSRP = ''; 2528 var videoCTANameForSRP = ''; 2529 var videoCTALinkForSRP = ''; 2530 var showFilters = 'False'; 2531 var srpFilterPosition = 'leftmultiselect'; 2532 var sonicDataLayerVehicleImpressions = ''; 2533 var filterSortListJson = '[{"Value":"inventoryoton","Text":"Oldest in inventory to newest in inventory","Selected":false,"Count":0,"Url":null},{"Value":"inventoryntoo","Text":"Newest in inventory to oldest in inventory","Selected":false,"Count":0,"Url":null},{"Value":"pricehtol","Text":"Price highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"priceltoh","Text":"Price lowest to highest","Selected":true,"Count":0,"Url":null},{"Value":"mileagehtol","Text":"Mileage highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"mileageltoh","Text":"Mileage lowest to highest","Selected":false,"Count":0,"Url":null},{"Value":"yearltoh","Text":"Year lowest to highest","Selected":false,"Count":0,"Url":null},{"Value":"yearhtol","Text":"Year highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"alphabetical","Text":"Alphabetical","Selected":false,"Count":0,"Url":null}]'; 2534 var noVehiclesFound = 'false' == "true"; 2535 var bodyType = ''; 2536 var showTopMultiSelectionFilters = 'False'; 2537 var showFilterSectionAtLeft = 'False'; 2538 var expandModelFilters = 'false' === "true"; 2539 var ga4ASCDataLayerVehicle = '[{"item_category":"foreign","item_color":"Lunar White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A31TU462100","item_inventory_date":"2026/05/04","item_make":"Hyundai","item_model":"Venue","item_number":"26H1796","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25045},{"item_category":"foreign","item_color":"Abyss Black","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG7TU271890","item_inventory_date":"2026/07/29","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2179","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport","item_year":2026,"item_price":25855},{"item_category":"foreign","item_color":"Serenity White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG0TU238956","item_inventory_date":"2026/06/17","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2011","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport","item_year":2026,"item_price":26085},{"item_category":"foreign","item_color":"Serenity White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG4TU238720","item_inventory_date":"2026/06/15","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2000","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport","item_year":2026,"item_price":26130},{"item_category":"foreign","item_color":"Lunar White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A39TU495846","item_inventory_date":"2026/08/26","item_make":"Hyundai","item_model":"Venue","item_number":"26H2262","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25115},{"item_category":"foreign","item_color":"Serenity White","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG2TU260635","item_inventory_date":"2026/07/17","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2122","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26555},{"item_category":"foreign","item_color":"Amazon Gray","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG5TU288087","item_inventory_date":"2026/08/26","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2263","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26356},{"item_category":"foreign","item_color":"Abyss Black","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG8TU288097","item_inventory_date":"2026/08/27","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2267","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26365},{"item_category":"foreign","item_color":"Amazon Gray","item_condition":"new","item_fuel_type":"gas","item_id":"KMHLM4DG7TU290004","item_inventory_date":"2026/08/27","item_make":"Hyundai","item_model":"Elantra","item_number":"26H2268","item_payment":"cash","item_type":"Sedan","item_variant":"SEL Sport Plus","item_year":2026,"item_price":26365},{"item_category":"foreign","item_color":"Ecotronic Gray","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A3XTU496147","item_inventory_date":"2026/09/09","item_make":"Hyundai","item_model":"Venue","item_number":"26H2283","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25035},{"item_category":"foreign","item_color":"Shimmering Silver","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A36TU496338","item_inventory_date":"2026/09/10","item_make":"Hyundai","item_model":"Venue","item_number":"26H2297","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25035},{"item_category":"foreign","item_color":"Shimmering Silver","item_condition":"new","item_fuel_type":"gas","item_id":"KMHRC8A31TU495940","item_inventory_date":"2026/09/14","item_make":"Hyundai","item_model":"Venue","item_number":"26H2311","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2026,"item_price":25115}]'; 2540 var countColor = ''; 2541 var countHoverColor = ''; 2542 var showFctpFilter = 'false' == "true"; 2543 var priceTypeId = '2'; 2544 var showConditionalRebates = 'true' == "true"; 2545 var showTotalBeforeDiscounts = 'false' == "true"; 2546 var showRebatesDetails = 'true' == "true"; 2547 var showPackageSavingsDetails = 'false' == "true"; 2548 var showBlackLabelFilter = 'false' == "true"; 2549 var isCommercialPage = 'false' == "true"; 2550 var showCommercialFilter = 'true' == "true";
2551 var disableVehicleCountForPaymentFilter = 'false' == "true"; 2552 var enableBedLenghtFilter = 'false' == "true"; 2553 var hideConditionalRebatesTotal = 'false' == "true"; 2554 var conditionalRebatesBreakoutIncentives = 'true' == "true"; 2555 var showPlusAndMinus = 'true' == "true"; 2556 var SendLeadWithVehicle = 'false' == "true"; 2557 var SendLeadwithCar = 'false' == "true"; 2558 var expandVehicleTypeFilters = 'false' == "true"; 2559 var enableLESAVideosSRP = 'true' == "true"; 2560 var isSrp= 'true' == 'true'; 2561 var breadcrumbText = ''; 2562 var showCustomUrlBreadCrumb = 'True' === 'True'; 2563 var hideFilters = 'False' === 'True'; 2564 var enableUnityWorksIntegrationSrp = 'false' == "true"; 2565 var isShowRoomPage = 'False' === 'True'; 2566 var vehicleType = 'new'; 2567 var enableCabFilter = 'false' == "true"; 2568 var enableModelEBrochureOnSRP = 'false' == "true"; 2569 var isCleanSrpDesign = 'true' === 'true'; 2570 var srpDesignType = 'Clean Design'; 2571 var expandLocationFilters = 'false' === "true"; 2572 var expandSubaruLineupFilters = 'false' === "true"; 2573</script>
2573 2574 2575 2576<link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/newinventorylisting.css" rel="stylesheet" /> 2577<div class="inventory_listing dealer-id-42268 clean-design leftposition" id="newinventory"> 2578 <component :is="ctaComponentName" :lead-type-name="ctaButtonActionName" :srp="true" :vin="ctaVin" :term="term" :ctavin="ctaVin" :page="'srp'" :pricedetails="priceDetails" v-if="ctaComponentName" @hidemodal="ctaComponentName = ''" :ctadealerid="ctaDealerID" :details="priceDetails"></component> 2579 <div class="border-top bgcolor-primary _msbi_background_color _theme_top_border_color page-headline-wrapper" id="inventory-vehicle-header"> 2580 <h1 class="container mt-0 mb-0 py-4 _theme_font_bold ft-70 text-white page-headline-text" style="font-size: 20px;"> 2581 Buy a New Fuel-Efficient Hyundai Today in Bronx, NY 2582 </h1> 2583 </div> 2584 2585 <div class="inventorynew-iframe"> 2586 2587 2588 2589 2590 2591 2592 2593<div id="rotational-banner-component" class="image-rotational-banner banner-aspectratio banner-positon1 "> 2594 2595 2596 2597 2598 2599 2600 2601 <rotational-banner :sectionid="'5709553'" 2602 :hidearrows="'False'" 2603 :hidecontrols="'False'" 2604 :controlscolor="''" 2605 :banner-options="{ 2606 'desktopBannerImageSize':'large', 2607 'mobileBannerImageSize':'large' 2608 }" 2609 :automated-banner-options="{ 2610 'desktopBannerImageSize':'extra-large', 2611 'mobileBannerImageSize':'large' 2612 }" 2613 :apply-speed-values="1 == 1" 2614 :show-draft-preview="false" 2615 > 2616 </rotational-banner> 2617</div>
2618<script type="application/javascript"> 2619 var imageBannerType = "large"; 2620 var templateName = '_website_gemini.cshtml'; 2621 var rotationalBannerWidth = document.documentElement.clientWidth || window.innerWidth; 2622 var rotationalBannerHeight = parseInt((+rotationalBannerWidth * 1)/1); 2623 var isBmwBanners = false; 2624 2625 if (templateName === '_website_frame.cshtml' || templateName === '_website_bmw.cshtml') { 2626 isBmwBanners = true; 2627 } 2628 2629 2630 2631 2632 if (templateName !== '_website_paragon_primary.cshtml') { 2633 if ( imageBannerType && imageBannerType.toLowerCase() === 'large') { 2634 rotationalBannerHeight = parseInt((+rotationalBannerWidth * 4)/3); 2635 } else { 2636 rotationalBannerHeight = parseInt((+rotationalBannerWidth * 2)/3); 2637 } 2638 } 2639 if (isBmwBanners) { 2640 rotationalBannerHeight += 50; 2641 } 2642 2643 var domainName = window.location.origin; 2644 var domainEnvironment = 'Production'; 2645 var mobileBannerId = '0'; 2646 var enableWebsiteSpeed = 'True' === 'True'; 2647 2648 window.websitesDomain = false; 2649 if (enableWebsiteSpeed) { 2650 window.websitesDomain = true; 2651 } 2652 2653 if (rotationalBannerWidth <= 767 && websitesDomain) { 2654 if (window.location.pathname === '/') { 2655 var styleElement = document.createElement('style'); 2656 styleElement.innerHTML = "#rotational-banner-component.image-rotational-banner.banner-positon1 { width: "+rotationalBannerWidth+"px; height: "+(rotationalBannerHeight + 44)+"px; overflow: hidden}"; 2657 if (isBmwBanners) { 2658 styleElement.innerHTML += ".VueCarousel-wrapper { width: "+rotationalBannerWidth+"px; height: "+(rotationalBannerHeight - 50)+"px; overflow: hidden}" 2659 styleElement.innerHTML += ".carousel-list-items { height: 50px; overflow: hidden}" 2660 } 2661 document.head.appendChild(styleElement); 2662 2663 2664 } 2665 } 2666 2667</script>
2667 2668 </div> 2669 2670 2671 2672 2673 2674 2675 <div class="bgcolor-white w-100" id="inventory-vehicle-search"> 2676 <div class='container'> 2677 <div class="row"> 2678 <div class="col-md-12"> 2679 <div class="position-relative my-3"> 2680 <inventory-vehicle-search :isluxury="'False' === 'True'"> 2681 </inventory-vehicle-search> 2682 </div> 2683 <div class='w-100 ft-12 my-4 '> 2684 2685 <div class="d-flex justify-content-between"> 2686 <div class="d-md-flex align-items-center justify-content-between vehicle_results_block"> 2687 2688 <div @click="resetFilters('/inventory/new')" class="color-black no-hover hover-inherit text-uppercase vehicle_result_filter btn-websites button-link cursor-pointer "><strong>Reset Filters</strong></div> 2689 <div class="ml-lg-4 vehicle_results_label">Results: 329 Vehicles</div> 2690 </div> 2691 2692 2693 2694 <div id="sort-filter-section" class=" d-none d-lg-flex"> 2695 <div id="sort-filter-wrapper" class="ml-4 position-relative" v-click-outside="handleClickOutside"> 2696 <div id="sort-filter-container"> 2697 <span id="sort-filter-label" class="text-uppercase">Sort:</span> 2698 <a id="sort-filter-dropdown" href="" class="color-black no-hover hover-inherit" 2699 @click.prevent="clickPriceDropDown('price_sort_wrapper')">
2700 <strong id="sort-filter-label-2" class="text-uppercase">Price lowest to highest</strong> 2701 2702 <em id="sort-filter-icon" class="primaryicon-angle-down _theme_arrow_color"></em> 2703 </a> 2704 </div> 2705 <div id="price_sort_wrapper" class="position-absolute d-none" style="right: -20px;z-index: 98; top: 20px" v-if="showPriceDropdown"> 2706 <ul id="sort-filter-list" class="price_sort "> 2707 <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li> 2708 <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li> 2709 <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">Price highest to lowest</a></li> 2710 <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li> 2711 <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li> 2712 <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li> 2713 <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li> 2714 <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li> 2715 <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li> 2716 </ul> 2717 </div> 2718 2719 </div> 2720 </div> 2721 </div> 2722 2723 <div id="sort-filter-section-mobile" class="d-lg-none d-block mt-3 position-relative"> 2724 <div id="sort-filter-wrapper-mobile" class="d-flex mobile_filters_box justify-content-center"> 2725 <div id="sort-filter-container-mobile" class="flex-1 filter_heading py-1 mr-2 ft-18 text-center"> 2726 <a id="sort-filter-dropdown-mobile" class="d-block w-100 color-black no-hover cursor-pointer" @click.prevent="showTopFilters = true"> 2727 <em id="sort-filter-icon-mobile" class="primaryicon-filter"></em> <span>Filters</span> 2728 </a> 2729 </div> 2730 <div id="filter-heading-mobile" class="flex-1 filter_heading py-1 ml-2 ft-18 text-center"> 2731 <a id="filter-heading-mobile-dropdown" @click.prevent="clickPriceDropDown('price_left_mobile_sort_wrapper')" class="d-block w-100 color-black no-hover cursor-pointer"> 2732 <span id="sort-filter-label-2-mobile">Sort</span> 2733 </a> 2734 <div id="price_left_mobile_sort_wrapper" class="position-absolute d-none" style="right: 0px;z-index: 99; top: 40px" v-if="showPriceDropdown"> 2735 <ul id="sort-filter-list-mobile" class="price_sort ft-13"> 2736 <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li> 2737 <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li> 2738 <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">
2738Price highest to lowest</a></li> 2739 <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li> 2740 <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li> 2741 <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li> 2742 <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li> 2743 <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li> 2744 <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li> 2745 </ul> 2746 </div> 2747 </div> 2748 </div> 2749 </div> 2750 2751 </div> 2752 </div> 2753 </div> 2754 2755 </div> 2756 2757 </div> 2758 <div class="container-fluid"> 2759 <div class="row"> 2760
2761<script type="application/javascript"> 2762 var hideslider = 'True' === 'True'; 2763 var disableOneOwner = 'False' === 'True'; 2764 var showInTransitFilter = 'true' === 'true'; 2765 var showInStockFilter = 'true' === 'true'; 2766 var hideEngineSize = 'False' === 'True'; 2767 var showInProductionFilter = 'True' === 'True'; 2768 var hideLocationInGroupSRP = 'False' === 'True'; 2769 var locationFilterAtBottom = 'False' === 'True'; 2770 var enableKeyFeaturesOnNewSrp = 'True' === 'True'; 2771 var enableKeyFeaturesOnUsedSrp = 'True' === 'True'; 2772 var enableInstalledPackagesOnSrp = 'False' === 'True'; 2773 var hideDriveTrain = 'false' === 'true'; 2774 var hideTransmission = 'false' === 'true'; 2775 var hidePriceSliderSrp = 'false' === 'true'; 2776 var hideMoreFiltersSrp = 'false' === 'true'; 2777 var hideBodyTypeOnFilter = 'false' === 'true'; 2778 var hideFuelTypeOnFilter = 'false' === 'true'; 2779 var hideDoorsFilterSrp = 'false' === 'true'; 2780</script>
2780 2781 2782 2783<div class='bg-white col-12 col-lg-3 col-xl-2 inventory-left-multiselect-filters'> 2784 2785 <inventory-filters-container :isleftmultifilter="true" :selectedfiltersobj="{"AccountID":42268,"Type":"New","PaymentType":"cash","Years":null,"Locations":"","Makes":"Hyundai","Models":"","Trims":"","Colors":null,"InteriorColors":null,"IsCertified":false,"VehicleTypes":null,"Transmissions":null,"FuelTypes":null,"DriveTrains":null,"Beds":null,"DownPayment":0,"DueAtSigning":0,"PaymentMin":0,"PaymentMax":0,"OneOwner":false,"Page":0,"SortType":"priceltoh","SelectedNavText":"New Hyundai Inventory","MileageMin":0,"MileageMax":0,"NoCache":false,"SpecialFeild3":null,"Engines":null,"ReserveYourVehicleLink":null,"MasterTemplateId":22,"Comment1":null,"Comment2":null,"Comment3":null,"Comment4":null,"Comment20":null,"InTransit":true,"InProduction":true,"ShowFilters":false,"FeatureSubCategories":"","SelectedUrl":null,"InStock":true,"MPGHighway":0,"CertifiedTypes":"","SubaruEyeSight":false,"CampaignId":10138,"SubaruStarLink":false,"FordDirect_LOBTypeId":0,"Commercial":false,"IsElectric":false,"IsHybrid":false,"Fctp":null,"Lctp":null,"BlackLabel":false,"DateInStock":0,"MaxDaysInStock":0,"Vin":null,"Stock":null,"Courtesy":false,"HideExcludeVehicles":false,"EVDealer":true,"IsLoaner":false,"IsDemo":false,"ModelEFiltered":false,"PassengerCapacity":null,"ModelEGroupedAccounts":[],"SourceFrom":"inventorycontroller","HideFilters":false,"IsShowRoomPage":false,"InstalledPackageCategories":null,"UnGroup":false,"Cabs":null,"Customurlquerystring":"","Limit":0,"IsFromSeo":false,"GenericMakes":null,"GenericModels":null,"GenericTrims":null,"GenericColors":null,"Comment5":null,"ExcludeBrandFirst":false,"Doors":null,"InventoryFeedPageSize":0,"Comment10":null,"SrpSelectedTab":null,"IncludePriceStack":false,"FuelTypeModelPairs":null}" ></inventory-filters-container> 2786 2787</div> 2788 2789 <div id="inventorynew-custom-iframe" class="col-12 vehicles-section col-12 col-lg-9 col-xl-10"> 2790 <div> 2791 <custom-url-breadcrumb></custom-url-breadcrumb> 2792 <inventory-left-filters-breadcrumbs></inventory-left-filters-breadcrumbs> 2793 </div> 2794 <div class="d-flex justify-content-between"> 2795 2796 <div class='d-md-flex align-items-center justify-content-between vehicle_results_block ml-0 ml-lg-3 ft-12 mt-2'> 2797 2798 </div> 2799 <div class="mt-2 d-flex justify-content-end"> 2800 2801<div> 2802 <ul class="inventory-pagination pagination m-0"> 2803 2804 <li class="page-item active"> 2805 <a @Click="paginationClick(`page 1`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=1" 2806 rel="">1</a> 2807 </li> 2808 <li class="page-item "> 2809 <a @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2" 2810 rel="next">2</a> 2811 </li> 2812 <li class="page-item "> 2813 <a @Click="paginationClick(`page 3`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=3`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=3" 2814 rel="">3</a> 2815 </li> 2816 <li class="page-item "> 2817 <a @Click="paginationClick(`page 4`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=4`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=4" 2818 rel="">4</a> 2819 </li> 2820 <li class="page-item "> 2821 <a @Click="paginationClick(`page 5`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=5`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=5" 2822 rel="">5</a> 2823 </li> 2824 <li class="page-item "> 2825 <a @Click="paginationClick(`page 6`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=6`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=6" 2826 rel="">6</a> 2827 </li> 2828 <li class="page-item "> 2829 <a @Click="paginationClick(`page 7`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=7`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=7" 2830 rel="">7</a> 2831 </li> 2832 <li class="page-item "> 2833 <a @Click="paginationClick(`page 8`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=8`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=8" 2834 rel="">8</a> 2835 </li> 2836 <li class="page-item "> 2837 <a @Click="paginationClick(`page 9`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=9`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=9" 2838 rel="">9</a> 2839 </li> 2840 <li class="page-item "> 2841 <a @Click="paginationClick(`page 10`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=10`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=10" 2842 rel="">10</a> 2843 </li> 2844 2845 <li class="page-item"> 2846 <a @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2" rel="" aria-label="Go to next page"><em class="primaryicon-right-arrow" aria-hidden="true"></em></a> 2847 </li> 2848 <li class="page-item"> 2849 <a @Click="paginationClick(`page 28`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=28`)" class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=28" rel="" aria-label="Go to last page"><em class="primaryicon-right-arrow" aria-hidden="true"></em><em class="primaryicon-right-arrow" aria-hidden="true"></em></a> 2850 </li> 2851 2852 </ul> 2853</div> 2854 2855 </div> 2856 </div> 2857 2858 <div class="row mb-5 mt-2 srp-vehicles-container" v-match-heights="matchHeightData"> 2859 2860 2861 2862<text-modal :text="disclaimer" @hidemodal="showDisclaimer=false" :title="disclaimerHeading ? disclaimerHeading:'Disclosure'" v-if="showDisclaimer"></text-modal> 2863<hover-modal :disclaimer-data="hoverDisclaimerData" v-show="isModalVisible"></hover-modal> 2864 2865
2866<script> 2867 var IncentiveSource = 'AIS'; 2868 var isFdDealer = 'false' === "true"; 2869 var vehicleVinsAndDealerIds = 'KMHRC8A31TU462100+42268,KMHLM4DG7TU271890+42268,KMHLM4DG0TU238956+42268,KMHLM4DG4TU238720+42268,KMHRC8A39TU495846+42268,KMHLM4DG2TU260635+42268,KMHLM4DG5TU288087+42268,KMHLM4DG8TU288097+42268,KMHLM4DG7TU290004+42268,KMHRC8A3XTU496147+42268,KMHRC8A36TU496338+42268,KMHRC8A31TU495940+42268'; 2870 var enableSRPFiltersOnElastic = 'True' === 'True'; 2871 var elasticFallbackToDb = 'False' === 'True'; 2872 var checkSpecialVehicles=''; 2873 var inventoryModels = '[{"Model":"Venue","Year":"2026","VIN":null,"InstalledPackages":null,"StyleId":null},{"Model":"Elantra","Year":"2026","VIN":null,"InstalledPackages":null,"StyleId":null}]'; 2874</script>
2874 2875 2876<div class="srp-results-list"> 2877
2877<script type="application/javascript"> 2878 2879 var rebatesString = "[]"; 2880 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 2881 localStorage.setItem("KMHRC8A31TU462100-rebates", formattedRebatesString); 2882 2883 </script>
2883 2884<div data-itemid="Hyundai-Venue-SEL-KMHRC8A31TU462100" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 2885 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A31TU462100", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "0",msrp:"25045",yourPrice:"23470",sellingPrice:"23295",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A31TU462100", $event,{styleId:"477903"})' 2886 @mouseleave="clearMouseHoverValue()" 2887 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 2888 used-large-box" style="height: 100%;"> 2889 2890 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 2891 <div class="position-relative"> 2892 <div class="srp-top-badges"> 2893 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 2894 <div class="d-flex align-items-center gap-10"> 2895 </div> 2896 </div> 2897 2898 </div> 2899 2900 2901 <div id="EZ360_CVDP"></div> 2902 2903 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 2904 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A31TU462100'" class="vehicle-box__image"> 2905 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU462100&vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=SAW&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 2906 title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL" 2907 @mouseover="srpImageHover('477903', 'KMHRC8A31TU462100', 'color=SAW')" /> 2908 2909 </div> 2910 2911 <div class="dp-srp-evox-media-KMHRC8A31TU462100" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A31TU462100'"></div> 2912 2913 <div class="vehicle-info-icon"> 2914 <em 2915 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A31TU462100')" 2916 class="primaryicon-options-btn-new info-icon-css" 2917 data-vin="KMHRC8A31TU462100" 2918 tabindex="0" 2919 role="button" 2920 aria-label="Vehicle info" 2921 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU462100')" 2922 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU462100')" 2923 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 2924 </div> 2925 </div> 2926 2927 2928 <div class="vehiclebox-info-section p-3"> 2929 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 2930 <div class="d-flex"> 2931 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 2932 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 2933 2026 Hyundai Venue SEL 2934 </h2> 2935 </div> 2936 </div> 2937 </div> 2938 2939 <div class="vehicle-summary-section mt-3 "> 2940 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 2941 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 2942 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp)'> 2943 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 2944 <div class="mr-2" style="color:#002
2944C5E"> 2945 <span id="kmhrc8a31tu462100-price-summary-label">Your Price</span> 2946 </div> 2947 <div id="kmhrc8a31tu462100-price-summary-value" class=" " style="color:#002C5E">$23,470</div> 2948 </div> 2949 2950 </div> 2951 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp )'> 2952 <div v-if="!unlockHideMsrp"> 2953 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 2954 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 2955 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,045</div> 2956 </div> 2957 </div> 2958 2959 </div> 2960 </div> 2961 2962 </div> 2963 2964 <template v-if="true"> 2965 <div class="vehicle-summary-cta flex-1"> 2966 <object> 2967 <div class="primary-button-parent unlock-discount"> 2968 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 2969 term="72" 2970 payment-type="cash" 2971 down-payment="3756.0" 2972 miles="7" 2973 lender-number="103" 2974 msrp="25045" 2975 rebates="0" 2976 page-type="srp" 2977 vin=KMHRC8A31TU462100 2978 :your-price=23470 2979 style-id=477903 2980 vdp-account-id=42268 2981 :page-reload="false" 2982 :price-unlocked-vins="priceUnlockedVins" 2983 @loadpayments="loadPaymentsForUnlockDiscount" 2984 :feature-cta-image-id="0" 2985 inventory-type=new></unlock-discount> 2986 </div> 2987 2988 </object> 2989 </div> 2990 </template> 2991 </div> 2992<div class="color-black ft-16 mt-1"> 2993 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 2994 Disclosure 2995 </div> 2996</div> 2997 2998 <div class="color-black ft-12 d-flex gap-5 mt-2"> 2999 <div class="color-gray">Location:</div> 3000 <div>City World Hyundai</div> 3001 </div> 3002 3003 <div class="show section-separator my-4"></div> 3004 3005 3006 <template v-if="true"> 3007 <object> 3008 <div class="app-level-cta-container"> 3009 3010 3011 <div class="primary-button-parent srp-view-details-transact-button-container"> 3012 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3012ort-utility?type=lease#Transact" target="_self" 3013 @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A31TU462100");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")' 3014 @keydown.space.prevent="$event.currentTarget.click()" 3015 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 3016 bgcolor-primary " 3017 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 3018 Explore Payment Options 3019 </a> 3020 </div> 3021 3022 3023 3024 3025 3026 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A31TU462100","false"==="true"))' class="primary-button-parent"> 3027 <a :style="ctaBtnStyles" 3028 tabindex="0" role="button" 3029 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU462100", "New")' 3030 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU462100", "New")' 3031 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 3032 {{inventorySettings.data.buttonLabel}} 3033 </a> 3034 </div> 3035 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 3036 <a v-if="applySecondaryDesign" href="" 3037 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 3038 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3039 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3040 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3040ort-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3041 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3042 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 3043 <a v-else href="" 3044 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 3045 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3046 @click.prevent=" 3047 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3048 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3049 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3050 @mouseover="onCTABtnHover('', '', '', $event)"> 3051 Value Your Trade 3052 </a> 3053 </div> 3054 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 3055 <a v-if="applySecondaryDesign" href="" 3056 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 3057 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3058 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3058ort-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3059 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3060 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3061 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 3062 <a v-else href="" 3063 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 3064 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3065 @click.prevent=" 3066 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3067 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU462100","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H1796","CustomCTAOnClick":""}', $event)" 3068 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3069 @mouseover="onCTABtnHover('', '', '', $event)"> 3070 Check Availability 3071 </a> 3072 </div> 3073 3074 3075 3076 3077 </div> 3078 </object> 3079 </template> 3080 3081 <div class="mt-3"> 3082 3083 3084 <div class="inventory-btns" style="width:100%;" v-cloak> 3085 3086 3087 <object class="d-flex flex-column primary-inventory-btn-group"> 3088 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 3089 <div class="pi-pullup-container"></div> 3090 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 3091 3092 <div class="dvs_vin_btn" vin="KMHRC8A31TU462100"></div> 3093 3094 3095 3096 <div class="d-flex mt-2 primary-button-parent"> 3097 <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A31TU462100" 3098 style="color: initial; background-color: initial;" 3099 @mouseleave="onRoadSterButtonLeave('','', $event)" 3100 @mouseover="onRoadSterButtonHover('','', $event)" 3101 @keydown.space.prevent="$event.currentTarget.click()" 3102 class="bgcolor-primary 3103 w-100 3104 d-flex 3105 justify-content-center 3106 align-items-center 3107 payment-panel-rounded-buttons 3108 text-white text-center 3109 no-hover 3110 rounded-buttons py-2 px-2 3111 roadster-btn ft-12 mx-1 btn-pd-0 3112 ">Search Payments </a> 3113 </div> 3114 3115 3116 3117 </object> 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 </div> 3138 3139 3140 <div class="my-2 w-100 text-center"> 3141 <div class="les_video" les_vin="KMHRC8A31TU462100"></div> 3142 </div> 3143 3144 3145 3146 3147 </div> 3148 3149 <active-engage-widget v-if="isEnableActivEngageSrp" 3150 custom-class="py-2 ft-12"></active-engage-widget> 3151 <div class="srp-tabs-section mt-3"> 3152 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 3153 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details' }" 3154 tabindex="0" role="tab" 3155 aria-label="Details" 3156 :aria-selected="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details'" 3157 aria-controls="tab-panel-details-KMHRC8A31TU462100" 3158 @click.stop.prevent="setActiveTab('details', 'KMHRC8A31TU462100')" 3159 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A31TU462100')"> 3160 Details 3161 </div> 3162 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments' }" 3163 tabindex="0" role="tab" 3164 aria-label="Pricing" 3165 :aria-selected="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments'" 3166 aria-controls="tab-panel-payments-KMHRC8A31TU462100" 3167 @click.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU462100')" 3168 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU462100')"> 3169 Pricing 3170 </div> 3171 </div> 3172 3173 <div class="srp-tab-content"> 3174 <div :class="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A31TU462100" aria-label="Details"> 3175 <div class="vehicle-details-list"> 3176 3177 <div class="details-item-row "> 3178 <div class="vin details-item-label text-uppercase">vin </div> 3179 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 3180 <div id="copy_vin" class="d-inline">KMHRC8A31TU462100</div> 3181 </div> 3182 </div> 3183 3184 <div class="details-item-row"> 3185 <div class="details-item-label">Stock #</div> 3186 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 3187 <div id="copy_stock" class="d-inline">26H1796</div> 3188 </div> 3189 </div> 3190 3191 3192 3193 <div class="details-item-row"> 3194 <div class="details-item-label">Model Code</div> 3195 <div class="details-item-value">#VN2AFD56W5A5</div> 3196 </div> 3197 3198 <div class="details-item-row"> 3199 <div class="details-item-label">Exterior</div> 3200 <div class="details-item-value d-flex align-items-center"> 3201 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAECEB; border-radius: 50%"></div> 3202 <div class="ml-2">Lunar White</div> 3203 </div> 3204 </div> 3205 3206 <div class="details-item-row"> 3207 <div class="details-item-label">Interior</div> 3208 <div class="details-item-value d-flex align-items-center"> 3209 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div> 3210 <div class="ml-2 interior-word-break">Gray</div> 3211 </div> 3212 </div> 3213 3214 <div class="details-item-row"> 3215 <div class="details-item-label">Drivetrain</div> 3216 <div class="details-item-value">FWD</div> 3217 </div> 3218 3219 <div class="details-item-row"> 3220 <div class="details-item-label">Engine</div> 3221 <div class="details-item-value">
3221Regular Gasoline I-4 1.6 L/98</div> 3222 </div> 3223 <div class="details-item-row"> 3224 <div class="details-item-label">Transmission</div> 3225 <div class="details-item-value">CVT</div> 3226 </div> 3227 3228 </div> 3229 3230 </div> 3231 <div :class="(activeTabsByVin['KMHRC8A31TU462100'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A31TU462100" aria-label="Pricing"> 3232 <div class="msrppanel-label"> 3233 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):showMsrp)'> 3234 3235 3236 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25045' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 3237 <div class="d-flex align-items-center align-text-gird srp-msrp "> 3238 3239 3240<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')"> 3241 MSRP 3242</div> 3243<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,045</div> 3244 3245 3246 </div> 3247 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$1,750</span></div> 3248 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 3249 <span>Total Fee</span> 3250 <span class="d-flex pl-2"> 3251 +$175 3252 <span class="mt-1 ml-2 p-0 no-padding"> 3253 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
3253Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 3254 </span> 3255 </span> 3256 </div> 3257 <div id="kmhrc8a31tu462100-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 3258 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 3259 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 3260 </span> 3261 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a31tu462100-unlock-discount-price"></label></span> 3262 </div> 3263 <div id="kmhrc8a31tu462100-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 3264 <div class="mr-2" style="color:#002C5E"> 3265 <span id="kmhrc8a31tu462100-selling-price-label" class="p-0">Your Price</span> 3266 </div> 3267 <div id="kmhrc8a31tu462100-your-price-hide" class=" " style="color:#002C5E">$23,470</div> 3268 </div> 3269 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 3270 <div class="mr-2" style="color:#002C5E"> 3271 <span id="kmhrc8a31tu462100-selling-price-label" class="p-0">Your Price</span> 3272 </div> 3273 <div id="kmhrc8a31tu462100-your-price" class=" " style="color:#002C5E">$23,470</div> 3274 </div> 3275 3276 3277 3278 3279 <total-incentive-discount qualified-data='[{"Vin":"KMHRC8A31TU462100","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
3279dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHRC8A31TU462100","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
3279StopDate":"9/30/2026"},{"Vin":"KMHRC8A31TU462100","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 3280 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 3281 :pricedata="{'msrp':'25045','yourPrice':'23470'}" 3282 :showfinalconditionalpricesrp="'False' === 'True'" 3283 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 3284 <div class="color-black ft-16 mt-1"> 3285 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 3286 Disclosure 3287 </div> 3288</div> 3289 3290 </div> 3291 3292 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU462100", "false"==="true"):!showMsrp )'> 3293 <div v-if="!unlockHideMsrp"> 3294 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25045' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 3295 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 3296 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 3297 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,045</div> 3298 </div> 3299 </div> 3300 3301 </div> 3302 </div> 3303 </div> 3304 </div> 3305 </div> 3306 <div id="cta-params-KMHRC8A31TU462100" 3307 data-cta-params="{"priceLabel":"Price","priceValue":23470.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 3308 </div> 3309 3310 <div> 3311 3312 <vehicle-badges model="Venue" 3313 :current="'srp'" 3314 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 3315 :eyesight="''" 3316 :starlink="''" 3317 :von="''" 3318 :onorder="''"
3319 :vin="'KMHRC8A31TU462100'" 3320 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease'" 3321 :vehicle-badges-top-srp="'False'" 3322 :year="'2026'" 3323 :in-transit-background-color-srp="''" 3324 :in-transit-badge-color-srp="''" 3325 :in-production-background-color-srp="''" 3326 :in-production-badge-color-srp="''" 3327 @opendisclaimer="openDisclaimerPopup($event)"> 3328 </vehicle-badges> 3329 3330 <div class="d-flex flex-wrap"> 3331 3332 3333 3334 3335 3336 3337 3338 </div> 3339 </div> 3340 3341 3342 3343 <div class="d-flex flex-wrap srp-certified-img-section"> 3344 3345 3346 3347 3348 3349 3350 3351 3352 </div> 3353 3354 <div v-if="currentTheme == 'subaru'" class="mt-3"> 3355 <subaru-badge-new model="Venue" 3356 year="2026" 3357 make="Hyundai" 3358 type="New" 3359 :current="'srp'" 3360 :transit="'False'" 3361 :eyesight="''" 3362 :starlink="''" 3363 :von="''" 3364 :onorder="''" 3365 :vin="'KMHRC8A31TU462100'" 3366 :hide-in-transit="'False'" 3367 :vehicle-badges-top-srp="'False'" 3368 :subaru-consumer-report-class="''" 3369 :in-transit-background-color-srp="''" 3370 :in-transit-badge-color-srp="''" 3371 > 3372 </subaru-badge-new> 3373 </div> 3374 3375 </div> 3376 </div> 3377 3378 3379 3380 </div> 3381 </a> 3382 <template v-if="true"> 3383 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 3384 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A31TU462100'" class="vehicle-data-overlay-container" 3385 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 3386 @keydown.esc.prevent="closeDetailsOverlay()" 3387 @keydown.tab="srpOverlayTrapFocus($event)"> 3388 <div class="vehicle-overlay-data"> 3389 <div class="srp-overlay-options"> 3390 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 3391 <div class="d-flex align-items-center" style="gap: 20px;"> 3392 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 3393 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 3394 <h3 class="mb-0">Options</h3> 3395 </div> 3396 <div> 3397 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 3398 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 3399 </div> 3400 </div> 3401 3402 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 3403 <div class="overlay-nav-items px-3 pt-4"> 3404 <div class="d-flex overlay-nav-item" tabindex="0" 3405 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: '
3405share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: 'share-options', label: 'Share' })"> 3406 <em class="primaryicon-share-icon"></em> 3407 <span>Share</span> 3408 </div> 3409 3410 <div class="d-flex overlay-nav-item" 3411 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU462100', overlayType: 'key-features', label: 'Key Features' })"> 3412 <em class="primaryicon-key-features-icon"></em> 3413 <span>Key Features</span> 3414 </div> 3415 </div> 3416 3417 <div class="pt-4 px-3 mt-3"> 3418 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility?type=lease")' target="_self" 3419 @keydown.space.prevent="$event.currentTarget.click()" 3420 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 3421 View Details 3422 </a> 3423 </div> 3424 </div> 3425 </div> 3426 </div> 3427 </div> 3428 </transition> 3429 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 3430 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A31TU462100'" 3431 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 3432 @keydown.esc.prevent="navigateToDetailsOverlay()" 3433 @keydown.tab="srpOverlayTrapFocus($event)"> 3434 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 3435 <div class="d-flex align-items-center" style="gap: 20px;"> 3436 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 3437 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 3438 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 3439 </div> 3440 <div> 3441 <em class="primaryicon-close-icon-gray" 3442 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 3443 </div> 3444 </div> 3445 <div class="mt-3 pt-4 overlay-section-links"> 3446 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 3447 <template v-if="!isLoadingOverlayDetails"> 3448 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 3449 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sp
3449ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options> 3450 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 3451 </template> 3452 </div> 3453 </div> 3454 </transition> 3455 </template> 3456 </div> 3457
3457<script type="application/javascript"> 3458 3459 var rebatesString = "[{"DiscountBonus":1000.0,"DiscountBonusDescription":"Retail Bonus Cash","Disclaimer":"Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between September 9, 2026 and September 30, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends September 30, 2026."}]"; 3460 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 3461 localStorage.setItem("KMHLM4DG7TU271890-rebates", formattedRebatesString); 3462 3463 </script>
3463 3464<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG7TU271890" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 3465 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG7TU271890", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "1",msrp:"25855",yourPrice:"24358",sellingPrice:"25183",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG7TU271890", $event,{styleId:"487085"})' 3466 @mouseleave="clearMouseHoverValue()" 3467 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 3468 used-large-box" style="height: 100%;"> 3469 3470 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 3471 <div class="position-relative"> 3472 <div class="srp-top-badges"> 3473 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 3474 <div class="d-flex align-items-center gap-10"> 3475 </div> 3476 </div> 3477 3478 </div> 3479 3480 3481 <div id="EZ360_CVDP"></div> 3482 3483 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 3484 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG7TU271890'" class="vehicle-box__image"> 3485 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU271890&vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A2B&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 3486 title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport" 3487 @mouseover="srpImageHover('487085', 'KMHLM4DG7TU271890', 'color=A2B')" /> 3488 3489 </div> 3490 3491 <div class="dp-srp-evox-media-KMHLM4DG7TU271890" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG7TU271890'"></div> 3492 3493 <div class="vehicle-info-icon"> 3494 <em 3495 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG7TU271890')" 3496 class="primaryicon-options-btn-new info-icon-css" 3497 data-vin="KMHLM4DG7TU271890" 3498 tabindex="0" 3499 role="button" 3500 aria-label="Vehicle info" 3501 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU271890')" 3502 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU271890')" 3503 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 3504 </div> 3505 </div> 3506 3507 3508 <div class="vehiclebox-info-section p-3"> 3509 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 3510 <div class="d-flex"> 3511 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 3512 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 3513 2026 Hyundai Elantra SEL Sport 3514 </h2> 3515 </div> 3516 </div> 3517 </div> 3518 3519 <div class="vehicle-summary-section mt-3 "> 3520 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 3521 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 3522 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp)'> 3523 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 3524 <div class="mr-2" style="color:#002
3524C5E"> 3525 <span id="kmhlm4dg7tu271890-price-summary-label">Your Price</span> 3526 </div> 3527 <div id="kmhlm4dg7tu271890-price-summary-value" class=" " style="color:#002C5E">$24,358</div> 3528 </div> 3529 3530 </div> 3531 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp )'> 3532 <div v-if="!unlockHideMsrp"> 3533 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 3534 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 3535 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,855</div> 3536 </div> 3537 </div> 3538 3539 </div> 3540 </div> 3541 3542 </div> 3543 3544 <template v-if="true"> 3545 <div class="vehicle-summary-cta flex-1"> 3546 <object> 3547 <div class="primary-button-parent unlock-discount"> 3548 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 3549 term="72" 3550 payment-type="cash" 3551 down-payment="3878.0" 3552 miles="6" 3553 lender-number="103" 3554 msrp="25855" 3555 rebates="1000" 3556 page-type="srp" 3557 vin=KMHLM4DG7TU271890 3558 :your-price=24358 3559 style-id=487085 3560 vdp-account-id=42268 3561 :page-reload="false" 3562 :price-unlocked-vins="priceUnlockedVins" 3563 @loadpayments="loadPaymentsForUnlockDiscount" 3564 :feature-cta-image-id="0" 3565 inventory-type=new></unlock-discount> 3566 </div> 3567 3568 </object> 3569 </div> 3570 </template> 3571 </div> 3572<div class="color-black ft-16 mt-1"> 3573 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 3574 Disclosure 3575 </div> 3576</div> 3577 3578 <div class="color-black ft-12 d-flex gap-5 mt-2"> 3579 <div class="color-gray">Location:</div> 3580 <div>City World Hyundai</div> 3581 </div> 3582 3583 <div class="show section-separator my-4"></div> 3584 3585 3586 <template v-if="true"> 3587 <object> 3588 <div class="app-level-cta-container"> 3589 3590 3591 <div class="primary-button-parent srp-view-details-transact-button-container"> 3592 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self" 3593 @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG7TU271890");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")' 3594 @keydown.space.prevent="$event.currentTarget.click()" 3595 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 3596 bgcolor-primary " 3597 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 3598 Explore Payment Options 3599 </a> 3600 </div> 3601 3602 3603 3604 3605 3606 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG7TU271890","false"==="true"))' class="primary-button-parent"> 3607 <a :style="ctaBtnStyles" 3608 tabindex="0" role="button" 3609 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU271890", "New")' 3610 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU271890", "New")' 3611 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 3612 {{inventorySettings.data.buttonLabel}} 3613 </a> 3614 </div> 3615 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 3616 <a v-if="applySecondary
3616Design" href="" 3617 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 3618 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3619 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3620 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3621 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3622 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 3623 <a v-else href="" 3624 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 3625 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3626 @click.prevent=" 3627 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3628 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3629 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3630 @mouseover="onCTABtnHover('', '', '', $event)"> 3631 Value Your Trade 3632 </a> 3633 </div> 3634 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 3635 <a v-if="applySecondary
3635Design" href="" 3636 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 3637 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3638 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3639 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3640 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3641 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 3642 <a v-else href="" 3643 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 3644 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 3645 @click.prevent=" 3646 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3647 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU271890","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2179","CustomCTAOnClick":""}', $event)" 3648 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 3649 @mouseover="onCTABtnHover('', '', '', $event)"> 3650 Check Availability 3651 </a> 3652 </div> 3653 3654 3655 3656 3657 </div> 3658 </object> 3659 </template> 3660 3661 <div class="mt-3"> 3662 3663 3664 <div class="inventory-btns" style="width:100%;" v-cloak> 3665 3666 3667 <object class="d-flex flex-column primary-inventory-btn-group"> 3668 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 3669 <div class="pi-pullup-container"></div> 3670 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 3671 3672 <div class="dvs_vin_btn" vin="KMHLM4DG7TU271890"></div> 3673 3674 3675 3676 <div class="d-flex mt-2 primary-button-parent"> 3677 <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG7TU271890" 3678 style="color: initial; background-color: initial;" 3679 @mouseleave="onRoadSterButtonLeave('','', $event)" 3680 @mouseover="onRoadSterButtonHover('','', $event)" 3681 @keydown.space.prevent="$event.currentTarget.click()" 3682 class="bgcolor-primary 3683 w-100 3684 d-flex 3685 justify-content-center 3686 align-items-center 3687 payment-panel-rounded-buttons 3688 text-white text-center 3689 no-hover 3690 rounded-buttons py-2 px-2 3691 roadster-btn ft-12 mx-1 btn-pd-0 3692 ">Search Payments </a> 3693 </div> 3694 3695 3696 3697 </object> 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 </div> 3718 3719 3720 <div class="my-2 w-100 text-center"> 3721 <div class="les_video" les_vin="KMHLM4DG7TU271890"></div> 3722 </div> 3723 3724 3725 3726 3727 </div> 3728 3729 <active-engage-widget v-if="isEnableActivEngageSrp" 3730 custom-class="py-2 ft-12"></active-engage-widget> 3731 <div class="srp-tabs-section mt-3"> 3732 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 3733 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details' }" 3734 tabindex="0" role="tab" 3735 aria-label="Details" 3736 :aria-selected="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details'" 3737 aria-controls="tab-panel-details-KMHLM4DG7TU271890" 3738 @click.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU271890')" 3739 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU271890')"> 3740 Details 3741 </div> 3742 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments' }" 3743 tabindex="0" role="tab" 3744 aria-label="Pricing" 3745 :aria-selected="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments'" 3746 aria-controls="tab-panel-payments-KMHLM4DG7TU271890" 3747 @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU271890')" 3748 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU271890')"> 3749 Pricing 3750 </div> 3751 </div> 3752 3753 <div class="srp-tab-content"> 3754 <div :class="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG7TU271890" aria-label="Details"> 3755 <div class="vehicle-details-list"> 3756 3757 <div class="details-item-row "> 3758 <div class="vin details-item-label text-uppercase">vin </div> 3759 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 3760 <div id="copy_vin" class="d-inline">KMHLM4DG7TU271890</div> 3761 </div> 3762 </div> 3763 3764 <div class="details-item-row"> 3765 <div class="details-item-label">Stock #</div> 3766 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 3767 <div id="copy_stock" class="d-inline">26H2179</div> 3768 </div> 3769 </div> 3770 3771 3772 3773 <div class="details-item-row"> 3774 <div class="details-item-label">Model Code</div> 3775 <div class="details-item-value">#ELFAF2J6S4AS</div> 3776 </div> 3777 3778 <div class="details-item-row"> 3779 <div class="details-item-label">Exterior</div> 3780 <div class="details-item-value d-flex align-items-center"> 3781 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #2C2D2E; border-radius: 50%"></div> 3782 <div class="ml-2">Abyss Black</div> 3783 </div> 3784 </div> 3785 3786 <div class="details-item-row"> 3787 <div class="details-item-label">Interior</div> 3788 <div class="details-item-value d-flex align-items-center"> 3789 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div> 3790 <div class="ml-2 interior-word-break">Black</div> 3791 </div> 3792 </div> 3793 3794 <div class="details-item-row"> 3795 <div class="details-item-label">Drivetrain</div> 3796 <div class="details-item-value">FWD</div> 3797 </div> 3798 3799 <div class="details-item-row"> 3800 <div class="details-item-label">Engine</div> 3801 <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div> 3802 </div> 3803 <div class="details-item-row"> 3804 <div class="details-item-label">Transmission</div> 3805 <div class="details-item-value">CVT</div> 3806 </div> 3807 3808 </div> 3809 3810 </div> 3811 <div :class="(activeTabsByVin['KMHLM4DG7TU271890'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG7TU271890" aria-label="Pricing"> 3812 <div class="msrppanel-label"> 3813 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):showMsrp)'> 3814 3815 3816 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25855' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 3817 <div class="d-flex align-items-center align-text-gird srp-msrp "> 3818 3819 3820<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
38202 ft-16" :style="getMSRPColor('')"> 3821 MSRP 3822</div> 3823<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,855</div> 3824 3825 3826 </div> 3827 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$672</span></div> 3828 <div class="grey-text vehiclebox-rebates align-text-gird "> 3829 <span> 3830 Retail Bonus Cash 3831 <custom-disclaimer-dialog type="srp" vin="KMHLM4DG7TU271890" disclaimerindex="0" /> 3832 </span> 3833 <span> -$1,000</span> 3834 </div> 3835 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 3836 <span>Total Fee</span> 3837 <span class="d-flex pl-2"> 3838 +$175 3839 <span class="mt-1 ml-2 p-0 no-padding"> 3840 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
3840Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 3841 </span> 3842 </span> 3843 </div> 3844 <div id="kmhlm4dg7tu271890-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 3845 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 3846 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 3847 </span> 3848 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg7tu271890-unlock-discount-price"></label></span> 3849 </div> 3850 <div id="kmhlm4dg7tu271890-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 3851 <div class="mr-2" style="color:#002C5E"> 3852 <span id="kmhlm4dg7tu271890-selling-price-label" class="p-0">Your Price</span> 3853 </div> 3854 <div id="kmhlm4dg7tu271890-your-price-hide" class=" " style="color:#002C5E">$24,358</div> 3855 </div> 3856 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 3857 <div class="mr-2" style="color:#002C5E"> 3858 <span id="kmhlm4dg7tu271890-selling-price-label" class="p-0">Your Price</span> 3859 </div> 3860 <div id="kmhlm4dg7tu271890-your-price" class=" " style="color:#002C5E">$24,358</div> 3861 </div> 3862 3863 3864 3865 3866 <total-incentive-discount qualified-data='[{"Vin":"KMHLM4DG7TU271890","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
3866dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHLM4DG7TU271890","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
3866StopDate":"9/30/2026"},{"Vin":"KMHLM4DG7TU271890","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 3867 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 3868 :pricedata="{'msrp':'25855','yourPrice':'24358'}" 3869 :showfinalconditionalpricesrp="'False' === 'True'" 3870 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 3871 <div class="color-black ft-16 mt-1"> 3872 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 3873 Disclosure 3874 </div> 3875</div> 3876 3877 </div> 3878 3879 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU271890", "false"==="true"):!showMsrp )'> 3880 <div v-if="!unlockHideMsrp"> 3881 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25855' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 3882 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 3883 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 3884 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,855</div> 3885 </div> 3886 </div> 3887 3888 </div> 3889 </div> 3890 </div> 3891 </div> 3892 </div> 3893 <div id="cta-params-KMHLM4DG7TU271890" 3894 data-cta-params="{"priceLabel":"Price","priceValue":24358.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 3895 </div> 3896 3897 <div> 3898 3899 <vehicle-badges model="Elantra" 3900 :current="'srp'" 3901 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 3902 :eyesight="''" 3903 :starlink="''" 3904 :von="''" 3905 :onorder="''"
3906 :vin="'KMHLM4DG7TU271890'" 3907 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease'" 3908 :vehicle-badges-top-srp="'False'" 3909 :year="'2026'" 3910 :in-transit-background-color-srp="''" 3911 :in-transit-badge-color-srp="''" 3912 :in-production-background-color-srp="''" 3913 :in-production-badge-color-srp="''" 3914 @opendisclaimer="openDisclaimerPopup($event)"> 3915 </vehicle-badges> 3916 3917 <div class="d-flex flex-wrap"> 3918 3919 3920 3921 3922 3923 3924 3925 </div> 3926 </div> 3927 3928 3929 3930 <div class="d-flex flex-wrap srp-certified-img-section"> 3931 3932 3933 3934 3935 3936 3937 3938 3939 </div> 3940 3941 <div v-if="currentTheme == 'subaru'" class="mt-3"> 3942 <subaru-badge-new model="Elantra" 3943 year="2026" 3944 make="Hyundai" 3945 type="New" 3946 :current="'srp'" 3947 :transit="'False'" 3948 :eyesight="''" 3949 :starlink="''" 3950 :von="''" 3951 :onorder="''" 3952 :vin="'KMHLM4DG7TU271890'" 3953 :hide-in-transit="'False'" 3954 :vehicle-badges-top-srp="'False'" 3955 :subaru-consumer-report-class="''" 3956 :in-transit-background-color-srp="''" 3957 :in-transit-badge-color-srp="''" 3958 > 3959 </subaru-badge-new> 3960 </div> 3961 3962 </div> 3963 </div> 3964 3965 3966 3967 </div> 3968 </a> 3969 <template v-if="true"> 3970 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 3971 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG7TU271890'" class="vehicle-data-overlay-container" 3972 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 3973 @keydown.esc.prevent="closeDetailsOverlay()" 3974 @keydown.tab="srpOverlayTrapFocus($event)"> 3975 <div class="vehicle-overlay-data"> 3976 <div class="srp-overlay-options"> 3977 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 3978 <div class="d-flex align-items-center" style="gap: 20px;"> 3979 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 3980 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 3981 <h3 class="mb-0">Options</h3> 3982 </div> 3983 <div> 3984 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 3985 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 3986 </div> 3987 </div> 3988 3989 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 3990 <div class="overlay-nav-items px-3 pt-4"> 3991 <div class="d-flex overlay-nav-item" tabindex="0" 3992 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: '
3992share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: 'share-options', label: 'Share' })"> 3993 <em class="primaryicon-share-icon"></em> 3994 <span>Share</span> 3995 </div> 3996 3997 <div class="d-flex overlay-nav-item" 3998 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU271890', overlayType: 'key-features', label: 'Key Features' })"> 3999 <em class="primaryicon-key-features-icon"></em> 4000 <span>Key Features</span> 4001 </div> 4002 </div> 4003 4004 <div class="pt-4 px-3 mt-3"> 4005 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease")' target="_self" 4006 @keydown.space.prevent="$event.currentTarget.click()" 4007 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 4008 View Details 4009 </a> 4010 </div> 4011 </div> 4012 </div> 4013 </div> 4014 </div> 4015 </transition> 4016 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 4017 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG7TU271890'" 4018 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 4019 @keydown.esc.prevent="navigateToDetailsOverlay()" 4020 @keydown.tab="srpOverlayTrapFocus($event)"> 4021 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 4022 <div class="d-flex align-items-center" style="gap: 20px;"> 4023 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 4024 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 4025 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 4026 </div> 4027 <div> 4028 <em class="primaryicon-close-icon-gray" 4029 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 4030 </div> 4031 </div> 4032 <div class="mt-3 pt-4 overlay-section-links"> 4033 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 4034 <template v-if="!isLoadingOverlayDetails"> 4035 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 4036 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options> 4037 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 4038 </template> 4039 </div> 4040 </div> 4041 </transition> 4042 </template> 4043 </div> 4044
4044<script type="application/javascript"> 4045 4046 var rebatesString = "[{"DiscountBonus":1000.0,"DiscountBonusDescription":"Retail Bonus Cash","Disclaimer":"Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between September 9, 2026 and September 30, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends September 30, 2026."}]"; 4047 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 4048 localStorage.setItem("KMHLM4DG0TU238956-rebates", formattedRebatesString); 4049 4050 </script>
4050 4051<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG0TU238956" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 4052 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG0TU238956", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "2",msrp:"26085",yourPrice:"24566",sellingPrice:"25391",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG0TU238956", $event,{styleId:"476722"})' 4053 @mouseleave="clearMouseHoverValue()" 4054 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 4055 used-large-box" style="height: 100%;"> 4056 4057 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 4058 <div class="position-relative"> 4059 <div class="srp-top-badges"> 4060 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 4061 <div class="d-flex align-items-center gap-10"> 4062 </div> 4063 </div> 4064 4065 </div> 4066 4067 4068 <div id="EZ360_CVDP"></div> 4069 4070 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 4071 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG0TU238956'" class="vehicle-box__image"> 4072 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&vin=KMHLM4DG0TU238956&vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=W6H&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 4073 title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport" 4074 @mouseover="srpImageHover('476722', 'KMHLM4DG0TU238956', 'color=W6H')" /> 4075 4076 </div> 4077 4078 <div class="dp-srp-evox-media-KMHLM4DG0TU238956" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG0TU238956'"></div> 4079 4080 <div class="vehicle-info-icon"> 4081 <em 4082 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG0TU238956')" 4083 class="primaryicon-options-btn-new info-icon-css" 4084 data-vin="KMHLM4DG0TU238956" 4085 tabindex="0" 4086 role="button" 4087 aria-label="Vehicle info" 4088 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG0TU238956')" 4089 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG0TU238956')" 4090 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 4091 </div> 4092 </div> 4093 4094 4095 <div class="vehiclebox-info-section p-3"> 4096 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 4097 <div class="d-flex"> 4098 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 4099 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 4100 2026 Hyundai Elantra SEL Sport 4101 </h2> 4102 </div> 4103 </div> 4104 </div> 4105 4106 <div class="vehicle-summary-section mt-3 "> 4107 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 4108 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 4109 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp)'> 4110 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 4111 <div class="mr-2" style="color:#002
4111C5E"> 4112 <span id="kmhlm4dg0tu238956-price-summary-label">Your Price</span> 4113 </div> 4114 <div id="kmhlm4dg0tu238956-price-summary-value" class=" " style="color:#002C5E">$24,566</div> 4115 </div> 4116 4117 </div> 4118 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp )'> 4119 <div v-if="!unlockHideMsrp"> 4120 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 4121 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 4122 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,085</div> 4123 </div> 4124 </div> 4125 4126 </div> 4127 </div> 4128 4129 </div> 4130 4131 <template v-if="true"> 4132 <div class="vehicle-summary-cta flex-1"> 4133 <object> 4134 <div class="primary-button-parent unlock-discount"> 4135 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 4136 term="72" 4137 payment-type="cash" 4138 down-payment="3912.0" 4139 miles="6" 4140 lender-number="103" 4141 msrp="26085" 4142 rebates="1000" 4143 page-type="srp" 4144 vin=KMHLM4DG0TU238956 4145 :your-price=24566 4146 style-id=476722 4147 vdp-account-id=42268 4148 :page-reload="false" 4149 :price-unlocked-vins="priceUnlockedVins" 4150 @loadpayments="loadPaymentsForUnlockDiscount" 4151 :feature-cta-image-id="0" 4152 inventory-type=new></unlock-discount> 4153 </div> 4154 4155 </object> 4156 </div> 4157 </template> 4158 </div> 4159<div class="color-black ft-16 mt-1"> 4160 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 4161 Disclosure 4162 </div> 4163</div> 4164 4165 <div class="color-black ft-12 d-flex gap-5 mt-2"> 4166 <div class="color-gray">Location:</div> 4167 <div>City World Hyundai</div> 4168 </div> 4169 4170 <div class="show section-separator my-4"></div> 4171 4172 4173 <template v-if="true"> 4174 <object> 4175 <div class="app-level-cta-container"> 4176 4177 4178 <div class="primary-button-parent srp-view-details-transact-button-container"> 4179 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self" 4180 @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG0TU238956");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")' 4181 @keydown.space.prevent="$event.currentTarget.click()" 4182 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 4183 bgcolor-primary " 4184 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 4185 Explore Payment Options 4186 </a> 4187 </div> 4188 4189 4190 4191 4192 4193 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG0TU238956","false"==="true"))' class="primary-button-parent"> 4194 <a :style="ctaBtnStyles" 4195 tabindex="0" role="button" 4196 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG0TU238956", "New")' 4197 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG0TU238956", "New")' 4198 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 4199 {{inventorySettings.data.buttonLabel}} 4200 </a> 4201 </div> 4202 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 4203 <a v-if="applySecondary
4203Design" href="" 4204 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 4205 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4206 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4207 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4208 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4209 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 4210 <a v-else href="" 4211 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 4212 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4213 @click.prevent=" 4214 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4215 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4216 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4217 @mouseover="onCTABtnHover('', '', '', $event)"> 4218 Value Your Trade 4219 </a> 4220 </div> 4221 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 4222 <a v-if="applySecondary
4222Design" href="" 4223 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 4224 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4225 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4226 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4227 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4228 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 4229 <a v-else href="" 4230 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 4231 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4232 @click.prevent=" 4233 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4234 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG0TU238956","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.21,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2011","CustomCTAOnClick":""}', $event)" 4235 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4236 @mouseover="onCTABtnHover('', '', '', $event)"> 4237 Check Availability 4238 </a> 4239 </div> 4240 4241 4242 4243 4244 </div> 4245 </object> 4246 </template> 4247 4248 <div class="mt-3"> 4249 4250 4251 <div class="inventory-btns" style="width:100%;" v-cloak> 4252 4253 4254 <object class="d-flex flex-column primary-inventory-btn-group"> 4255 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 4256 <div class="pi-pullup-container"></div> 4257 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 4258 4259 <div class="dvs_vin_btn" vin="KMHLM4DG0TU238956"></div> 4260 4261 4262 4263 <div class="d-flex mt-2 primary-button-parent"> 4264 <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG0TU238956" 4265 style="color: initial; background-color: initial;" 4266 @mouseleave="onRoadSterButtonLeave('','', $event)" 4267 @mouseover="onRoadSterButtonHover('','', $event)" 4268 @keydown.space.prevent="$event.currentTarget.click()" 4269 class="bgcolor-primary 4270 w-100 4271 d-flex 4272 justify-content-center 4273 align-items-center 4274 payment-panel-rounded-buttons 4275 text-white text-center 4276 no-hover 4277 rounded-buttons py-2 px-2 4278 roadster-btn ft-12 mx-1 btn-pd-0 4279 ">Search Payments </a> 4280 </div> 4281 4282 4283 4284 </object> 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 </div> 4305 4306 4307 <div class="my-2 w-100 text-center"> 4308 <div class="les_video" les_vin="KMHLM4DG0TU238956"></div> 4309 </div> 4310 4311 4312 4313 4314 </div> 4315 4316 <active-engage-widget v-if="isEnableActivEngageSrp" 4317 custom-class="py-2 ft-12"></active-engage-widget> 4318 <div class="srp-tabs-section mt-3"> 4319 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 4320 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details' }" 4321 tabindex="0" role="tab" 4322 aria-label="Details" 4323 :aria-selected="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details'" 4324 aria-controls="tab-panel-details-KMHLM4DG0TU238956" 4325 @click.stop.prevent="setActiveTab('details', 'KMHLM4DG0TU238956')" 4326 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG0TU238956')"> 4327 Details 4328 </div> 4329 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments' }" 4330 tabindex="0" role="tab" 4331 aria-label="Pricing" 4332 :aria-selected="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments'" 4333 aria-controls="tab-panel-payments-KMHLM4DG0TU238956" 4334 @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG0TU238956')" 4335 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG0TU238956')"> 4336 Pricing 4337 </div> 4338 </div> 4339 4340 <div class="srp-tab-content"> 4341 <div :class="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG0TU238956" aria-label="Details"> 4342 <div class="vehicle-details-list"> 4343 4344 <div class="details-item-row "> 4345 <div class="vin details-item-label text-uppercase">vin </div> 4346 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 4347 <div id="copy_vin" class="d-inline">KMHLM4DG0TU238956</div> 4348 </div> 4349 </div> 4350 4351 <div class="details-item-row"> 4352 <div class="details-item-label">Stock #</div> 4353 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 4354 <div id="copy_stock" class="d-inline">26H2011</div> 4355 </div> 4356 </div> 4357 4358 4359 4360 <div class="details-item-row"> 4361 <div class="details-item-label">Model Code</div> 4362 <div class="details-item-value">#ELGAF2J6S4AS</div> 4363 </div> 4364 4365 <div class="details-item-row"> 4366 <div class="details-item-label">Exterior</div> 4367 <div class="details-item-value d-flex align-items-center"> 4368 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div> 4369 <div class="ml-2">Serenity White</div> 4370 </div> 4371 </div> 4372 4373 <div class="details-item-row"> 4374 <div class="details-item-label">Interior</div> 4375 <div class="details-item-value d-flex align-items-center"> 4376 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div> 4377 <div class="ml-2 interior-word-break">Black</div> 4378 </div> 4379 </div> 4380 4381 <div class="details-item-row"> 4382 <div class="details-item-label">Drivetrain</div> 4383 <div class="details-item-value">FWD</div> 4384 </div> 4385 4386 <div class="details-item-row"> 4387 <div class="details-item-label">Engine</div> 4388 <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div> 4389 </div> 4390 <div class="details-item-row"> 4391 <div class="details-item-label">Transmission</div> 4392 <div class="details-item-value">CVT</div> 4393 </div> 4394 4395 </div> 4396 4397 </div> 4398 <div :class="(activeTabsByVin['KMHLM4DG0TU238956'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG0TU238956" aria-label="Pricing"> 4399 <div class="msrppanel-label"> 4400 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):showMsrp)'> 4401 4402 4403 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26085' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 4404 <div class="d-flex align-items-center align-text-gird srp-msrp "> 4405 4406 4407<div class="grey-text vehiclebox-msrp msrp_label_custom
4407mr-2 ft-16" :style="getMSRPColor('')"> 4408 MSRP 4409</div> 4410<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,085</div> 4411 4412 4413 </div> 4414 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$694</span></div> 4415 <div class="grey-text vehiclebox-rebates align-text-gird "> 4416 <span> 4417 Retail Bonus Cash 4418 <custom-disclaimer-dialog type="srp" vin="KMHLM4DG0TU238956" disclaimerindex="0" /> 4419 </span> 4420 <span> -$1,000</span> 4421 </div> 4422 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 4423 <span>Total Fee</span> 4424 <span class="d-flex pl-2"> 4425 +$175 4426 <span class="mt-1 ml-2 p-0 no-padding"> 4427 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
4427Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 4428 </span> 4429 </span> 4430 </div> 4431 <div id="kmhlm4dg0tu238956-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 4432 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 4433 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 4434 </span> 4435 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg0tu238956-unlock-discount-price"></label></span> 4436 </div> 4437 <div id="kmhlm4dg0tu238956-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 4438 <div class="mr-2" style="color:#002C5E"> 4439 <span id="kmhlm4dg0tu238956-selling-price-label" class="p-0">Your Price</span> 4440 </div> 4441 <div id="kmhlm4dg0tu238956-your-price-hide" class=" " style="color:#002C5E">$24,566</div> 4442 </div> 4443 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 4444 <div class="mr-2" style="color:#002C5E"> 4445 <span id="kmhlm4dg0tu238956-selling-price-label" class="p-0">Your Price</span> 4446 </div> 4447 <div id="kmhlm4dg0tu238956-your-price" class=" " style="color:#002C5E">$24,566</div> 4448 </div> 4449 4450 4451 4452 4453 <total-incentive-discount qualified-data='[{"Vin":"KMHLM4DG0TU238956","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
4453dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHLM4DG0TU238956","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
4453StopDate":"9/30/2026"},{"Vin":"KMHLM4DG0TU238956","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 4454 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 4455 :pricedata="{'msrp':'26085','yourPrice':'24566'}" 4456 :showfinalconditionalpricesrp="'False' === 'True'" 4457 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 4458 <div class="color-black ft-16 mt-1"> 4459 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 4460 Disclosure 4461 </div> 4462</div> 4463 4464 </div> 4465 4466 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG0TU238956", "false"==="true"):!showMsrp )'> 4467 <div v-if="!unlockHideMsrp"> 4468 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26085' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 4469 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 4470 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 4471 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,085</div> 4472 </div> 4473 </div> 4474 4475 </div> 4476 </div> 4477 </div> 4478 </div> 4479 </div> 4480 <div id="cta-params-KMHLM4DG0TU238956" 4481 data-cta-params="{"priceLabel":"Price","priceValue":24566.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 4482 </div> 4483 4484 <div> 4485 4486 <vehicle-badges model="Elantra" 4487 :current="'srp'" 4488 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 4489 :eyesight="''" 4490 :starlink="''" 4491 :von="''" 4492 :onorder="''"
4493 :vin="'KMHLM4DG0TU238956'" 4494 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease'" 4495 :vehicle-badges-top-srp="'False'" 4496 :year="'2026'" 4497 :in-transit-background-color-srp="''" 4498 :in-transit-badge-color-srp="''" 4499 :in-production-background-color-srp="''" 4500 :in-production-badge-color-srp="''" 4501 @opendisclaimer="openDisclaimerPopup($event)"> 4502 </vehicle-badges> 4503 4504 <div class="d-flex flex-wrap"> 4505 4506 4507 4508 4509 4510 4511 4512 </div> 4513 </div> 4514 4515 4516 4517 <div class="d-flex flex-wrap srp-certified-img-section"> 4518 4519 4520 4521 4522 4523 4524 4525 4526 </div> 4527 4528 <div v-if="currentTheme == 'subaru'" class="mt-3"> 4529 <subaru-badge-new model="Elantra" 4530 year="2026" 4531 make="Hyundai" 4532 type="New" 4533 :current="'srp'" 4534 :transit="'False'" 4535 :eyesight="''" 4536 :starlink="''" 4537 :von="''" 4538 :onorder="''" 4539 :vin="'KMHLM4DG0TU238956'" 4540 :hide-in-transit="'False'" 4541 :vehicle-badges-top-srp="'False'" 4542 :subaru-consumer-report-class="''" 4543 :in-transit-background-color-srp="''" 4544 :in-transit-badge-color-srp="''" 4545 > 4546 </subaru-badge-new> 4547 </div> 4548 4549 </div> 4550 </div> 4551 4552 4553 4554 </div> 4555 </a> 4556 <template v-if="true"> 4557 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 4558 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG0TU238956'" class="vehicle-data-overlay-container" 4559 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 4560 @keydown.esc.prevent="closeDetailsOverlay()" 4561 @keydown.tab="srpOverlayTrapFocus($event)"> 4562 <div class="vehicle-overlay-data"> 4563 <div class="srp-overlay-options"> 4564 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 4565 <div class="d-flex align-items-center" style="gap: 20px;"> 4566 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 4567 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 4568 <h3 class="mb-0">Options</h3> 4569 </div> 4570 <div> 4571 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 4572 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 4573 </div> 4574 </div> 4575 4576 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 4577 <div class="overlay-nav-items px-3 pt-4"> 4578 <div class="d-flex overlay-nav-item" tabindex="0" 4579 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: '
4579share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: 'share-options', label: 'Share' })"> 4580 <em class="primaryicon-share-icon"></em> 4581 <span>Share</span> 4582 </div> 4583 4584 <div class="d-flex overlay-nav-item" 4585 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG0TU238956', overlayType: 'key-features', label: 'Key Features' })"> 4586 <em class="primaryicon-key-features-icon"></em> 4587 <span>Key Features</span> 4588 </div> 4589 </div> 4590 4591 <div class="pt-4 px-3 mt-3"> 4592 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease")' target="_self" 4593 @keydown.space.prevent="$event.currentTarget.click()" 4594 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 4595 View Details 4596 </a> 4597 </div> 4598 </div> 4599 </div> 4600 </div> 4601 </div> 4602 </transition> 4603 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 4604 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG0TU238956'" 4605 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 4606 @keydown.esc.prevent="navigateToDetailsOverlay()" 4607 @keydown.tab="srpOverlayTrapFocus($event)"> 4608 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 4609 <div class="d-flex align-items-center" style="gap: 20px;"> 4610 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 4611 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 4612 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 4613 </div> 4614 <div> 4615 <em class="primaryicon-close-icon-gray" 4616 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 4617 </div> 4618 </div> 4619 <div class="mt-3 pt-4 overlay-section-links"> 4620 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 4621 <template v-if="!isLoadingOverlayDetails"> 4622 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 4623 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport" :page-type-id="18" :style-id="476722" class="overlay-section-content"></share-options> 4624 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 4625 </template> 4626 </div> 4627 </div> 4628 </transition> 4629 </template> 4630 </div> 4631
4631<script type="application/javascript"> 4632 4633 var rebatesString = "[{"DiscountBonus":1000.0,"DiscountBonusDescription":"Retail Bonus Cash","Disclaimer":"Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between September 9, 2026 and September 30, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends September 30, 2026."}]"; 4634 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 4635 localStorage.setItem("KMHLM4DG4TU238720-rebates", formattedRebatesString); 4636 4637 </script>
4637 4638<div data-itemid="Hyundai-Elantra-SEL Sport-KMHLM4DG4TU238720" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 4639 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG4TU238720", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "3",msrp:"26130",yourPrice:"24606",sellingPrice:"25431",type:"New",title:`2026 Hyundai Elantra SEL Sport`},"false"==="true"), setVintoTransact("KMHLM4DG4TU238720", $event,{styleId:"476722"})' 4640 @mouseleave="clearMouseHoverValue()" 4641 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 4642 used-large-box" style="height: 100%;"> 4643 4644 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 4645 <div class="position-relative"> 4646 <div class="srp-top-badges"> 4647 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 4648 <div class="d-flex align-items-center gap-10"> 4649 </div> 4650 </div> 4651 4652 </div> 4653 4654 4655 <div id="EZ360_CVDP"></div> 4656 4657 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 4658 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG4TU238720'" class="vehicle-box__image"> 4659 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&vin=KMHLM4DG4TU238720&vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=W6H&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 4660 title="2026 Hyundai Elantra SEL Sport" alt="2026 Hyundai Elantra SEL Sport" 4661 @mouseover="srpImageHover('476722', 'KMHLM4DG4TU238720', 'color=W6H')" /> 4662 4663 </div> 4664 4665 <div class="dp-srp-evox-media-KMHLM4DG4TU238720" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG4TU238720'"></div> 4666 4667 <div class="vehicle-info-icon"> 4668 <em 4669 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG4TU238720')" 4670 class="primaryicon-options-btn-new info-icon-css" 4671 data-vin="KMHLM4DG4TU238720" 4672 tabindex="0" 4673 role="button" 4674 aria-label="Vehicle info" 4675 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG4TU238720')" 4676 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG4TU238720')" 4677 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 4678 </div> 4679 </div> 4680 4681 4682 <div class="vehiclebox-info-section p-3"> 4683 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 4684 <div class="d-flex"> 4685 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 4686 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 4687 2026 Hyundai Elantra SEL Sport 4688 </h2> 4689 </div> 4690 </div> 4691 </div> 4692 4693 <div class="vehicle-summary-section mt-3 "> 4694 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 4695 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 4696 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp)'> 4697 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 4698 <div class="mr-2" style="color:#002
4698C5E"> 4699 <span id="kmhlm4dg4tu238720-price-summary-label">Your Price</span> 4700 </div> 4701 <div id="kmhlm4dg4tu238720-price-summary-value" class=" " style="color:#002C5E">$24,606</div> 4702 </div> 4703 4704 </div> 4705 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp )'> 4706 <div v-if="!unlockHideMsrp"> 4707 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 4708 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 4709 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,130</div> 4710 </div> 4711 </div> 4712 4713 </div> 4714 </div> 4715 4716 </div> 4717 4718 <template v-if="true"> 4719 <div class="vehicle-summary-cta flex-1"> 4720 <object> 4721 <div class="primary-button-parent unlock-discount"> 4722 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 4723 term="72" 4724 payment-type="cash" 4725 down-payment="3919.0" 4726 miles="3" 4727 lender-number="103" 4728 msrp="26130" 4729 rebates="1000" 4730 page-type="srp" 4731 vin=KMHLM4DG4TU238720 4732 :your-price=24606 4733 style-id=476722 4734 vdp-account-id=42268 4735 :page-reload="false" 4736 :price-unlocked-vins="priceUnlockedVins" 4737 @loadpayments="loadPaymentsForUnlockDiscount" 4738 :feature-cta-image-id="0" 4739 inventory-type=new></unlock-discount> 4740 </div> 4741 4742 </object> 4743 </div> 4744 </template> 4745 </div> 4746<div class="color-black ft-16 mt-1"> 4747 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 4748 Disclosure 4749 </div> 4750</div> 4751 4752 <div class="color-black ft-12 d-flex gap-5 mt-2"> 4753 <div class="color-gray">Location:</div> 4754 <div>City World Hyundai</div> 4755 </div> 4756 4757 <div class="show section-separator my-4"></div> 4758 4759 4760 <template v-if="true"> 4761 <object> 4762 <div class="app-level-cta-container"> 4763 4764 4765 <div class="primary-button-parent srp-view-details-transact-button-container"> 4766 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self" 4767 @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG4TU238720");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")' 4768 @keydown.space.prevent="$event.currentTarget.click()" 4769 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 4770 bgcolor-primary " 4771 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 4772 Explore Payment Options 4773 </a> 4774 </div> 4775 4776 4777 4778 4779 4780 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG4TU238720","false"==="true"))' class="primary-button-parent"> 4781 <a :style="ctaBtnStyles" 4782 tabindex="0" role="button" 4783 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG4TU238720", "New")' 4784 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG4TU238720", "New")' 4785 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 4786 {{inventorySettings.data.buttonLabel}} 4787 </a> 4788 </div> 4789 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 4790 <a v-if="applySecondary
4790Design" href="" 4791 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 4792 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4793 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4794 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4795 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4796 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 4797 <a v-else href="" 4798 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 4799 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4800 @click.prevent=" 4801 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4802 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4803 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4804 @mouseover="onCTABtnHover('', '', '', $event)"> 4805 Value Your Trade 4806 </a> 4807 </div> 4808 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 4809 <a v-if="applySecondary
4809Design" href="" 4810 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 4811 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4812 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4813 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4814 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4815 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 4816 <a v-else href="" 4817 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 4818 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 4819 @click.prevent=" 4820 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4821 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG4TU238720","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":352.77,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2000","CustomCTAOnClick":""}', $event)" 4822 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 4823 @mouseover="onCTABtnHover('', '', '', $event)"> 4824 Check Availability 4825 </a> 4826 </div> 4827 4828 4829 4830 4831 </div> 4832 </object> 4833 </template> 4834 4835 <div class="mt-3"> 4836 4837 4838 <div class="inventory-btns" style="width:100%;" v-cloak> 4839 4840 4841 <object class="d-flex flex-column primary-inventory-btn-group"> 4842 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 4843 <div class="pi-pullup-container"></div> 4844 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 4845 4846 <div class="dvs_vin_btn" vin="KMHLM4DG4TU238720"></div> 4847 4848 4849 4850 <div class="d-flex mt-2 primary-button-parent"> 4851 <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG4TU238720" 4852 style="color: initial; background-color: initial;" 4853 @mouseleave="onRoadSterButtonLeave('','', $event)" 4854 @mouseover="onRoadSterButtonHover('','', $event)" 4855 @keydown.space.prevent="$event.currentTarget.click()" 4856 class="bgcolor-primary 4857 w-100 4858 d-flex 4859 justify-content-center 4860 align-items-center 4861 payment-panel-rounded-buttons 4862 text-white text-center 4863 no-hover 4864 rounded-buttons py-2 px-2 4865 roadster-btn ft-12 mx-1 btn-pd-0 4866 ">Search Payments </a> 4867 </div> 4868 4869 4870 4871 </object> 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 </div> 4892 4893 4894 <div class="my-2 w-100 text-center"> 4895 <div class="les_video" les_vin="KMHLM4DG4TU238720"></div> 4896 </div> 4897 4898 4899 4900 4901 </div> 4902 4903 <active-engage-widget v-if="isEnableActivEngageSrp" 4904 custom-class="py-2 ft-12"></active-engage-widget> 4905 <div class="srp-tabs-section mt-3"> 4906 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 4907 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'details' }" 4908 tabindex="0" role="tab" 4909 aria-label="Details" 4910 :aria-selected="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'details'" 4911 aria-controls="tab-panel-details-KMHLM4DG4TU238720" 4912 @click.stop.prevent="setActiveTab('details', 'KMHLM4DG4TU238720')" 4913 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG4TU238720')"> 4914 Details 4915 </div> 4916 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'payments' }" 4917 tabindex="0" role="tab" 4918 aria-label="Pricing" 4919 :aria-selected="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'payments'" 4920 aria-controls="tab-panel-payments-KMHLM4DG4TU238720" 4921 @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG4TU238720')" 4922 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG4TU238720')"> 4923 Pricing 4924 </div> 4925 </div> 4926 4927 <div class="srp-tab-content"> 4928 <div :class="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG4TU238720" aria-label="Details"> 4929 <div class="vehicle-details-list"> 4930 4931 <div class="details-item-row "> 4932 <div class="vin details-item-label text-uppercase">vin </div> 4933 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 4934 <div id="copy_vin" class="d-inline">KMHLM4DG4TU238720</div> 4935 </div> 4936 </div> 4937 4938 <div class="details-item-row"> 4939 <div class="details-item-label">Stock #</div> 4940 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 4941 <div id="copy_stock" class="d-inline">26H2000</div> 4942 </div> 4943 </div> 4944 4945 4946 4947 <div class="details-item-row"> 4948 <div class="details-item-label">Model Code</div> 4949 <div class="details-item-value">#ELGAF2J6S4AS</div> 4950 </div> 4951 4952 <div class="details-item-row"> 4953 <div class="details-item-label">Exterior</div> 4954 <div class="details-item-value d-flex align-items-center"> 4955 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div> 4956 <div class="ml-2">Serenity White</div> 4957 </div> 4958 </div> 4959 4960 <div class="details-item-row"> 4961 <div class="details-item-label">Interior</div> 4962 <div class="details-item-value d-flex align-items-center"> 4963 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div> 4964 <div class="ml-2 interior-word-break">Gray</div> 4965 </div> 4966 </div> 4967 4968 <div class="details-item-row"> 4969 <div class="details-item-label">Drivetrain</div> 4970 <div class="details-item-value">FWD</div> 4971 </div> 4972 4973 <div class="details-item-row"> 4974 <div class="details-item-label">Engine</div> 4975 <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div> 4976 </div> 4977 <div class="details-item-row"> 4978 <div class="details-item-label">Transmission</div> 4979 <div class="details-item-value">CVT</div> 4980 </div> 4981 4982 </div> 4983 4984 </div> 4985 <div :class="(activeTabsByVin['KMHLM4DG4TU238720'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG4TU238720" aria-label="Pricing"> 4986 <div class="msrppanel-label"> 4987 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):showMsrp)'> 4988 4989 4990 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26130' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 4991 <div class="d-flex align-items-center align-text-gird srp-msrp "> 4992 4993 4994<div class="grey-text vehiclebox-msrp msrp_label_custom mr
4994-2 ft-16" :style="getMSRPColor('')"> 4995 MSRP 4996</div> 4997<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,130</div> 4998 4999 5000 </div> 5001 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$699</span></div> 5002 <div class="grey-text vehiclebox-rebates align-text-gird "> 5003 <span> 5004 Retail Bonus Cash 5005 <custom-disclaimer-dialog type="srp" vin="KMHLM4DG4TU238720" disclaimerindex="0" /> 5006 </span> 5007 <span> -$1,000</span> 5008 </div> 5009 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 5010 <span>Total Fee</span> 5011 <span class="d-flex pl-2"> 5012 +$175 5013 <span class="mt-1 ml-2 p-0 no-padding"> 5014 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
5014Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 5015 </span> 5016 </span> 5017 </div> 5018 <div id="kmhlm4dg4tu238720-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 5019 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 5020 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 5021 </span> 5022 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg4tu238720-unlock-discount-price"></label></span> 5023 </div> 5024 <div id="kmhlm4dg4tu238720-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 5025 <div class="mr-2" style="color:#002C5E"> 5026 <span id="kmhlm4dg4tu238720-selling-price-label" class="p-0">Your Price</span> 5027 </div> 5028 <div id="kmhlm4dg4tu238720-your-price-hide" class=" " style="color:#002C5E">$24,606</div> 5029 </div> 5030 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 5031 <div class="mr-2" style="color:#002C5E"> 5032 <span id="kmhlm4dg4tu238720-selling-price-label" class="p-0">Your Price</span> 5033 </div> 5034 <div id="kmhlm4dg4tu238720-your-price" class=" " style="color:#002C5E">$24,606</div> 5035 </div> 5036 5037 5038 5039 5040 <total-incentive-discount qualified-data='[{"Vin":"KMHLM4DG4TU238720","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
5040dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHLM4DG4TU238720","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
5040StopDate":"9/30/2026"},{"Vin":"KMHLM4DG4TU238720","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 5041 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 5042 :pricedata="{'msrp':'26130','yourPrice':'24606'}" 5043 :showfinalconditionalpricesrp="'False' === 'True'" 5044 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 5045 <div class="color-black ft-16 mt-1"> 5046 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 5047 Disclosure 5048 </div> 5049</div> 5050 5051 </div> 5052 5053 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG4TU238720", "false"==="true"):!showMsrp )'> 5054 <div v-if="!unlockHideMsrp"> 5055 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26130' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 5056 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 5057 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 5058 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,130</div> 5059 </div> 5060 </div> 5061 5062 </div> 5063 </div> 5064 </div> 5065 </div> 5066 </div> 5067 <div id="cta-params-KMHLM4DG4TU238720" 5068 data-cta-params="{"priceLabel":"Price","priceValue":24606.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 5069 </div> 5070 5071 <div> 5072 5073 <vehicle-badges model="Elantra" 5074 :current="'srp'" 5075 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 5076 :eyesight="''" 5077 :starlink="''" 5078 :von="''" 5079 :onorder="''"
5080 :vin="'KMHLM4DG4TU238720'" 5081 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease'" 5082 :vehicle-badges-top-srp="'False'" 5083 :year="'2026'" 5084 :in-transit-background-color-srp="''" 5085 :in-transit-badge-color-srp="''" 5086 :in-production-background-color-srp="''" 5087 :in-production-badge-color-srp="''" 5088 @opendisclaimer="openDisclaimerPopup($event)"> 5089 </vehicle-badges> 5090 5091 <div class="d-flex flex-wrap"> 5092 5093 5094 5095 5096 5097 5098 5099 </div> 5100 </div> 5101 5102 5103 5104 <div class="d-flex flex-wrap srp-certified-img-section"> 5105 5106 5107 5108 5109 5110 5111 5112 5113 </div> 5114 5115 <div v-if="currentTheme == 'subaru'" class="mt-3"> 5116 <subaru-badge-new model="Elantra" 5117 year="2026" 5118 make="Hyundai" 5119 type="New" 5120 :current="'srp'" 5121 :transit="'False'" 5122 :eyesight="''" 5123 :starlink="''" 5124 :von="''" 5125 :onorder="''" 5126 :vin="'KMHLM4DG4TU238720'" 5127 :hide-in-transit="'False'" 5128 :vehicle-badges-top-srp="'False'" 5129 :subaru-consumer-report-class="''" 5130 :in-transit-background-color-srp="''" 5131 :in-transit-badge-color-srp="''" 5132 > 5133 </subaru-badge-new> 5134 </div> 5135 5136 </div> 5137 </div> 5138 5139 5140 5141 </div> 5142 </a> 5143 <template v-if="true"> 5144 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 5145 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG4TU238720'" class="vehicle-data-overlay-container" 5146 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 5147 @keydown.esc.prevent="closeDetailsOverlay()" 5148 @keydown.tab="srpOverlayTrapFocus($event)"> 5149 <div class="vehicle-overlay-data"> 5150 <div class="srp-overlay-options"> 5151 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 5152 <div class="d-flex align-items-center" style="gap: 20px;"> 5153 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 5154 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 5155 <h3 class="mb-0">Options</h3> 5156 </div> 5157 <div> 5158 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 5159 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 5160 </div> 5161 </div> 5162 5163 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 5164 <div class="overlay-nav-items px-3 pt-4"> 5165 <div class="d-flex overlay-nav-item" tabindex="0" 5166 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: '
5166share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: 'share-options', label: 'Share' })"> 5167 <em class="primaryicon-share-icon"></em> 5168 <span>Share</span> 5169 </div> 5170 5171 <div class="d-flex overlay-nav-item" 5172 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG4TU238720', overlayType: 'key-features', label: 'Key Features' })"> 5173 <em class="primaryicon-key-features-icon"></em> 5174 <span>Key Features</span> 5175 </div> 5176 </div> 5177 5178 <div class="pt-4 px-3 mt-3"> 5179 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease")' target="_self" 5180 @keydown.space.prevent="$event.currentTarget.click()" 5181 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 5182 View Details 5183 </a> 5184 </div> 5185 </div> 5186 </div> 5187 </div> 5188 </div> 5189 </transition> 5190 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 5191 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG4TU238720'" 5192 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 5193 @keydown.esc.prevent="navigateToDetailsOverlay()" 5194 @keydown.tab="srpOverlayTrapFocus($event)"> 5195 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 5196 <div class="d-flex align-items-center" style="gap: 20px;"> 5197 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 5198 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 5199 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 5200 </div> 5201 <div> 5202 <em class="primaryicon-close-icon-gray" 5203 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 5204 </div> 5205 </div> 5206 <div class="mt-3 pt-4 overlay-section-links"> 5207 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 5208 <template v-if="!isLoadingOverlayDetails"> 5209 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 5210 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport" :page-type-id="18" :style-id="476722" class="overlay-section-content"></share-options> 5211 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 5212 </template> 5213 </div> 5214 </div> 5215 </transition> 5216 </template> 5217 </div> 5218 5219 5220<div class="" style=" position: relative;overflow: hidden; padding:20px; align-content: center"> 5221 <a href="/inventory/New/Hyundai/Elantra?trim=SE&years=2026" target="_blank" @click.stop="onHyundaiBannerClick('2026', 'Hyundai', 'Elantra')"> 5222 <img src="https://av2-internal-assets-prd.constellationagency.com/ad-engine/asset-batches/2b07867e-f333-4a40-8e64-463b79ba7b46/7718e2b1-2548-420e-8998-8272fa06916c/image/25698b62-08f5-4a10-a23a-e1fd68c4c79d/Hyundai-Tier-1_Ad-Engine-Feed_DEP_400x901_09_APR_Lease_027.png" alt="2026 Hyundai Elantra SE APR or Lease Offer" title="2026 Hyundai Elantra SE APR or Lease Offer" class="img-fluid" style="margin: auto;display: block;" /> 5223 </a> 5224 <div class="inline-srp-banner-disclaimer ft-12 text-center py-1" 5225 @click.prevent='openDisclaimer("Excludes tax, title, \u0026 license. Lease offer based on MSRP of $23,870 for 2026 ELANTRA SE (model #494E2F4S/ELEAF2J6S4AS) with freight. ELANTRA SE closed end lease offered through Hyun
5225dai Motor Finance (HMF) and subject to credit approval. Well-qualified lessees only. Available on new 2026 ELANTRA SE vehicles in dealer stock only. At lease end, lessee responsible for excess wear and mileage at $.20/mile over 15,000 miles. Low mileage lease. Lessee has option to purchase at lease-end price negotiated at signing. Offers may not be combined with other special offers unless specified. Dealer price may vary. See participating Hyundai dealer for details. Offers valid 9/9/26 - 9/30/26. Offer available on new 2026 ELANTRA vehicles purchased from dealer stock and financed through Hyundai Motor Finance (HMF). 3.9% Annual Percentage Rate financing for 60 months is $18.38 per month per $1,000 financed. Down payment may be required. Different rates available for different terms. Subject to HMF credit approval. Not all buyers will qualify. Higher finance rates apply for qualified buyers with lower credit ratings. Tax, title, and license extra. Offers may not be combined with other special offers unless specified. Dealer price may vary. See participating Hyundai dealer for details. Offers valid 9/9/26-9/30/26.", "2026 Hyundai Elantra SE APR or Lease Offer")'> 5226 View Offer Disclaimer 5227 </div> 5228</div> 5229
5229<script type="application/javascript"> 5230 5231 var rebatesString = "[]"; 5232 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 5233 localStorage.setItem("KMHRC8A39TU495846-rebates", formattedRebatesString); 5234 5235 </script>
5235 5236<div data-itemid="Hyundai-Venue-SEL-KMHRC8A39TU495846" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 5237 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A39TU495846", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "4",msrp:"25115",yourPrice:"24790",sellingPrice:"24615",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A39TU495846", $event,{styleId:"477903"})' 5238 @mouseleave="clearMouseHoverValue()" 5239 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 5240 used-large-box" style="height: 100%;"> 5241 5242 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 5243 <div class="position-relative"> 5244 <div class="srp-top-badges"> 5245 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 5246 <div class="d-flex align-items-center gap-10"> 5247 </div> 5248 </div> 5249 5250 </div> 5251 5252 5253 <div id="EZ360_CVDP"></div> 5254 5255 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 5256 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A39TU495846'" class="vehicle-box__image"> 5257 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A39TU495846&vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=SAW&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 5258 title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL" 5259 @mouseover="srpImageHover('477903', 'KMHRC8A39TU495846', 'color=SAW')" /> 5260 5261 </div> 5262 5263 <div class="dp-srp-evox-media-KMHRC8A39TU495846" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A39TU495846'"></div> 5264 5265 <div class="vehicle-info-icon"> 5266 <em 5267 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A39TU495846')" 5268 class="primaryicon-options-btn-new info-icon-css" 5269 data-vin="KMHRC8A39TU495846" 5270 tabindex="0" 5271 role="button" 5272 aria-label="Vehicle info" 5273 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A39TU495846')" 5274 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A39TU495846')" 5275 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 5276 </div> 5277 </div> 5278 5279 5280 <div class="vehiclebox-info-section p-3"> 5281 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 5282 <div class="d-flex"> 5283 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 5284 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 5285 2026 Hyundai Venue SEL 5286 </h2> 5287 </div> 5288 </div> 5289 </div> 5290 5291 <div class="vehicle-summary-section mt-3 "> 5292 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 5293 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 5294 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp)'> 5295 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 5296 <div class="mr-2" style="color:#002
5296C5E"> 5297 <span id="kmhrc8a39tu495846-price-summary-label">Your Price</span> 5298 </div> 5299 <div id="kmhrc8a39tu495846-price-summary-value" class=" " style="color:#002C5E">$24,790</div> 5300 </div> 5301 5302 </div> 5303 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp )'> 5304 <div v-if="!unlockHideMsrp"> 5305 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 5306 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 5307 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div> 5308 </div> 5309 </div> 5310 5311 </div> 5312 </div> 5313 5314 </div> 5315 5316 <template v-if="true"> 5317 <div class="vehicle-summary-cta flex-1"> 5318 <object> 5319 <div class="primary-button-parent unlock-discount"> 5320 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 5321 term="72" 5322 payment-type="cash" 5323 down-payment="3767.0" 5324 miles="5" 5325 lender-number="103" 5326 msrp="25115" 5327 rebates="0" 5328 page-type="srp" 5329 vin=KMHRC8A39TU495846 5330 :your-price=24790 5331 style-id=477903 5332 vdp-account-id=42268 5333 :page-reload="false" 5334 :price-unlocked-vins="priceUnlockedVins" 5335 @loadpayments="loadPaymentsForUnlockDiscount" 5336 :feature-cta-image-id="0" 5337 inventory-type=new></unlock-discount> 5338 </div> 5339 5340 </object> 5341 </div> 5342 </template> 5343 </div> 5344<div class="color-black ft-16 mt-1"> 5345 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 5346 Disclosure 5347 </div> 5348</div> 5349 5350 <div class="color-black ft-12 d-flex gap-5 mt-2"> 5351 <div class="color-gray">Location:</div> 5352 <div>City World Hyundai</div> 5353 </div> 5354 5355 <div class="show section-separator my-4"></div> 5356 5357 5358 <template v-if="true"> 5359 <object> 5360 <div class="app-level-cta-container"> 5361 5362 5363 <div class="primary-button-parent srp-view-details-transact-button-container"> 5364 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
5364ort-utility?type=lease#Transact" target="_self" 5365 @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A39TU495846");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")' 5366 @keydown.space.prevent="$event.currentTarget.click()" 5367 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 5368 bgcolor-primary " 5369 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 5370 Explore Payment Options 5371 </a> 5372 </div> 5373 5374 5375 5376 5377 5378 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A39TU495846","false"==="true"))' class="primary-button-parent"> 5379 <a :style="ctaBtnStyles" 5380 tabindex="0" role="button" 5381 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A39TU495846", "New")' 5382 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A39TU495846", "New")' 5383 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 5384 {{inventorySettings.data.buttonLabel}} 5385 </a> 5386 </div> 5387 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 5388 <a v-if="applySecondaryDesign" href="" 5389 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 5390 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5391 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5392 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
5392ort-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5393 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 5394 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 5395 <a v-else href="" 5396 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 5397 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5398 @click.prevent=" 5399 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5400 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5401 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 5402 @mouseover="onCTABtnHover('', '', '', $event)"> 5403 Value Your Trade 5404 </a> 5405 </div> 5406 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 5407 <a v-if="applySecondaryDesign" href="" 5408 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 5409 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5410 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
5410ort-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5411 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5412 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 5413 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 5414 <a v-else href="" 5415 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 5416 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5417 @click.prevent=" 5418 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5419 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A39TU495846","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.50,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2262","CustomCTAOnClick":""}', $event)" 5420 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 5421 @mouseover="onCTABtnHover('', '', '', $event)"> 5422 Check Availability 5423 </a> 5424 </div> 5425 5426 5427 5428 5429 </div> 5430 </object> 5431 </template> 5432 5433 <div class="mt-3"> 5434 5435 5436 <div class="inventory-btns" style="width:100%;" v-cloak> 5437 5438 5439 <object class="d-flex flex-column primary-inventory-btn-group"> 5440 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 5441 <div class="pi-pullup-container"></div> 5442 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 5443 5444 <div class="dvs_vin_btn" vin="KMHRC8A39TU495846"></div> 5445 5446 5447 5448 <div class="d-flex mt-2 primary-button-parent"> 5449 <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A39TU495846" 5450 style="color: initial; background-color: initial;" 5451 @mouseleave="onRoadSterButtonLeave('','', $event)" 5452 @mouseover="onRoadSterButtonHover('','', $event)" 5453 @keydown.space.prevent="$event.currentTarget.click()" 5454 class="bgcolor-primary 5455 w-100 5456 d-flex 5457 justify-content-center 5458 align-items-center 5459 payment-panel-rounded-buttons 5460 text-white text-center 5461 no-hover 5462 rounded-buttons py-2 px-2 5463 roadster-btn ft-12 mx-1 btn-pd-0 5464 ">Search Payments </a> 5465 </div> 5466 5467 5468 5469 </object> 5470 5471 5472 5473 5474 5475 5476 5477 5478 5479 5480 5481 5482 5483 5484 5485 5486 5487 5488 5489 </div> 5490 5491 5492 <div class="my-2 w-100 text-center"> 5493 <div class="les_video" les_vin="KMHRC8A39TU495846"></div> 5494 </div> 5495 5496 5497 5498 5499 </div> 5500 5501 <active-engage-widget v-if="isEnableActivEngageSrp" 5502 custom-class="py-2 ft-12"></active-engage-widget> 5503 <div class="srp-tabs-section mt-3"> 5504 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 5505 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details' }" 5506 tabindex="0" role="tab" 5507 aria-label="Details" 5508 :aria-selected="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details'" 5509 aria-controls="tab-panel-details-KMHRC8A39TU495846" 5510 @click.stop.prevent="setActiveTab('details', 'KMHRC8A39TU495846')" 5511 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A39TU495846')"> 5512 Details 5513 </div> 5514 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments' }" 5515 tabindex="0" role="tab" 5516 aria-label="Pricing" 5517 :aria-selected="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments'" 5518 aria-controls="tab-panel-payments-KMHRC8A39TU495846" 5519 @click.stop.prevent="setActiveTab('payments', 'KMHRC8A39TU495846')" 5520 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A39TU495846')"> 5521 Pricing 5522 </div> 5523 </div> 5524 5525 <div class="srp-tab-content"> 5526 <div :class="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A39TU495846" aria-label="Details"> 5527 <div class="vehicle-details-list"> 5528 5529 <div class="details-item-row "> 5530 <div class="vin details-item-label text-uppercase">vin </div> 5531 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 5532 <div id="copy_vin" class="d-inline">KMHRC8A39TU495846</div> 5533 </div> 5534 </div> 5535 5536 <div class="details-item-row"> 5537 <div class="details-item-label">Stock #</div> 5538 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 5539 <div id="copy_stock" class="d-inline">26H2262</div> 5540 </div> 5541 </div> 5542 5543 5544 5545 <div class="details-item-row"> 5546 <div class="details-item-label">Model Code</div> 5547 <div class="details-item-value">#VN2AFD56W5A5</div> 5548 </div> 5549 5550 <div class="details-item-row"> 5551 <div class="details-item-label">Exterior</div> 5552 <div class="details-item-value d-flex align-items-center"> 5553 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAECEB; border-radius: 50%"></div> 5554 <div class="ml-2">Lunar White</div> 5555 </div> 5556 </div> 5557 5558 <div class="details-item-row"> 5559 <div class="details-item-label">Interior</div> 5560 <div class="details-item-value d-flex align-items-center"> 5561 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div> 5562 <div class="ml-2 interior-word-break">Gray</div> 5563 </div> 5564 </div> 5565 5566 <div class="details-item-row"> 5567 <div class="details-item-label">Drivetrain</div> 5568 <div class="details-item-value">FWD</div> 5569 </div> 5570 5571 <div class="details-item-row"> 5572 <div class="details-item-label">Engine</div> 5573 <div class="details-item-value">
5573Regular Gasoline I-4 1.6 L/98</div> 5574 </div> 5575 <div class="details-item-row"> 5576 <div class="details-item-label">Transmission</div> 5577 <div class="details-item-value">CVT</div> 5578 </div> 5579 5580 </div> 5581 5582 </div> 5583 <div :class="(activeTabsByVin['KMHRC8A39TU495846'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A39TU495846" aria-label="Pricing"> 5584 <div class="msrppanel-label"> 5585 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):showMsrp)'> 5586 5587 5588 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 5589 <div class="d-flex align-items-center align-text-gird srp-msrp "> 5590 5591 5592<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')"> 5593 MSRP 5594</div> 5595<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,115</div> 5596 5597 5598 </div> 5599 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div> 5600 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 5601 <span>Total Fee</span> 5602 <span class="d-flex pl-2"> 5603 +$175 5604 <span class="mt-1 ml-2 p-0 no-padding"> 5605 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
5605Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 5606 </span> 5607 </span> 5608 </div> 5609 <div id="kmhrc8a39tu495846-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 5610 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 5611 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 5612 </span> 5613 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a39tu495846-unlock-discount-price"></label></span> 5614 </div> 5615 <div id="kmhrc8a39tu495846-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 5616 <div class="mr-2" style="color:#002C5E"> 5617 <span id="kmhrc8a39tu495846-selling-price-label" class="p-0">Your Price</span> 5618 </div> 5619 <div id="kmhrc8a39tu495846-your-price-hide" class=" " style="color:#002C5E">$24,790</div> 5620 </div> 5621 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 5622 <div class="mr-2" style="color:#002C5E"> 5623 <span id="kmhrc8a39tu495846-selling-price-label" class="p-0">Your Price</span> 5624 </div> 5625 <div id="kmhrc8a39tu495846-your-price" class=" " style="color:#002C5E">$24,790</div> 5626 </div> 5627 5628 5629 5630 5631 <total-incentive-discount qualified-data='[{"Vin":"KMHRC8A39TU495846","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
5631dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHRC8A39TU495846","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
5631StopDate":"9/30/2026"},{"Vin":"KMHRC8A39TU495846","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 5632 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 5633 :pricedata="{'msrp':'25115','yourPrice':'24790'}" 5634 :showfinalconditionalpricesrp="'False' === 'True'" 5635 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 5636 <div class="color-black ft-16 mt-1"> 5637 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 5638 Disclosure 5639 </div> 5640</div> 5641 5642 </div> 5643 5644 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A39TU495846", "false"==="true"):!showMsrp )'> 5645 <div v-if="!unlockHideMsrp"> 5646 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 5647 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 5648 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 5649 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div> 5650 </div> 5651 </div> 5652 5653 </div> 5654 </div> 5655 </div> 5656 </div> 5657 </div> 5658 <div id="cta-params-KMHRC8A39TU495846" 5659 data-cta-params="{"priceLabel":"Price","priceValue":24790.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 5660 </div> 5661 5662 <div> 5663 5664 <vehicle-badges model="Venue" 5665 :current="'srp'" 5666 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 5667 :eyesight="''" 5668 :starlink="''" 5669 :von="''" 5670 :onorder="''"
5671 :vin="'KMHRC8A39TU495846'" 5672 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease'" 5673 :vehicle-badges-top-srp="'False'" 5674 :year="'2026'" 5675 :in-transit-background-color-srp="''" 5676 :in-transit-badge-color-srp="''" 5677 :in-production-background-color-srp="''" 5678 :in-production-badge-color-srp="''" 5679 @opendisclaimer="openDisclaimerPopup($event)"> 5680 </vehicle-badges> 5681 5682 <div class="d-flex flex-wrap"> 5683 5684 5685 5686 5687 5688 5689 5690 </div> 5691 </div> 5692 5693 5694 5695 <div class="d-flex flex-wrap srp-certified-img-section"> 5696 5697 5698 5699 5700 5701 5702 5703 5704 </div> 5705 5706 <div v-if="currentTheme == 'subaru'" class="mt-3"> 5707 <subaru-badge-new model="Venue" 5708 year="2026" 5709 make="Hyundai" 5710 type="New" 5711 :current="'srp'" 5712 :transit="'False'" 5713 :eyesight="''" 5714 :starlink="''" 5715 :von="''" 5716 :onorder="''" 5717 :vin="'KMHRC8A39TU495846'" 5718 :hide-in-transit="'False'" 5719 :vehicle-badges-top-srp="'False'" 5720 :subaru-consumer-report-class="''" 5721 :in-transit-background-color-srp="''" 5722 :in-transit-badge-color-srp="''" 5723 > 5724 </subaru-badge-new> 5725 </div> 5726 5727 </div> 5728 </div> 5729 5730 5731 5732 </div> 5733 </a> 5734 <template v-if="true"> 5735 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 5736 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A39TU495846'" class="vehicle-data-overlay-container" 5737 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 5738 @keydown.esc.prevent="closeDetailsOverlay()" 5739 @keydown.tab="srpOverlayTrapFocus($event)"> 5740 <div class="vehicle-overlay-data"> 5741 <div class="srp-overlay-options"> 5742 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 5743 <div class="d-flex align-items-center" style="gap: 20px;"> 5744 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 5745 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 5746 <h3 class="mb-0">Options</h3> 5747 </div> 5748 <div> 5749 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 5750 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 5751 </div> 5752 </div> 5753 5754 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 5755 <div class="overlay-nav-items px-3 pt-4"> 5756 <div class="d-flex overlay-nav-item" tabindex="0" 5757 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: '
5757share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: 'share-options', label: 'Share' })"> 5758 <em class="primaryicon-share-icon"></em> 5759 <span>Share</span> 5760 </div> 5761 5762 <div class="d-flex overlay-nav-item" 5763 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A39TU495846', overlayType: 'key-features', label: 'Key Features' })"> 5764 <em class="primaryicon-key-features-icon"></em> 5765 <span>Key Features</span> 5766 </div> 5767 </div> 5768 5769 <div class="pt-4 px-3 mt-3"> 5770 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility?type=lease")' target="_self" 5771 @keydown.space.prevent="$event.currentTarget.click()" 5772 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 5773 View Details 5774 </a> 5775 </div> 5776 </div> 5777 </div> 5778 </div> 5779 </div> 5780 </transition> 5781 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 5782 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A39TU495846'" 5783 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 5784 @keydown.esc.prevent="navigateToDetailsOverlay()" 5785 @keydown.tab="srpOverlayTrapFocus($event)"> 5786 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 5787 <div class="d-flex align-items-center" style="gap: 20px;"> 5788 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 5789 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 5790 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 5791 </div> 5792 <div> 5793 <em class="primaryicon-close-icon-gray" 5794 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 5795 </div> 5796 </div> 5797 <div class="mt-3 pt-4 overlay-section-links"> 5798 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 5799 <template v-if="!isLoadingOverlayDetails"> 5800 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 5801 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sp
5801ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options> 5802 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 5803 </template> 5804 </div> 5805 </div> 5806 </transition> 5807 </template> 5808 </div> 5809
5809<script type="application/javascript"> 5810 5811 var rebatesString = "[{"DiscountBonus":1000.0,"DiscountBonusDescription":"Retail Bonus Cash","Disclaimer":"Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between September 9, 2026 and September 30, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends September 30, 2026."}]"; 5812 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 5813 localStorage.setItem("KMHLM4DG2TU260635-rebates", formattedRebatesString); 5814 5815 </script>
5815 5816<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG2TU260635" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 5817 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG2TU260635", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "5",msrp:"26555",yourPrice:"25025",sellingPrice:"25850",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG2TU260635", $event,{styleId:"487085"})' 5818 @mouseleave="clearMouseHoverValue()" 5819 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 5820 used-large-box" style="height: 100%;"> 5821 5822 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 5823 <div class="position-relative"> 5824 <div class="srp-top-badges"> 5825 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 5826 <div class="d-flex align-items-center gap-10"> 5827 </div> 5828 </div> 5829 5830 </div> 5831 5832 5833 <div id="EZ360_CVDP"></div> 5834 5835 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 5836 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG2TU260635'" class="vehicle-box__image"> 5837 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG2TU260635&vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=W6H&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 5838 title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus" 5839 @mouseover="srpImageHover('487085', 'KMHLM4DG2TU260635', 'color=W6H')" /> 5840 5841 </div> 5842 5843 <div class="dp-srp-evox-media-KMHLM4DG2TU260635" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG2TU260635'"></div> 5844 5845 <div class="vehicle-info-icon"> 5846 <em 5847 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG2TU260635')" 5848 class="primaryicon-options-btn-new info-icon-css" 5849 data-vin="KMHLM4DG2TU260635" 5850 tabindex="0" 5851 role="button" 5852 aria-label="Vehicle info" 5853 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG2TU260635')" 5854 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG2TU260635')" 5855 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 5856 </div> 5857 </div> 5858 5859 5860 <div class="vehiclebox-info-section p-3"> 5861 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 5862 <div class="d-flex"> 5863 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 5864 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 5865 2026 Hyundai Elantra SEL Sport Plus 5866 </h2> 5867 </div> 5868 </div> 5869 </div> 5870 5871 <div class="vehicle-summary-section mt-3 "> 5872 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 5873 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 5874 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp)'> 5875 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 5876 <div class="mr-2" style="color:#002
5876C5E"> 5877 <span id="kmhlm4dg2tu260635-price-summary-label">Your Price</span> 5878 </div> 5879 <div id="kmhlm4dg2tu260635-price-summary-value" class=" " style="color:#002C5E">$25,025</div> 5880 </div> 5881 5882 </div> 5883 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp )'> 5884 <div v-if="!unlockHideMsrp"> 5885 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 5886 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 5887 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,555</div> 5888 </div> 5889 </div> 5890 5891 </div> 5892 </div> 5893 5894 </div> 5895 5896 <template v-if="true"> 5897 <div class="vehicle-summary-cta flex-1"> 5898 <object> 5899 <div class="primary-button-parent unlock-discount"> 5900 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 5901 term="72" 5902 payment-type="cash" 5903 down-payment="3983.0" 5904 miles="7" 5905 lender-number="103" 5906 msrp="26555" 5907 rebates="1000" 5908 page-type="srp" 5909 vin=KMHLM4DG2TU260635 5910 :your-price=25025 5911 style-id=487085 5912 vdp-account-id=42268 5913 :page-reload="false" 5914 :price-unlocked-vins="priceUnlockedVins" 5915 @loadpayments="loadPaymentsForUnlockDiscount" 5916 :feature-cta-image-id="0" 5917 inventory-type=new></unlock-discount> 5918 </div> 5919 5920 </object> 5921 </div> 5922 </template> 5923 </div> 5924<div class="color-black ft-16 mt-1"> 5925 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 5926 Disclosure 5927 </div> 5928</div> 5929 5930 <div class="color-black ft-12 d-flex gap-5 mt-2"> 5931 <div class="color-gray">Location:</div> 5932 <div>City World Hyundai</div> 5933 </div> 5934 5935 <div class="show section-separator my-4"></div> 5936 5937 5938 <template v-if="true"> 5939 <object> 5940 <div class="app-level-cta-container"> 5941 5942 5943 <div class="primary-button-parent srp-view-details-transact-button-container"> 5944 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self" 5945 @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG2TU260635");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")' 5946 @keydown.space.prevent="$event.currentTarget.click()" 5947 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 5948 bgcolor-primary " 5949 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 5950 Explore Payment Options 5951 </a> 5952 </div> 5953 5954 5955 5956 5957 5958 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG2TU260635","false"==="true"))' class="primary-button-parent"> 5959 <a :style="ctaBtnStyles" 5960 tabindex="0" role="button" 5961 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG2TU260635", "New")' 5962 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG2TU260635", "New")' 5963 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 5964 {{inventorySettings.data.buttonLabel}} 5965 </a> 5966 </div> 5967 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 5968 <a v-if="applySecondary
5968Design" href="" 5969 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 5970 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5971 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 5972 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 5973 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 5974 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 5975 <a v-else href="" 5976 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 5977 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5978 @click.prevent=" 5979 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 5980 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 5981 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 5982 @mouseover="onCTABtnHover('', '', '', $event)"> 5983 Value Your Trade 5984 </a> 5985 </div> 5986 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 5987 <a v-if="applySecondary
5987Design" href="" 5988 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 5989 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5990 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 5991 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 5992 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 5993 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 5994 <a v-else href="" 5995 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 5996 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 5997 @click.prevent=" 5998 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 5999 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG2TU260635","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":358.83,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2122","CustomCTAOnClick":""}', $event)" 6000 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 6001 @mouseover="onCTABtnHover('', '', '', $event)"> 6002 Check Availability 6003 </a> 6004 </div> 6005 6006 6007 6008 6009 </div> 6010 </object> 6011 </template> 6012 6013 <div class="mt-3"> 6014 6015 6016 <div class="inventory-btns" style="width:100%;" v-cloak> 6017 6018 6019 <object class="d-flex flex-column primary-inventory-btn-group"> 6020 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 6021 <div class="pi-pullup-container"></div> 6022 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 6023 6024 <div class="dvs_vin_btn" vin="KMHLM4DG2TU260635"></div> 6025 6026 6027 6028 <div class="d-flex mt-2 primary-button-parent"> 6029 <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG2TU260635" 6030 style="color: initial; background-color: initial;" 6031 @mouseleave="onRoadSterButtonLeave('','', $event)" 6032 @mouseover="onRoadSterButtonHover('','', $event)" 6033 @keydown.space.prevent="$event.currentTarget.click()" 6034 class="bgcolor-primary 6035 w-100 6036 d-flex 6037 justify-content-center 6038 align-items-center 6039 payment-panel-rounded-buttons 6040 text-white text-center 6041 no-hover 6042 rounded-buttons py-2 px-2 6043 roadster-btn ft-12 mx-1 btn-pd-0 6044 ">Search Payments </a> 6045 </div> 6046 6047 6048 6049 </object> 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067 6068 6069 </div> 6070 6071 6072 <div class="my-2 w-100 text-center"> 6073 <div class="les_video" les_vin="KMHLM4DG2TU260635"></div> 6074 </div> 6075 6076 6077 6078 6079 </div> 6080 6081 <active-engage-widget v-if="isEnableActivEngageSrp" 6082 custom-class="py-2 ft-12"></active-engage-widget> 6083 <div class="srp-tabs-section mt-3"> 6084 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 6085 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details' }" 6086 tabindex="0" role="tab" 6087 aria-label="Details" 6088 :aria-selected="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details'" 6089 aria-controls="tab-panel-details-KMHLM4DG2TU260635" 6090 @click.stop.prevent="setActiveTab('details', 'KMHLM4DG2TU260635')" 6091 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG2TU260635')"> 6092 Details 6093 </div> 6094 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments' }" 6095 tabindex="0" role="tab" 6096 aria-label="Pricing" 6097 :aria-selected="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments'" 6098 aria-controls="tab-panel-payments-KMHLM4DG2TU260635" 6099 @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG2TU260635')" 6100 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG2TU260635')"> 6101 Pricing 6102 </div> 6103 </div> 6104 6105 <div class="srp-tab-content"> 6106 <div :class="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG2TU260635" aria-label="Details"> 6107 <div class="vehicle-details-list"> 6108 6109 <div class="details-item-row "> 6110 <div class="vin details-item-label text-uppercase">vin </div> 6111 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 6112 <div id="copy_vin" class="d-inline">KMHLM4DG2TU260635</div> 6113 </div> 6114 </div> 6115 6116 <div class="details-item-row"> 6117 <div class="details-item-label">Stock #</div> 6118 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 6119 <div id="copy_stock" class="d-inline">26H2122</div> 6120 </div> 6121 </div> 6122 6123 6124 6125 <div class="details-item-row"> 6126 <div class="details-item-label">Model Code</div> 6127 <div class="details-item-value">#ELFAF2J6S4AS</div> 6128 </div> 6129 6130 <div class="details-item-row"> 6131 <div class="details-item-label">Exterior</div> 6132 <div class="details-item-value d-flex align-items-center"> 6133 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EAEDEE; border-radius: 50%"></div> 6134 <div class="ml-2">Serenity White</div> 6135 </div> 6136 </div> 6137 6138 <div class="details-item-row"> 6139 <div class="details-item-label">Interior</div> 6140 <div class="details-item-value d-flex align-items-center"> 6141 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div> 6142 <div class="ml-2 interior-word-break">Black</div> 6143 </div> 6144 </div> 6145 6146 <div class="details-item-row"> 6147 <div class="details-item-label">Drivetrain</div> 6148 <div class="details-item-value">FWD</div> 6149 </div> 6150 6151 <div class="details-item-row"> 6152 <div class="details-item-label">Engine</div> 6153 <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div> 6154 </div> 6155 <div class="details-item-row"> 6156 <div class="details-item-label">Transmission</div> 6157 <div class="details-item-value">CVT</div> 6158 </div> 6159 6160 </div> 6161 6162 </div> 6163 <div :class="(activeTabsByVin['KMHLM4DG2TU260635'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG2TU260635" aria-label="Pricing"> 6164 <div class="msrppanel-label"> 6165 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):showMsrp)'> 6166 6167 6168 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26555' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 6169 <div class="d-flex align-items-center align-text-gird srp-msrp "> 6170 6171 6172<div class="grey-text vehiclebox-msrp msrp_label_custom
6172mr-2 ft-16" :style="getMSRPColor('')"> 6173 MSRP 6174</div> 6175<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,555</div> 6176 6177 6178 </div> 6179 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$705</span></div> 6180 <div class="grey-text vehiclebox-rebates align-text-gird "> 6181 <span> 6182 Retail Bonus Cash 6183 <custom-disclaimer-dialog type="srp" vin="KMHLM4DG2TU260635" disclaimerindex="0" /> 6184 </span> 6185 <span> -$1,000</span> 6186 </div> 6187 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 6188 <span>Total Fee</span> 6189 <span class="d-flex pl-2"> 6190 +$175 6191 <span class="mt-1 ml-2 p-0 no-padding"> 6192 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
6192Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 6193 </span> 6194 </span> 6195 </div> 6196 <div id="kmhlm4dg2tu260635-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 6197 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 6198 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 6199 </span> 6200 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg2tu260635-unlock-discount-price"></label></span> 6201 </div> 6202 <div id="kmhlm4dg2tu260635-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 6203 <div class="mr-2" style="color:#002C5E"> 6204 <span id="kmhlm4dg2tu260635-selling-price-label" class="p-0">Your Price</span> 6205 </div> 6206 <div id="kmhlm4dg2tu260635-your-price-hide" class=" " style="color:#002C5E">$25,025</div> 6207 </div> 6208 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 6209 <div class="mr-2" style="color:#002C5E"> 6210 <span id="kmhlm4dg2tu260635-selling-price-label" class="p-0">Your Price</span> 6211 </div> 6212 <div id="kmhlm4dg2tu260635-your-price" class=" " style="color:#002C5E">$25,025</div> 6213 </div> 6214 6215 6216 6217 6218 <total-incentive-discount qualified-data='[{"Vin":"KMHLM4DG2TU260635","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
6218dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHLM4DG2TU260635","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
6218StopDate":"9/30/2026"},{"Vin":"KMHLM4DG2TU260635","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 6219 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 6220 :pricedata="{'msrp':'26555','yourPrice':'25025'}" 6221 :showfinalconditionalpricesrp="'False' === 'True'" 6222 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 6223 <div class="color-black ft-16 mt-1"> 6224 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 6225 Disclosure 6226 </div> 6227</div> 6228 6229 </div> 6230 6231 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG2TU260635", "false"==="true"):!showMsrp )'> 6232 <div v-if="!unlockHideMsrp"> 6233 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26555' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 6234 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 6235 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 6236 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,555</div> 6237 </div> 6238 </div> 6239 6240 </div> 6241 </div> 6242 </div> 6243 </div> 6244 </div> 6245 <div id="cta-params-KMHLM4DG2TU260635" 6246 data-cta-params="{"priceLabel":"Price","priceValue":25025.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 6247 </div> 6248 6249 <div> 6250 6251 <vehicle-badges model="Elantra" 6252 :current="'srp'" 6253 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 6254 :eyesight="''" 6255 :starlink="''" 6256 :von="''" 6257 :onorder="''"
6258 :vin="'KMHLM4DG2TU260635'" 6259 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease'" 6260 :vehicle-badges-top-srp="'False'" 6261 :year="'2026'" 6262 :in-transit-background-color-srp="''" 6263 :in-transit-badge-color-srp="''" 6264 :in-production-background-color-srp="''" 6265 :in-production-badge-color-srp="''" 6266 @opendisclaimer="openDisclaimerPopup($event)"> 6267 </vehicle-badges> 6268 6269 <div class="d-flex flex-wrap"> 6270 6271 6272 6273 6274 6275 6276 6277 </div> 6278 </div> 6279 6280 6281 6282 <div class="d-flex flex-wrap srp-certified-img-section"> 6283 6284 6285 6286 6287 6288 6289 6290 6291 </div> 6292 6293 <div v-if="currentTheme == 'subaru'" class="mt-3"> 6294 <subaru-badge-new model="Elantra" 6295 year="2026" 6296 make="Hyundai" 6297 type="New" 6298 :current="'srp'" 6299 :transit="'False'" 6300 :eyesight="''" 6301 :starlink="''" 6302 :von="''" 6303 :onorder="''" 6304 :vin="'KMHLM4DG2TU260635'" 6305 :hide-in-transit="'False'" 6306 :vehicle-badges-top-srp="'False'" 6307 :subaru-consumer-report-class="''" 6308 :in-transit-background-color-srp="''" 6309 :in-transit-badge-color-srp="''" 6310 > 6311 </subaru-badge-new> 6312 </div> 6313 6314 </div> 6315 </div> 6316 6317 6318 6319 </div> 6320 </a> 6321 <template v-if="true"> 6322 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 6323 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG2TU260635'" class="vehicle-data-overlay-container" 6324 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 6325 @keydown.esc.prevent="closeDetailsOverlay()" 6326 @keydown.tab="srpOverlayTrapFocus($event)"> 6327 <div class="vehicle-overlay-data"> 6328 <div class="srp-overlay-options"> 6329 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 6330 <div class="d-flex align-items-center" style="gap: 20px;"> 6331 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 6332 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 6333 <h3 class="mb-0">Options</h3> 6334 </div> 6335 <div> 6336 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 6337 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 6338 </div> 6339 </div> 6340 6341 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 6342 <div class="overlay-nav-items px-3 pt-4"> 6343 <div class="d-flex overlay-nav-item" tabindex="0" 6344 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: '
6344share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: 'share-options', label: 'Share' })"> 6345 <em class="primaryicon-share-icon"></em> 6346 <span>Share</span> 6347 </div> 6348 6349 <div class="d-flex overlay-nav-item" 6350 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG2TU260635', overlayType: 'key-features', label: 'Key Features' })"> 6351 <em class="primaryicon-key-features-icon"></em> 6352 <span>Key Features</span> 6353 </div> 6354 </div> 6355 6356 <div class="pt-4 px-3 mt-3"> 6357 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease")' target="_self" 6358 @keydown.space.prevent="$event.currentTarget.click()" 6359 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 6360 View Details 6361 </a> 6362 </div> 6363 </div> 6364 </div> 6365 </div> 6366 </div> 6367 </transition> 6368 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 6369 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG2TU260635'" 6370 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 6371 @keydown.esc.prevent="navigateToDetailsOverlay()" 6372 @keydown.tab="srpOverlayTrapFocus($event)"> 6373 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 6374 <div class="d-flex align-items-center" style="gap: 20px;"> 6375 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 6376 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 6377 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 6378 </div> 6379 <div> 6380 <em class="primaryicon-close-icon-gray" 6381 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 6382 </div> 6383 </div> 6384 <div class="mt-3 pt-4 overlay-section-links"> 6385 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 6386 <template v-if="!isLoadingOverlayDetails"> 6387 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 6388 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options> 6389 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 6390 </template> 6391 </div> 6392 </div> 6393 </transition> 6394 </template> 6395 </div> 6396
6396<script type="application/javascript"> 6397 6398 var rebatesString = "[{"DiscountBonus":1000.0,"DiscountBonusDescription":"Retail Bonus Cash","Disclaimer":"Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between September 9, 2026 and September 30, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends September 30, 2026."}]"; 6399 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 6400 localStorage.setItem("KMHLM4DG5TU288087-rebates", formattedRebatesString); 6401 6402 </script>
6402 6403<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG5TU288087" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 6404 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG5TU288087", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "6",msrp:"26356",yourPrice:"25031",sellingPrice:"25856",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG5TU288087", $event,{styleId:"487085"})' 6405 @mouseleave="clearMouseHoverValue()" 6406 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 6407 used-large-box" style="height: 100%;"> 6408 6409 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 6410 <div class="position-relative"> 6411 <div class="srp-top-badges"> 6412 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 6413 <div class="d-flex align-items-center gap-10"> 6414 </div> 6415 </div> 6416 6417 </div> 6418 6419 6420 <div id="EZ360_CVDP"></div> 6421 6422 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 6423 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG5TU288087'" class="vehicle-box__image"> 6424 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG5TU288087&vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A5G&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 6425 title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus" 6426 @mouseover="srpImageHover('487085', 'KMHLM4DG5TU288087', 'color=A5G')" /> 6427 6428 </div> 6429 6430 <div class="dp-srp-evox-media-KMHLM4DG5TU288087" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG5TU288087'"></div> 6431 6432 <div class="vehicle-info-icon"> 6433 <em 6434 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG5TU288087')" 6435 class="primaryicon-options-btn-new info-icon-css" 6436 data-vin="KMHLM4DG5TU288087" 6437 tabindex="0" 6438 role="button" 6439 aria-label="Vehicle info" 6440 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG5TU288087')" 6441 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG5TU288087')" 6442 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 6443 </div> 6444 </div> 6445 6446 6447 <div class="vehiclebox-info-section p-3"> 6448 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 6449 <div class="d-flex"> 6450 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 6451 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 6452 2026 Hyundai Elantra SEL Sport Plus 6453 </h2> 6454 </div> 6455 </div> 6456 </div> 6457 6458 <div class="vehicle-summary-section mt-3 "> 6459 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 6460 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 6461 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp)'> 6462 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 6463 <div class="mr-2" style="color:#002
6463C5E"> 6464 <span id="kmhlm4dg5tu288087-price-summary-label">Your Price</span> 6465 </div> 6466 <div id="kmhlm4dg5tu288087-price-summary-value" class=" " style="color:#002C5E">$25,031</div> 6467 </div> 6468 6469 </div> 6470 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp )'> 6471 <div v-if="!unlockHideMsrp"> 6472 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 6473 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 6474 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,356</div> 6475 </div> 6476 </div> 6477 6478 </div> 6479 </div> 6480 6481 </div> 6482 6483 <template v-if="true"> 6484 <div class="vehicle-summary-cta flex-1"> 6485 <object> 6486 <div class="primary-button-parent unlock-discount"> 6487 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 6488 term="72" 6489 payment-type="cash" 6490 down-payment="3953.0" 6491 miles="5" 6492 lender-number="103" 6493 msrp="26356" 6494 rebates="1000" 6495 page-type="srp" 6496 vin=KMHLM4DG5TU288087 6497 :your-price=25031 6498 style-id=487085 6499 vdp-account-id=42268 6500 :page-reload="false" 6501 :price-unlocked-vins="priceUnlockedVins" 6502 @loadpayments="loadPaymentsForUnlockDiscount" 6503 :feature-cta-image-id="0" 6504 inventory-type=new></unlock-discount> 6505 </div> 6506 6507 </object> 6508 </div> 6509 </template> 6510 </div> 6511<div class="color-black ft-16 mt-1"> 6512 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 6513 Disclosure 6514 </div> 6515</div> 6516 6517 <div class="color-black ft-12 d-flex gap-5 mt-2"> 6518 <div class="color-gray">Location:</div> 6519 <div>City World Hyundai</div> 6520 </div> 6521 6522 <div class="show section-separator my-4"></div> 6523 6524 6525 <template v-if="true"> 6526 <object> 6527 <div class="app-level-cta-container"> 6528 6529 6530 <div class="primary-button-parent srp-view-details-transact-button-container"> 6531 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self" 6532 @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG5TU288087");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")' 6533 @keydown.space.prevent="$event.currentTarget.click()" 6534 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 6535 bgcolor-primary " 6536 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 6537 Explore Payment Options 6538 </a> 6539 </div> 6540 6541 6542 6543 6544 6545 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG5TU288087","false"==="true"))' class="primary-button-parent"> 6546 <a :style="ctaBtnStyles" 6547 tabindex="0" role="button" 6548 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG5TU288087", "New")' 6549 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG5TU288087", "New")' 6550 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 6551 {{inventorySettings.data.buttonLabel}} 6552 </a> 6553 </div> 6554 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 6555 <a v-if="applySecondary
6555Design" href="" 6556 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 6557 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 6558 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6559 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6560 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 6561 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 6562 <a v-else href="" 6563 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 6564 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 6565 @click.prevent=" 6566 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6567 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6568 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 6569 @mouseover="onCTABtnHover('', '', '', $event)"> 6570 Value Your Trade 6571 </a> 6572 </div> 6573 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 6574 <a v-if="applySecondary
6574Design" href="" 6575 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 6576 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 6577 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6578 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6579 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 6580 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 6581 <a v-else href="" 6582 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 6583 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 6584 @click.prevent=" 6585 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6586 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG5TU288087","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2263","CustomCTAOnClick":""}', $event)" 6587 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 6588 @mouseover="onCTABtnHover('', '', '', $event)"> 6589 Check Availability 6590 </a> 6591 </div> 6592 6593 6594 6595 6596 </div> 6597 </object> 6598 </template> 6599 6600 <div class="mt-3"> 6601 6602 6603 <div class="inventory-btns" style="width:100%;" v-cloak> 6604 6605 6606 <object class="d-flex flex-column primary-inventory-btn-group"> 6607 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 6608 <div class="pi-pullup-container"></div> 6609 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 6610 6611 <div class="dvs_vin_btn" vin="KMHLM4DG5TU288087"></div> 6612 6613 6614 6615 <div class="d-flex mt-2 primary-button-parent"> 6616 <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG5TU288087" 6617 style="color: initial; background-color: initial;" 6618 @mouseleave="onRoadSterButtonLeave('','', $event)" 6619 @mouseover="onRoadSterButtonHover('','', $event)" 6620 @keydown.space.prevent="$event.currentTarget.click()" 6621 class="bgcolor-primary 6622 w-100 6623 d-flex 6624 justify-content-center 6625 align-items-center 6626 payment-panel-rounded-buttons 6627 text-white text-center 6628 no-hover 6629 rounded-buttons py-2 px-2 6630 roadster-btn ft-12 mx-1 btn-pd-0 6631 ">Search Payments </a> 6632 </div> 6633 6634 6635 6636 </object> 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 </div> 6657 6658 6659 <div class="my-2 w-100 text-center"> 6660 <div class="les_video" les_vin="KMHLM4DG5TU288087"></div> 6661 </div> 6662 6663 6664 6665 6666 </div> 6667 6668 <active-engage-widget v-if="isEnableActivEngageSrp" 6669 custom-class="py-2 ft-12"></active-engage-widget> 6670 <div class="srp-tabs-section mt-3"> 6671 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 6672 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details' }" 6673 tabindex="0" role="tab" 6674 aria-label="Details" 6675 :aria-selected="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details'" 6676 aria-controls="tab-panel-details-KMHLM4DG5TU288087" 6677 @click.stop.prevent="setActiveTab('details', 'KMHLM4DG5TU288087')" 6678 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG5TU288087')"> 6679 Details 6680 </div> 6681 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments' }" 6682 tabindex="0" role="tab" 6683 aria-label="Pricing" 6684 :aria-selected="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments'" 6685 aria-controls="tab-panel-payments-KMHLM4DG5TU288087" 6686 @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG5TU288087')" 6687 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG5TU288087')"> 6688 Pricing 6689 </div> 6690 </div> 6691 6692 <div class="srp-tab-content"> 6693 <div :class="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG5TU288087" aria-label="Details"> 6694 <div class="vehicle-details-list"> 6695 6696 <div class="details-item-row "> 6697 <div class="vin details-item-label text-uppercase">vin </div> 6698 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 6699 <div id="copy_vin" class="d-inline">KMHLM4DG5TU288087</div> 6700 </div> 6701 </div> 6702 6703 <div class="details-item-row"> 6704 <div class="details-item-label">Stock #</div> 6705 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 6706 <div id="copy_stock" class="d-inline">26H2263</div> 6707 </div> 6708 </div> 6709 6710 6711 6712 <div class="details-item-row"> 6713 <div class="details-item-label">Model Code</div> 6714 <div class="details-item-value">#ELFAF2J6S4AS</div> 6715 </div> 6716 6717 <div class="details-item-row"> 6718 <div class="details-item-label">Exterior</div> 6719 <div class="details-item-value d-flex align-items-center"> 6720 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #545454; border-radius: 50%"></div> 6721 <div class="ml-2">Amazon Gray</div> 6722 </div> 6723 </div> 6724 6725 <div class="details-item-row"> 6726 <div class="details-item-label">Interior</div> 6727 <div class="details-item-value d-flex align-items-center"> 6728 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div> 6729 <div class="ml-2 interior-word-break">Black</div> 6730 </div> 6731 </div> 6732 6733 <div class="details-item-row"> 6734 <div class="details-item-label">Drivetrain</div> 6735 <div class="details-item-value">FWD</div> 6736 </div> 6737 6738 <div class="details-item-row"> 6739 <div class="details-item-label">Engine</div> 6740 <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div> 6741 </div> 6742 <div class="details-item-row"> 6743 <div class="details-item-label">Transmission</div> 6744 <div class="details-item-value">CVT</div> 6745 </div> 6746 6747 </div> 6748 6749 </div> 6750 <div :class="(activeTabsByVin['KMHLM4DG5TU288087'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG5TU288087" aria-label="Pricing"> 6751 <div class="msrppanel-label"> 6752 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):showMsrp)'> 6753 6754 6755 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26356' :sh
6755owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 6756 <div class="d-flex align-items-center align-text-gird srp-msrp "> 6757 6758 6759<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')"> 6760 MSRP 6761</div> 6762<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,356</div> 6763 6764 6765 </div> 6766 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div> 6767 <div class="grey-text vehiclebox-rebates align-text-gird "> 6768 <span> 6769 Retail Bonus Cash 6770 <custom-disclaimer-dialog type="srp" vin="KMHLM4DG5TU288087" disclaimerindex="0" /> 6771 </span> 6772 <span> -$1,000</span> 6773 </div> 6774 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 6775 <span>Total Fee</span> 6776 <span class="d-flex pl-2"> 6777 +$175 6778 <span class="mt-1 ml-2 p-0 no-padding"> 6779 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
6779Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 6780 </span> 6781 </span> 6782 </div> 6783 <div id="kmhlm4dg5tu288087-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 6784 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 6785 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 6786 </span> 6787 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg5tu288087-unlock-discount-price"></label></span> 6788 </div> 6789 <div id="kmhlm4dg5tu288087-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 6790 <div class="mr-2" style="color:#002C5E"> 6791 <span id="kmhlm4dg5tu288087-selling-price-label" class="p-0">Your Price</span> 6792 </div> 6793 <div id="kmhlm4dg5tu288087-your-price-hide" class=" " style="color:#002C5E">$25,031</div> 6794 </div> 6795 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 6796 <div class="mr-2" style="color:#002C5E"> 6797 <span id="kmhlm4dg5tu288087-selling-price-label" class="p-0">Your Price</span> 6798 </div> 6799 <div id="kmhlm4dg5tu288087-your-price" class=" " style="color:#002C5E">$25,031</div> 6800 </div> 6801 6802 6803 6804 6805 <total-incentive-discount qualified-data='[{"Vin":"KMHLM4DG5TU288087","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
6805dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHLM4DG5TU288087","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
6805StopDate":"9/30/2026"},{"Vin":"KMHLM4DG5TU288087","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 6806 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 6807 :pricedata="{'msrp':'26356','yourPrice':'25031'}" 6808 :showfinalconditionalpricesrp="'False' === 'True'" 6809 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 6810 <div class="color-black ft-16 mt-1"> 6811 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 6812 Disclosure 6813 </div> 6814</div> 6815 6816 </div> 6817 6818 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG5TU288087", "false"==="true"):!showMsrp )'> 6819 <div v-if="!unlockHideMsrp"> 6820 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26356' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 6821 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 6822 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 6823 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,356</div> 6824 </div> 6825 </div> 6826 6827 </div> 6828 </div> 6829 </div> 6830 </div> 6831 </div> 6832 <div id="cta-params-KMHLM4DG5TU288087" 6833 data-cta-params="{"priceLabel":"Price","priceValue":25031.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 6834 </div> 6835 6836 <div> 6837 6838 <vehicle-badges model="Elantra" 6839 :current="'srp'" 6840 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 6841 :eyesight="''" 6842 :starlink="''" 6843 :von="''" 6844 :onorder="''"
6845 :vin="'KMHLM4DG5TU288087'" 6846 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease'" 6847 :vehicle-badges-top-srp="'False'" 6848 :year="'2026'" 6849 :in-transit-background-color-srp="''" 6850 :in-transit-badge-color-srp="''" 6851 :in-production-background-color-srp="''" 6852 :in-production-badge-color-srp="''" 6853 @opendisclaimer="openDisclaimerPopup($event)"> 6854 </vehicle-badges> 6855 6856 <div class="d-flex flex-wrap"> 6857 6858 6859 6860 6861 6862 6863 6864 </div> 6865 </div> 6866 6867 6868 6869 <div class="d-flex flex-wrap srp-certified-img-section"> 6870 6871 6872 6873 6874 6875 6876 6877 6878 </div> 6879 6880 <div v-if="currentTheme == 'subaru'" class="mt-3"> 6881 <subaru-badge-new model="Elantra" 6882 year="2026" 6883 make="Hyundai" 6884 type="New" 6885 :current="'srp'" 6886 :transit="'False'" 6887 :eyesight="''" 6888 :starlink="''" 6889 :von="''" 6890 :onorder="''" 6891 :vin="'KMHLM4DG5TU288087'" 6892 :hide-in-transit="'False'" 6893 :vehicle-badges-top-srp="'False'" 6894 :subaru-consumer-report-class="''" 6895 :in-transit-background-color-srp="''" 6896 :in-transit-badge-color-srp="''" 6897 > 6898 </subaru-badge-new> 6899 </div> 6900 6901 </div> 6902 </div> 6903 6904 6905 6906 </div> 6907 </a> 6908 <template v-if="true"> 6909 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 6910 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG5TU288087'" class="vehicle-data-overlay-container" 6911 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 6912 @keydown.esc.prevent="closeDetailsOverlay()" 6913 @keydown.tab="srpOverlayTrapFocus($event)"> 6914 <div class="vehicle-overlay-data"> 6915 <div class="srp-overlay-options"> 6916 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 6917 <div class="d-flex align-items-center" style="gap: 20px;"> 6918 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 6919 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 6920 <h3 class="mb-0">Options</h3> 6921 </div> 6922 <div> 6923 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 6924 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 6925 </div> 6926 </div> 6927 6928 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 6929 <div class="overlay-nav-items px-3 pt-4"> 6930 <div class="d-flex overlay-nav-item" tabindex="0" 6931 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: '
6931share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: 'share-options', label: 'Share' })"> 6932 <em class="primaryicon-share-icon"></em> 6933 <span>Share</span> 6934 </div> 6935 6936 <div class="d-flex overlay-nav-item" 6937 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG5TU288087', overlayType: 'key-features', label: 'Key Features' })"> 6938 <em class="primaryicon-key-features-icon"></em> 6939 <span>Key Features</span> 6940 </div> 6941 </div> 6942 6943 <div class="pt-4 px-3 mt-3"> 6944 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease")' target="_self" 6945 @keydown.space.prevent="$event.currentTarget.click()" 6946 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 6947 View Details 6948 </a> 6949 </div> 6950 </div> 6951 </div> 6952 </div> 6953 </div> 6954 </transition> 6955 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 6956 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG5TU288087'" 6957 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 6958 @keydown.esc.prevent="navigateToDetailsOverlay()" 6959 @keydown.tab="srpOverlayTrapFocus($event)"> 6960 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 6961 <div class="d-flex align-items-center" style="gap: 20px;"> 6962 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 6963 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 6964 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 6965 </div> 6966 <div> 6967 <em class="primaryicon-close-icon-gray" 6968 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 6969 </div> 6970 </div> 6971 <div class="mt-3 pt-4 overlay-section-links"> 6972 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 6973 <template v-if="!isLoadingOverlayDetails"> 6974 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 6975 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options> 6976 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 6977 </template> 6978 </div> 6979 </div> 6980 </transition> 6981 </template> 6982 </div> 6983
6983<script type="application/javascript"> 6984 6985 var rebatesString = "[{"DiscountBonus":1000.0,"DiscountBonusDescription":"Retail Bonus Cash","Disclaimer":"Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between September 9, 2026 and September 30, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends September 30, 2026."}]"; 6986 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 6987 localStorage.setItem("KMHLM4DG8TU288097-rebates", formattedRebatesString); 6988 6989 </script>
6989 6990<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG8TU288097" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 6991 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG8TU288097", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "7",msrp:"26365",yourPrice:"25040",sellingPrice:"25865",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG8TU288097", $event,{styleId:"487085"})' 6992 @mouseleave="clearMouseHoverValue()" 6993 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 6994 used-large-box" style="height: 100%;"> 6995 6996 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 6997 <div class="position-relative"> 6998 <div class="srp-top-badges"> 6999 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 7000 <div class="d-flex align-items-center gap-10"> 7001 </div> 7002 </div> 7003 7004 </div> 7005 7006 7007 <div id="EZ360_CVDP"></div> 7008 7009 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 7010 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG8TU288097'" class="vehicle-box__image"> 7011 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG8TU288097&vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A2B&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 7012 title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus" 7013 @mouseover="srpImageHover('487085', 'KMHLM4DG8TU288097', 'color=A2B')" /> 7014 7015 </div> 7016 7017 <div class="dp-srp-evox-media-KMHLM4DG8TU288097" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG8TU288097'"></div> 7018 7019 <div class="vehicle-info-icon"> 7020 <em 7021 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG8TU288097')" 7022 class="primaryicon-options-btn-new info-icon-css" 7023 data-vin="KMHLM4DG8TU288097" 7024 tabindex="0" 7025 role="button" 7026 aria-label="Vehicle info" 7027 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG8TU288097')" 7028 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG8TU288097')" 7029 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 7030 </div> 7031 </div> 7032 7033 7034 <div class="vehiclebox-info-section p-3"> 7035 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 7036 <div class="d-flex"> 7037 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 7038 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 7039 2026 Hyundai Elantra SEL Sport Plus 7040 </h2> 7041 </div> 7042 </div> 7043 </div> 7044 7045 <div class="vehicle-summary-section mt-3 "> 7046 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 7047 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 7048 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp)'> 7049 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 7050 <div class="mr-2" style="color:#002
7050C5E"> 7051 <span id="kmhlm4dg8tu288097-price-summary-label">Your Price</span> 7052 </div> 7053 <div id="kmhlm4dg8tu288097-price-summary-value" class=" " style="color:#002C5E">$25,040</div> 7054 </div> 7055 7056 </div> 7057 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp )'> 7058 <div v-if="!unlockHideMsrp"> 7059 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 7060 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 7061 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div> 7062 </div> 7063 </div> 7064 7065 </div> 7066 </div> 7067 7068 </div> 7069 7070 <template v-if="true"> 7071 <div class="vehicle-summary-cta flex-1"> 7072 <object> 7073 <div class="primary-button-parent unlock-discount"> 7074 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 7075 term="72" 7076 payment-type="cash" 7077 down-payment="3954.0" 7078 miles="3" 7079 lender-number="103" 7080 msrp="26365" 7081 rebates="1000" 7082 page-type="srp" 7083 vin=KMHLM4DG8TU288097 7084 :your-price=25040 7085 style-id=487085 7086 vdp-account-id=42268 7087 :page-reload="false" 7088 :price-unlocked-vins="priceUnlockedVins" 7089 @loadpayments="loadPaymentsForUnlockDiscount" 7090 :feature-cta-image-id="0" 7091 inventory-type=new></unlock-discount> 7092 </div> 7093 7094 </object> 7095 </div> 7096 </template> 7097 </div> 7098<div class="color-black ft-16 mt-1"> 7099 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 7100 Disclosure 7101 </div> 7102</div> 7103 7104 <div class="color-black ft-12 d-flex gap-5 mt-2"> 7105 <div class="color-gray">Location:</div> 7106 <div>City World Hyundai</div> 7107 </div> 7108 7109 <div class="show section-separator my-4"></div> 7110 7111 7112 <template v-if="true"> 7113 <object> 7114 <div class="app-level-cta-container"> 7115 7116 7117 <div class="primary-button-parent srp-view-details-transact-button-container"> 7118 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self" 7119 @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG8TU288097");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")' 7120 @keydown.space.prevent="$event.currentTarget.click()" 7121 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 7122 bgcolor-primary " 7123 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 7124 Explore Payment Options 7125 </a> 7126 </div> 7127 7128 7129 7130 7131 7132 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG8TU288097","false"==="true"))' class="primary-button-parent"> 7133 <a :style="ctaBtnStyles" 7134 tabindex="0" role="button" 7135 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG8TU288097", "New")' 7136 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG8TU288097", "New")' 7137 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 7138 {{inventorySettings.data.buttonLabel}} 7139 </a> 7140 </div> 7141 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 7142 <a v-if="applySecondary
7142Design" href="" 7143 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 7144 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7145 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7146 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7147 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7148 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 7149 <a v-else href="" 7150 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 7151 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7152 @click.prevent=" 7153 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7154 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7155 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7156 @mouseover="onCTABtnHover('', '', '', $event)"> 7157 Value Your Trade 7158 </a> 7159 </div> 7160 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 7161 <a v-if="applySecondary
7161Design" href="" 7162 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 7163 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7164 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7165 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7166 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7167 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 7168 <a v-else href="" 7169 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 7170 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7171 @click.prevent=" 7172 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7173 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG8TU288097","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2267","CustomCTAOnClick":""}', $event)" 7174 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7175 @mouseover="onCTABtnHover('', '', '', $event)"> 7176 Check Availability 7177 </a> 7178 </div> 7179 7180 7181 7182 7183 </div> 7184 </object> 7185 </template> 7186 7187 <div class="mt-3"> 7188 7189 7190 <div class="inventory-btns" style="width:100%;" v-cloak> 7191 7192 7193 <object class="d-flex flex-column primary-inventory-btn-group"> 7194 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 7195 <div class="pi-pullup-container"></div> 7196 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 7197 7198 <div class="dvs_vin_btn" vin="KMHLM4DG8TU288097"></div> 7199 7200 7201 7202 <div class="d-flex mt-2 primary-button-parent"> 7203 <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG8TU288097" 7204 style="color: initial; background-color: initial;" 7205 @mouseleave="onRoadSterButtonLeave('','', $event)" 7206 @mouseover="onRoadSterButtonHover('','', $event)" 7207 @keydown.space.prevent="$event.currentTarget.click()" 7208 class="bgcolor-primary 7209 w-100 7210 d-flex 7211 justify-content-center 7212 align-items-center 7213 payment-panel-rounded-buttons 7214 text-white text-center 7215 no-hover 7216 rounded-buttons py-2 px-2 7217 roadster-btn ft-12 mx-1 btn-pd-0 7218 ">Search Payments </a> 7219 </div> 7220 7221 7222 7223 </object> 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 </div> 7244 7245 7246 <div class="my-2 w-100 text-center"> 7247 <div class="les_video" les_vin="KMHLM4DG8TU288097"></div> 7248 </div> 7249 7250 7251 7252 7253 </div> 7254 7255 <active-engage-widget v-if="isEnableActivEngageSrp" 7256 custom-class="py-2 ft-12"></active-engage-widget> 7257 <div class="srp-tabs-section mt-3"> 7258 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 7259 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details' }" 7260 tabindex="0" role="tab" 7261 aria-label="Details" 7262 :aria-selected="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details'" 7263 aria-controls="tab-panel-details-KMHLM4DG8TU288097" 7264 @click.stop.prevent="setActiveTab('details', 'KMHLM4DG8TU288097')" 7265 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG8TU288097')"> 7266 Details 7267 </div> 7268 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments' }" 7269 tabindex="0" role="tab" 7270 aria-label="Pricing" 7271 :aria-selected="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments'" 7272 aria-controls="tab-panel-payments-KMHLM4DG8TU288097" 7273 @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG8TU288097')" 7274 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG8TU288097')"> 7275 Pricing 7276 </div> 7277 </div> 7278 7279 <div class="srp-tab-content"> 7280 <div :class="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG8TU288097" aria-label="Details"> 7281 <div class="vehicle-details-list"> 7282 7283 <div class="details-item-row "> 7284 <div class="vin details-item-label text-uppercase">vin </div> 7285 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 7286 <div id="copy_vin" class="d-inline">KMHLM4DG8TU288097</div> 7287 </div> 7288 </div> 7289 7290 <div class="details-item-row"> 7291 <div class="details-item-label">Stock #</div> 7292 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 7293 <div id="copy_stock" class="d-inline">26H2267</div> 7294 </div> 7295 </div> 7296 7297 7298 7299 <div class="details-item-row"> 7300 <div class="details-item-label">Model Code</div> 7301 <div class="details-item-value">#ELFAF2J6S4AS</div> 7302 </div> 7303 7304 <div class="details-item-row"> 7305 <div class="details-item-label">Exterior</div> 7306 <div class="details-item-value d-flex align-items-center"> 7307 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #2C2D2E; border-radius: 50%"></div> 7308 <div class="ml-2">Abyss Black</div> 7309 </div> 7310 </div> 7311 7312 <div class="details-item-row"> 7313 <div class="details-item-label">Interior</div> 7314 <div class="details-item-value d-flex align-items-center"> 7315 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div> 7316 <div class="ml-2 interior-word-break">Black</div> 7317 </div> 7318 </div> 7319 7320 <div class="details-item-row"> 7321 <div class="details-item-label">Drivetrain</div> 7322 <div class="details-item-value">FWD</div> 7323 </div> 7324 7325 <div class="details-item-row"> 7326 <div class="details-item-label">Engine</div> 7327 <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div> 7328 </div> 7329 <div class="details-item-row"> 7330 <div class="details-item-label">Transmission</div> 7331 <div class="details-item-value">CVT</div> 7332 </div> 7333 7334 </div> 7335 7336 </div> 7337 <div :class="(activeTabsByVin['KMHLM4DG8TU288097'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG8TU288097" aria-label="Pricing"> 7338 <div class="msrppanel-label"> 7339 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):showMsrp)'> 7340 7341 7342 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 7343 <div class="d-flex align-items-center align-text-gird srp-msrp "> 7344 7345 7346<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
73462 ft-16" :style="getMSRPColor('')"> 7347 MSRP 7348</div> 7349<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,365</div> 7350 7351 7352 </div> 7353 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div> 7354 <div class="grey-text vehiclebox-rebates align-text-gird "> 7355 <span> 7356 Retail Bonus Cash 7357 <custom-disclaimer-dialog type="srp" vin="KMHLM4DG8TU288097" disclaimerindex="0" /> 7358 </span> 7359 <span> -$1,000</span> 7360 </div> 7361 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 7362 <span>Total Fee</span> 7363 <span class="d-flex pl-2"> 7364 +$175 7365 <span class="mt-1 ml-2 p-0 no-padding"> 7366 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
7366Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 7367 </span> 7368 </span> 7369 </div> 7370 <div id="kmhlm4dg8tu288097-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 7371 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 7372 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 7373 </span> 7374 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg8tu288097-unlock-discount-price"></label></span> 7375 </div> 7376 <div id="kmhlm4dg8tu288097-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 7377 <div class="mr-2" style="color:#002C5E"> 7378 <span id="kmhlm4dg8tu288097-selling-price-label" class="p-0">Your Price</span> 7379 </div> 7380 <div id="kmhlm4dg8tu288097-your-price-hide" class=" " style="color:#002C5E">$25,040</div> 7381 </div> 7382 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 7383 <div class="mr-2" style="color:#002C5E"> 7384 <span id="kmhlm4dg8tu288097-selling-price-label" class="p-0">Your Price</span> 7385 </div> 7386 <div id="kmhlm4dg8tu288097-your-price" class=" " style="color:#002C5E">$25,040</div> 7387 </div> 7388 7389 7390 7391 7392 <total-incentive-discount qualified-data='[{"Vin":"KMHLM4DG8TU288097","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
7392dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHLM4DG8TU288097","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
7392StopDate":"9/30/2026"},{"Vin":"KMHLM4DG8TU288097","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 7393 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 7394 :pricedata="{'msrp':'26365','yourPrice':'25040'}" 7395 :showfinalconditionalpricesrp="'False' === 'True'" 7396 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 7397 <div class="color-black ft-16 mt-1"> 7398 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 7399 Disclosure 7400 </div> 7401</div> 7402 7403 </div> 7404 7405 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG8TU288097", "false"==="true"):!showMsrp )'> 7406 <div v-if="!unlockHideMsrp"> 7407 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 7408 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 7409 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 7410 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div> 7411 </div> 7412 </div> 7413 7414 </div> 7415 </div> 7416 </div> 7417 </div> 7418 </div> 7419 <div id="cta-params-KMHLM4DG8TU288097" 7420 data-cta-params="{"priceLabel":"Price","priceValue":25040.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 7421 </div> 7422 7423 <div> 7424 7425 <vehicle-badges model="Elantra" 7426 :current="'srp'" 7427 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 7428 :eyesight="''" 7429 :starlink="''" 7430 :von="''" 7431 :onorder="''"
7432 :vin="'KMHLM4DG8TU288097'" 7433 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease'" 7434 :vehicle-badges-top-srp="'False'" 7435 :year="'2026'" 7436 :in-transit-background-color-srp="''" 7437 :in-transit-badge-color-srp="''" 7438 :in-production-background-color-srp="''" 7439 :in-production-badge-color-srp="''" 7440 @opendisclaimer="openDisclaimerPopup($event)"> 7441 </vehicle-badges> 7442 7443 <div class="d-flex flex-wrap"> 7444 7445 7446 7447 7448 7449 7450 7451 </div> 7452 </div> 7453 7454 7455 7456 <div class="d-flex flex-wrap srp-certified-img-section"> 7457 7458 7459 7460 7461 7462 7463 7464 7465 </div> 7466 7467 <div v-if="currentTheme == 'subaru'" class="mt-3"> 7468 <subaru-badge-new model="Elantra" 7469 year="2026" 7470 make="Hyundai" 7471 type="New" 7472 :current="'srp'" 7473 :transit="'False'" 7474 :eyesight="''" 7475 :starlink="''" 7476 :von="''" 7477 :onorder="''" 7478 :vin="'KMHLM4DG8TU288097'" 7479 :hide-in-transit="'False'" 7480 :vehicle-badges-top-srp="'False'" 7481 :subaru-consumer-report-class="''" 7482 :in-transit-background-color-srp="''" 7483 :in-transit-badge-color-srp="''" 7484 > 7485 </subaru-badge-new> 7486 </div> 7487 7488 </div> 7489 </div> 7490 7491 7492 7493 </div> 7494 </a> 7495 <template v-if="true"> 7496 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 7497 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG8TU288097'" class="vehicle-data-overlay-container" 7498 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 7499 @keydown.esc.prevent="closeDetailsOverlay()" 7500 @keydown.tab="srpOverlayTrapFocus($event)"> 7501 <div class="vehicle-overlay-data"> 7502 <div class="srp-overlay-options"> 7503 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 7504 <div class="d-flex align-items-center" style="gap: 20px;"> 7505 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 7506 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 7507 <h3 class="mb-0">Options</h3> 7508 </div> 7509 <div> 7510 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 7511 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 7512 </div> 7513 </div> 7514 7515 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 7516 <div class="overlay-nav-items px-3 pt-4"> 7517 <div class="d-flex overlay-nav-item" tabindex="0" 7518 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: '
7518share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: 'share-options', label: 'Share' })"> 7519 <em class="primaryicon-share-icon"></em> 7520 <span>Share</span> 7521 </div> 7522 7523 <div class="d-flex overlay-nav-item" 7524 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG8TU288097', overlayType: 'key-features', label: 'Key Features' })"> 7525 <em class="primaryicon-key-features-icon"></em> 7526 <span>Key Features</span> 7527 </div> 7528 </div> 7529 7530 <div class="pt-4 px-3 mt-3"> 7531 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease")' target="_self" 7532 @keydown.space.prevent="$event.currentTarget.click()" 7533 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 7534 View Details 7535 </a> 7536 </div> 7537 </div> 7538 </div> 7539 </div> 7540 </div> 7541 </transition> 7542 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 7543 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG8TU288097'" 7544 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 7545 @keydown.esc.prevent="navigateToDetailsOverlay()" 7546 @keydown.tab="srpOverlayTrapFocus($event)"> 7547 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 7548 <div class="d-flex align-items-center" style="gap: 20px;"> 7549 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 7550 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 7551 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 7552 </div> 7553 <div> 7554 <em class="primaryicon-close-icon-gray" 7555 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 7556 </div> 7557 </div> 7558 <div class="mt-3 pt-4 overlay-section-links"> 7559 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 7560 <template v-if="!isLoadingOverlayDetails"> 7561 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 7562 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options> 7563 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 7564 </template> 7565 </div> 7566 </div> 7567 </transition> 7568 </template> 7569 </div> 7570
7570<script type="application/javascript"> 7571 7572 var rebatesString = "[{"DiscountBonus":1000.0,"DiscountBonusDescription":"Retail Bonus Cash","Disclaimer":"Retail Bonus Cash available on eligible new Hyundai models purchased from dealer stock between September 9, 2026 and September 30, 2026. Customers who participate in a Special Lease or Low APR program through Hyundai Motor Finance (HMF) do not qualify for Retail Bonus Cash. See participating dealer for details. Retail Bonus Cash offer ends September 30, 2026."}]"; 7573 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 7574 localStorage.setItem("KMHLM4DG7TU290004-rebates", formattedRebatesString); 7575 7576 </script>
7576 7577<div data-itemid="Hyundai-Elantra-SEL Sport Plus-KMHLM4DG7TU290004" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 7578 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease" target="_self" @click='vehicleDetails($event, "KMHLM4DG7TU290004", "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", {vehicleCount: "12", vehicleIndex: "8",msrp:"26365",yourPrice:"25040",sellingPrice:"25865",type:"New",title:`2026 Hyundai Elantra SEL Sport Plus`},"false"==="true"), setVintoTransact("KMHLM4DG7TU290004", $event,{styleId:"487085"})' 7579 @mouseleave="clearMouseHoverValue()" 7580 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 7581 used-large-box" style="height: 100%;"> 7582 7583 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 7584 <div class="position-relative"> 7585 <div class="srp-top-badges"> 7586 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 7587 <div class="d-flex align-items-center gap-10"> 7588 </div> 7589 </div> 7590 7591 </div> 7592 7593 7594 <div id="EZ360_CVDP"></div> 7595 7596 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 7597 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHLM4DG7TU290004'" class="vehicle-box__image"> 7598 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU290004&vehicletype=Sedan&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=A5G&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 7599 title="2026 Hyundai Elantra SEL Sport Plus" alt="2026 Hyundai Elantra SEL Sport Plus" 7600 @mouseover="srpImageHover('487085', 'KMHLM4DG7TU290004', 'color=A5G')" /> 7601 7602 </div> 7603 7604 <div class="dp-srp-evox-media-KMHLM4DG7TU290004" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHLM4DG7TU290004'"></div> 7605 7606 <div class="vehicle-info-icon"> 7607 <em 7608 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHLM4DG7TU290004')" 7609 class="primaryicon-options-btn-new info-icon-css" 7610 data-vin="KMHLM4DG7TU290004" 7611 tabindex="0" 7612 role="button" 7613 aria-label="Vehicle info" 7614 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU290004')" 7615 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHLM4DG7TU290004')" 7616 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 7617 </div> 7618 </div> 7619 7620 7621 <div class="vehiclebox-info-section p-3"> 7622 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 7623 <div class="d-flex"> 7624 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 7625 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 7626 2026 Hyundai Elantra SEL Sport Plus 7627 </h2> 7628 </div> 7629 </div> 7630 </div> 7631 7632 <div class="vehicle-summary-section mt-3 "> 7633 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 7634 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 7635 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp)'> 7636 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 7637 <div class="mr-2" style="color:#002
7637C5E"> 7638 <span id="kmhlm4dg7tu290004-price-summary-label">Your Price</span> 7639 </div> 7640 <div id="kmhlm4dg7tu290004-price-summary-value" class=" " style="color:#002C5E">$25,040</div> 7641 </div> 7642 7643 </div> 7644 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp )'> 7645 <div v-if="!unlockHideMsrp"> 7646 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 7647 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 7648 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div> 7649 </div> 7650 </div> 7651 7652 </div> 7653 </div> 7654 7655 </div> 7656 7657 <template v-if="true"> 7658 <div class="vehicle-summary-cta flex-1"> 7659 <object> 7660 <div class="primary-button-parent unlock-discount"> 7661 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 7662 term="72" 7663 payment-type="cash" 7664 down-payment="3954.0" 7665 miles="3" 7666 lender-number="103" 7667 msrp="26365" 7668 rebates="1000" 7669 page-type="srp" 7670 vin=KMHLM4DG7TU290004 7671 :your-price=25040 7672 style-id=487085 7673 vdp-account-id=42268 7674 :page-reload="false" 7675 :price-unlocked-vins="priceUnlockedVins" 7676 @loadpayments="loadPaymentsForUnlockDiscount" 7677 :feature-cta-image-id="0" 7678 inventory-type=new></unlock-discount> 7679 </div> 7680 7681 </object> 7682 </div> 7683 </template> 7684 </div> 7685<div class="color-black ft-16 mt-1"> 7686 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 7687 Disclosure 7688 </div> 7689</div> 7690 7691 <div class="color-black ft-12 d-flex gap-5 mt-2"> 7692 <div class="color-gray">Location:</div> 7693 <div>City World Hyundai</div> 7694 </div> 7695 7696 <div class="show section-separator my-4"></div> 7697 7698 7699 <template v-if="true"> 7700 <object> 7701 <div class="app-level-cta-container"> 7702 7703 7704 <div class="primary-button-parent srp-view-details-transact-button-container"> 7705 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease#Transact" target="_self" 7706 @click='logBuyNowClickEvents("Explore Payment Options","KMHLM4DG7TU290004");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease",$event,"_self")' 7707 @keydown.space.prevent="$event.currentTarget.click()" 7708 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 7709 bgcolor-primary " 7710 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 7711 Explore Payment Options 7712 </a> 7713 </div> 7714 7715 7716 7717 7718 7719 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHLM4DG7TU290004","false"==="true"))' class="primary-button-parent"> 7720 <a :style="ctaBtnStyles" 7721 tabindex="0" role="button" 7722 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU290004", "New")' 7723 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease", "KMHLM4DG7TU290004", "New")' 7724 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 7725 {{inventorySettings.data.buttonLabel}} 7726 </a> 7727 </div> 7728 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 7729 <a v-if="applySecondary
7729Design" href="" 7730 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 7731 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7732 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7733 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7734 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7735 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 7736 <a v-else href="" 7737 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 7738 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7739 @click.prevent=" 7740 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7741 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7742 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7743 @mouseover="onCTABtnHover('', '', '', $event)"> 7744 Value Your Trade 7745 </a> 7746 </div> 7747 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 7748 <a v-if="applySecondary
7748Design" href="" 7749 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 7750 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7751 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7752 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7753 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7754 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 7755 <a v-else href="" 7756 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 7757 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 7758 @click.prevent=" 7759 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7760 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHLM4DG7TU290004","year":"2026","make":"Hyundai","model":"Elantra","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":359.58,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease","stockNumber":"26H2268","CustomCTAOnClick":""}', $event)" 7761 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 7762 @mouseover="onCTABtnHover('', '', '', $event)"> 7763 Check Availability 7764 </a> 7765 </div> 7766 7767 7768 7769 7770 </div> 7771 </object> 7772 </template> 7773 7774 <div class="mt-3"> 7775 7776 7777 <div class="inventory-btns" style="width:100%;" v-cloak> 7778 7779 7780 <object class="d-flex flex-column primary-inventory-btn-group"> 7781 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 7782 <div class="pi-pullup-container"></div> 7783 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 7784 7785 <div class="dvs_vin_btn" vin="KMHLM4DG7TU290004"></div> 7786 7787 7788 7789 <div class="d-flex mt-2 primary-button-parent"> 7790 <a href="https://cityworldhyundai.roadster.com/express/KMHLM4DG7TU290004" 7791 style="color: initial; background-color: initial;" 7792 @mouseleave="onRoadSterButtonLeave('','', $event)" 7793 @mouseover="onRoadSterButtonHover('','', $event)" 7794 @keydown.space.prevent="$event.currentTarget.click()" 7795 class="bgcolor-primary 7796 w-100 7797 d-flex 7798 justify-content-center 7799 align-items-center 7800 payment-panel-rounded-buttons 7801 text-white text-center 7802 no-hover 7803 rounded-buttons py-2 px-2 7804 roadster-btn ft-12 mx-1 btn-pd-0 7805 ">Search Payments </a> 7806 </div> 7807 7808 7809 7810 </object> 7811 7812 7813 7814 7815 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 </div> 7831 7832 7833 <div class="my-2 w-100 text-center"> 7834 <div class="les_video" les_vin="KMHLM4DG7TU290004"></div> 7835 </div> 7836 7837 7838 7839 7840 </div> 7841 7842 <active-engage-widget v-if="isEnableActivEngageSrp" 7843 custom-class="py-2 ft-12"></active-engage-widget> 7844 <div class="srp-tabs-section mt-3"> 7845 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 7846 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details' }" 7847 tabindex="0" role="tab" 7848 aria-label="Details" 7849 :aria-selected="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details'" 7850 aria-controls="tab-panel-details-KMHLM4DG7TU290004" 7851 @click.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU290004')" 7852 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHLM4DG7TU290004')"> 7853 Details 7854 </div> 7855 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments' }" 7856 tabindex="0" role="tab" 7857 aria-label="Pricing" 7858 :aria-selected="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments'" 7859 aria-controls="tab-panel-payments-KMHLM4DG7TU290004" 7860 @click.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU290004')" 7861 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHLM4DG7TU290004')"> 7862 Pricing 7863 </div> 7864 </div> 7865 7866 <div class="srp-tab-content"> 7867 <div :class="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHLM4DG7TU290004" aria-label="Details"> 7868 <div class="vehicle-details-list"> 7869 7870 <div class="details-item-row "> 7871 <div class="vin details-item-label text-uppercase">vin </div> 7872 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 7873 <div id="copy_vin" class="d-inline">KMHLM4DG7TU290004</div> 7874 </div> 7875 </div> 7876 7877 <div class="details-item-row"> 7878 <div class="details-item-label">Stock #</div> 7879 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 7880 <div id="copy_stock" class="d-inline">26H2268</div> 7881 </div> 7882 </div> 7883 7884 7885 7886 <div class="details-item-row"> 7887 <div class="details-item-label">Model Code</div> 7888 <div class="details-item-value">#ELFAF2J6S4AS</div> 7889 </div> 7890 7891 <div class="details-item-row"> 7892 <div class="details-item-label">Exterior</div> 7893 <div class="details-item-value d-flex align-items-center"> 7894 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #545454; border-radius: 50%"></div> 7895 <div class="ml-2">Amazon Gray</div> 7896 </div> 7897 </div> 7898 7899 <div class="details-item-row"> 7900 <div class="details-item-label">Interior</div> 7901 <div class="details-item-value d-flex align-items-center"> 7902 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div> 7903 <div class="ml-2 interior-word-break">Black</div> 7904 </div> 7905 </div> 7906 7907 <div class="details-item-row"> 7908 <div class="details-item-label">Drivetrain</div> 7909 <div class="details-item-value">FWD</div> 7910 </div> 7911 7912 <div class="details-item-row"> 7913 <div class="details-item-label">Engine</div> 7914 <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div> 7915 </div> 7916 <div class="details-item-row"> 7917 <div class="details-item-label">Transmission</div> 7918 <div class="details-item-value">CVT</div> 7919 </div> 7920 7921 </div> 7922 7923 </div> 7924 <div :class="(activeTabsByVin['KMHLM4DG7TU290004'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHLM4DG7TU290004" aria-label="Pricing"> 7925 <div class="msrppanel-label"> 7926 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):showMsrp)'> 7927 7928 7929 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 7930 <div class="d-flex align-items-center align-text-gird srp-msrp "> 7931 7932 7933<div class="grey-text vehiclebox-msrp msrp_label_custom mr-
79332 ft-16" :style="getMSRPColor('')"> 7934 MSRP 7935</div> 7936<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,365</div> 7937 7938 7939 </div> 7940 <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Our Discount<span><custom-disclaimer-dialog disclaimer="" :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span> </span> <span class="word-break-keep-all"> -$500</span></div> 7941 <div class="grey-text vehiclebox-rebates align-text-gird "> 7942 <span> 7943 Retail Bonus Cash 7944 <custom-disclaimer-dialog type="srp" vin="KMHLM4DG7TU290004" disclaimerindex="0" /> 7945 </span> 7946 <span> -$1,000</span> 7947 </div> 7948 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 7949 <span>Total Fee</span> 7950 <span class="d-flex pl-2"> 7951 +$175 7952 <span class="mt-1 ml-2 p-0 no-padding"> 7953 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
7953Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 7954 </span> 7955 </span> 7956 </div> 7957 <div id="kmhlm4dg7tu290004-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 7958 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 7959 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 7960 </span> 7961 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhlm4dg7tu290004-unlock-discount-price"></label></span> 7962 </div> 7963 <div id="kmhlm4dg7tu290004-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 7964 <div class="mr-2" style="color:#002C5E"> 7965 <span id="kmhlm4dg7tu290004-selling-price-label" class="p-0">Your Price</span> 7966 </div> 7967 <div id="kmhlm4dg7tu290004-your-price-hide" class=" " style="color:#002C5E">$25,040</div> 7968 </div> 7969 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 7970 <div class="mr-2" style="color:#002C5E"> 7971 <span id="kmhlm4dg7tu290004-selling-price-label" class="p-0">Your Price</span> 7972 </div> 7973 <div id="kmhlm4dg7tu290004-your-price" class=" " style="color:#002C5E">$25,040</div> 7974 </div> 7975 7976 7977 7978 7979 <total-incentive-discount qualified-data='[{"Vin":"KMHLM4DG7TU290004","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
7979dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHLM4DG7TU290004","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
7979StopDate":"9/30/2026"},{"Vin":"KMHLM4DG7TU290004","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 7980 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 7981 :pricedata="{'msrp':'26365','yourPrice':'25040'}" 7982 :showfinalconditionalpricesrp="'False' === 'True'" 7983 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 7984 <div class="color-black ft-16 mt-1"> 7985 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 7986 Disclosure 7987 </div> 7988</div> 7989 7990 </div> 7991 7992 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHLM4DG7TU290004", "false"==="true"):!showMsrp )'> 7993 <div v-if="!unlockHideMsrp"> 7994 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26365' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 7995 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 7996 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 7997 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,365</div> 7998 </div> 7999 </div> 8000 8001 </div> 8002 </div> 8003 </div> 8004 </div> 8005 </div> 8006 <div id="cta-params-KMHLM4DG7TU290004" 8007 data-cta-params="{"priceLabel":"Price","priceValue":25040.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 8008 </div> 8009 8010 <div> 8011 8012 <vehicle-badges model="Elantra" 8013 :current="'srp'" 8014 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 8015 :eyesight="''" 8016 :starlink="''" 8017 :von="''" 8018 :onorder="''"
8019 :vin="'KMHLM4DG7TU290004'" 8020 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease'" 8021 :vehicle-badges-top-srp="'False'" 8022 :year="'2026'" 8023 :in-transit-background-color-srp="''" 8024 :in-transit-badge-color-srp="''" 8025 :in-production-background-color-srp="''" 8026 :in-production-badge-color-srp="''" 8027 @opendisclaimer="openDisclaimerPopup($event)"> 8028 </vehicle-badges> 8029 8030 <div class="d-flex flex-wrap"> 8031 8032 8033 8034 8035 8036 8037 8038 </div> 8039 </div> 8040 8041 8042 8043 <div class="d-flex flex-wrap srp-certified-img-section"> 8044 8045 8046 8047 8048 8049 8050 8051 8052 </div> 8053 8054 <div v-if="currentTheme == 'subaru'" class="mt-3"> 8055 <subaru-badge-new model="Elantra" 8056 year="2026" 8057 make="Hyundai" 8058 type="New" 8059 :current="'srp'" 8060 :transit="'False'" 8061 :eyesight="''" 8062 :starlink="''" 8063 :von="''" 8064 :onorder="''" 8065 :vin="'KMHLM4DG7TU290004'" 8066 :hide-in-transit="'False'" 8067 :vehicle-badges-top-srp="'False'" 8068 :subaru-consumer-report-class="''" 8069 :in-transit-background-color-srp="''" 8070 :in-transit-badge-color-srp="''" 8071 > 8072 </subaru-badge-new> 8073 </div> 8074 8075 </div> 8076 </div> 8077 8078 8079 8080 </div> 8081 </a> 8082 <template v-if="true"> 8083 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 8084 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHLM4DG7TU290004'" class="vehicle-data-overlay-container" 8085 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 8086 @keydown.esc.prevent="closeDetailsOverlay()" 8087 @keydown.tab="srpOverlayTrapFocus($event)"> 8088 <div class="vehicle-overlay-data"> 8089 <div class="srp-overlay-options"> 8090 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 8091 <div class="d-flex align-items-center" style="gap: 20px;"> 8092 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 8093 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 8094 <h3 class="mb-0">Options</h3> 8095 </div> 8096 <div> 8097 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 8098 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 8099 </div> 8100 </div> 8101 8102 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 8103 <div class="overlay-nav-items px-3 pt-4"> 8104 <div class="d-flex overlay-nav-item" tabindex="0" 8105 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: '
8105share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: 'share-options', label: 'Share' })"> 8106 <em class="primaryicon-share-icon"></em> 8107 <span>Share</span> 8108 </div> 8109 8110 <div class="d-flex overlay-nav-item" 8111 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHLM4DG7TU290004', overlayType: 'key-features', label: 'Key Features' })"> 8112 <em class="primaryicon-key-features-icon"></em> 8113 <span>Key Features</span> 8114 </div> 8115 </div> 8116 8117 <div class="pt-4 px-3 mt-3"> 8118 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease")' target="_self" 8119 @keydown.space.prevent="$event.currentTarget.click()" 8120 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 8121 View Details 8122 </a> 8123 </div> 8124 </div> 8125 </div> 8126 </div> 8127 </div> 8128 </transition> 8129 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 8130 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHLM4DG7TU290004'" 8131 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 8132 @keydown.esc.prevent="navigateToDetailsOverlay()" 8133 @keydown.tab="srpOverlayTrapFocus($event)"> 8134 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 8135 <div class="d-flex align-items-center" style="gap: 20px;"> 8136 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 8137 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 8138 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 8139 </div> 8140 <div> 8141 <em class="primaryicon-close-icon-gray" 8142 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 8143 </div> 8144 </div> 8145 <div class="mt-3 pt-4 overlay-section-links"> 8146 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 8147 <template v-if="!isLoadingOverlayDetails"> 8148 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 8149 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car?type=lease" vehicle-name="New 2026 Hyundai Elantra SEL Sport Plus" :page-type-id="18" :style-id="487085" class="overlay-section-content"></share-options> 8150 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 8151 </template> 8152 </div> 8153 </div> 8154 </transition> 8155 </template> 8156 </div> 8157
8157<script type="application/javascript"> 8158 8159 var rebatesString = "[]"; 8160 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 8161 localStorage.setItem("KMHRC8A3XTU496147-rebates", formattedRebatesString); 8162 8163 </script>
8163 8164<div data-itemid="Hyundai-Venue-SEL-KMHRC8A3XTU496147" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 8165 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A3XTU496147", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "9",msrp:"25035",yourPrice:"25210",sellingPrice:"25035",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A3XTU496147", $event,{styleId:"477903"})' 8166 @mouseleave="clearMouseHoverValue()" 8167 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 8168 used-large-box" style="height: 100%;"> 8169 8170 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 8171 <div class="position-relative"> 8172 <div class="srp-top-badges"> 8173 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 8174 <div class="d-flex align-items-center gap-10"> 8175 </div> 8176 </div> 8177 8178 </div> 8179 8180 8181 <div id="EZ360_CVDP"></div> 8182 8183 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 8184 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A3XTU496147'" class="vehicle-box__image"> 8185 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A3XTU496147&vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=PE2&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 8186 title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL" 8187 @mouseover="srpImageHover('477903', 'KMHRC8A3XTU496147', 'color=PE2')" /> 8188 8189 </div> 8190 8191 <div class="dp-srp-evox-media-KMHRC8A3XTU496147" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A3XTU496147'"></div> 8192 8193 <div class="vehicle-info-icon"> 8194 <em 8195 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A3XTU496147')" 8196 class="primaryicon-options-btn-new info-icon-css" 8197 data-vin="KMHRC8A3XTU496147" 8198 tabindex="0" 8199 role="button" 8200 aria-label="Vehicle info" 8201 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A3XTU496147')" 8202 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A3XTU496147')" 8203 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 8204 </div> 8205 </div> 8206 8207 8208 <div class="vehiclebox-info-section p-3"> 8209 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 8210 <div class="d-flex"> 8211 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 8212 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 8213 2026 Hyundai Venue SEL 8214 </h2> 8215 </div> 8216 </div> 8217 </div> 8218 8219 <div class="vehicle-summary-section mt-3 "> 8220 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 8221 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 8222 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp)'> 8223 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 8224 <div class="mr-2" style="color:#002
8224C5E"> 8225 <span id="kmhrc8a3xtu496147-price-summary-label">Your Price</span> 8226 </div> 8227 <div id="kmhrc8a3xtu496147-price-summary-value" class=" " style="color:#002C5E">$25,210</div> 8228 </div> 8229 8230 </div> 8231 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp )'> 8232 <div v-if="!unlockHideMsrp"> 8233 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 8234 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 8235 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div> 8236 </div> 8237 </div> 8238 8239 </div> 8240 </div> 8241 8242 </div> 8243 8244 <template v-if="true"> 8245 <div class="vehicle-summary-cta flex-1"> 8246 <object> 8247 <div class="primary-button-parent unlock-discount"> 8248 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 8249 term="72" 8250 payment-type="cash" 8251 down-payment="3755.0" 8252 miles="3" 8253 lender-number="103" 8254 msrp="25035" 8255 rebates="0" 8256 page-type="srp" 8257 vin=KMHRC8A3XTU496147 8258 :your-price=25210 8259 style-id=477903 8260 vdp-account-id=42268 8261 :page-reload="false" 8262 :price-unlocked-vins="priceUnlockedVins" 8263 @loadpayments="loadPaymentsForUnlockDiscount" 8264 :feature-cta-image-id="0" 8265 inventory-type=new></unlock-discount> 8266 </div> 8267 8268 </object> 8269 </div> 8270 </template> 8271 </div> 8272<div class="color-black ft-16 mt-1"> 8273 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 8274 Disclosure 8275 </div> 8276</div> 8277 8278 <div class="color-black ft-12 d-flex gap-5 mt-2"> 8279 <div class="color-gray">Location:</div> 8280 <div>City World Hyundai</div> 8281 </div> 8282 8283 <div class="show section-separator my-4"></div> 8284 8285 8286 <template v-if="true"> 8287 <object> 8288 <div class="app-level-cta-container"> 8289 8290 8291 <div class="primary-button-parent srp-view-details-transact-button-container"> 8292 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
8292ort-utility?type=lease#Transact" target="_self" 8293 @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A3XTU496147");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")' 8294 @keydown.space.prevent="$event.currentTarget.click()" 8295 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 8296 bgcolor-primary " 8297 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 8298 Explore Payment Options 8299 </a> 8300 </div> 8301 8302 8303 8304 8305 8306 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A3XTU496147","false"==="true"))' class="primary-button-parent"> 8307 <a :style="ctaBtnStyles" 8308 tabindex="0" role="button" 8309 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A3XTU496147", "New")' 8310 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A3XTU496147", "New")' 8311 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 8312 {{inventorySettings.data.buttonLabel}} 8313 </a> 8314 </div> 8315 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 8316 <a v-if="applySecondaryDesign" href="" 8317 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 8318 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8319 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8320 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
8320ort-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8321 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8322 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 8323 <a v-else href="" 8324 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 8325 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8326 @click.prevent=" 8327 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8328 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8329 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8330 @mouseover="onCTABtnHover('', '', '', $event)"> 8331 Value Your Trade 8332 </a> 8333 </div> 8334 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 8335 <a v-if="applySecondaryDesign" href="" 8336 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 8337 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8338 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
8338ort-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8339 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8340 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8341 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 8342 <a v-else href="" 8343 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 8344 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8345 @click.prevent=" 8346 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8347 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A3XTU496147","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2283","CustomCTAOnClick":""}', $event)" 8348 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8349 @mouseover="onCTABtnHover('', '', '', $event)"> 8350 Check Availability 8351 </a> 8352 </div> 8353 8354 8355 8356 8357 </div> 8358 </object> 8359 </template> 8360 8361 <div class="mt-3"> 8362 8363 8364 <div class="inventory-btns" style="width:100%;" v-cloak> 8365 8366 8367 <object class="d-flex flex-column primary-inventory-btn-group"> 8368 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 8369 <div class="pi-pullup-container"></div> 8370 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 8371 8372 <div class="dvs_vin_btn" vin="KMHRC8A3XTU496147"></div> 8373 8374 8375 8376 <div class="d-flex mt-2 primary-button-parent"> 8377 <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A3XTU496147" 8378 style="color: initial; background-color: initial;" 8379 @mouseleave="onRoadSterButtonLeave('','', $event)" 8380 @mouseover="onRoadSterButtonHover('','', $event)" 8381 @keydown.space.prevent="$event.currentTarget.click()" 8382 class="bgcolor-primary 8383 w-100 8384 d-flex 8385 justify-content-center 8386 align-items-center 8387 payment-panel-rounded-buttons 8388 text-white text-center 8389 no-hover 8390 rounded-buttons py-2 px-2 8391 roadster-btn ft-12 mx-1 btn-pd-0 8392 ">Search Payments </a> 8393 </div> 8394 8395 8396 8397 </object> 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 8408 8409 8410 8411 8412 8413 8414 8415 8416 8417 </div> 8418 8419 8420 <div class="my-2 w-100 text-center"> 8421 <div class="les_video" les_vin="KMHRC8A3XTU496147"></div> 8422 </div> 8423 8424 8425 8426 8427 </div> 8428 8429 <active-engage-widget v-if="isEnableActivEngageSrp" 8430 custom-class="py-2 ft-12"></active-engage-widget> 8431 <div class="srp-tabs-section mt-3"> 8432 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 8433 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details' }" 8434 tabindex="0" role="tab" 8435 aria-label="Details" 8436 :aria-selected="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details'" 8437 aria-controls="tab-panel-details-KMHRC8A3XTU496147" 8438 @click.stop.prevent="setActiveTab('details', 'KMHRC8A3XTU496147')" 8439 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A3XTU496147')"> 8440 Details 8441 </div> 8442 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments' }" 8443 tabindex="0" role="tab" 8444 aria-label="Pricing" 8445 :aria-selected="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments'" 8446 aria-controls="tab-panel-payments-KMHRC8A3XTU496147" 8447 @click.stop.prevent="setActiveTab('payments', 'KMHRC8A3XTU496147')" 8448 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A3XTU496147')"> 8449 Pricing 8450 </div> 8451 </div> 8452 8453 <div class="srp-tab-content"> 8454 <div :class="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A3XTU496147" aria-label="Details"> 8455 <div class="vehicle-details-list"> 8456 8457 <div class="details-item-row "> 8458 <div class="vin details-item-label text-uppercase">vin </div> 8459 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 8460 <div id="copy_vin" class="d-inline">KMHRC8A3XTU496147</div> 8461 </div> 8462 </div> 8463 8464 <div class="details-item-row"> 8465 <div class="details-item-label">Stock #</div> 8466 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 8467 <div id="copy_stock" class="d-inline">26H2283</div> 8468 </div> 8469 </div> 8470 8471 8472 8473 <div class="details-item-row"> 8474 <div class="details-item-label">Model Code</div> 8475 <div class="details-item-value">#VN2AFD56W5A5</div> 8476 </div> 8477 8478 <div class="details-item-row"> 8479 <div class="details-item-label">Exterior</div> 8480 <div class="details-item-value d-flex align-items-center"> 8481 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #656667; border-radius: 50%"></div> 8482 <div class="ml-2">Ecotronic Gray</div> 8483 </div> 8484 </div> 8485 8486 <div class="details-item-row"> 8487 <div class="details-item-label">Interior</div> 8488 <div class="details-item-value d-flex align-items-center"> 8489 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div> 8490 <div class="ml-2 interior-word-break">Gray</div> 8491 </div> 8492 </div> 8493 8494 <div class="details-item-row"> 8495 <div class="details-item-label">Drivetrain</div> 8496 <div class="details-item-value">FWD</div> 8497 </div> 8498 8499 <div class="details-item-row"> 8500 <div class="details-item-label">Engine</div> 8501 <div class="details-item-value">
8501Regular Gasoline I-4 1.6 L/98</div> 8502 </div> 8503 <div class="details-item-row"> 8504 <div class="details-item-label">Transmission</div> 8505 <div class="details-item-value">CVT</div> 8506 </div> 8507 8508 </div> 8509 8510 </div> 8511 <div :class="(activeTabsByVin['KMHRC8A3XTU496147'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A3XTU496147" aria-label="Pricing"> 8512 <div class="msrppanel-label"> 8513 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):showMsrp)'> 8514 8515 8516 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 8517 <div class="d-flex align-items-center align-text-gird srp-msrp "> 8518 8519 8520<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')"> 8521 MSRP 8522</div> 8523<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,035</div> 8524 8525 8526 </div> 8527 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 8528 <span>Total Fee</span> 8529 <span class="d-flex pl-2"> 8530 +$175 8531 <span class="mt-1 ml-2 p-0 no-padding"> 8532 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
8532Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 8533 </span> 8534 </span> 8535 </div> 8536 <div id="kmhrc8a3xtu496147-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 8537 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 8538 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 8539 </span> 8540 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a3xtu496147-unlock-discount-price"></label></span> 8541 </div> 8542 <div id="kmhrc8a3xtu496147-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 8543 <div class="mr-2" style="color:#002C5E"> 8544 <span id="kmhrc8a3xtu496147-selling-price-label" class="p-0">Your Price</span> 8545 </div> 8546 <div id="kmhrc8a3xtu496147-your-price-hide" class=" " style="color:#002C5E">$25,210</div> 8547 </div> 8548 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 8549 <div class="mr-2" style="color:#002C5E"> 8550 <span id="kmhrc8a3xtu496147-selling-price-label" class="p-0">Your Price</span> 8551 </div> 8552 <div id="kmhrc8a3xtu496147-your-price" class=" " style="color:#002C5E">$25,210</div> 8553 </div> 8554 8555 8556 8557 8558 <total-incentive-discount qualified-data='[{"Vin":"KMHRC8A3XTU496147","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
8558dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHRC8A3XTU496147","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
8558StopDate":"9/30/2026"},{"Vin":"KMHRC8A3XTU496147","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 8559 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 8560 :pricedata="{'msrp':'25035','yourPrice':'25210'}" 8561 :showfinalconditionalpricesrp="'False' === 'True'" 8562 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 8563 <div class="color-black ft-16 mt-1"> 8564 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 8565 Disclosure 8566 </div> 8567</div> 8568 8569 </div> 8570 8571 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A3XTU496147", "false"==="true"):!showMsrp )'> 8572 <div v-if="!unlockHideMsrp"> 8573 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 8574 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 8575 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 8576 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div> 8577 </div> 8578 </div> 8579 8580 </div> 8581 </div> 8582 </div> 8583 </div> 8584 </div> 8585 <div id="cta-params-KMHRC8A3XTU496147" 8586 data-cta-params="{"priceLabel":"Price","priceValue":25210.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 8587 </div> 8588 8589 <div> 8590 8591 <vehicle-badges model="Venue" 8592 :current="'srp'" 8593 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 8594 :eyesight="''" 8595 :starlink="''" 8596 :von="''" 8597 :onorder="''"
8598 :vin="'KMHRC8A3XTU496147'" 8599 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease'" 8600 :vehicle-badges-top-srp="'False'" 8601 :year="'2026'" 8602 :in-transit-background-color-srp="''" 8603 :in-transit-badge-color-srp="''" 8604 :in-production-background-color-srp="''" 8605 :in-production-badge-color-srp="''" 8606 @opendisclaimer="openDisclaimerPopup($event)"> 8607 </vehicle-badges> 8608 8609 <div class="d-flex flex-wrap"> 8610 8611 8612 8613 8614 8615 8616 8617 </div> 8618 </div> 8619 8620 8621 8622 <div class="d-flex flex-wrap srp-certified-img-section"> 8623 8624 8625 8626 8627 8628 8629 8630 8631 </div> 8632 8633 <div v-if="currentTheme == 'subaru'" class="mt-3"> 8634 <subaru-badge-new model="Venue" 8635 year="2026" 8636 make="Hyundai" 8637 type="New" 8638 :current="'srp'" 8639 :transit="'False'" 8640 :eyesight="''" 8641 :starlink="''" 8642 :von="''" 8643 :onorder="''" 8644 :vin="'KMHRC8A3XTU496147'" 8645 :hide-in-transit="'False'" 8646 :vehicle-badges-top-srp="'False'" 8647 :subaru-consumer-report-class="''" 8648 :in-transit-background-color-srp="''" 8649 :in-transit-badge-color-srp="''" 8650 > 8651 </subaru-badge-new> 8652 </div> 8653 8654 </div> 8655 </div> 8656 8657 8658 8659 </div> 8660 </a> 8661 <template v-if="true"> 8662 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 8663 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A3XTU496147'" class="vehicle-data-overlay-container" 8664 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 8665 @keydown.esc.prevent="closeDetailsOverlay()" 8666 @keydown.tab="srpOverlayTrapFocus($event)"> 8667 <div class="vehicle-overlay-data"> 8668 <div class="srp-overlay-options"> 8669 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 8670 <div class="d-flex align-items-center" style="gap: 20px;"> 8671 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 8672 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 8673 <h3 class="mb-0">Options</h3> 8674 </div> 8675 <div> 8676 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 8677 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 8678 </div> 8679 </div> 8680 8681 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 8682 <div class="overlay-nav-items px-3 pt-4"> 8683 <div class="d-flex overlay-nav-item" tabindex="0" 8684 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: '
8684share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: 'share-options', label: 'Share' })"> 8685 <em class="primaryicon-share-icon"></em> 8686 <span>Share</span> 8687 </div> 8688 8689 <div class="d-flex overlay-nav-item" 8690 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A3XTU496147', overlayType: 'key-features', label: 'Key Features' })"> 8691 <em class="primaryicon-key-features-icon"></em> 8692 <span>Key Features</span> 8693 </div> 8694 </div> 8695 8696 <div class="pt-4 px-3 mt-3"> 8697 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility?type=lease")' target="_self" 8698 @keydown.space.prevent="$event.currentTarget.click()" 8699 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 8700 View Details 8701 </a> 8702 </div> 8703 </div> 8704 </div> 8705 </div> 8706 </div> 8707 </transition> 8708 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 8709 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A3XTU496147'" 8710 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 8711 @keydown.esc.prevent="navigateToDetailsOverlay()" 8712 @keydown.tab="srpOverlayTrapFocus($event)"> 8713 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 8714 <div class="d-flex align-items-center" style="gap: 20px;"> 8715 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 8716 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 8717 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 8718 </div> 8719 <div> 8720 <em class="primaryicon-close-icon-gray" 8721 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 8722 </div> 8723 </div> 8724 <div class="mt-3 pt-4 overlay-section-links"> 8725 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 8726 <template v-if="!isLoadingOverlayDetails"> 8727 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 8728 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sp
8728ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options> 8729 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 8730 </template> 8731 </div> 8732 </div> 8733 </transition> 8734 </template> 8735 </div> 8736
8736<script type="application/javascript"> 8737 8738 var rebatesString = "[]"; 8739 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 8740 localStorage.setItem("KMHRC8A36TU496338-rebates", formattedRebatesString); 8741 8742 </script>
8742 8743<div data-itemid="Hyundai-Venue-SEL-KMHRC8A36TU496338" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 8744 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A36TU496338", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "10",msrp:"25035",yourPrice:"25210",sellingPrice:"25035",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A36TU496338", $event,{styleId:"477903"})' 8745 @mouseleave="clearMouseHoverValue()" 8746 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 8747 used-large-box" style="height: 100%;"> 8748 8749 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 8750 <div class="position-relative"> 8751 <div class="srp-top-badges"> 8752 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 8753 <div class="d-flex align-items-center gap-10"> 8754 </div> 8755 </div> 8756 8757 </div> 8758 8759 8760 <div id="EZ360_CVDP"></div> 8761 8762 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 8763 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A36TU496338'" class="vehicle-box__image"> 8764 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A36TU496338&vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=R2T&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 8765 title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL" 8766 @mouseover="srpImageHover('477903', 'KMHRC8A36TU496338', 'color=R2T')" /> 8767 8768 </div> 8769 8770 <div class="dp-srp-evox-media-KMHRC8A36TU496338" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A36TU496338'"></div> 8771 8772 <div class="vehicle-info-icon"> 8773 <em 8774 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A36TU496338')" 8775 class="primaryicon-options-btn-new info-icon-css" 8776 data-vin="KMHRC8A36TU496338" 8777 tabindex="0" 8778 role="button" 8779 aria-label="Vehicle info" 8780 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A36TU496338')" 8781 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A36TU496338')" 8782 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 8783 </div> 8784 </div> 8785 8786 8787 <div class="vehiclebox-info-section p-3"> 8788 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 8789 <div class="d-flex"> 8790 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 8791 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 8792 2026 Hyundai Venue SEL 8793 </h2> 8794 </div> 8795 </div> 8796 </div> 8797 8798 <div class="vehicle-summary-section mt-3 "> 8799 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 8800 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 8801 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp)'> 8802 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 8803 <div class="mr-2" style="color:#002
8803C5E"> 8804 <span id="kmhrc8a36tu496338-price-summary-label">Your Price</span> 8805 </div> 8806 <div id="kmhrc8a36tu496338-price-summary-value" class=" " style="color:#002C5E">$25,210</div> 8807 </div> 8808 8809 </div> 8810 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp )'> 8811 <div v-if="!unlockHideMsrp"> 8812 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 8813 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 8814 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div> 8815 </div> 8816 </div> 8817 8818 </div> 8819 </div> 8820 8821 </div> 8822 8823 <template v-if="true"> 8824 <div class="vehicle-summary-cta flex-1"> 8825 <object> 8826 <div class="primary-button-parent unlock-discount"> 8827 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 8828 term="72" 8829 payment-type="cash" 8830 down-payment="3755.0" 8831 miles="3" 8832 lender-number="103" 8833 msrp="25035" 8834 rebates="0" 8835 page-type="srp" 8836 vin=KMHRC8A36TU496338 8837 :your-price=25210 8838 style-id=477903 8839 vdp-account-id=42268 8840 :page-reload="false" 8841 :price-unlocked-vins="priceUnlockedVins" 8842 @loadpayments="loadPaymentsForUnlockDiscount" 8843 :feature-cta-image-id="0" 8844 inventory-type=new></unlock-discount> 8845 </div> 8846 8847 </object> 8848 </div> 8849 </template> 8850 </div> 8851<div class="color-black ft-16 mt-1"> 8852 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 8853 Disclosure 8854 </div> 8855</div> 8856 8857 <div class="color-black ft-12 d-flex gap-5 mt-2"> 8858 <div class="color-gray">Location:</div> 8859 <div>City World Hyundai</div> 8860 </div> 8861 8862 <div class="show section-separator my-4"></div> 8863 8864 8865 <template v-if="true"> 8866 <object> 8867 <div class="app-level-cta-container"> 8868 8869 8870 <div class="primary-button-parent srp-view-details-transact-button-container"> 8871 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
8871ort-utility?type=lease#Transact" target="_self" 8872 @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A36TU496338");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")' 8873 @keydown.space.prevent="$event.currentTarget.click()" 8874 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 8875 bgcolor-primary " 8876 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 8877 Explore Payment Options 8878 </a> 8879 </div> 8880 8881 8882 8883 8884 8885 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A36TU496338","false"==="true"))' class="primary-button-parent"> 8886 <a :style="ctaBtnStyles" 8887 tabindex="0" role="button" 8888 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A36TU496338", "New")' 8889 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A36TU496338", "New")' 8890 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 8891 {{inventorySettings.data.buttonLabel}} 8892 </a> 8893 </div> 8894 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 8895 <a v-if="applySecondaryDesign" href="" 8896 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 8897 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8898 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8899 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
8899ort-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8900 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8901 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 8902 <a v-else href="" 8903 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 8904 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8905 @click.prevent=" 8906 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8907 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8908 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8909 @mouseover="onCTABtnHover('', '', '', $event)"> 8910 Value Your Trade 8911 </a> 8912 </div> 8913 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 8914 <a v-if="applySecondaryDesign" href="" 8915 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 8916 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8917 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
8917ort-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8918 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8919 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8920 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 8921 <a v-else href="" 8922 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 8923 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 8924 @click.prevent=" 8925 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8926 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A36TU496338","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":365.87,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2297","CustomCTAOnClick":""}', $event)" 8927 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 8928 @mouseover="onCTABtnHover('', '', '', $event)"> 8929 Check Availability 8930 </a> 8931 </div> 8932 8933 8934 8935 8936 </div> 8937 </object> 8938 </template> 8939 8940 <div class="mt-3"> 8941 8942 8943 <div class="inventory-btns" style="width:100%;" v-cloak> 8944 8945 8946 <object class="d-flex flex-column primary-inventory-btn-group"> 8947 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 8948 <div class="pi-pullup-container"></div> 8949 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 8950 8951 <div class="dvs_vin_btn" vin="KMHRC8A36TU496338"></div> 8952 8953 8954 8955 <div class="d-flex mt-2 primary-button-parent"> 8956 <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A36TU496338" 8957 style="color: initial; background-color: initial;" 8958 @mouseleave="onRoadSterButtonLeave('','', $event)" 8959 @mouseover="onRoadSterButtonHover('','', $event)" 8960 @keydown.space.prevent="$event.currentTarget.click()" 8961 class="bgcolor-primary 8962 w-100 8963 d-flex 8964 justify-content-center 8965 align-items-center 8966 payment-panel-rounded-buttons 8967 text-white text-center 8968 no-hover 8969 rounded-buttons py-2 px-2 8970 roadster-btn ft-12 mx-1 btn-pd-0 8971 ">Search Payments </a> 8972 </div> 8973 8974 8975 8976 </object> 8977 8978 8979 8980 8981 8982 8983 8984 8985 8986 8987 8988 8989 8990 8991 8992 8993 8994 8995 8996 </div> 8997 8998 8999 <div class="my-2 w-100 text-center"> 9000 <div class="les_video" les_vin="KMHRC8A36TU496338"></div> 9001 </div> 9002 9003 9004 9005 9006 </div> 9007 9008 <active-engage-widget v-if="isEnableActivEngageSrp" 9009 custom-class="py-2 ft-12"></active-engage-widget> 9010 <div class="srp-tabs-section mt-3"> 9011 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 9012 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details' }" 9013 tabindex="0" role="tab" 9014 aria-label="Details" 9015 :aria-selected="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details'" 9016 aria-controls="tab-panel-details-KMHRC8A36TU496338" 9017 @click.stop.prevent="setActiveTab('details', 'KMHRC8A36TU496338')" 9018 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A36TU496338')"> 9019 Details 9020 </div> 9021 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments' }" 9022 tabindex="0" role="tab" 9023 aria-label="Pricing" 9024 :aria-selected="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments'" 9025 aria-controls="tab-panel-payments-KMHRC8A36TU496338" 9026 @click.stop.prevent="setActiveTab('payments', 'KMHRC8A36TU496338')" 9027 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A36TU496338')"> 9028 Pricing 9029 </div> 9030 </div> 9031 9032 <div class="srp-tab-content"> 9033 <div :class="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A36TU496338" aria-label="Details"> 9034 <div class="vehicle-details-list"> 9035 9036 <div class="details-item-row "> 9037 <div class="vin details-item-label text-uppercase">vin </div> 9038 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 9039 <div id="copy_vin" class="d-inline">KMHRC8A36TU496338</div> 9040 </div> 9041 </div> 9042 9043 <div class="details-item-row"> 9044 <div class="details-item-label">Stock #</div> 9045 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 9046 <div id="copy_stock" class="d-inline">26H2297</div> 9047 </div> 9048 </div> 9049 9050 9051 9052 <div class="details-item-row"> 9053 <div class="details-item-label">Model Code</div> 9054 <div class="details-item-value">#VN2AFD56W5A5</div> 9055 </div> 9056 9057 <div class="details-item-row"> 9058 <div class="details-item-label">Exterior</div> 9059 <div class="details-item-value d-flex align-items-center"> 9060 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #828383; border-radius: 50%"></div> 9061 <div class="ml-2">
9061Shimmering Silver</div> 9062 </div> 9063 </div> 9064 9065 <div class="details-item-row"> 9066 <div class="details-item-label">Interior</div> 9067 <div class="details-item-value d-flex align-items-center"> 9068 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; "></div> 9069 <div class="ml-2 interior-word-break">Gray</div> 9070 </div> 9071 </div> 9072 9073 <div class="details-item-row"> 9074 <div class="details-item-label">Drivetrain</div> 9075 <div class="details-item-value">FWD</div> 9076 </div> 9077 9078 <div class="details-item-row"> 9079 <div class="details-item-label">Engine</div> 9080 <div class="details-item-value">Regular Gasoline I-4 1.6 L/98</div> 9081 </div> 9082 <div class="details-item-row"> 9083 <div class="details-item-label">Transmission</div> 9084 <div class="details-item-value">CVT</div> 9085 </div> 9086 9087 </div> 9088 9089 </div> 9090 <div :class="(activeTabsByVin['KMHRC8A36TU496338'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A36TU496338" aria-label="Pricing"> 9091 <div class="msrppanel-label"> 9092 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):showMsrp)'> 9093 9094 9095 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 9096 <div class="d-flex align-items-center align-text-gird srp-msrp "> 9097 9098 9099<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')"> 9100 MSRP 9101</div> 9102<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,035</div> 9103 9104 9105 </div> 9106 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 9107 <span>Total Fee</span> 9108 <span class="d-flex pl-2"> 9109 +$175 9110 <span class="mt-1 ml-2 p-0 no-padding"> 9111 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
9111Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 9112 </span> 9113 </span> 9114 </div> 9115 <div id="kmhrc8a36tu496338-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 9116 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 9117 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 9118 </span> 9119 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a36tu496338-unlock-discount-price"></label></span> 9120 </div> 9121 <div id="kmhrc8a36tu496338-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 9122 <div class="mr-2" style="color:#002C5E"> 9123 <span id="kmhrc8a36tu496338-selling-price-label" class="p-0">Your Price</span> 9124 </div> 9125 <div id="kmhrc8a36tu496338-your-price-hide" class=" " style="color:#002C5E">$25,210</div> 9126 </div> 9127 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 9128 <div class="mr-2" style="color:#002C5E"> 9129 <span id="kmhrc8a36tu496338-selling-price-label" class="p-0">Your Price</span> 9130 </div> 9131 <div id="kmhrc8a36tu496338-your-price" class=" " style="color:#002C5E">$25,210</div> 9132 </div> 9133 9134 9135 9136 9137 <total-incentive-discount qualified-data='[{"Vin":"KMHRC8A36TU496338","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
9137dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHRC8A36TU496338","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
9137StopDate":"9/30/2026"},{"Vin":"KMHRC8A36TU496338","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 9138 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 9139 :pricedata="{'msrp':'25035','yourPrice':'25210'}" 9140 :showfinalconditionalpricesrp="'False' === 'True'" 9141 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 9142 <div class="color-black ft-16 mt-1"> 9143 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 9144 Disclosure 9145 </div> 9146</div> 9147 9148 </div> 9149 9150 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A36TU496338", "false"==="true"):!showMsrp )'> 9151 <div v-if="!unlockHideMsrp"> 9152 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25035' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 9153 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 9154 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 9155 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,035</div> 9156 </div> 9157 </div> 9158 9159 </div> 9160 </div> 9161 </div> 9162 </div> 9163 </div> 9164 <div id="cta-params-KMHRC8A36TU496338" 9165 data-cta-params="{"priceLabel":"Price","priceValue":25210.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 9166 </div> 9167 9168 <div> 9169 9170 <vehicle-badges model="Venue" 9171 :current="'srp'" 9172 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 9173 :eyesight="''" 9174 :starlink="''" 9175 :von="''" 9176 :onorder="''"
9177 :vin="'KMHRC8A36TU496338'" 9178 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease'" 9179 :vehicle-badges-top-srp="'False'" 9180 :year="'2026'" 9181 :in-transit-background-color-srp="''" 9182 :in-transit-badge-color-srp="''" 9183 :in-production-background-color-srp="''" 9184 :in-production-badge-color-srp="''" 9185 @opendisclaimer="openDisclaimerPopup($event)"> 9186 </vehicle-badges> 9187 9188 <div class="d-flex flex-wrap"> 9189 9190 9191 9192 9193 9194 9195 9196 </div> 9197 </div> 9198 9199 9200 9201 <div class="d-flex flex-wrap srp-certified-img-section"> 9202 9203 9204 9205 9206 9207 9208 9209 9210 </div> 9211 9212 <div v-if="currentTheme == 'subaru'" class="mt-3"> 9213 <subaru-badge-new model="Venue" 9214 year="2026" 9215 make="Hyundai" 9216 type="New" 9217 :current="'srp'" 9218 :transit="'False'" 9219 :eyesight="''" 9220 :starlink="''" 9221 :von="''" 9222 :onorder="''" 9223 :vin="'KMHRC8A36TU496338'" 9224 :hide-in-transit="'False'" 9225 :vehicle-badges-top-srp="'False'" 9226 :subaru-consumer-report-class="''" 9227 :in-transit-background-color-srp="''" 9228 :in-transit-badge-color-srp="''" 9229 > 9230 </subaru-badge-new> 9231 </div> 9232 9233 </div> 9234 </div> 9235 9236 9237 9238 </div> 9239 </a> 9240 <template v-if="true"> 9241 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 9242 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A36TU496338'" class="vehicle-data-overlay-container" 9243 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 9244 @keydown.esc.prevent="closeDetailsOverlay()" 9245 @keydown.tab="srpOverlayTrapFocus($event)"> 9246 <div class="vehicle-overlay-data"> 9247 <div class="srp-overlay-options"> 9248 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 9249 <div class="d-flex align-items-center" style="gap: 20px;"> 9250 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 9251 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 9252 <h3 class="mb-0">Options</h3> 9253 </div> 9254 <div> 9255 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 9256 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 9257 </div> 9258 </div> 9259 9260 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 9261 <div class="overlay-nav-items px-3 pt-4"> 9262 <div class="d-flex overlay-nav-item" tabindex="0" 9263 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: '
9263share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: 'share-options', label: 'Share' })"> 9264 <em class="primaryicon-share-icon"></em> 9265 <span>Share</span> 9266 </div> 9267 9268 <div class="d-flex overlay-nav-item" 9269 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A36TU496338', overlayType: 'key-features', label: 'Key Features' })"> 9270 <em class="primaryicon-key-features-icon"></em> 9271 <span>Key Features</span> 9272 </div> 9273 </div> 9274 9275 <div class="pt-4 px-3 mt-3"> 9276 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility?type=lease")' target="_self" 9277 @keydown.space.prevent="$event.currentTarget.click()" 9278 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 9279 View Details 9280 </a> 9281 </div> 9282 </div> 9283 </div> 9284 </div> 9285 </div> 9286 </transition> 9287 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 9288 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A36TU496338'" 9289 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 9290 @keydown.esc.prevent="navigateToDetailsOverlay()" 9291 @keydown.tab="srpOverlayTrapFocus($event)"> 9292 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 9293 <div class="d-flex align-items-center" style="gap: 20px;"> 9294 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 9295 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 9296 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 9297 </div> 9298 <div> 9299 <em class="primaryicon-close-icon-gray" 9300 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 9301 </div> 9302 </div> 9303 <div class="mt-3 pt-4 overlay-section-links"> 9304 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 9305 <template v-if="!isLoadingOverlayDetails"> 9306 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 9307 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sp
9307ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options> 9308 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 9309 </template> 9310 </div> 9311 </div> 9312 </transition> 9313 </template> 9314 </div> 9315
9315<script type="application/javascript"> 9316 9317 var rebatesString = "[]"; 9318 var formattedRebatesString = rebatesString.replace(/"/g, '"'); 9319 localStorage.setItem("KMHRC8A31TU495940-rebates", formattedRebatesString); 9320 9321 </script>
9321 9322<div data-itemid="Hyundai-Venue-SEL-KMHRC8A31TU495940" data-ccode="" class=" clean-design-srp-card" style="position: relative;"> 9323 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease" target="_self" @click='vehicleDetails($event, "KMHRC8A31TU495940", "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease", {vehicleCount: "12", vehicleIndex: "11",msrp:"25115",yourPrice:"25290",sellingPrice:"25115",type:"New",title:`2026 Hyundai Venue SEL`},"false"==="true"), setVintoTransact("KMHRC8A31TU495940", $event,{styleId:"477903"})' 9324 @mouseleave="clearMouseHoverValue()" 9325 class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block 9326 used-large-box" style="height: 100%;"> 9327 9328 <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100"> 9329 <div class="position-relative"> 9330 <div class="srp-top-badges"> 9331 <div class=" d-flex card-status__indicator gap-20 align-items-start"> 9332 <div class="d-flex align-items-center gap-10"> 9333 </div> 9334 </div> 9335 9336 </div> 9337 9338 9339 <div id="EZ360_CVDP"></div> 9340 9341 <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;"> 9342 <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-KMHRC8A31TU495940'" class="vehicle-box__image"> 9343 <img :src="'https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU495940&vehicletype=SUV&angle=01&Type=jpeg&quality=80&BackGroundColor=ffffff&colorcode=R2T&height=900&useoverrides=True'" class="img-fluid srp-vehiclebox-image" 9344 title="2026 Hyundai Venue SEL" alt="2026 Hyundai Venue SEL" 9345 @mouseover="srpImageHover('477903', 'KMHRC8A31TU495940', 'color=R2T')" /> 9346 9347 </div> 9348 9349 <div class="dp-srp-evox-media-KMHRC8A31TU495940" v-show="currentHoveredBlock === 'dp-srp-evox-media-KMHRC8A31TU495940'"></div> 9350 9351 <div class="vehicle-info-icon"> 9352 <em 9353 v-if="!(openDetailsOverlay && selectedVinForOverlay === 'KMHRC8A31TU495940')" 9354 class="primaryicon-options-btn-new info-icon-css" 9355 data-vin="KMHRC8A31TU495940" 9356 tabindex="0" 9357 role="button" 9358 aria-label="Vehicle info" 9359 @click.stop.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU495940')" 9360 @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'KMHRC8A31TU495940')" 9361 ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em> 9362 </div> 9363 </div> 9364 9365 9366 <div class="vehiclebox-info-section p-3"> 9367 <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize "> 9368 <div class="d-flex"> 9369 <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper"> 9370 <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main "> 9371 2026 Hyundai Venue SEL 9372 </h2> 9373 </div> 9374 </div> 9375 </div> 9376 9377 <div class="vehicle-summary-section mt-3 "> 9378 <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''"> 9379 <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none"> 9380 <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp)'> 9381 <div class='d-flex align-items-center grey-text font-weight-bold _theme_font_bold srp-your-price pure12 summary-price--styling'> 9382 <div class="mr-2" style="color:#002
9382C5E"> 9383 <span id="kmhrc8a31tu495940-price-summary-label">Your Price</span> 9384 </div> 9385 <div id="kmhrc8a31tu495940-price-summary-value" class=" " style="color:#002C5E">$25,290</div> 9386 </div> 9387 9388 </div> 9389 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp )'> 9390 <div v-if="!unlockHideMsrp"> 9391 <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling"> 9392 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 9393 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div> 9394 </div> 9395 </div> 9396 9397 </div> 9398 </div> 9399 9400 </div> 9401 9402 <template v-if="true"> 9403 <div class="vehicle-summary-cta flex-1"> 9404 <object> 9405 <div class="primary-button-parent unlock-discount"> 9406 <unlock-discount v-if="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].enableUnlockDiscountCTA" @togglediscountmodel="openUnlockDiscountModel($event, unlockCtaDiscountDataByType['new'])" :unlock-data="unlockCtaDiscountDataByType['new']" type="button" 9407 term="72" 9408 payment-type="cash" 9409 down-payment="3767.0" 9410 miles="6" 9411 lender-number="103" 9412 msrp="25115" 9413 rebates="0" 9414 page-type="srp" 9415 vin=KMHRC8A31TU495940 9416 :your-price=25290 9417 style-id=477903 9418 vdp-account-id=42268 9419 :page-reload="false" 9420 :price-unlocked-vins="priceUnlockedVins" 9421 @loadpayments="loadPaymentsForUnlockDiscount" 9422 :feature-cta-image-id="0" 9423 inventory-type=new></unlock-discount> 9424 </div> 9425 9426 </object> 9427 </div> 9428 </template> 9429 </div> 9430<div class="color-black ft-16 mt-1"> 9431 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 9432 Disclosure 9433 </div> 9434</div> 9435 9436 <div class="color-black ft-12 d-flex gap-5 mt-2"> 9437 <div class="color-gray">Location:</div> 9438 <div>City World Hyundai</div> 9439 </div> 9440 9441 <div class="show section-separator my-4"></div> 9442 9443 9444 <template v-if="true"> 9445 <object> 9446 <div class="app-level-cta-container"> 9447 9448 9449 <div class="primary-button-parent srp-view-details-transact-button-container"> 9450 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9450ort-utility?type=lease#Transact" target="_self" 9451 @click='logBuyNowClickEvents("Explore Payment Options","KMHRC8A31TU495940");openTransactVdp("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease",$event,"_self")' 9452 @keydown.space.prevent="$event.currentTarget.click()" 9453 class="mx-1 justify-content-center d-flex align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0 srp-transact-button 9454 bgcolor-primary " 9455 :style="{ 'color' : '#fff', 'background-color' :' !important','border' : '1px solid !important' }"> 9456 Explore Payment Options 9457 </a> 9458 </div> 9459 9460 9461 9462 9463 9464 <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("New", "KMHRC8A31TU495940","false"==="true"))' class="primary-button-parent"> 9465 <a :style="ctaBtnStyles" 9466 tabindex="0" role="button" 9467 @click.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU495940", "New")' 9468 @keydown.enter.space.prevent='openUnlockForm("https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease", "KMHRC8A31TU495940", "New")' 9469 class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer"> 9470 {{inventorySettings.data.buttonLabel}} 9471 </a> 9472 </div> 9473 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('value-your-trade-popup')"> 9474 <a v-if="applySecondaryDesign" href="" 9475 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 9476 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 9477 @click.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9478 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9478ort-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9479 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 9480 @mouseover="onCTABtnHover('', '', '', $event)">Value Your Trade</a> 9481 <a v-else href="" 9482 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 9483 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 9484 @click.prevent=" 9485 onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9486 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"value-your-trade-popup","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Value Your Trade","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9487 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 9488 @mouseover="onCTABtnHover('', '', '', $event)"> 9489 Value Your Trade 9490 </a> 9491 </div> 9492 <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')"> 9493 <a v-if="applySecondaryDesign" href="" 9494 style='background-color:#002C5E !important; color:#ffffff !important; border: !important;' 9495 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 9496 @click.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9496ort-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9497 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9498 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 9499 @mouseover="onCTABtnHover('', '', '', $event)">Check Availability </a> 9500 <a v-else href="" 9501 style="background-color:#002C5E !important; color:#ffffff !important; border:1px solid ;" 9502 class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn" 9503 @click.prevent=" 9504 onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9505 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"KMHRC8A31TU495940","year":"2026","make":"Hyundai","model":"Venue","dealerId":42268,"tab":"","labelName":"Check Availability ","formheading":"","formlabel":"","vehicleType":"New","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":368.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease","stockNumber":"26H2311","CustomCTAOnClick":""}', $event)" 9506 @mouseleave="onCTABtnLeave('#002C5E', '#ffffff', '', $event)" 9507 @mouseover="onCTABtnHover('', '', '', $event)"> 9508 Check Availability 9509 </a> 9510 </div> 9511 9512 9513 9514 9515 </div> 9516 </object> 9517 </template> 9518 9519 <div class="mt-3"> 9520 9521 9522 <div class="inventory-btns" style="width:100%;" v-cloak> 9523 9524 9525 <object class="d-flex flex-column primary-inventory-btn-group"> 9526 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 9527 <div class="pi-pullup-container"></div> 9528 <!-- Load pure influencer integration integrations at the top of inventory buttons --> 9529 9530 <div class="dvs_vin_btn" vin="KMHRC8A31TU495940"></div> 9531 9532 9533 9534 <div class="d-flex mt-2 primary-button-parent"> 9535 <a href="https://cityworldhyundai.roadster.com/express/KMHRC8A31TU495940" 9536 style="color: initial; background-color: initial;" 9537 @mouseleave="onRoadSterButtonLeave('','', $event)" 9538 @mouseover="onRoadSterButtonHover('','', $event)" 9539 @keydown.space.prevent="$event.currentTarget.click()" 9540 class="bgcolor-primary 9541 w-100 9542 d-flex 9543 justify-content-center 9544 align-items-center 9545 payment-panel-rounded-buttons 9546 text-white text-center 9547 no-hover 9548 rounded-buttons py-2 px-2 9549 roadster-btn ft-12 mx-1 btn-pd-0 9550 ">Search Payments </a> 9551 </div> 9552 9553 9554 9555 </object> 9556 9557 9558 9559 9560 9561 9562 9563 9564 9565 9566 9567 9568 9569 9570 9571 9572 9573 9574 9575 </div> 9576 9577 9578 <div class="my-2 w-100 text-center"> 9579 <div class="les_video" les_vin="KMHRC8A31TU495940"></div> 9580 </div> 9581 9582 9583 9584 9585 </div> 9586 9587 <active-engage-widget v-if="isEnableActivEngageSrp" 9588 custom-class="py-2 ft-12"></active-engage-widget> 9589 <div class="srp-tabs-section mt-3"> 9590 <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist"> 9591 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details' }" 9592 tabindex="0" role="tab" 9593 aria-label="Details" 9594 :aria-selected="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details'" 9595 aria-controls="tab-panel-details-KMHRC8A31TU495940" 9596 @click.stop.prevent="setActiveTab('details', 'KMHRC8A31TU495940')" 9597 @keydown.enter.space.stop.prevent="setActiveTab('details', 'KMHRC8A31TU495940')"> 9598 Details 9599 </div> 9600 <div class="srp-tab-item" :class="{ active: (activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments' }" 9601 tabindex="0" role="tab" 9602 aria-label="Pricing" 9603 :aria-selected="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments'" 9604 aria-controls="tab-panel-payments-KMHRC8A31TU495940" 9605 @click.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU495940')" 9606 @keydown.enter.space.stop.prevent="setActiveTab('payments', 'KMHRC8A31TU495940')"> 9607 Pricing 9608 </div> 9609 </div> 9610 9611 <div class="srp-tab-content"> 9612 <div :class="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-KMHRC8A31TU495940" aria-label="Details"> 9613 <div class="vehicle-details-list"> 9614 9615 <div class="details-item-row "> 9616 <div class="vin details-item-label text-uppercase">vin </div> 9617 <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;"> 9618 <div id="copy_vin" class="d-inline">KMHRC8A31TU495940</div> 9619 </div> 9620 </div> 9621 9622 <div class="details-item-row"> 9623 <div class="details-item-label">Stock #</div> 9624 <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')"> 9625 <div id="copy_stock" class="d-inline">26H2311</div> 9626 </div> 9627 </div> 9628 9629 9630 9631 <div class="details-item-row"> 9632 <div class="details-item-label">Model Code</div> 9633 <div class="details-item-value">#VN2AFD56W5A5</div> 9634 </div> 9635 9636 <div class="details-item-row"> 9637 <div class="details-item-label">Exterior</div> 9638 <div class="details-item-value d-flex align-items-center"> 9639 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #828383; border-radius: 50%"></div> 9640 <div class="ml-2">
9640Shimmering Silver</div> 9641 </div> 9642 </div> 9643 9644 <div class="details-item-row"> 9645 <div class="details-item-label">Interior</div> 9646 <div class="details-item-value d-flex align-items-center"> 9647 <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; "></div> 9648 <div class="ml-2 interior-word-break">Black</div> 9649 </div> 9650 </div> 9651 9652 <div class="details-item-row"> 9653 <div class="details-item-label">Drivetrain</div> 9654 <div class="details-item-value">FWD</div> 9655 </div> 9656 9657 <div class="details-item-row"> 9658 <div class="details-item-label">Engine</div> 9659 <div class="details-item-value">Regular Gasoline I-4 1.6 L/98</div> 9660 </div> 9661 <div class="details-item-row"> 9662 <div class="details-item-label">Transmission</div> 9663 <div class="details-item-value">CVT</div> 9664 </div> 9665 9666 </div> 9667 9668 </div> 9669 <div :class="(activeTabsByVin['KMHRC8A31TU495940'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-KMHRC8A31TU495940" aria-label="Pricing"> 9670 <div class="msrppanel-label"> 9671 <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):showMsrp)'> 9672 9673 9674 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 9675 <div class="d-flex align-items-center align-text-gird srp-msrp "> 9676 9677 9678<div class="grey-text vehiclebox-msrp msrp_label_custom mr-2 ft-16" :style="getMSRPColor('')"> 9679 MSRP 9680</div> 9681<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,115</div> 9682 9683 9684 </div> 9685 <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Total-Fee-label-wrapper"> 9686 <span>Total Fee</span> 9687 <span class="d-flex pl-2"> 9688 +$175 9689 <span class="mt-1 ml-2 p-0 no-padding"> 9690 <paymentsdata-fees-icon-srp :feedata='[{"FeeName":"Doc Fee","
9690Amount":175.0,"OfferType":"Cash","FeeCategory":"Registration","Disclaimer":"","Hashtag":"#DOCFEE"}]'></paymentsdata-fees-icon-srp> 9691 </span> 9692 </span> 9693 </div> 9694 <div id="kmhrc8a31tu495940-unlock-discount" v-if="unlockCtaDiscountDataByType['new']" class="d-none grey-text vehiclebox-rebates align-text-gird "> 9695 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelStyles : ''"> 9696 {{unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}} 9697 </span> 9698 <span :style="unlockCtaDiscountDataByType['new'] && unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['new'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="kmhrc8a31tu495940-unlock-discount-price"></label></span> 9699 </div> 9700 <div id="kmhrc8a31tu495940-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 9701 <div class="mr-2" style="color:#002C5E"> 9702 <span id="kmhrc8a31tu495940-selling-price-label" class="p-0">Your Price</span> 9703 </div> 9704 <div id="kmhrc8a31tu495940-your-price-hide" class=" " style="color:#002C5E">$25,290</div> 9705 </div> 9706 <div class='d-flex align-items-center grey-text align-text-gird font-weight-bold _theme_font_bold srp-your-price pure12'> 9707 <div class="mr-2" style="color:#002C5E"> 9708 <span id="kmhrc8a31tu495940-selling-price-label" class="p-0">Your Price</span> 9709 </div> 9710 <div id="kmhrc8a31tu495940-your-price" class=" " style="color:#002C5E">$25,290</div> 9711 </div> 9712 9713 9714 9715 9716 <total-incentive-discount qualified-data='[{"Vin":"KMHRC8A31TU495940","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"006","SpecialProgramName":"College Graduate Program","Disclaimer":"This Hyundai College Grad Program Offer (the \"Offer\") is limited to well-qualified customers who meet all the following Offer criteria, and who finance the purchase or lease of their new Hyundai, subject to credit approval, through Hyun
9716dai Motor Finance (HMF). Offer applies to all new and unused Hyundais excluding vehicles with Final Pay. Only available at participating Hyundai dealerships. Must have graduated with a Master's, Bachelor's or Associate's degree from a U.S.-accredited college or registered nursing school within the past two (2) years or will graduate from such a school within the next six months from date of finance contract. No adverse credit history. Verifiable proof of employment or firm commitment from an employer with start date no more than 90 days from date of finance contract. Offer valid through December 31, 2026 (HMF finance contract must be dated on or before December 31, 2026).New Hyundai vehicle purchases/leases only. See dealer for details.Offer valid through December 31, 2026. Only on approved credit by HMF through participating dealers. HMF standard credit criteria apply. See your dealer for details. Dealers set actual prices. Limited time only.**See dealer for program benefit details.","StopDate":"9/30/2026"},{"Vin":"KMHRC8A31TU495940","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"frp","SpecialProgramName":"First Responders Program","Disclaimer":"All First Responders (Police Officers, Sheriffs/Sheriff Deputies, Correctional Officers, State Troopers and Federal Law Enforcement Officers, Firefighters (paid or volunteer), EMT/Paramedics and 911 Dispatchers) serving their communities in eligible job roles may receive special incentives on select vehicles. Proof of employment required, see retailer for complete eligibility requirements and acceptable documentation. Non-transferable to family members or other occupants of household.","
9716StopDate":"9/30/2026"},{"Vin":"KMHRC8A31TU495940","OfferType":"Cash","Cash":500,"SpecialProgramIdentificationCode":"mil","SpecialProgramName":"Military Program","Disclaimer":"Active Active Duty, Reservist/National Guard, Retired, or Veteran of the U.S. Military may receive special incentives on select vehicles. Proof of active service or discharge required. Not transferable to friends or family members (besides spouse).","StopDate":"9/30/2026"}]' 9717 srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp" 9718 :pricedata="{'msrp':'25115','yourPrice':'25290'}" 9719 :showfinalconditionalpricesrp="'False' === 'True'" 9720 :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount> 9721 <div class="color-black ft-16 mt-1"> 9722 <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Advertised price excludes tax, title, license, and $175.00 dealer doc fee. Offer assumes these paid at time of sale. Offer cannot be combined with any other offers. May require financing through dealer approved lender. Residential restrictions may apply. Available on in-stock units only. See dealer for complete details. Offer Expires: 09/30/2026.`,$event)'> 9723 Disclosure 9724 </div> 9725</div> 9726 9727 </div> 9728 9729 <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("New", "KMHRC8A31TU495940", "false"==="true"):!showMsrp )'> 9730 <div v-if="!unlockHideMsrp"> 9731 <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25115' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount> 9732 <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp"> 9733 <div class="mr-2" :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div> 9734 <div :class='[(removeMSRPStrikeOut ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,115</div> 9735 </div> 9736 </div> 9737 9738 </div> 9739 </div> 9740 </div> 9741 </div> 9742 </div> 9743 <div id="cta-params-KMHRC8A31TU495940" 9744 data-cta-params="{"priceLabel":"Price","priceValue":25290.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 9745 </div> 9746 9747 <div> 9748 9749 <vehicle-badges model="Venue" 9750 :current="'srp'" 9751 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"For In-Transit Inventory, any date of arrival is estimated. The actual date of delivery may vary due to circumstances beyond Hyundai and the dealer's control. Please contact your local Hyundai dealer for availability details.","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":""},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":null},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":false}}`" 9752 :eyesight="''" 9753 :starlink="''" 9754 :von="''" 9755 :onorder="''"
9756 :vin="'KMHRC8A31TU495940'" 9757 :route="'https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease'" 9758 :vehicle-badges-top-srp="'False'" 9759 :year="'2026'" 9760 :in-transit-background-color-srp="''" 9761 :in-transit-badge-color-srp="''" 9762 :in-production-background-color-srp="''" 9763 :in-production-badge-color-srp="''" 9764 @opendisclaimer="openDisclaimerPopup($event)"> 9765 </vehicle-badges> 9766 9767 <div class="d-flex flex-wrap"> 9768 9769 9770 9771 9772 9773 9774 9775 </div> 9776 </div> 9777 9778 9779 9780 <div class="d-flex flex-wrap srp-certified-img-section"> 9781 9782 9783 9784 9785 9786 9787 9788 9789 </div> 9790 9791 <div v-if="currentTheme == 'subaru'" class="mt-3"> 9792 <subaru-badge-new model="Venue" 9793 year="2026" 9794 make="Hyundai" 9795 type="New" 9796 :current="'srp'" 9797 :transit="'False'" 9798 :eyesight="''" 9799 :starlink="''" 9800 :von="''" 9801 :onorder="''" 9802 :vin="'KMHRC8A31TU495940'" 9803 :hide-in-transit="'False'" 9804 :vehicle-badges-top-srp="'False'" 9805 :subaru-consumer-report-class="''" 9806 :in-transit-background-color-srp="''" 9807 :in-transit-badge-color-srp="''" 9808 > 9809 </subaru-badge-new> 9810 </div> 9811 9812 </div> 9813 </div> 9814 9815 9816 9817 </div> 9818 </a> 9819 <template v-if="true"> 9820 <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)"> 9821 <div v-if="openDetailsOverlay && selectedVinForOverlay == 'KMHRC8A31TU495940'" class="vehicle-data-overlay-container" 9822 tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options" 9823 @keydown.esc.prevent="closeDetailsOverlay()" 9824 @keydown.tab="srpOverlayTrapFocus($event)"> 9825 <div class="vehicle-overlay-data"> 9826 <div class="srp-overlay-options"> 9827 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 9828 <div class="d-flex align-items-center" style="gap: 20px;"> 9829 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button" 9830 aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 9831 <h3 class="mb-0">Options</h3> 9832 </div> 9833 <div> 9834 <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button" 9835 aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em> 9836 </div> 9837 </div> 9838 9839 <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between"> 9840 <div class="overlay-nav-items px-3 pt-4"> 9841 <div class="d-flex overlay-nav-item" tabindex="0" 9842 role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: '
9842share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: 'share-options', label: 'Share' })"> 9843 <em class="primaryicon-share-icon"></em> 9844 <span>Share</span> 9845 </div> 9846 9847 <div class="d-flex overlay-nav-item" 9848 tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'KMHRC8A31TU495940', overlayType: 'key-features', label: 'Key Features' })"> 9849 <em class="primaryicon-key-features-icon"></em> 9850 <span>Key Features</span> 9851 </div> 9852 </div> 9853 9854 <div class="pt-4 px-3 mt-3"> 9855 <a href="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease" @click='logTagClickEvents("View Details","https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility?type=lease")' target="_self" 9856 @keydown.space.prevent="$event.currentTarget.click()" 9857 class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:"> 9858 View Details 9859 </a> 9860 </div> 9861 </div> 9862 </div> 9863 </div> 9864 </div> 9865 </transition> 9866 <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)"> 9867 <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'KMHRC8A31TU495940'" 9868 tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle" 9869 @keydown.esc.prevent="navigateToDetailsOverlay()" 9870 @keydown.tab="srpOverlayTrapFocus($event)"> 9871 <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec"> 9872 <div class="d-flex align-items-center" style="gap: 20px;"> 9873 <em data-v-9364c830="" class="primaryicon-back-circle-arrow" 9874 tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em> 9875 <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3> 9876 </div> 9877 <div> 9878 <em class="primaryicon-close-icon-gray" 9879 tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em> 9880 </div> 9881 </div> 9882 <div class="mt-3 pt-4 overlay-section-links"> 9883 <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader> 9884 <template v-if="!isLoadingOverlayDetails"> 9885 <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin> 9886 <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sp
9886ort-utility?type=lease" vehicle-name="New 2026 Hyundai Venue SEL" :page-type-id="18" :style-id="477903" class="overlay-section-content"></share-options> 9887 <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin> 9888 </template> 9889 </div> 9890 </div> 9891 </transition> 9892 </template> 9893 </div> 9894</div> 9895<transact-button v-if="showTransactWidget" :vin="transactVin" call-from="srp" @closeexternaltransact="closeTransactWidget()"> </transact-button> 9896<evn-video-player-model v-if="showEvnModelPopup" :video-id="vinRealVideoId" @hidemodal="hideEvnVideoModel()"> </evn-video-player-model> 9897<sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal" 9898 :dealerurl="'https://www.cityworldhyundai.com/identitylogin'"></sign-in-modal> 9899<registration-modal> </registration-modal> 9900 9901 <unlock-price-discount-modal 9902 v-if="showUnlockDiscountModel" 9903 :vin="discountModelEventData.vin" 9904 :style-id="discountModelEventData.styleId" 9905 :vdp-account-id="discountModelEventData.vdpAccountId" 9906 :inventory-type="discountModelEventData.inventoryType" 9907 :unlock-data="unlockCtaDiscountEventDataByType" 9908 :discount-model-data="discountModelEventData" 9909 :final-adjustment-price="discountModelEventData.adjustmentPrice" 9910 @hidemodal="showUnlockDiscountModel = false" 9911 @loadpayments="loadPaymentsForUnlockDiscount" 9912 > </unlock-price-discount-modal> 9913 9914<b-modal v-model="showCustomLeadForm" id="showCustomLeadForm" hide-footer hide-header v-if="ctaCustomLeadFormId" modal-class="custom-lead-form-modal styled-mobile-custom-lead-form"> 9915 <div class="custom_lead_forms"> 9916 <div class="close_modal_icon text-right"><a @click.prevent="showCustomLeadForm = false" class="primaryicon-times text-dark cursor-pointer" style="text-decoration:none;opacity:0.5;"><span class="d-none"> </span></a></div> 9917 <custom-lead-form :lead-type-id="Number(ctaCustomLeadFormId)" title="" 9918 subheading="" heading="" :is-loading="true" :vin="ctaVin"></custom-lead-form> 9919 </div> 9920</b-modal> 9921<call-buttons v-if="showCTAModal" :display-close-btn="true" @hidemodal="showCTAModal = false" ></call-buttons> 9922<iframe-modal-auto v-if="showAutoCheckoutPopup" @hidemodal="showAutoCheckoutPopup = false" :url="autoCheckUrlValue"></iframe-modal-auto> 9923<cta-buttons-lead-form @onclose="openCTAButtonName=''" 9924 :buttontype="openCTAButtonName" v-if="openCTAButtonName"></cta-buttons-lead-form> 9925 9926<inventory-listing-unlock-savings @hidemodal="opentheunlock=false" 9927 v-if="opentheunlock" :redirect="redirectUrl" :vin="unLockVin"></inventory-listing-unlock-savings> 9928 9929<pre-qualified-form-model :show-call-for-price-srp-used="'False' === 'True'" :show-call-for-price-srp-label-new="''" 9930 :show-call-for-price-srp-label-used="''" :show-call-for-price-srp-new="'False' === 'True'" 9931 msrplabel="MSRP" :srp-dealer-id="dealerId" :price-unlock-enabled="isUnLockFormEnabled" :srp="true" :vin="ctaVin" :term="term" v-if="showSoftPullModel" @hidemodal="closeSoftPullModal()"></pre-qualified-form-model> 9932 9933<schedule-test-drive-form v-if="showMaseratiTestDrivePopup" 9934 @hidemodal="showMaseratiTestDrivePopup = false" details='{"FirstName":" ","LastName":" ", 9935 "EmailAddress":" ","PhoneNumber":" "}'></schedule-test-drive-form> 9936<loading-bar v-if="showLoading" /> 9937 9938 9939
9940<script type="application/javascript"> 9941 window.smartPathIntegrationInventory = ''; 9942 window.isMaseratiGrecaleSRPPopUp = 'False'.toLowerCase() === "true"; 9943 window.isMaseratiGranTurismoSRPPopUp='False'.toLowerCase() === "true"; 9944 window.finalConditionalPriceLabel = ''; 9945 window.genesisCPOBadgefromSRP = 'False'.toLowerCase() === "true"; 9946</script>
9946 9947 9948 9949 </div> 9950 <div> 9951 <div class="mb-3 py-3 d-flex justify-content-end"> 9952 9953<div> 9954 <ul class="inventory-pagination pagination m-0"> 9955 9956 <li class="page-item active"> 9957 <a @Click="paginationClick(`page 1`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=1" 9958 rel="">1</a> 9959 </li> 9960 <li class="page-item "> 9961 <a @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2" 9962 rel="next">2</a> 9963 </li> 9964 <li class="page-item "> 9965 <a @Click="paginationClick(`page 3`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=3`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=3" 9966 rel="">3</a> 9967 </li> 9968 <li class="page-item "> 9969 <a @Click="paginationClick(`page 4`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=4`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=4" 9970 rel="">4</a> 9971 </li> 9972 <li class="page-item "> 9973 <a @Click="paginationClick(`page 5`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=5`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=5" 9974 rel="">5</a> 9975 </li> 9976 <li class="page-item "> 9977 <a @Click="paginationClick(`page 6`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=6`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=6" 9978 rel="">6</a> 9979 </li> 9980 <li class="page-item "> 9981 <a @Click="paginationClick(`page 7`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=7`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=7" 9982 rel="">7</a> 9983 </li> 9984 <li class="page-item "> 9985 <a @Click="paginationClick(`page 8`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=8`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=8" 9986 rel="">8</a> 9987 </li> 9988 <li class="page-item "> 9989 <a @Click="paginationClick(`page 9`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=9`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=9" 9990 rel="">9</a> 9991 </li> 9992 <li class="page-item "> 9993 <a @Click="paginationClick(`page 10`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=10`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=10" 9994 rel="">10</a> 9995 </li> 9996 9997 <li class="page-item"> 9998 <a @Click="paginationClick(`page 2`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=2" rel="" aria-label="Go to next page"><em class="primaryicon-right-arrow" aria-hidden="true"></em></a> 9999 </li> 10000 <li class="page-item"> 10001 <a @Click="paginationClick(`page 28`,`https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=28`)" class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.cityworldhyundai.com/inventory/new/hyundai?paymenttype=cash&instock=true&intransit=true&inproduction=true&page=28" rel="" aria-label="Go to last page"><em class="primaryicon-right-arrow" aria-hidden="true"></em><em class="primaryicon-right-arrow" aria-hidden="true"></em></a> 10002 </li> 10003 10004 </ul> 10005</div> 10006 10007 <button @click="scrollToTop()" class="btn bgcolor-primary text-white ml-3 back-to-top-btn">Back to Top</button> 10008 </div> 10009 </div>
10010 <div id="seo-text" class="my-4 ft-12 text-justify container"><div class="bgcolor-white shadow p-4 rounded-box"> 10011 <div class="container"> 10012 <div class="row pb-1"> 10013 <div class="col-12 text-left ft-14"> 10014 <h2 class="font-weight-bold mt-2 ft-20">Frequently Asked Questions about Buying New Hyundai Vehicles in Bronx, NY</h2> 10015 10016 <div class="row mt-3"> 10017 <div class="col-12 col-lg-6 mb-3"> 10018 <div class="faq-section"> 10019 <details class="mb-2 border rounded"> 10020 <summary class="font-weight-bold p-3 bg-light rounded">What is the current new Hyundai model lineup available near Bronx, NY?</summary> 10021 <div class="p-3"><p>Our City World Hyundai showroom in Bronx, NY features the latest Hyundai models, including versatile SUVs, efficient sedans, and innovative new vehicles. We encourage you to browse our online inventory or visit us to see the full range.</p></div> 10022 </details> 10023 10024 <details class="mb-2 border rounded"> 10025 <summary class="font-weight-bold p-3 bg-light rounded">Which Hyundai models are popular for Bronx, NY commutes and weather?</summary> 10026 <div class="p-3"><p>For Bronx, NY's diverse driving conditions, popular choices include fuel-efficient sedans for city commuting and robust SUVs offering confidence in various weather. We can help you find a model suited for your daily drives, whether you're near Manhattan, NY or heading towards Yonkers, NY.</p></div> 10027 </details> 10028 10029 <details class="mb-2 border rounded"> 10030 <summary class="font-weight-bold p-3 bg-light rounded">Can I schedule a test drive of new Hyundai vehicles at City World Hyundai?</summary> 10031 <div class="p-3"><p>Absolutely. Scheduling a test drive is a key step in finding your next vehicle. Contact our team at City World Hyundai to arrange a convenient time to experience a new Hyundai firsthand.</p></div> 10032 </details> 10033 10034 <details class="mb-2 border rounded"> 10035 <summary class="font-weight-bold p-3 bg-light rounded">What is the trade-in process like at City World Hyundai?</summary> 10036 <div class="p-3"><p>Our streamlined trade-in process makes it easy to get an estimate for your current vehicle. Visit our Value Your Trade page online or speak with our knowledgeable staff at City World Hyundai for a quick and fair assessment.</p></div> 10037 </details> 10038 10039 <details class="mb-2 border rounded"> 10040 <summary class="font-weight-bold p-3 bg-light rounded">What financing programs are available for new Hyundai purchases?</summary> 10041 <div class="p-3"><p>We offer a variety of financing options to suit your needs. Our finance team at City World Hyundai works with you to explore available programs and find a plan that fits your budget. You can get pre-approved by visiting our Get Financing page.</p></div> 10042 </details> 10043 </div> 10044 </div> 10045 10046 <div class="col-12 col-lg-6 mb-3"> 10047 <div class="border rounded p-4 text-center h-100 d-flex flex-column justify-content-center"> 10048 <h3 class="font-weight-bold ft-18 mb-3">Have Additional Questions?</h3> 10049 <p class="mb-3">Our dedicated team at City World Hyundai is here to provide all the information you need. We are your local experts for all things Hyundai in Bronx, NY.</p> 10050 <p class="mb-3">From understanding the latest technology to finding the right fit for your lifestyle, we are committed to your satisfaction.</p> 10051 <p class="mb-4">Let us guide you through the selection and purchase process with confidence and ease.</p> 10052 <div class="row justify-content-center"> 10053 <div class="col-8 col-md-6"> 10054 <a href="/contactus" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover">Contact Us</a> 10055 </div> 10056 </div> 10057 </div> 10058 </div> 10059 </div> 10060 10061 <h2 class="font-weight-bold mt-4 ft-20">Why Hyundai Excels for Bronx, NY Drivers</h2> 10062 <p>Hyundai vehicles are engineered with a focus on reliability and innovation, making them an excellent choice for drivers in Bronx, NY. The brand's commitment to advanced technology and driver-centric design ensures a confident and enjoyable experience on every journey.</p> 10063 <p>Drivers near Manhattan, NY and Brooklyn, NY appreciate Hyundai's forward-thinking approach to automotive engineering. This dedication translates into vehicles that offer a compelling blend of performance, efficiency, and modern features.</p> 10064 <ul class="font-weight-bold"> 10065 <li>Reputable Brand Engineering</li> 10066 <li>Leading Automotive Innovation</li> 10067 <li>Distinctive Market Position</li> 10068 </ul> 10069 <p>Experience the difference that thoughtful engineering makes, whether you're navigating the busy streets of Bronx, NY or enjoying a weekend drive towards White Plains, NY.</p> 10070 <p>Visit City World Hyundai to explore the quality and innovation that define the Hyundai brand.</p> 10071 <hr> 10072 <h2 class="font-weight-bold mt-2 ft-20">The Ideal Hyundai Lineup for Bronx, NY Conditions</h2> 10073 <p>The diverse Hyundai lineup offers vehicles perfectly suited for the dynamic needs of Bronx, NY drivers. From agile sedans ideal for city commuting to spacious SUVs ready for weekend adventures near Queens, NY, there's a Hyundai for every lifestyle.</p> 10074 <p>Navigating the varied weather and road conditions around Bronx, NY is made easier with Hyundai's thoughtfully designed vehicles. Whether you need enhanced traction for slick streets or ample cargo space for family outings, we have options that align with your daily requirements.</p> 10075 <ul class="font-weight-bold"> 10076 <li>Versatile Models for Diverse Needs</li> 10077 <li>Weather-Ready Options</li> 10078 <li>Commuter-Friendly Choices</li> 10079 </ul> 10080 <p>Families heading to parks near Mount Vernon, NY or professionals commuting towards New Rochelle, NY will find vehicles that prioritize comfort and practicality.</p> 10081 <p>Discover the Hyundai model that fits your life at City World Hyundai.</p> 10082 <hr> 10083 <h2 class="font-weight-bold mt-2 ft-20">Local Expertise and Extensive Hyundai Selection</h2> 10084 <p>At City World Hyundai, we pride ourselves on being your local specialists for new Hyundai vehicles in Bronx, NY. Our deep understanding of the models and the needs of drivers in areas like Yonkers, NY and Stamford,
10084CT allows us to provide unparalleled guidance.</p> 10085 <p>Our showroom boasts an impressive inventory, featuring a wide array of Hyundai models, trim levels, and color options. This extensive selection ensures you can compare vehicles side-by-side and find the perfect match for your preferences and driving habits.</p> 10086 <ul class="font-weight-bold"> 10087 <li>Specialized Brand Knowledge</li> 10088 <li>Broad Model Availability</li> 10089 <li>Varied Trim Level Options</li> 10090 </ul> 10091 <p>We are dedicated to helping you find the right Hyundai, whether you're looking for advanced safety features or cutting-edge technology.</p> 10092 <p>Come experience the City World Hyundai difference for yourself.</p> 10093 <hr> 10094 <h2 class="font-weight-bold mt-2 ft-20">Why Choose City World Hyundai in Bronx, NY</h2> 10095 <p>Choosing City World Hyundai means you're partnering with a dealership that prioritizes your automotive needs and understands the local Bronx, NY community. Our convenient location makes it easy for residents from surrounding areas like Paterson, NJ and Jersey City, NJ to visit us.</p> 10096 <p>Our team consists of factory-trained technicians and knowledgeable sales professionals dedicated to providing exceptional service. We are committed to ensuring your vehicle is maintained to the highest standards using genuine Hyundai parts.</p> 10097 <ul class="font-weight-bold"> 10098 <li>Certified Technicians On-Site</li> 10099 <li>Genuine Hyundai Parts Supply</li> 10100 <li>Trusted Local Dealership Reputation</li> 10101 </ul> 10102 <p>We are proud to serve drivers across Bronx, NY and beyond, offering a reliable and trustworthy automotive experience.</p> 10103 <p>Let us show you why City World Hyundai is the go-to destination for your next Hyundai.</p> 10104 <hr> 10105 <h2 class="font-weight-bold mt-2 ft-20">A Seamless Hyundai Ownership Experience</h2> 10106 <p>Owning a new Hyundai from City World Hyundai is designed to be a rewarding experience, from your initial visit to long-term ownership. Our service department is equipped to handle all your maintenance needs efficiently, ensuring your vehicle remains in peak condition.</p> 10107 <p>We offer flexible financing solutions to make acquiring your new Hyundai accessible and straightforward. Our commitment extends beyond the sale, providing ongoing support and excellent customer service throughout your ownership journey.</p> 10108 <ul class="font-weight-bold"> 10109 <li>Convenient Service Department Hours</li> 10110 <li>Comprehensive Vehicle Support</li> 10111 <li>Flexible Trade-In and Financing Options</li> 10112 </ul> 10113 <p>Our goal is to make every aspect of your Hyundai ownership as smooth and enjoyable as possible.</p> 10114 <p>Visit City World Hyundai today to begin your exceptional Hyundai ownership journey.</p> 10115 10116 <div class="row justify-content-center mt-5 mb-4"> 10117 <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2"> 10118 <a href="/specials/vehicle-specials" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover w-100">View Vehicle Specials</a> 10119 </div> 10120 <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2"> 10121 <a href="/shopperwizard/mytradevalue" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover w-100">Value Your Trade</a> 10122 </div> 10123 <div class="col-12 col-md-4 d-flex justify-content-center mb-3 px-2"> 10124 <a href="/contactus" class="bgcolor-primary srp-cta-btn font-weight-bold text-center ft-18 text-white rounded-buttons d-block p-3 no-hover w-100">Contact Our Team</a> 10125 </div> 10126 </div> 10127 10128 </div> 10129 </div> 10130 </div> 10131 10132
10132<script type="application/ld+json"> 10133 { 10134 "@context": "https://schema.org", 10135 "@type": "FAQPage", 10136 "mainEntity": [ 10137 { 10138 "@type": "Question", 10139 "name": "What is the current new Hyundai model lineup available near Bronx, NY?", 10140 "acceptedAnswer": { 10141 "@type": "Answer", 10142 "text": "Our City World Hyundai showroom in Bronx, NY features the latest Hyundai models, including versatile SUVs, efficient sedans, and innovative new vehicles. We encourage you to browse our online inventory or visit us to see the full range." 10143 } 10144 }, 10145 { 10146 "@type": "Question", 10147 "name": "Which Hyundai models are popular for Bronx, NY commutes and weather?", 10148 "acceptedAnswer": { 10149 "@type": "Answer", 10150 "text": "For Bronx, NY's diverse driving conditions, popular choices include fuel-efficient sedans for city commuting and robust SUVs offering confidence in various weather. We can help you find a model suited for your daily drives, whether you're near Manhattan, NY or heading towards Yonkers, NY." 10151 } 10152 }, 10153 { 10154 "@type": "Question", 10155 "name": "Can I schedule a test drive of new Hyundai vehicles at City World Hyundai?", 10156 "acceptedAnswer": { 10157 "@type": "Answer", 10158 "text": "Absolutely. Scheduling a test drive is a key step in finding your next vehicle. Contact our team at City World Hyundai to arrange a convenient time to experience a new Hyundai firsthand." 10159 } 10160 }, 10161 { 10162 "@type": "Question", 10163 "name": "What is the trade-in process like at City World Hyundai?", 10164 "acceptedAnswer": { 10165 "@type": "Answer", 10166 "text": "Our streamlined trade-in process makes it easy to get an estimate for your current vehicle. Visit our Value Your Trade page online or speak with our knowledgeable staff at City World Hyundai for a quick and fair assessment." 10167 } 10168 }, 10169 { 10170 "@type": "Question", 10171 "name": "What financing programs are available for new Hyundai purchases?", 10172 "acceptedAnswer": { 10173 "@type": "Answer", 10174 "text": "We offer a variety of financing options to suit your needs. Our finance team at City World Hyundai works with you to explore available programs and find a plan that fits your budget. You can get pre-approved by visiting our Get Financing page." 10175 } 10176 } 10177 ] 10178 } 10179 </script>
10179 10180</div></div> 10181 10182 <common-disclaimer :custom-attributes="{'id':'srp-disclaimer','classList':'disclaimer-text my-4 ft-12 text-justify container'}" disclaimer-type="themeLevelDisclaimer" disclaimer-key="inventoryNewSRPDisclaimerText" ></common-disclaimer> 10183 10184 10185 </div> 10186 </div> 10187 </div> 10188 <videopopup-modal v-if="showVideoPopupModal" @hidemodal="showVideoPopupModal=false" :videourl="''" :videoctaname="''" :videoctalink="''"></videopopup-modal> 10189 10190 <text-modal v-if="showdisclaimermodal" @hidemodal="showdisclaimermodal=false" :text="disclaimertext" :title="'Disclosure'"></text-modal> 10191</div> 10192
10192<script src="https://prod.tvmwebsitecdn.com/dist/p1138/js/websiteprimary/newinventory.js" defer></script>
10192 10193 10194<style> 10195 .display_hide { 10196 display: none !important; 10197 } 10198 10199 .display_show { 10200 display: block; 10201 } 10202</style> 10203 10204 10205<style> 10206 .cta__mycreditdrive_imgContainer img { 10207 width: 75px !important; 10208 } 10209 .cta__mycreditdrive__modalLaunch_buttonLaunch { 10210 display: flex !important; 10211 justify-content: center !important; 10212 min-height: auto !important; 10213 border-radius: 0px !important; 10214 } 10215 .cta__mycreditdrive_titlecontainer { 10216 display: flex !important; 10217 flex-direction: column !important; 10218 width: 100% !important; 10219 } 10220 .cta__mycreditdrive_titlecontainer h4, 10221 .cta__mycreditdrive_titlecontainer h6 { 10222 text-align: left !important; 10223 margin: 0 !important; 10224 padding: 0 !important; 10225 } 10226</style> 10227 10228
10228<script type="application/javascript"> 10229 var vehiclesData = [{"item_name":"Venue","item_id":"KMHRC8A31TU462100","price":23470.0,"discount":0.0,"msrp":25045.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Lunar White","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":1},{"item_name":"Elantra","item_id":"KMHLM4DG7TU271890","price":24358.0,"discount":0.0,"msrp":25855.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Abyss Black","item_category4":"Gasoline Fuel","item_variant":"SEL Sport","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":2},{"item_name":"Elantra","item_id":"KMHLM4DG0TU238956","price":24566.0,"discount":0.0,"msrp":26085.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Serenity White","item_category4":"Gasoline Fuel","item_variant":"SEL Sport","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":3},{"item_name":"Elantra","item_id":"KMHLM4DG4TU238720","price":24606.0,"discount":0.0,"msrp":26130.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Serenity White","item_category4":"Gasoline Fuel","item_variant":"SEL Sport","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":4},{"item_name":"Venue","item_id":"KMHRC8A39TU495846","price":24790.0,"discount":0.0,"msrp":25115.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Lunar White","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":5},{"item_name":"Elantra","item_id":"KMHLM4DG2TU260635","price":25025.0,"discount":0.0,"msrp":26555.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Serenity White","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":6},{"item_name":"Elantra","item_id":"KMHLM4DG5TU288087","price":25031.0,"discount":0.0,"msrp":26356.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Amazon Gray","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":7},{"item_name":"Elantra","item_id":"KMHLM4DG8TU288097","price":25040.0,"discount":0.0,"msrp":26365.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Abyss Black","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":8},{"item_name":"Elantra","item_id":"KMHLM4DG7TU290004","price":25040.0,"discount":0.0,"msrp":26365.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Amazon Gray","item_category4":"Gasoline Fuel","item_variant":"SEL Sport Plus","item_type":"Sedan","item_list_name":"vlp","quantity":1,"index":9},{"item_name":"Venue","item_id":"KMHRC8A3XTU496147","price":25210.0,"discount":0.0,"msrp":25035.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Ecotronic Gray","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":10},{"item_name":"Venue","item_id":"KMHRC8A36TU496338","price":25210.0,"discount":0.0,"msrp":25035.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Shimmering Silver","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":11},{"item_name":"Venue","item_id":"KMHRC8A31TU495940","price":25290.0,"discount":0.0,"msrp":25115.0,"item_brand":"Hyundai","item_category":"New","item_category2":"2026","item_category3":"Shimmering Silver","item_category4":"Gasoline Fuel","item_variant":"SEL","item_type":"SUV","item_list_name":"vlp","quantity":1,"index":12}]; 10230 10231 console.log('%c VEHICLES DATA', 'color: #3a21f3ff; font-size: 16px; font-weight: bold;', vehiclesData); 10232 console.log('%c Total Count:', 'font-weight: bold;', vehiclesData.length); 10233 10234 // Make vehicle items available globally for GTM tracking 10235 window.vehicleEcommerceItems = vehiclesData; 10236</script>
10236 10237 10238 </div> 10239 </div> 10240 10241 <div class="website-gemini-footer w-100 Website_Gemini_header_Utility_Footer"> 10242 <div id="main-footer"> 10243 <main-footer></main-footer> 10244 <common-components></common-components> 10245 </div> 10246 </div> 10247 10248 </div> 10249 10250 10251
10251<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
10251 10252 10253 10254 10255 10256 10257 10258 10259 10260 10261 10262 10263 10264 10265 10266 10267 10268 10269 10270 10271 10272 10273 10274
10274<script async type="text/javascript" src="https://button-server.lesautomotive.com/lesa_media_srp.js"></script>
10274 10275 10276 10277 10278 10279 10280 10281 10282 10283 10284 10285 10286 10287 10288 10289 10290 10291 10292 10293 10294 10295 10296 10297<style> 10298 .social-icons a { 10299 border: 2px solid #d1d0d0; 10300 background: transparent !important; 10301 line-height: 30px !important; 10302 } 10303 .dnsmpi a { 10304 background-color: #fff; 10305 display: block; 10306 text-align: center; 10307 color: #000 !important; 10308 border-radius: 10px; 10309 } 10310</style> 10311 10312 10313 10314 10315 10316 10317 10318 10319 10320 10321 10322 10323 10324 10325 10326 10327
10327<script type="text/javascript"> 10328(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('send', 'pageview');</script>
vendor: 102 bytes, lines 10328-10333
10328 10329 10330 10331 10332 10333<script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
10333G-R86HMFVNVP
vendor: 12 bytes, line 10333
10333"></script>
10334<script> 10335
vendor: 134 bytes, lines 10335-10339
10335window.dataLayer = window.dataLayer || []; 10336 function gtag(){dataLayer.push(arguments);} 10337 gtag('js', new Date()); 10338 10339 gtag('config', '
10339G-R86HMFVNVP
vendor: 26 bytes, line 10339
10339', {groups: 'ascgroup'});
10340</script>
vendor: 104 bytes, lines 10340-10341
10340 10341 <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
10341G-D22KY4R05F
vendor: 20 bytes, lines 10341-10342
10341"></script> 10342
10342<script type="text/javascript" class=""> 10343
vendor: 155 bytes, lines 10343-10347
10343window.dataLayer = window.dataLayer || []; 10344 function gtag() { dataLayer.push(arguments); } 10345 gtag('js', new Date()); 10346 10347 gtag('config', '
10347G-D22KY4R05F
vendor: 32 bytes, lines 10347-10348
10347', { groups: 'ascgroup' }); 10348
10348</script>
10348 10349
10350<script>(function(){ var s = document.createElement('script'), e = ! document.body ? document.querySelector('head') : document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'left', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 175, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 125, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script>
10350<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 10350
10350 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
10350GTM-K6R7KVP
vendor: 83 bytes, line 10350
10350" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
10350<!-- End Google Tag Manager (noscript) --><!-- Facebook Pixel Code -->
10350<script>
vendor: 390 bytes, line 10350
10350!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '
103503491230691188098
vendor: 28 bytes, line 10350
10350');fbq('track', 'PageView');
10350</script>
10350<noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=3491230691188098&ev=PageView&noscript=1"/></noscript><!-- End Facebook Pixel Code --> 10351
10351<script> 10352 function googleBingCustomEvent(e, t, o, n, a) { googleCustomEvent(e, t, o, n, a), bingCustomEvent(e, t, o, n, a) } function googleCustomEvent(e, t, o, n, a) { var i = "Google Custom Event logged successfully.."; a && (i = i + "--------" + a + "-----------"), console.info(i); var g = n ? n : 0; return "undefined" == typeof ga ? (console.error("No google analytics keys"), !1) : (ga("send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }), "undefined" != typeof ga.getByName && ga.getByName("dealer") && ga("dealer.send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }), void ("undefined" != typeof ga.getByName && ga.getByName("digitalAnalyticsTracker") && ga("digitalAnalyticsTracker.send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }))) } function bingCustomEvent(e, t, o, n, a) { var i = "Bing Custom Event logged successfully.."; a && (i = i + "--------" + a + "-----------"), console.info(i); var g = n ? n : 0; uetq.push({ ec: e, ea: t, el: o, ev: g }) } var uetq = uetq || [], doc = document.documentElement; doc.setAttribute("data-useragent", navigator.userAgent), window.location.origin || (window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : "")), window.googleEventToLink = function (e, t, o, n, a, i) { googleBingCustomEvent(t, o, n, a, i), setTimeout(function () { location.href = $(e).data("href") ? $(e).data("href") : $(e).attr("href") }, 500) }; 10353 </script>
10353 10354 10355 10356 10357
10358<script> 10359 var isPageLanding = 'false' === 'true'; 10360 var pageControlName = 'inventory'; 10361 var isVue3Page = 'False' === 'True'; 10362 var PageId = '199622'; 10363</script>
10363 10364
10364<script> 10365 var isTransparentMenu = 'false' === 'true'; 10366 </script>
10366 10367 10368 10369
10369<script> 10370 function googleTranslateElementInit() { 10371 new google.translate.TranslateElement({ 10372 pageLanguage: 'en', includedLanguages: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE 10373 }, 10374 'google_translate_element'); 10375 } 10376 </script>
10376 10377
10377<script> 10378 function removeiFrames() { 10379 googleBingCustomEvent("form", "close", "vep_lightbox", 1, "event"); 10380 window.parent.postMessage({ 'func': 'closePopup', 'message': 'Message text from iframe.' }, "*"); 10381 } 10382 </script>
10382 10383 10384 10385 <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/themes/Hyundai/styles.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'" /> 10386 <noscript><link rel="stylesheet" href="https://prod.tvmwebsitecdn.com/dist/p1138/css/themes/Hyundai/styles.css"></noscript> 10387 10388
10388<script src="https://prod.tvmwebsitecdn.com/dist/p1138/vue3/js/header.js" type="text/javascript" defer></script>
10388 10389
10389<script src="https://prod.tvmwebsitecdn.com/dist/p1138/vue3/js/footer.js" defer></script>
10389 10390 10391 10392 <!--remove white space for show room page --> 10393 10394 10395 10396 10397<style> 10398 10399 #_website_gemini .header-social-icons a{ 10400 font-size: 12px !important; 10401 display: inline-block; 10402 text-align: center; 10403 padding: 4px; 10404 border-radius: 50%; 10405 margin-right: 2px; 10406 width: 30px !important; 10407 height: 30px !important; 10408 line-height: 20px !important; 10409 color: #002C5E !important; 10410 background: #fff !important; 10411 border: 2px solid #EDEDED !important; 10412 } 10413 10414 .mobile-sidemenu .mobile-submenu { 10415 background-color: #fff !important; 10416 10417 } 10418 10419 .mobile-sidemenu .mobile-submenu .submenu-list-item .submenu-item { 10420 color: #484545 !important; 10421 } 10422 10423 </style> 10424 10425 10426 <style> 10427 ._theme_background_color { 10428 background-color:#fff !important; 10429 } 10430 #_website_gemini ._theme_sales_links, #_website_gemini .goog-te-gadget-simple { 10431 color: #757575 !important; 10432 border-color: #DCDCDC !important; 10433 border-radius: 25px; 10434 border: 1px solid; 10435 padding: 8px 24px; 10436 background-color: #fff; 10437 } 10438 #_website_gemini div.temp-language{ 10439 color: #484545; 10440 } 10441 10442 #_website_gemini #gemini_simplify_menu ._theme_sales_links,#_website_gemini #gemini_simplify_menu div.temp-language, #_website_gemini #gemini_simplify_menu .goog-te-gadget-simple { 10443 color: #484545 !important; 10444 border-color: 0 !important; 10445 border-radius: 0; 10446 border: 0; 10447 padding: 0; 10448 } 10449 #_website_gemini #gemini_simplify_menu ._theme_sales_links:hover,#_website_gemini #gemini_simplify_menu div.temp-language:hover, #_website_gemini #gemini_simplify_menu .goog-te-gadget-simple:hover { 10450 color: #002C5E !important; 10451 border-color: 0 !important; 10452 border-radius: 0; 10453 border: 0; 10454 padding: 0; 10455 } 10456 #_website_gemini ._theme_top_border_color { 10457 border-color: #c6c6c6 !important; 10458 } 10459 10460 ._theme_background_color ._primary_template_header_menu .text-white { 10461 color: #002C5E !important; 10462 } 10463 10464 ._theme_background_color .gemini-header .text-white { 10465 color: #002C5E !important; 10466 } 10467 10468 ._theme_background_color .gemini-header .signin-box.button-primary { 10469 background: #002C5E !important; 10470 color: #fff !important; 10471 } 10472 10473 #_website_gemini .gemini_header ._primary_template_header_menu a span { 10474 color: #fff; 10475 } 10476 #_website_gemini .gemini_header ._primary_template_header_menu .signin-container .language-change-link span { 10477 color: #000; 10478 } 10479 #_website_gemini .gemini_header .header-social-icons a._theme_social_icons span { 10480 color: inherit !important; 10481 } 10482 10483 #_website_gemini .gemini_header a span.color-black { 10484 color: #000000; 10485 } 10486 10487 .mobile-submenu .submenu-list-item .submenu-item { 10488 color: #fff !important; 10489 } 10490 ._theme_background_color .gemini_header ._primary_template_header_menu ._login_button { 10491 background: #002C5E !important; 10492 color: #fff !important; 10493 } 10494 #_website_gemini .sign_out_link { 10495 color: #000 !important; 10496 } 10497 #_website_gemini #website-primary-header a.bar-icon{ 10498 color: #484545 !important; 10499 } 10500 10501 #_website_gemini .paragon-primary-header { 10502 background-color: #fff !important; 10503 } 10504 10505 #_website_gemini .w_gemini_tranparent_header .menu-indicator { 10506 color: #212529 !important; 10507 } 10508 10509 #_website_gemini .w_gemini_tranparent_header .menu-indicator .static-links a { 10510 color: #212529 !important; 10511 } 10512 #website-primary-header .horizontalmenu a.h-menu-item { 10513 color: #262626 !important; 10514 } 10515 10516 </style> 10517 10518 10519 10520 10521 10522 <style> 10523 10524 :root { 10525 --primary-theme-color: #002C5E; 10526 --main-menu-font-color: #000; 10527 --sub-menu-font-color: #05141f; 10528 } 10529 </style> 10530 10531 10532 10533 <style> 10534 :host(cs-buy-widget) .buy-button { 10535 width: 100%; 10536 } 10537 #_website_gemini .gemini_header ._custom_menu_color a > span { 10538 color: !important; 10539 } 10540 10541 .translated-ltr body { 10542 top: 0 !important; 10543 } 10544 </style> 10545 10546 <!-- Hiding header & footer tag if checkbox is enabled--> 10547 10548 10549 <style> 10550 @media (max-width: 900px) { 10551 .vehicle-specials-banner { 10552 background-color: #fff; 10553 } 10554 } 10555 </style> 10556 10557 10558<!-- Google Tag Manager (noscript) --> 10559 <noscript> 10560 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPBVZ3Q" height="0" 10561 width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe> 10562 </noscript> 10563 <!-- End Google Tag Manager (noscript) --> 10564 <!-- DSO Pixel Google Tag Manager (noscript) --> 10565 <noscript> 10566 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPGZWQGR" height="0" 10567 width="0" style="display:none;visibility:hidden" title="DSO Pixel Google Tag Manager"></iframe> 10568 </noscript> 10569 <!-- End DSO Pixel Google Tag Manager (noscript) --> 10570 10571 10572 10573 10574 10575 10576 10577 10578 10579 10580 <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/fontawesome.css" rel="stylesheet" /> 10581 <noscript> 10582 <link href="https://prod.tvmwebsitecdn.com/dist/p1138/css/fontawesome.css" rel="stylesheet" /> 10583 </noscript> 10584 10585 10586 10587 10588 10589 10590 10591 10592 10593 10594 10595 10596<style> 10597 :root{ 10598 --website-primary-theme-color: #002C5E; 10599 } 10600</style> 10601 10602 10603 10604 10605 10606
10606<script type="application/ld+json"> 10607 { 10608 "@context": "https://schema.org", 10609 "@type": "CollectionPage", 10610 "@id": "https://www.cityworldhyundai.com/inventory/new#collectionpage", 10611 "url": "https://www.cityworldhyundai.com/inventory/new", 10612 "name": "New Hyundai Models for Sale in Bronx, NY | Hyundai Dealer", 10613 "description": "Browse 329 total new Hyundai vehicles for sale at City World Hyundai in Bronx, NY. View prices, photos, mileage, features, and availability for matching vehicles.", 10614 "mainEntity": { 10615 "@id": "https://www.cityworldhyundai.com/inventory/new#inventory-list" 10616 } 10617} 10618 </script>
10618 10619
10619<script type="application/ld+json"> 10620 { 10621 "@context": "https://schema.org", 10622 "@type": "ItemList", 10623 "@id": "https://www.cityworldhyundai.com/inventory/new#inventory-list", 10624 "numberOfItems": 329, 10625 "itemListElement": [ 10626 { 10627 "@type": "ListItem", 10628 "position": 1, 10629 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility", 10630 "item": { 10631 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#vehicle" 10632 } 10633 }, 10634 { 10635 "@type": "ListItem", 10636 "position": 2, 10637 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car", 10638 "item": { 10639 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#vehicle" 10640 } 10641 }, 10642 { 10643 "@type": "ListItem", 10644 "position": 3, 10645 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car", 10646 "item": { 10647 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#vehicle" 10648 } 10649 }, 10650 { 10651 "@type": "ListItem", 10652 "position": 4, 10653 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car", 10654 "item": { 10655 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car#vehicle" 10656 } 10657 }, 10658 { 10659 "@type": "ListItem", 10660 "position": 5, 10661 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility", 10662 "item": { 10663 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#vehicle" 10664 } 10665 }, 10666 { 10667 "@type": "ListItem", 10668 "position": 6, 10669 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car", 10670 "item": { 10671 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#vehicle" 10672 } 10673 }, 10674 { 10675 "@type": "ListItem", 10676 "position": 7, 10677 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car", 10678 "item": { 10679 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#vehicle" 10680 } 10681 }, 10682 { 10683 "@type": "ListItem", 10684 "position": 8, 10685 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car", 10686 "item": { 10687 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#vehicle" 10688 } 10689 }, 10690 { 10691 "@type": "ListItem", 10692 "position": 9, 10693 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car", 10694 "item": { 10695 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#vehicle" 10696 } 10697 }, 10698 { 10699 "@type": "ListItem", 10700 "position": 10, 10701 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility", 10702 "item": { 10703 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#vehicle" 10704 } 10705 }, 10706 { 10707 "@type": "ListItem", 10708 "position": 11, 10709 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility", 10710 "item": { 10711 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#vehicle" 10712 } 10713 }, 10714 { 10715 "@type": "ListItem", 10716 "position": 12, 10717 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility", 10718 "item": { 10719 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#vehicle" 10720 } 10721 } 10722 ] 10723} 10724 </script>
10724 10725
10725<script type="application/ld+json"> 10726 { 10727 "@context": "https://schema.org/", 10728 "@type": "Vehicle", 10729 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#vehicle", 10730 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility", 10731 "itemCondition": "https://schema.org/NewCondition", 10732 "vehicleIdentificationNumber": "KMHRC8A31TU462100", 10733 "productID": "KMHRC8A31TU462100", 10734 "vehicleModelDate": "2026", 10735 "model": "Venue", 10736 "sku": "26H1796", 10737 "brand": { 10738 "@type": "Brand", 10739 "name": "Hyundai" 10740 }, 10741 "vehicleConfiguration": "SEL", 10742 "vehicleInteriorColor": "Gray", 10743 "vehicleTransmission": "CVT", 10744 "color": "Lunar White", 10745 "image": { 10746 "@type": "ImageObject", 10747 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU462100&vehicletype=SUV", 10748 "fileFormat": "" 10749 }, 10750 "offers": { 10751 "@type": "Offer", 10752 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility#offer", 10753 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu462100/2026-hyundai-venue-sport-utility", 10754 "price": "23470", 10755 "priceCurrency": "USD", 10756 "priceValidUntil": "2026-09-25", 10757 "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 23470.00.", 10758 "availability": "https://schema.org/InStock", 10759 "itemCondition": "https://schema.org/NewCondition", 10760 "seller": { 10761 "@id": "https://www.cityworldhyundai.com/#autodealer" 10762 } 10763 }, 10764 "name": "New 2026 Hyundai Venue SEL", 10765 "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A31TU462100, stock 26H1796. Pricing options include cash 23470.00." 10766} 10767 </script>
10767 10768
10768<script type="application/ld+json"> 10769 { 10770 "@context": "https://schema.org/", 10771 "@type": "Vehicle", 10772 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#vehicle", 10773 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car", 10774 "itemCondition": "https://schema.org/NewCondition", 10775 "vehicleIdentificationNumber": "KMHLM4DG7TU271890", 10776 "productID": "KMHLM4DG7TU271890", 10777 "vehicleModelDate": "2026", 10778 "model": "Elantra", 10779 "sku": "26H2179", 10780 "brand": { 10781 "@type": "Brand", 10782 "name": "Hyundai" 10783 }, 10784 "vehicleConfiguration": "SEL Sport", 10785 "vehicleInteriorColor": "Black", 10786 "vehicleTransmission": "CVT", 10787 "color": "Abyss Black", 10788 "image": { 10789 "@type": "ImageObject", 10790 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU271890&vehicletype=Sedan", 10791 "fileFormat": "" 10792 }, 10793 "offers": { 10794 "@type": "Offer", 10795 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car#offer", 10796 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu271890/2026-hyundai-elantra-4dr-car", 10797 "price": "24358", 10798 "priceCurrency": "USD", 10799 "priceValidUntil": "2026-09-25", 10800 "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 24358.00.", 10801 "availability": "https://schema.org/InStock", 10802 "itemCondition": "https://schema.org/NewCondition", 10803 "seller": { 10804 "@id": "https://www.cityworldhyundai.com/#autodealer" 10805 } 10806 }, 10807 "name": "New 2026 Hyundai Elantra SEL Sport", 10808 "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG7TU271890, stock 26H2179. Pricing options include cash 24358.00." 10809} 10810 </script>
10810 10811
10811<script type="application/ld+json"> 10812 { 10813 "@context": "https://schema.org/", 10814 "@type": "Vehicle", 10815 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#vehicle", 10816 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car", 10817 "itemCondition": "https://schema.org/NewCondition", 10818 "vehicleIdentificationNumber": "KMHLM4DG0TU238956", 10819 "productID": "KMHLM4DG0TU238956", 10820 "vehicleModelDate": "2026", 10821 "model": "Elantra", 10822 "sku": "26H2011", 10823 "brand": { 10824 "@type": "Brand", 10825 "name": "Hyundai" 10826 }, 10827 "vehicleConfiguration": "SEL Sport", 10828 "vehicleInteriorColor": "Black", 10829 "vehicleTransmission": "CVT", 10830 "color": "Serenity White", 10831 "image": { 10832 "@type": "ImageObject", 10833 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&vin=KMHLM4DG0TU238956&vehicletype=Sedan", 10834 "fileFormat": "" 10835 }, 10836 "offers": { 10837 "@type": "Offer", 10838 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car#offer", 10839 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg0tu238956/2026-hyundai-elantra-4dr-car", 10840 "price": "24566", 10841 "priceCurrency": "USD", 10842 "priceValidUntil": "2026-09-25", 10843 "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 24566.00.", 10844 "availability": "https://schema.org/InStock", 10845 "itemCondition": "https://schema.org/NewCondition", 10846 "seller": { 10847 "@id": "https://www.cityworldhyundai.com/#autodealer" 10848 } 10849 }, 10850 "name": "New 2026 Hyundai Elantra SEL Sport", 10851 "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG0TU238956, stock 26H2011. Pricing options include cash 24566.00." 10852} 10853 </script>
10853 10854
10854<script type="application/ld+json"> 10855 { 10856 "@context": "https://schema.org/", 10857 "@type": "Vehicle", 10858 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car#vehicle", 10859 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car", 10860 "itemCondition": "https://schema.org/NewCondition", 10861 "vehicleIdentificationNumber": "KMHLM4DG4TU238720", 10862 "productID": "KMHLM4DG4TU238720", 10863 "vehicleModelDate": "2026", 10864 "model": "Elantra", 10865 "sku": "26H2000", 10866 "brand": { 10867 "@type": "Brand", 10868 "name": "Hyundai" 10869 }, 10870 "vehicleConfiguration": "SEL Sport", 10871 "vehicleInteriorColor": "Gray", 10872 "vehicleTransmission": "CVT", 10873 "color": "Serenity White", 10874 "image": { 10875 "@type": "ImageObject", 10876 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=476722&vin=KMHLM4DG4TU238720&vehicletype=Sedan", 10877 "fileFormat": "" 10878 }, 10879 "offers": { 10880 "@type": "Offer", 10881 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car#offer", 10882 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg4tu238720/2026-hyundai-elantra-4dr-car", 10883 "price": "24606", 10884 "priceCurrency": "USD", 10885 "priceValidUntil": "2026-09-25", 10886 "description": "New 2026 Hyundai Elantra SEL Sport- Pricing options include cash 24606.00.", 10887 "availability": "https://schema.org/InStock", 10888 "itemCondition": "https://schema.org/NewCondition", 10889 "seller": { 10890 "@id": "https://www.cityworldhyundai.com/#autodealer" 10891 } 10892 }, 10893 "name": "New 2026 Hyundai Elantra SEL Sport", 10894 "description": "New 2026 Hyundai Elantra SEL Sport for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG4TU238720, stock 26H2000. Pricing options include cash 24606.00." 10895} 10896 </script>
10896 10897
10897<script type="application/ld+json"> 10898 { 10899 "@context": "https://schema.org/", 10900 "@type": "Vehicle", 10901 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#vehicle", 10902 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility", 10903 "itemCondition": "https://schema.org/NewCondition", 10904 "vehicleIdentificationNumber": "KMHRC8A39TU495846", 10905 "productID": "KMHRC8A39TU495846", 10906 "vehicleModelDate": "2026", 10907 "model": "Venue", 10908 "sku": "26H2262", 10909 "brand": { 10910 "@type": "Brand", 10911 "name": "Hyundai" 10912 }, 10913 "vehicleConfiguration": "SEL", 10914 "vehicleInteriorColor": "Gray", 10915 "vehicleTransmission": "CVT", 10916 "color": "Lunar White", 10917 "image": { 10918 "@type": "ImageObject", 10919 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A39TU495846&vehicletype=SUV", 10920 "fileFormat": "" 10921 }, 10922 "offers": { 10923 "@type": "Offer", 10924 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility#offer", 10925 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a39tu495846/2026-hyundai-venue-sport-utility", 10926 "price": "24790", 10927 "priceCurrency": "USD", 10928 "priceValidUntil": "2026-09-25", 10929 "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 24790.00.", 10930 "availability": "https://schema.org/InStock", 10931 "itemCondition": "https://schema.org/NewCondition", 10932 "seller": { 10933 "@id": "https://www.cityworldhyundai.com/#autodealer" 10934 } 10935 }, 10936 "name": "New 2026 Hyundai Venue SEL", 10937 "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A39TU495846, stock 26H2262. Pricing options include cash 24790.00." 10938} 10939 </script>
10939 10940
10940<script type="application/ld+json"> 10941 { 10942 "@context": "https://schema.org/", 10943 "@type": "Vehicle", 10944 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#vehicle", 10945 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car", 10946 "itemCondition": "https://schema.org/NewCondition", 10947 "vehicleIdentificationNumber": "KMHLM4DG2TU260635", 10948 "productID": "KMHLM4DG2TU260635", 10949 "vehicleModelDate": "2026", 10950 "model": "Elantra", 10951 "sku": "26H2122", 10952 "brand": { 10953 "@type": "Brand", 10954 "name": "Hyundai" 10955 }, 10956 "vehicleConfiguration": "SEL Sport Plus", 10957 "vehicleInteriorColor": "Black", 10958 "vehicleTransmission": "CVT", 10959 "color": "Serenity White", 10960 "image": { 10961 "@type": "ImageObject", 10962 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG2TU260635&vehicletype=Sedan", 10963 "fileFormat": "" 10964 }, 10965 "offers": { 10966 "@type": "Offer", 10967 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car#offer", 10968 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg2tu260635/2026-hyundai-elantra-4dr-car", 10969 "price": "25025", 10970 "priceCurrency": "USD", 10971 "priceValidUntil": "2026-09-25", 10972 "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25025.00.", 10973 "availability": "https://schema.org/InStock", 10974 "itemCondition": "https://schema.org/NewCondition", 10975 "seller": { 10976 "@id": "https://www.cityworldhyundai.com/#autodealer" 10977 } 10978 }, 10979 "name": "New 2026 Hyundai Elantra SEL Sport Plus", 10980 "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG2TU260635, stock 26H2122. Pricing options include cash 25025.00." 10981} 10982 </script>
10982 10983
10983<script type="application/ld+json"> 10984 { 10985 "@context": "https://schema.org/", 10986 "@type": "Vehicle", 10987 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#vehicle", 10988 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car", 10989 "itemCondition": "https://schema.org/NewCondition", 10990 "vehicleIdentificationNumber": "KMHLM4DG5TU288087", 10991 "productID": "KMHLM4DG5TU288087", 10992 "vehicleModelDate": "2026", 10993 "model": "Elantra", 10994 "sku": "26H2263", 10995 "brand": { 10996 "@type": "Brand", 10997 "name": "Hyundai" 10998 }, 10999 "vehicleConfiguration": "SEL Sport Plus", 11000 "vehicleInteriorColor": "Black", 11001 "vehicleTransmission": "CVT", 11002 "color": "Amazon Gray", 11003 "image": { 11004 "@type": "ImageObject", 11005 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG5TU288087&vehicletype=Sedan", 11006 "fileFormat": "" 11007 }, 11008 "offers": { 11009 "@type": "Offer", 11010 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car#offer", 11011 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg5tu288087/2026-hyundai-elantra-4dr-car", 11012 "price": "25031", 11013 "priceCurrency": "USD", 11014 "priceValidUntil": "2026-09-25", 11015 "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25031.00.", 11016 "availability": "https://schema.org/InStock", 11017 "itemCondition": "https://schema.org/NewCondition", 11018 "seller": { 11019 "@id": "https://www.cityworldhyundai.com/#autodealer" 11020 } 11021 }, 11022 "name": "New 2026 Hyundai Elantra SEL Sport Plus", 11023 "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG5TU288087, stock 26H2263. Pricing options include cash 25031.00." 11024} 11025 </script>
11025 11026
11026<script type="application/ld+json"> 11027 { 11028 "@context": "https://schema.org/", 11029 "@type": "Vehicle", 11030 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#vehicle", 11031 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car", 11032 "itemCondition": "https://schema.org/NewCondition", 11033 "vehicleIdentificationNumber": "KMHLM4DG8TU288097", 11034 "productID": "KMHLM4DG8TU288097", 11035 "vehicleModelDate": "2026", 11036 "model": "Elantra", 11037 "sku": "26H2267", 11038 "brand": { 11039 "@type": "Brand", 11040 "name": "Hyundai" 11041 }, 11042 "vehicleConfiguration": "SEL Sport Plus", 11043 "vehicleInteriorColor": "Black", 11044 "vehicleTransmission": "CVT", 11045 "color": "Abyss Black", 11046 "image": { 11047 "@type": "ImageObject", 11048 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG8TU288097&vehicletype=Sedan", 11049 "fileFormat": "" 11050 }, 11051 "offers": { 11052 "@type": "Offer", 11053 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car#offer", 11054 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg8tu288097/2026-hyundai-elantra-4dr-car", 11055 "price": "25040", 11056 "priceCurrency": "USD", 11057 "priceValidUntil": "2026-09-25", 11058 "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25040.00.", 11059 "availability": "https://schema.org/InStock", 11060 "itemCondition": "https://schema.org/NewCondition", 11061 "seller": { 11062 "@id": "https://www.cityworldhyundai.com/#autodealer" 11063 } 11064 }, 11065 "name": "New 2026 Hyundai Elantra SEL Sport Plus", 11066 "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG8TU288097, stock 26H2267. Pricing options include cash 25040.00." 11067} 11068 </script>
11068 11069
11069<script type="application/ld+json"> 11070 { 11071 "@context": "https://schema.org/", 11072 "@type": "Vehicle", 11073 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#vehicle", 11074 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car", 11075 "itemCondition": "https://schema.org/NewCondition", 11076 "vehicleIdentificationNumber": "KMHLM4DG7TU290004", 11077 "productID": "KMHLM4DG7TU290004", 11078 "vehicleModelDate": "2026", 11079 "model": "Elantra", 11080 "sku": "26H2268", 11081 "brand": { 11082 "@type": "Brand", 11083 "name": "Hyundai" 11084 }, 11085 "vehicleConfiguration": "SEL Sport Plus", 11086 "vehicleInteriorColor": "Black", 11087 "vehicleTransmission": "CVT", 11088 "color": "Amazon Gray", 11089 "image": { 11090 "@type": "ImageObject", 11091 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=487085&vin=KMHLM4DG7TU290004&vehicletype=Sedan", 11092 "fileFormat": "" 11093 }, 11094 "offers": { 11095 "@type": "Offer", 11096 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car#offer", 11097 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhlm4dg7tu290004/2026-hyundai-elantra-4dr-car", 11098 "price": "25040", 11099 "priceCurrency": "USD", 11100 "priceValidUntil": "2026-09-25", 11101 "description": "New 2026 Hyundai Elantra SEL Sport Plus- Pricing options include cash 25040.00.", 11102 "availability": "https://schema.org/InStock", 11103 "itemCondition": "https://schema.org/NewCondition", 11104 "seller": { 11105 "@id": "https://www.cityworldhyundai.com/#autodealer" 11106 } 11107 }, 11108 "name": "New 2026 Hyundai Elantra SEL Sport Plus", 11109 "description": "New 2026 Hyundai Elantra SEL Sport Plus for sale at City World Hyundai in Bronx, NY. VIN KMHLM4DG7TU290004, stock 26H2268. Pricing options include cash 25040.00." 11110} 11111 </script>
11111 11112
11112<script type="application/ld+json"> 11113 { 11114 "@context": "https://schema.org/", 11115 "@type": "Vehicle", 11116 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#vehicle", 11117 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility", 11118 "itemCondition": "https://schema.org/NewCondition", 11119 "vehicleIdentificationNumber": "KMHRC8A3XTU496147", 11120 "productID": "KMHRC8A3XTU496147", 11121 "vehicleModelDate": "2026", 11122 "model": "Venue", 11123 "sku": "26H2283", 11124 "brand": { 11125 "@type": "Brand", 11126 "name": "Hyundai" 11127 }, 11128 "vehicleConfiguration": "SEL", 11129 "vehicleInteriorColor": "Gray", 11130 "vehicleTransmission": "CVT", 11131 "color": "Ecotronic Gray", 11132 "image": { 11133 "@type": "ImageObject", 11134 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A3XTU496147&vehicletype=SUV", 11135 "fileFormat": "" 11136 }, 11137 "offers": { 11138 "@type": "Offer", 11139 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility#offer", 11140 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a3xtu496147/2026-hyundai-venue-sport-utility", 11141 "price": "25210", 11142 "priceCurrency": "USD", 11143 "priceValidUntil": "2026-09-25", 11144 "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 25210.00.", 11145 "availability": "https://schema.org/InStock", 11146 "itemCondition": "https://schema.org/NewCondition", 11147 "seller": { 11148 "@id": "https://www.cityworldhyundai.com/#autodealer" 11149 } 11150 }, 11151 "name": "New 2026 Hyundai Venue SEL", 11152 "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A3XTU496147, stock 26H2283. Pricing options include cash 25210.00." 11153} 11154 </script>
11154 11155
11155<script type="application/ld+json"> 11156 { 11157 "@context": "https://schema.org/", 11158 "@type": "Vehicle", 11159 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#vehicle", 11160 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility", 11161 "itemCondition": "https://schema.org/NewCondition", 11162 "vehicleIdentificationNumber": "KMHRC8A36TU496338", 11163 "productID": "KMHRC8A36TU496338", 11164 "vehicleModelDate": "2026", 11165 "model": "Venue", 11166 "sku": "26H2297", 11167 "brand": { 11168 "@type": "Brand", 11169 "name": "Hyundai" 11170 }, 11171 "vehicleConfiguration": "SEL", 11172 "vehicleInteriorColor": "Gray", 11173 "vehicleTransmission": "CVT", 11174 "color": "Shimmering Silver", 11175 "image": { 11176 "@type": "ImageObject", 11177 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A36TU496338&vehicletype=SUV", 11178 "fileFormat": "" 11179 }, 11180 "offers": { 11181 "@type": "Offer", 11182 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility#offer", 11183 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a36tu496338/2026-hyundai-venue-sport-utility", 11184 "price": "25210", 11185 "priceCurrency": "USD", 11186 "priceValidUntil": "2026-09-25", 11187 "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 25210.00.", 11188 "availability": "https://schema.org/InStock", 11189 "itemCondition": "https://schema.org/NewCondition", 11190 "seller": { 11191 "@id": "https://www.cityworldhyundai.com/#autodealer" 11192 } 11193 }, 11194 "name": "New 2026 Hyundai Venue SEL", 11195 "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A36TU496338, stock 26H2297. Pricing options include cash 25210.00." 11196} 11197 </script>
11197 11198
11198<script type="application/ld+json"> 11199 { 11200 "@context": "https://schema.org/", 11201 "@type": "Vehicle", 11202 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#vehicle", 11203 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility", 11204 "itemCondition": "https://schema.org/NewCondition", 11205 "vehicleIdentificationNumber": "KMHRC8A31TU495940", 11206 "productID": "KMHRC8A31TU495940", 11207 "vehicleModelDate": "2026", 11208 "model": "Venue", 11209 "sku": "26H2311", 11210 "brand": { 11211 "@type": "Brand", 11212 "name": "Hyundai" 11213 }, 11214 "vehicleConfiguration": "SEL", 11215 "vehicleInteriorColor": "Black", 11216 "vehicleTransmission": "CVT", 11217 "color": "Shimmering Silver", 11218 "image": { 11219 "@type": "ImageObject", 11220 "contentUrl": "https://prod.tvmimageservice.com/images/GetEvoxImage?styleid=477903&vin=KMHRC8A31TU495940&vehicletype=SUV", 11221 "fileFormat": "" 11222 }, 11223 "offers": { 11224 "@type": "Offer", 11225 "@id": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility#offer", 11226 "url": "https://www.cityworldhyundai.com/viewdetails/new/kmhrc8a31tu495940/2026-hyundai-venue-sport-utility", 11227 "price": "25290", 11228 "priceCurrency": "USD", 11229 "priceValidUntil": "2026-09-25", 11230 "description": "New 2026 Hyundai Venue SEL- Pricing options include cash 25290.00.", 11231 "availability": "https://schema.org/InStock", 11232 "itemCondition": "https://schema.org/NewCondition", 11233 "seller": { 11234 "@id": "https://www.cityworldhyundai.com/#autodealer" 11235 } 11236 }, 11237 "name": "New 2026 Hyundai Venue SEL", 11238 "description": "New 2026 Hyundai Venue SEL for sale at City World Hyundai in Bronx, NY. VIN KMHRC8A31TU495940, stock 26H2311. Pricing options include cash 25290.00." 11239} 11240 </script>
11240 11241
11242<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"331007895", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
11242</body> 11243</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.