/* ***** READ AND NOTE THE COMMENTS IN THIS FILE BEFORE MAKING ANY UPDATES ***** ***************************************************************************** 1. This file contains the overall styles used on the BHP as well as for each slide. 2. EACH SLIDE HAS THEIR OWN SECTION BELOW TO ADD STYLES, INCLUDING BREAKPOINTS. KEEP ALL STYLES UNDER THE CORRECT SLIDE 3. Comment out anything for slides being TEMPORARILY removed (back in rotation within a month). Otherwise, REMOVE them. 4. Responsive Design: a. The background image sizes are defined per slide. EACH SLIDE HAS THEIR OWN MEDIA QUERY SECTION. b. THE NAV ARROWS AND SLIDE INDICATORS ARE IN THE SAME LOCATION ACROSS ALL SLIDES. DO NOT CHANGE ARROW POSITIONING c. "Mobile first" philosophy, smallest size is default - background image sizes: 1200x600, 1500x600, 2100x706 */ /***************************************************************************************************************** ***************** BHP "GLOBAL" STYLES START HERE - SLIDE-SPECIFIC STYLES FOLLOW THIS SECTION BELOW ************** ***************************************************************************************************************** *************************** DO NOT UPDATE/ADD/REMOVE ANYTHING IN THE GLOBAL STYLES ***************************** *****************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,300,100,600,700); .page { min-width: 1024px; } .page .content { overflow: hidden; } .slide-content { position: relative; width: 960px; margin: 0 auto; height: 385px; } .slide-content .slides { width: 960px; margin: 0 auto; } /*.slide-content .slides .single-slide-content { width: 960px; margin: 0 auto; }*/ .slide-content .slides .hero { display: none; } .actions { width: 130px; } #indicator-holder { display: block; position: relative; text-align: center; z-index: 5; top: -25px; } .indicator { background: url("/assets/images/home/img-indicator.png") no-repeat scroll -24px 0; display: inline-block; height: 24px; margin-right: 3px; outline: medium none; width: 24px; } .indicator.selected { background-position: left top; } #arrow-holder { margin: 0 auto; width: 960px; position: relative; /* DO NOT REPOSITION ARROWS UNDER ANY CIRCUMSTANCES */ top: 98px; z-index: 5; } #arrow-holder #arrow-prev { background: url("/assets/images/home/arrow_prevs.png") no-repeat scroll left top; left: 0; } #arrow-holder #arrow-next { background: url("/assets/images/home/arrow_next.png") no-repeat scroll left top; right: 0; } #arrow-holder a { display: block; height: 41px; position: absolute; width: 41px; } a.cta { display: block; margin-bottom: 10px; } .legal-disclaimer { color: #fff; font-size: 11px; height: auto; position: relative; text-align: center; width: 100%; } /* GLOBAL - BREAKPOINT 1 (SLIDE-SPECIFIC STYLES BELOW) */ @media (min-width: 1242px) and (max-width: 1641px) { .slide-content { height: 500px; } } /* GLOBAL - BREAKPOINT 2 (SLIDE-SPECIFIC STYLES BELOW) */ @media (min-width: 1642px) { .slide-content { height: 500px; } } /************************ END OF GLOBAL STYLES ********************* ******************************************************************* ******************************************************************* ***************** SPECIFIC SLIDE STYLES START HERE ****************/ /******************************************************* ******************************************************* *********************** REVEAL slide ******************* ******************************************************* *******************************************************/ object { display: block; } .bhp-reveal { background: url("/assets/images/home/BHP_slider_gc_reveal_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-reveal .bhp-reveal-content .reveal-main-container { display: block; width: 960px; margin: 0 auto; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-main-title, .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-main-title span { font-size: 24px; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; letter-spacing: 3px; color: #fff; line-height: 48px; text-align: center; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-main-title { top: 20px; position: relative; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-main-title span { /*font-size: 54px; line-height: 60px;*/ font-size: 45px; line-height: 35px; display: block; letter-spacing: 7px; margin-bottom: 10px; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-sub-title { font-size: 22px; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; letter-spacing: normal; color: #fff; line-height: 34px; text-align: center; } .bhp-reveal .bhp-reveal-content .reveal-main-container .watch-the-reveal { width: 80px; margin: 0 auto; display: block; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-summit { font-size: 16px; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; letter-spacing: normal; color: #fff; position: absolute; left: 20px; bottom: -10px; padding-bottom: 0; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-trailhawk { font-size: 16px; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; letter-spacing: normal; color: #fff; position: absolute; bottom: -10px; padding-bottom: 0; right: 20px; } /*CGJEEP-9881*/ .bhp-launch-incentive .bhp-launch-incentive-content { position: relative; } .bhp-launch-incentive .bhp-launch-incentive-content .president-main-container { text-align: center; padding-top: 30px; color: #fff; font-size: 25px; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; } .bhp-launch-incentive .bhp-launch-incentive-content .president-main-container .vehicle-heading { padding-bottom: 15px; font-size: 19pt; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; } .bhp-launch-incentive .bhp-launch-incentive-content .president-main-container .sub-heading { font-size: 40pt; padding-bottom: 20px; line-height: 20px; } .bhp-launch-incentive .bhp-launch-incentive-content .president-main-container .vehicle-types { height: 240px; font-size: 16pt; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; } .president-main-container .vehicle-types .summit { position: absolute; bottom: 0; left: 273px; } .president-main-container .vehicle-types .trailhawk { position: absolute; right: 250px; bottom: 0; } /* FIRST SLIDE - BREAKPOINT 1 */ @media (min-width: 1242px) and (max-width: 1641px) { .bhp-reveal { background: url("/assets/images/home/BHP_slider_gc_reveal_1500x600.jpg") no-repeat scroll center 35px #000; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-main-title span { font-size: 54px; line-height: 60px; display: block; letter-spacing: 7px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container { margin-left: 50px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title { margin-left: 0px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title .title-heading { margin-left: 0px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container { margin-left: 50px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-main-title { margin-left: 0px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-main-title .title-heading { margin-left: 0px; } .bhp-launch-incentive .bhp-launch-incentive-content .president-main-container .vehicle-types { height: 290px; } .president-main-container .vehicle-types .summit { left: 253px; } .president-main-container .vehicle-types .trailhawk { right:230px; } } /* FIRST SLIDE - BREAKPOINT 2 */ @media (min-width: 1642px) { .bhp-reveal { background: url("/assets/images/home/BHP_slider_gc_reveal_2100x706.jpg") no-repeat scroll center 35px #000; } .bhp-reveal .bhp-reveal-content .reveal-main-container .reveal-main-title span { font-size: 54px; line-height: 60px; display: block; letter-spacing: 7px; } .bhp-launch-incentive .bhp-launch-incentive-content .president-main-container .vehicle-types { height: 340px; } .president-main-container .vehicle-types .summit { left: 210px; } .president-main-container .vehicle-types .trailhawk { right: 185px; } } /******************************************************* ******************************************************* *********************** FIRST slide ******************* ******************************************************* *******************************************************/ object { display: block; } .bhp-may-incentives { background: url("/assets/images/home/Jeep_MayIncentives_BHP_Renegade_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-independence-day { background: url("/assets/images/home/IndependenceDay_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-sun-fun { background: url("/assets/images/home/Jeep_SummerEventFeature_BHP_1200x600.jpg") no-repeat scroll center 50px #eaeaea; } .bhp-big-finish { background: url("/assets/images/home/Jeep_BlackFriday_BHP_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-big-finish-grand-cherokee { background: url("/assets/images/home/Jeep_MonthlyIncentives_BlackFriday_BHP_GrandCherokee_1200x600.jpg") no-repeat scroll center 50px #fff; } .bhp-july-incentive { background: url("/assets/images/home/Jeep_AugustIncentives_BHP_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-september-incentive { background: url("/assets/images/home/Jeep_SeptemberIncentives_BHP_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-jce-incentive { background: url("/assets/images/home/Jeep-Stories-Slider-Trailhawk_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-movember-campaign { background: url("/assets/images/home/2016-Jeep-Movember-Slider-1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-wrangler-rubicon-incentive { background: url("/assets/images/home/Jeep_MY17Wrangler_BHP_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-launch-incentive { background: url("/assets/images/home/WK-BHP-Slider_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-wrangler-unlimited { background: url("/assets/images/home/Jeep_WranglerUnlimited_BHP-Slider_1200x600.jpg") no-repeat scroll center top #000; } .bhp-grand-cherokee { background: url("/assets/images/home/Jeep_MY15_BHP_Grand-Cherokee_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-renegade { background: url("/assets/images/home/Jeep_4x4ever-Day_BHP_Wrangler_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title, .bhp-renegade .bhp-renegade-content .president-main-container .bottom-heading, .bhp-renegade .bhp-renegade-content .president-main-container .president-learn-more { margin-left: 25px; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title .price-point { margin-left: -5px; } .bhp-renegade-content { font-family: "ProximaNovaLight", Helvetica, Arial, sans-serif; margin-left: 26px; } .bhp-renegade-content img { padding-top: 20px; } .bhp-renegade-content img.spring-clearance-image { padding-top: 25px; margin-left: 25px; } .bhp-renegade .bhp-renegade-content .offer-info { text-align: center; margin: 0 auto; text-transform: uppercase; letter-spacing: 5px; padding-top: 22px; font-size: 2.4rem; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #333333; } .bhp-renegade .bhp-renegade-content .president-main-container .president-main-title { font-size: 20px; padding-bottom: 0px; padding-top: 16px; margin-left: 12px; margin-top: 0px; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; letter-spacing: 7px; color: #000; line-height: 25px; } /* CGMAIN-10913 */ /* .bhp-cherokee .bhp-cherokee-content .president-main-container .president-main-title span.border-left-tile { border-top: 1px solid black; width: 319px; top: -7px; display: inline-block; position: relative; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-main-title span.border-right-tile { border-top: 1px solid black; width: 319px; top: -7px; display: inline-block; position: relative; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-main-title { color: black; font-size: 24px; text-align: center; padding-top: 10px; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-main-title .title-heading { font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; font-size: 24px; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-main-title span { font-size: 17px; } .bhp-cherokee .bhp-cherokee-content .president-main-container .image-p { text-align: center; margin-top: -19px; } .bhp-cherokee .bhp-cherokee-content .president-main-container .now-get { font-size: 18px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-title-main { margin-left: 187px; color: black; margin-top: -17px; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-title-main .president-sub-title { float: left; width: 33%; line-height: 21px; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-title-main .or-title { width: 14%; height: 20px; font-size: 18px; text-align: center; top: 17px; right: 2%; position: relative; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-title-main .president-sub-title.lower-heading { width: inherit; line-height: inherit; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-title-main span.left-side-value { font-size: 46px; display: inline-block; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-cherokee .bhp-cherokee-content .president-main-container .president-title-main span.right-side-text { font-size: 19px; display: inline-block; line-height: 18px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-cherokee .bhp-cherokee-content .president-main-container .button-main { color: black; } .bhp-cherokee .bhp-cherokee-content .president-main-container .button-main .bottom-heading { font-family: 'ProximaNova', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; } .bhp-cherokee .bhp-cherokee-content .president-main-container .button-main .president-learn-more {} .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title { font-size: 30pt; padding-bottom: 0px; margin-top: 20px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: 1px; color: #fff; line-height: 35px; text-transform: uppercase; } */ /* CGMAIN-11246 */ .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title span.border-left-tile { border-top: 1px solid black; width: 319px; top: -7px; display: inline-block; position: relative; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title span.border-right-tile { border-top: 1px solid black; width: 319px; top: -7px; display: inline-block; position: relative; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container { margin-left: 20px; } .bhp-may-incentives .bhp-may-incentives-content .tooltip{ color: #ffb302; font-size: 0.5em; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title { color: black; font-size: 24px; padding-top: 23px; padding-bottom: 2px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title .title-heading { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; font-size: 23px; letter-spacing: 6px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title span { font-size: 17px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .image-p { margin-top: 15px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .now-get { font-size: 15px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; margin-bottom: 5px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-title-main { color: black; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-title-main .president-sub-title { width: 33%; line-height: 21px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-title-main .or-title { height: 17px; font-size: 15px; position: relative; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-title-main .president-sub-title.lower-heading { width: inherit; line-height: inherit; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-title-main span.left-side-value { font-size: 44px; display: inline-block; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-title-main span.right-side-text { font-size: 15px; display: inline-block; line-height: 18px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .button-main { color: black; margin-top: -7px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .button-main .bottom-heading { font-family: 'ProximaNova', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 15px; font-size: 15px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .button-main .president-learn-more {} .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title { font-size: 30pt; padding-bottom: 0px; margin-top: 20px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: 1px; color: #fff; line-height: 35px; text-transform: uppercase; } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-may-incentives .bhp-may-incentives-content .president-main-container { margin-left: 50px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title { margin-left: 0px; } } @media (min-width: 800px) and (max-width: 1241px) { .bhp-may-incentives .bhp-may-incentives-content .president-main-container { margin-left: 50px; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container .president-main-title { margin-left: 0px; } } /* CGMAIN-11958 */ .bhp-sun-fun .bhp-sun-fun-content .president-main-container { text-align: center; } .bhp-sun-fun .bhp-sun-fun-content .tooltip{ color: #fff; top: -8px; font-size: 0.6em; } .bhp-sun-fun .bhp-sun-fun-content .president-main-container .main-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; padding-bottom: 0px; font-size: 28px; letter-spacing: 1px; padding-top: 2px; margin-bottom: -2px; } .bhp-sun-fun .bhp-sun-fun-content .president-main-container .sub-heading { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #000; font-size: 20px; line-height: 26px; padding-bottom: 9px; } .bhp-sun-fun .bhp-sun-fun-content .president-main-container .image-p { padding-top: 30px; padding-bottom: 0px; } .bhp-sun-fun .bhp-sun-fun-content .president-main-container .button-main { color: black; } /*Sun Fun Vehicle Hover*/ #infotipSlide1 { font-size: 11px; visibility: hidden; position: absolute; z-index: 10000; color: white; padding-left: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(254, 254, 254, 0.31); background: url("/assets/images/home/background-tooltip.png") no-repeat 0 12px; min-width: 175px; } #infotipSlide1.tooltip-left { padding-right: 14px; background: url("/assets/images/home/background-tooltip.png") no-repeat right 12px; } #arrow { background: #262626; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); zoom: 1; } #arrow p { font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; color: #FFF; } #arrow p.vehiclenameSlide1 { font-size: 14px; padding: 5px 20px 0; text-transform: uppercase; } #arrow p.taglineSlide1 { font-size: 14px; display: block; margin: 0 20px 5px; padding-bottom: 7px; line-height: 1.3; } #arrow p.disclaimerSlide1 { color: #999; display: block; font-family: 'ProximaNovaLight'; font-size: 13px; font-weight: normal; margin: 0 20px 5px; padding: 0; } #arrow p.details { text-transform: uppercase; color: #2c2c2c; display: block; font-size: 14px; padding: 6px 0 6px 20px; text-shadow: none; text-transform: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -ms-border-bottom-right-radius: 5px; -ms-border-bottom-left-radius: 5px; -o-border-bottom-right-radius: 5px; -o-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #ffc603; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc603), to(#ff9401)); background-image: -webkit-linear-gradient(top, #ffc603, #ff9401); background-image: -moz-linear-gradient(top, #ffc603, #ff9401); background-image: -o-linear-gradient(top, #ffc603, #ff9401); background-image: linear-gradient(to bottom, #ffc603, #ff9401); zoom: 1; } #slide1-vehicleLineup a.hotspot { position: absolute; } #grand-cherokee-hotspot-slide1 { height: 185px; right: 390px; top: 230px; width: 180px; } #renegade-hotspot-slide1 { height: 125px; right: 175px; top: 245px; width: 170px; } #cherokee-hotspot-slide1 { height: 155px; left: 160px; top: 235px; width: 185px; } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-sun-fun .bhp-sun-fun-content .president-main-container .image-p { padding-top:58px; } #grand-cherokee-hotspot-slide1 { height: 175px; right: 390px; top: 275px; width: 170px; } #renegade-hotspot-slide1 { height: 135px; right: 190px; top: 285px; width: 170px; } #cherokee-hotspot-slide1 { height: 150px; left: 190px; top: 285px; width: 175px; } } @media (min-width: 800px) and (max-width: 1241px) { .bhp-sun-fun .bhp-sun-fun-content .president-main-container .main-heading { font-size: 24px; } .bhp-sun-fun .bhp-sun-fun-content .president-main-container .sub-heading { font-size: 16px; line-height: 18px; } #grand-cherokee-hotspot-slide1 { height: 165px; right: 390px; top: 190px; width: 170px; } #renegade-hotspot-slide1 { height: 145px; right: 195px; top: 195px; width: 170px; } #cherokee-hotspot-slide1 { height: 145px; left: 180px; top: 195px; width: 180px; } } /*CGMAIN-12698*/ .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content { position: relative; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container { text-align: center; padding-top: 60px; width: 359px; position: absolute; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container img { margin-top: 5px; width: 55%; height: auto; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .top-offer { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; font-size: 48px; padding-bottom: 0px; color: #fff; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .tooltip{ color: #fff; top: -3px; font-size: 0.7em; left: 30px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .main-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; padding-bottom: 0px; font-size: 27px; letter-spacing: 1px; margin-top: 18px; margin-bottom: 6px; line-height: 27px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .sub-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; font-size: 15px; line-height: 13px; padding-bottom: 0px; margin-bottom: -9px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .upper-line-heading { position: relative; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .upper-line-heading .header-line { position: absolute; border-top: 2px #000 solid; width: 43%; padding-bottom: 0px; top: 5px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .upper-line-heading .header-line.right { right: 0px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .upper-line-heading { position: relative; width: 35%; bottom: 15px; left: 5px; text-align: left; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .upper-line-heading .sub-heading { font-size: 18px; line-height: 19px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .upper-line-heading .header-line { position: absolute; border-top: 2px #fff solid; width: 25%; padding-bottom: 0px; top: 5px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .upper-line-heading .header-line.right { right: 0px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional { margin-bottom: 10px; margin-top: -5px; position: relative; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional span.left-side-value { font-size: 45px; display: inline-block; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; margin-right:4px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional span.left-side-value .dollar-sign { font-size: 20px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .price-point { margin-top: 0px; position: absolute; right: 10px; top: -30px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional span.right-side-text { font-size: 20px; display: inline-block; line-height: 18px; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; position: relative; text-align: left; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-sub { margin-top: -5px; margin-bottom: -15px; font-size: 15px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .top-sub { margin-bottom: 0px; margin-top: -5px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .button-main { color: black; margin-top: 50px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.left-side-value { font-size: 68px; display: inline-block; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; margin-right:4px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.left-side-value .dollar-sign { font-size: 20px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.left-side-value { font-size: 57px; display: inline-block; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; margin-right:4px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price { margin-top: 10px; margin-bottom: 10px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.left-side-value .dollar-sign { font-size: 20px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .price-point { } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.right-side-text { font-size: 29px; display: inline-block; line-height: 26px; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; position: relative; text-align: left; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.right-side-text { font-size: 24px; display: inline-block; line-height: 22px; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; position: relative; text-align: left; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-disc { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-top: 12px; border-top: solid 1px #fff; padding-bottom: 12px; line-height: 14px; } .bhp-big-finish-grand-cherokee-content .jce-heading { text-decoration: none; color: #fff; font-family: "Josefin Sans", sans-serif; position: relative; text-align: center; letter-spacing: 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); margin-bottom: 10px; } .bhp-big-finish-grand-cherokee-content .jce-heading h1 { font-size: 26px; letter-spacing: 5px; font-weight: 300; line-height: 29px; } .bhp-big-finish-grand-cherokee-content .jce-heading h2 { font-size: 15px; letter-spacing: 3px; font-weight: 300; line-height: 30px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.left-side-value .percentage { font-size: 0.5em; top: -1em; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.left-side-value .percentage { font-size: 0.5em; top: -1em; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .top-sub { line-height: 17px; font-size: 14px; margin-top: 9px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .top-line-heading { position: relative; margin-top: -20px; margin-bottom: -20px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-sub.bottom-disclaimer { font-size: 14px; margin-top: -20px; } @media (min-width: 1642px) { .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container { margin-left: -70px; } } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container { left: 57px; padding-top: 25px; } .bhp-big-finish-grand-cherokee-content .jce-heading h1 { font-size: 18px; line-height: 22px; } } @media (max-width: 1241px) { .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container { left: 50px; padding-top: 45px; } .bhp-big-finish-grand-cherokee-content .jce-heading { margin-bottom: 0px; } .bhp-big-finish-grand-cherokee-content .jce-heading h1 { font-size: 18px; line-height: 22px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container { width: 279px; margin-left: 30px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .top-offer { font-size: 38px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container img { width: 45%; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .sub-heading { font-size: 12px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.left-side-value { font-size: 54px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.left-side-value { font-size: 44px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.right-side-text { font-size: 23px; line-height: 23px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.right-side-text { font-size: 19px; line-height: 18px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .secondary-price span.left-side-value .percentage { top: -0.8em; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.left-side-value .percentage { top: -0.7em; margin-right: 1px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container span.left-side-value .percentage { } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional span.left-side-value { font-size: 34px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional span.right-side-text { font-size: 16px; line-height: 14px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .price-point { top: -25px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .upper-line-heading { width: 34%; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .button-main { margin-top: 40px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-price-sectional .upper-line-heading .sub-heading { font-size: 14px; line-height: 15px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-sub { font-size: 14px; margin-bottom: -10px; } .bhp-big-finish-grand-cherokee .bhp-big-finish-grand-cherokee-content .president-main-container .bottom-sub.bottom-disclaimer { font-size: 11px; } } /* CGMAIN-12647 */ .bhp-big-finish .bhp-big-finish-content { position: relative; } .bhp-big-finish .bhp-big-finish-content .president-main-container { text-align: center; padding-top: 60px; width: 358px; position: absolute; } .bhp-big-finish .bhp-big-finish-content .president-main-container img { margin-top: 5px; width: 55%; height: auto; } .bhp-big-finish .bhp-big-finish-content .president-main-container .top-offer { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; font-size: 48px; padding-bottom: 0px; color: #fff; } .bhp-big-finish .bhp-big-finish-content .tooltip{ color: #fff; top: -3px; font-size: 0.7em; left: 30px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .main-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; padding-bottom: 0px; font-size: 27px; letter-spacing: 1px; margin-top: 18px; margin-bottom: 6px; line-height: 27px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .sub-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #fff; font-size: 15px; line-height: 13px; padding-bottom: 0px; margin-bottom: -9px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .upper-line-heading { position: relative; } .bhp-big-finish .bhp-big-finish-content .president-main-container .upper-line-heading .header-line { position: absolute; border-top: 2px #fff solid; width: 43%; padding-bottom: 0px; top: 5px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .upper-line-heading .header-line.right { right: 0px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional .upper-line-heading { position: relative; width: 35%; bottom: 5px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional .upper-line-heading .header-line { position: absolute; border-top: 2px #fff solid; width: 25%; padding-bottom: 0px; top: 5px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional .upper-line-heading .header-line.right { right: 0px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional { margin-bottom: 20px; position: relative; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional span.left-side-value { font-size: 42px; display: inline-block; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #fff; margin-right:4px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional span.left-side-value .dollar-sign { font-size: 20px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional .price-point { margin-top: 0px; position: absolute; right: -5px; top: -30px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional span.right-side-text { font-size: 18px; display: inline-block; line-height: 16px; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #fff; position: relative; text-align: left; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-sub { margin-top: -5px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .top-sub { margin-bottom: 0px; margin-top: -5px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .button-main { color: black; margin-top: 50px; } .bhp-big-finish .bhp-big-finish-content .president-main-container span.left-side-value { font-size: 68px; display: inline-block; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #fff; margin-right:4px; } .bhp-big-finish .bhp-big-finish-content .president-main-container span.left-side-value .dollar-sign { font-size: 20px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .price-point { } .bhp-big-finish .bhp-big-finish-content .president-main-container span.right-side-text { font-size: 29px; display: inline-block; line-height: 26px; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #fff; position: relative; text-align: left; } .bhp-big-finish .bhp-big-finish-content .president-main-container span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-disc { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-top: 12px; border-top: solid 1px #fff; padding-bottom: 12px; line-height: 14px; } .bhp-big-finish-content .jce-heading { text-decoration: none; color: #fff; font-family: "Josefin Sans", sans-serif; position: relative; text-align: center; letter-spacing: 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); margin-bottom: 10px; } .bhp-big-finish-content .jce-heading h1 { font-size: 26px; letter-spacing: 5px; font-weight: 300; line-height: 29px; } .bhp-big-finish-content .jce-heading h2 { font-size: 15px; letter-spacing: 3px; font-weight: 300; line-height: 30px; } .bhp-big-finish .bhp-big-finish-content .president-main-container span.left-side-value .percentage { font-size: 0.5em; top: -1em; } .bhp-big-finish .bhp-big-finish-content .president-main-container .top-sub { line-height: 17px; font-size: 14px; margin-top: 9px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .top-line-heading { position: relative; margin-top: -13px; margin-bottom: -13px; } @media (min-width: 1642px) { .bhp-big-finish .bhp-big-finish-content .president-main-container { margin-left: -70px; } } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-big-finish .bhp-big-finish-content .president-main-container { left: 57px; padding-top: 25px; } .bhp-big-finish-content .jce-heading h1 { font-size: 18px; line-height: 22px; } } @media (max-width: 1241px) { .bhp-big-finish .bhp-big-finish-content .president-main-container { left: 50px; padding-top: 45px; } .bhp-big-finish-content .jce-heading { margin-bottom: 0px; } .bhp-big-finish-content .jce-heading h1 { font-size: 18px; line-height: 22px; } .bhp-big-finish .bhp-big-finish-content .president-main-container { width: 287px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .top-offer { font-size: 38px; } .bhp-big-finish .bhp-big-finish-content .president-main-container img { width: 45%; } .bhp-big-finish .bhp-big-finish-content .president-main-container .sub-heading { font-size: 12px; } .bhp-big-finish .bhp-big-finish-content .president-main-container span.left-side-value { font-size: 54px; } .bhp-big-finish .bhp-big-finish-content .president-main-container span.right-side-text { font-size: 23px; line-height: 21px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional span.left-side-value { font-size: 34px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional span.right-side-text { font-size: 14px; line-height: 14px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional .price-point { top: -25px; } .bhp-big-finish .bhp-big-finish-content .president-main-container .bottom-price-sectional .upper-line-heading { width: 34%; } .bhp-big-finish .bhp-big-finish-content .president-main-container .button-main { margin-top: 40px; } } /*CGMAIN-12242*/ .bhp-jce-incentive .bhp-jce-incentive-content { position: relative; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container { text-align: center; padding-top: 40px; width: 400px; position: absolute; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container img { margin-bottom: 11px; margin-top: 5px; } .bhp-jce-incentive .bhp-jce-incentive-content .tooltip{ color: #fff; top: -3px; font-size: 0.7em; left: 30px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container .main-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; padding-bottom: 0px; font-size: 27px; letter-spacing: 1px; margin-top: 18px; margin-bottom: 6px; line-height: 27px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container .sub-heading { font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; font-size: 11px; line-height: 13px; padding-bottom: 0px; margin-bottom: -9px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container .bottom-sub { margin-bottom: 15px; margin-top: -5px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container .button-main { color: black; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container span.left-side-value { font-size: 28px; display: inline-block; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; margin-right:4px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container span.left-side-value .dollar-sign { font-size: 20px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container .price-point { margin-top: 7px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container span.right-side-text { font-size: 11px; display: inline-block; line-height: 12px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; position: relative; text-align: left; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container .bottom-disc { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-top: 12px; border-top: solid 1px #fff; padding-bottom: 12px; line-height: 14px; } .bhp-jce-incentive-content .jce-heading { text-decoration: none; color: #fff; font-family: "Josefin Sans", sans-serif; position: relative; text-align: center; letter-spacing: 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } .bhp-jce-incentive-content .jce-heading h1 { font-size: 26px; letter-spacing: 5px; font-weight: 300; line-height: 29px; } .bhp-jce-incentive-content .jce-heading h2 { font-size: 15px; letter-spacing: 3px; font-weight: 300; line-height: 30px; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container span.left-side-value .percentage { font-size: 0.3em; top: -1.5em; } .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container .top-sub { line-height: 17px; font-size: 14px; margin-top: 9px; } .bhp-jce-incentive-content .border-outter p.border-inner { border-top: 1px #fff solid; margin: auto; width: 25%; margin-top: 25px; } @media (min-width: 1642px) { .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container { } } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container { left: 57px; padding-top: 47px; } .bhp-jce-incentive-content .jce-heading h1 { font-size: 18px; line-height: 22px; } } @media (max-width: 1241px) { .bhp-jce-incentive .bhp-jce-incentive-content .president-main-container { left: 50px; padding-top: 0px; } .bhp-jce-incentive-content .jce-heading h1 { font-size: 18px; line-height: 22px; } } /*CGMAIN-12458*/ .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content { position: relative; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container { text-align: center; padding-top: 120px; width: 400px; position: absolute; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container img { margin-bottom: 11px; margin-top: 5px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .tooltip{ color: #fff; top: -3px; font-size: 0.7em; left: 30px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .main-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; padding-bottom: 0px; font-size: 27px; letter-spacing: 1px; margin-top: 18px; margin-bottom: 6px; line-height: 27px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .sub-heading { font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; font-size: 11px; line-height: 13px; padding-bottom: 0px; margin-bottom: -9px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .bottom-sub { margin-bottom: 15px; margin-top: -5px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .button-main { color: black; margin-top: -7px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container span.left-side-value { font-size: 28px; display: inline-block; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; margin-right:4px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container span.left-side-value .dollar-sign { font-size: 20px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .price-point { margin-top: 7px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container span.right-side-text { font-size: 11px; display: inline-block; line-height: 12px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; position: relative; text-align: left; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .bottom-disc { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-top: 12px; border-top: solid 1px #fff; padding-bottom: 12px; line-height: 14px; } .bhp-wrangler-rubicon-incentive-content .wrangler-rubicon-heading { text-decoration: none; color: #fff; font-family: "Josefin Sans", sans-serif; position: relative; text-align: center; letter-spacing: 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } .bhp-wrangler-rubicon-incentive-content .wrangler-rubicon-heading h1 { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; font-size: 60px; letter-spacing: 0px; } .bhp-wrangler-rubicon-incentive-content .wrangler-rubicon-heading h2 { font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 1px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container span.left-side-value .percentage { font-size: 0.3em; top: -1.5em; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .top-sub { font-family: 'ProximaNova', Helvetica, Arial, sans-serif; line-height: 17px; font-size: 14px; margin-top: 6px; letter-spacing: 1px; margin-bottom: 15px; } .bhp-wrangler-rubicon-incentive-content .border-outter p.border-inner { border-top: 1px #fff solid; margin: auto; width: 87%; margin-top: 12px; margin-bottom: -15px; } .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container .wrangler-rubicon-disclaimer { font-size: 10px; line-height: 14px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; color: #fff; margin-top: 25px; } @media (min-width: 1642px) { .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container { left: -100px; padding-top: 67px; } } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container { left: 20px; padding-top: 67px; } } @media (max-width: 1241px) { .bhp-wrangler-rubicon-incentive .bhp-wrangler-rubicon-incentive-content .president-main-container { left: 80px; padding-top: 30px; } } /*CGMAIN-12106*/ .bhp-september-incentive .bhp-september-incentive-content { position: relative; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container { text-align: center; padding-top: 70px; width: 240px; position: absolute; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container img { margin-bottom: 2px; } .bhp-september-incentive .bhp-september-incentive-content .tooltip{ color: #fff; top: -3px; font-size: 0.7em; left: 30px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container .main-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; padding-bottom: 0px; font-size: 27px; letter-spacing: 1px; margin-top: 18px; margin-bottom: 6px; line-height: 27px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container .sub-heading { font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; font-size: 13px; line-height: 13px; padding-bottom: 0px; margin-bottom: -9px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container .bottom-sub { margin-bottom: 20px; margin-top: -5px; line-height: 16px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container .button-main { color: black; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container span.left-side-value { font-size: 38px; display: inline-block; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; margin-right:4px; letter-spacing: 1px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container span.left-side-value .dollar-sign { font-size: 20px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container span.right-side-text { font-size: 14px; display: inline-block; line-height: 15px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: 1px; position: relative; text-align: left; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container .vehicle-heading { color: #fff; border-bottom: solid 1px #fff; border-top: solid 1px #fff; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; padding-bottom: 9px; padding-top: 10px; font-size: 20px; line-height: 20px; margin-bottom: 11px; letter-spacing: 1px; } .bhp-september-incentive .bhp-september-incentive-content .president-main-container .bottom-disc { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-top: 12px; border-top: solid 1px #fff; padding-bottom: 12px; line-height: 14px; } @media (min-width: 1642px) { .bhp-september-incentive .bhp-september-incentive-content .president-main-container { } } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-september-incentive .bhp-september-incentive-content .president-main-container { left: 57px; padding-top: 47px; } } @media (min-width: 800px) and (max-width: 1241px) { .bhp-september-incentive .bhp-september-incentive-content .president-main-container { left: 50px; padding-top: 50px; } } /*CGMAIN-11755*/ .bhp-july-incentive .bhp-july-incentive-content { position: relative; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container { text-align: center; padding-top: 60px; position: absolute; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container img { margin-bottom: 2px; } .bhp-july-incentive .bhp-july-incentive-content .tooltip{ color: #fff; top: -3px; font-size: 0.7em; left: 30px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container .main-heading { font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; color: #000; padding-bottom: 0px; font-size: 27px; letter-spacing: 1px; margin-top: 18px; margin-bottom: 6px; line-height: 27px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container .sub-heading { font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-bottom: 0px; margin-bottom: -11px; margin-top: -4px; letter-spacing: 1px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container .second-option { margin-top: -6px; margin-bottom: -6px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container .button-main { color: black; margin-top: 3px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container span.left-side-value { font-size: 40px; display: inline-block; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; margin-right:4px; letter-spacing: 1px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container span.left-side-value .dollar-sign { font-size: 20px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container span.right-side-text { font-size: 14px; display: inline-block; line-height: 15px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: #fff; text-align: left; letter-spacing: 1px; position: relative; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container span.right-side-text .bottom-key { position: absolute; left: 0px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container .vehicle-heading { color: #fff; border-bottom: solid 1px #fff; border-top: solid 1px #fff; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; padding-bottom: 9px; padding-top: 11px; font-size: 20px; line-height: 20px; margin-bottom: 11px; letter-spacing: 1px; } .bhp-july-incentive .bhp-july-incentive-content .president-main-container .bottom-disc { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-top: 12px; border-top: solid 1px #fff; padding-bottom: 12px; line-height: 14px; } @media (min-width: 1642px) { .bhp-july-incentive .bhp-july-incentive-content .president-main-container { left: -22px; } } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-july-incentive .bhp-july-incentive-content .president-main-container { left: 46px; padding-top: 47px; } } @media (min-width: 800px) and (max-width: 1241px) { .bhp-july-incentive .bhp-july-incentive-content .president-main-container { left: 50px; padding-top: 50px; } } /* CGMAIN-10980*/ /* .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container { margin-left: 30px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .tooltip{ color: #ffb302; font-size: 0.5em; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .now-get { font-size: 18px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; margin-bottom: 5px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-title-main { color: #fff; padding-top: 35px; line-height: 33px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-title-main .top-heading { font-size: 36px; position: relative; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-title-main .bottom-heading { font-size: 36px; position: relative; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-title-main span.left-side-value { font-size: 46px; display: inline-block; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-title-main span.right-side-text { font-size: 19px; display: inline-block; line-height: 18px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .button-main { color: black; margin-top: 10px; position:relative; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .button-main .bottom-heading { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; line-height: 20px; font-size: 16px; padding-bottom: 20px; color: #fff; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .button-main .bottom-disclaimer { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; line-height: 20px; font-size: 10px; color: #fff; top: 390px; left: 24%; position: absolute; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .button-main .president-learn-more {} .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title { font-size: 30pt; padding-bottom: 0px; margin-top: 20px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: 1px; color: #fff; line-height: 35px; text-transform: uppercase; } @media (min-width: 1242px) and (max-width: 1641px) { .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container { margin-left: 50px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-main-title { margin-left: 0px; } } @media (min-width: 800px) and (max-width: 1241px) { .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container { margin-left: 50px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .president-main-title { margin-left: 0px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container .button-main .bottom-disclaimer { top: 280px; } } */ /*CGMAIN-11310*/ /* .bhp-memorial-day .bhp-memorial-day-content .president-main-container { text-align: center; } .bhp-memorial-day .bhp-memorial-day-content .tooltip{ font-size: 0.5em; top: -12px; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .now-get { font-size: 18px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; margin-bottom: 5px; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .president-title-main { color: #fff; padding-top: 22px; line-height: 33px; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .president-title-main .top-heading { font-size: 31px; line-height: 30px; position: relative; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .president-title-main .bottom-heading { font-size: 21px; position: relative; margin-top: -3px; margin-bottom: 4px; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .president-title-main span.left-side-value { font-size: 46px; display: inline-block; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .president-title-main span.right-side-text { font-size: 19px; display: inline-block; line-height: 18px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .button-main { color: black; position:relative; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .button-main .bottom-heading { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; line-height: 20px; font-size: 16px; padding-bottom: 20px; color: #fff; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .button-main .bottom-disclaimer { font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; line-height: 20px; font-size: 10px; color: #fff; top: 390px; left: 24%; position: absolute; } .bhp-memorial-day .bhp-memorial-day-content .president-main-container .button-main .president-learn-more {} .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title { font-size: 30pt; padding-bottom: 0px; margin-top: 20px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: 1px; color: #fff; line-height: 35px; text-transform: uppercase; } */ .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title .price-point { margin-top: 2px; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title .bottom-price-point { margin-top: 7px; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title .price-point .left-side-value { float: left; font-size: 50px; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; margin-top: 15px; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title .price-point .right-side-text { font-size: 18px; margin-left: 78px; line-height: 22px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; font-weight: bold; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title .price-point .right-side-text .tooltip { color: #ffb302; } .bhp-renegade-content .president-main-container .tooltip { color: #ffb302; } .bhp-renegade .bhp-renegade-content .bottom-heading { color: #fff; margin-left: 26px; margin-top: 10px; font-family: 'ProximaNova', Helvetica, Arial, sans-serif; line-height: 15px; } .bhp-renegade .bhp-renegade-content .event-day-learn-more { margin-left: 26px; } .bhp-renegade .bhp-renegade-content .bottom-disclaimer { line-height: 1; text-align: right; color: #979797; bottom: -140px; position: relative; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title.lower-heading .price-point .right-side-text { letter-spacing: 0; font-size: 18px; line-height: 19px; padding-top: 3px; } .bhp-renegade .bhp-renegade-content .president-main-container .lower-heading .price-point .right-side-text { margin-left: 152px; } .bhp-renegade .bhp-renegade-content .president-main-container .lower-heading { margin-top: 2px; } .bhp-renegade .bhp-renegade-content .president-main-container .president-learn-more { margin-top: 4px; } .bhp-renegade .offer-logo-wrapper { color: #000; margin-left: 0px; margin: 0 auto; padding-top: 11px; } .bhp-renegade .lease-offer1 h3 { text-transform: uppercase; font-family: "ProximaNovaSemiBold", Helvetica, Arial, sans-serif; font-size: 1.8rem; line-height: 20px; padding-bottom: 5px; } .bhp-renegade .lease-offer1 .lease-doller { font-size: 5rem; line-height: 1; } .bhp-renegade .lease-offer1 .lease-duration { display: inline-block; font-size: 1.8rem; left: 10px; line-height: 20px; position: relative; text-transform: uppercase; } .bhp-renegade .lease-offer2 h3 { text-transform: uppercase; font-family: "ProximaNovaSemiBold", Helvetica, Arial, sans-serif; font-size: 1.8rem; line-height: 20px; padding-top: 8px; padding-bottom: 5px; } .bhp-renegade .lease-offer2 .lease-doller { font-size: 5rem; line-height: 1; } .bhp-renegade .lease-offer2 .lease-duration { display: inline-block; left: 8px; position: relative; text-transform: uppercase; font-size: 1.8rem; line-height: 20px; } .bhp-renegade .lease-offer3 { font-size: 1.4rem; text-transform: uppercase; padding-top: 2px; font-family: "ProximaNova", Helvetica, Arial, sans-serif; line-height: 18px; } /* START CGJEEP-10232 */ .bhp-movember-campaign .bhp-movember-campaign-content{ position: relative; } .bhp-movember-campaign .bhp-movember-campaign-content .movember-main-container{ text-align: center; padding-top: 40px; width: 340px; top: 45px; left: 90px; position: absolute; } .bhp-movember-campaign .bhp-movember-campaign-content .movember-main-container .movember-heading { text-decoration: none; color: #fff; font-family: "Josefin Sans", sans-serif; position: relative; text-align: center; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } .bhp-movember-campaign .bhp-movember-campaign-content .movember-heading .vehicle-heading{ font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 1px; } .bhp-movember-campaign .bhp-movember-campaign-content .movember-heading h1.vehicle-heading{ font-size: 46px; letter-spacing: 0px; line-height: 1em; } .bhp-movember-campaign .bhp-movember-campaign-content .movember-heading p.slide-desc{ font-family: 'ProximaNova', Helvetica, Arial, sans-serif; color: rgb(194,194,194); font-size: 14px; line-height: 17px; padding-bottom: 0px; margin-bottom: -9px; margin-top: 9px; } .bhp-movember-campaign .bhp-movember-campaign-content .movember-heading .border-inner{ border-top: 1px solid rgb(194,194,194); margin: auto; width: 45%; margin-top: 25px; } .bhp-movember-campaign .button-main{ margin-top: 20px; } /* END CGJEEP-10232 */ /* FIRST SLIDE - BREAKPOINT 1 */ @media (min-width: 1242px) and (max-width: 1641px) { .bhp-renegade { background: url("/assets/images/home/Jeep_4x4ever-Day_BHP_Wrangler_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-may-incentives { background: url("/assets/images/home/Jeep_MayIncentives_BHP_Renegade_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-independence-day { background: url("/assets/images/home/IndependenceDay_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-sun-fun { background: url("/assets/images/home/Jeep_SummerEventFeature_BHP_1500x600.jpg") no-repeat scroll center 50px #eaeaea; } .bhp-big-finish { background: url("/assets/images/home/Jeep_BlackFriday_BHP_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-big-finish-grand-cherokee { background: url("/assets/images/home/Jeep_MonthlyIncentives_BlackFriday_BHP_GrandCherokee_1500x600.jpg") no-repeat scroll center 50px #fff; } .bhp-july-incentive { background: url("/assets/images/home/Jeep_AugustIncentives_BHP_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-september-incentive { background: url("/assets/images/home/Jeep_SeptemberIncentives_BHP_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-launch-incentive { background: url("/assets/images/home/WK-BHP-Slider_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-jce-incentive { background: url("/assets/images/home/Jeep-Stories-Slider-Trailhawk_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-wrangler-rubicon-incentive { background: url("/assets/images/home/Jeep_MY17Wrangler_BHP_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-wrangler-unlimited { background: url("/assets/images/home/Jeep_WranglerUnlimited_BHP-Slider_1500x600.jpg") no-repeat scroll center top #000; } .bhp-grand-cherokee { background: url("/assets/images/home/Jeep_MY15_BHP_Grand-Cherokee_1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-movember-campaign { background: url("/assets/images/home/2016-Jeep-Movember-Slider-1500x600.jpg") no-repeat scroll center 50px #000; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container { margin-left: 50px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container { margin-left: 50px; } } /* FIRST SLIDE - BREAKPOINT 2 */ @media (min-width: 1642px) { .bhp-renegade { background: url("/assets/images/home/Jeep_4x4ever-Day_BHP_Wrangler_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-may-incentives { background: url("/assets/images/home/Jeep_MayIncentives_BHP_Renegade_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-independence-day { background: url("/assets/images/home/IndependenceDay_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-sun-fun { background: url("/assets/images/home/Jeep_SummerEventFeature_BHP_2100x706.jpg") no-repeat scroll center 50px #eaeaea; } .bhp-big-finish { background: url("/assets/images/home/Jeep_BlackFriday_BHP_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-big-finish-grand-cherokee { background: url("/assets/images/home/Jeep_MonthlyIncentives_BlackFriday_BHP_GrandCherokee_2100x706.jpg") no-repeat scroll center 50px #fff; } .bhp-july-incentive { background: url("/assets/images/home/Jeep_AugustIncentives_BHP_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-september-incentive { background: url("/assets/images/home/Jeep_SeptemberIncentives_BHP_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-launch-incentive { background: url("/assets/images/home/WK-BHP-Slider_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-jce-incentive { background: url("/assets/images/home/Jeep-Stories-Slider-Trailhawk_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-wrangler-rubicon-incentive { background: url("/assets/images/home/Jeep_MY17Wrangler_BHP_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-wrangler-unlimited { background: url("/assets/images/home/Jeep_WranglerUnlimited_BHP-Slider_2100x706.jpg") no-repeat scroll center top #000; } .bhp-grand-cherokee { background: url("/assets/images/home/Jeep_MY15_BHP_Grand-Cherokee_2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-movember-campaign { background: url("/assets/images/home/2016-Jeep-Movember-Slider-2100x706.jpg") no-repeat scroll center 50px #000; } .bhp-movember-campaign .bhp-movember-campaign-content .movember-main-container{ left: 0; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title, .bhp-renegade .bhp-renegade-content .president-main-container .bottom-heading, .bhp-renegade .bhp-renegade-content .president-main-container .president-learn-more { margin-left: 0; } .bhp-renegade .bhp-renegade-content .president-main-container .president-sub-title .price-point { margin-left: 0; } .bhp-renegade-content img.spring-clearance-image { margin-left: 0; } .bhp-may-incentives .bhp-may-incentives-content .president-main-container { margin-left: 20px; } .bhp-wrangler-topsoff .bhp-wrangler-topsoff-content .president-main-container { margin-left: 30px; } } /******************************************************* ******************************************************* *********************** SECOND slide ****************** ******************************************************* *******************************************************/ .bhp-presidents-day { background: url("/assets/images/home/Jeep_BHP_Presidents-Day_V2_1200x600.jpg") no-repeat scroll center 50px #000; } .bhp-presidents-day-content { font-family: "ProximaNovaSemiBold", Helvetica, Arial, sans-serif; text-align: center; } .bhp-presidents-day-content img { padding-top: 20px; } .bhp-presidents-day .bhp-presidents-day-content .offer-info { text-align: center; margin: 0 auto; text-transform: uppercase; letter-spacing: 5px; padding-top: 22px; font-size: 2.4rem; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; color: #333333; } .bhp-presidents-day .bhp-presidents-day-content .president-main-container .president-main-title { font-size: 25px; padding-bottom: 0px; margin-top: 0px; font-family: 'ProximaNovaBold', Helvetica, Arial, sans-serif; letter-spacing: 4px; color: #fff; line-height: 25px; } .bhp-presidents-day .bhp-presidents-day-content .president-main-container .president-sub-title { font-size: 16px; padding-bottom: 0px; margin-top: 8px; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; letter-spacing: 2px; color: #fff; line-height: 16px; } .bhp-presidents-day .bhp-presidents-day-content .president-main-container .president-learn-more { margin-top: 10px; } .bhp-presidents-day .offer-logo-wrapper { color: #000; width: 790px; margin: 0 auto; padding-top: 11px; } .bhp-presidents-day .lease-offer1 h3 { text-transform: uppercase; font-family: "ProximaNovaSemiBold", Helvetica, Arial, sans-serif; font-size: 1.8rem; line-height: 20px; padding-bottom: 5px; } .bhp-presidents-day .lease-offer1 .lease-doller { font-size: 5rem; line-height: 1; } .bhp-presidents-day .lease-offer1 .lease-duration { display: inline-block; font-size: 1.8rem; left: 10px; line-height: 20px; position: relative; text-transform: uppercase; } .bhp-presidents-day .lease-offer2 h3 { text-transform: uppercase; font-family: "ProximaNovaSemiBold", Helvetica, Arial, sans-serif; font-size: 1.8rem; line-height: 20px; padding-top: 8px; padding-bottom: 5px; } .bhp-presidents-day .lease-offer2 .lease-doller { font-size: 5rem; line-height: 1; } .bhp-presidents-day .lease-offer2 .lease-duration { display: inline-block; left: 8px; position: relative; text-transform: uppercase; font-size: 1.8rem; line-height: 20px; } .bhp-presidents-day .lease-offer3 { font-size: 1.4rem; text-transform: uppercase; padding-top: 2px; font-family: "ProximaNova", Helvetica, Arial, sans-serif; line-height: 18px; } #infotip-my16 { font-size: 11px; visibility: hidden; position: absolute; z-index: 10000; color: white; padding-left: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(254, 254, 254, 0.31); background: url("/assets/images/home/background-tooltip.png") no-repeat 0 12px; min-width: 175px; } #infotip-my16.tooltip-left { padding-right: 14px; background: url("/assets/images/home/background-tooltip.png") no-repeat right 12px; } #arrow-my16 { background: #262626; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); zoom: 1; } #arrow-my16 p { font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; color: #FFF; } #arrow-my16 p.vehiclename-my16 { font-size: 14px; padding: 5px 20px 0; text-transform: uppercase; } #arrow-my16 p.tagline-my16 { font-size: 14px; display: block; margin: 0 20px 5px; padding-bottom: 7px; line-height: 1.3; } #arrow-my16 p.disclaimer-my16 { color: #999; display: block; font-family: 'ProximaNovaLight'; font-size: 13px; font-weight: normal; margin: 0 20px 5px; padding: 0; } #arrow-my16 p.details-my16 { text-transform: uppercase; color: #2c2c2c; display: block; font-size: 14px; padding: 6px 0 6px 20px; text-shadow: none; text-transform: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -ms-border-bottom-right-radius: 5px; -ms-border-bottom-left-radius: 5px; -o-border-bottom-right-radius: 5px; -o-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #ffc603; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc603), to(#ff9401)); background-image: -webkit-linear-gradient(top, #ffc603, #ff9401); background-image: -moz-linear-gradient(top, #ffc603, #ff9401); background-image: -o-linear-gradient(top, #ffc603, #ff9401); background-image: linear-gradient(to bottom, #ffc603, #ff9401); zoom: 1; } /* SECOND SLIDE - DEFAULT -- VEHICLE HOTSPOT LOCATIONS/SIZES */ #slide2-vehicleLineup a.hotspot { position: absolute; } #slide1-vehicleLineup a.hotspot { position: absolute; } #slide2-cherokee-hotspot { height: 110px; right: 550px; top: 235px; width: 150px; } #slide2-grand-cherokee-hotspot { height: 120px; right: 396px; top: 230px; width: 150px; } #slide2-renegade-hotspot { height: 105px; right: 260px; top: 240px; width: 130px; } /* SECOND SLIDE - BREAKPOINT 1 */ @media (min-width: 1242px) and (max-width: 1641px) { .bhp-presidents-day { background: url("/assets/images/home/Jeep_BHP_Presidents-Day_V2_1500x706.jpg") no-repeat scroll center 50px #000; } /* SECOND SLIDE - BREAKPOINT 1 -- VEHICLE HOTSPOT LOCATIONS/SIZES */ #slide2-cherokee-hotspot { height: 160px; right: 595px; top: 250px; width: 240px; } #slide2-grand-cherokee-hotspot { height: 175px; right: 340px; top: 235px; width: 245px; } #slide2-renegade-hotspot { height: 190px; right: 110px; top: 235px; width: 220px; } } /* SECOND SLIDE - BREAKPOINT 2 */ @media (min-width: 1642px) { .bhp-presidents-day { background: url("/assets/images/home/Jeep_BHP_Presidents-Day_V2_2100x706.jpg") no-repeat scroll center 50px #000; } /* SECOND SLIDE - BREAKPOINT 2 -- VEHICLE HOTSPOT LOCATIONS/SIZES */ #slide2-cherokee-hotspot { height: 190px; right: 600px; top: 215px; width: 240px; } #slide2-grand-cherokee-hotspot { height: 210px; right: 340px; top: 240px; width: 250px; } #slide2-renegade-hotspot { height: 190px; right: 110px; top: 215px; width: 220px; } } /************************************************************ ************************************************************ ********************** THIRD SLIDE ************************ ************************************************************ ************************************************************/ .summer-lineup-slide { background: url("/assets/images/home/2016-Jeep-Brand-Home-Page-Vehicle-Lineup-Winter-1200x600.jpg") no-repeat scroll center top #fff; } .summer-lineup-slide .summer-heading { display: block; margin: 0 auto; text-decoration: none; width: 960px; color: #fff; font-family: "Josefin Sans", sans-serif; position: relative; text-align: center; top: 30px; letter-spacing: 10px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2); } .summer-lineup-slide .summer-heading h1 { font-size: 31px; font-weight: 300; line-height: 34px; } .summer-lineup-slide .summer-heading h2 { font-size: 17px; font-weight: 300; line-height: 30px; } #vehicleLineupWrap h2 { color: #fff; filter: inherit; font-family: 'ProximaNovaLight'; /*font-size: 20px;*/ font-size: 16px; /*font-weight: bold;*/ position: absolute; top: 325px; /*text-shadow: 0 0 5.4px #000000;*/ z-index: 10; } #vehicleLineup h2 a { color: #000; } #infotip { font-size: 11px; visibility: hidden; position: absolute; z-index: 10000; color: white; padding-left: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(254, 254, 254, 0.31); background: url("/assets/images/home/background-tooltip.png") no-repeat 0 12px; min-width: 175px; } #infotip.tooltip-left { padding-right: 14px; background: url("/assets/images/home/background-tooltip.png") no-repeat right 12px; } #arrow { background: #262626; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); zoom: 1; } #arrow p { font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; color: #FFF; } #arrow p.vehiclename { font-size: 14px; padding: 5px 20px 0; text-transform: uppercase; } #arrow p.tagline { font-size: 14px; display: block; margin: 0 20px 5px; padding-bottom: 7px; line-height: 1.3; } #arrow p.disclaimer { color: #999; display: block; font-family: 'ProximaNovaLight'; font-size: 13px; font-weight: normal; margin: 0 20px 5px; padding: 0; } #arrow p.details { text-transform: uppercase; color: #2c2c2c; display: block; font-size: 14px; padding: 6px 0 6px 20px; text-shadow: none; text-transform: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -ms-border-bottom-right-radius: 5px; -ms-border-bottom-left-radius: 5px; -o-border-bottom-right-radius: 5px; -o-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #ffc603; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc603), to(#ff9401)); background-image: -webkit-linear-gradient(top, #ffc603, #ff9401); background-image: -moz-linear-gradient(top, #ffc603, #ff9401); background-image: -o-linear-gradient(top, #ffc603, #ff9401); background-image: linear-gradient(to bottom, #ffc603, #ff9401); zoom: 1; } #vehicleLineup a.hotspot { position: absolute; } /* THIRD SLIDE - DEFAULT -- VEHICLE NAMES */ #vehicleLineupWrap h2.lineup-patriot { left: 920px; /*text-align: center;*/ top: 330px; } #vehicleLineupWrap h2.lineup-grand-cherokee { left: 290px; top: 355px; } #vehicleLineupWrap h2.lineup-wrangler { left: 90px; top: 383px; } #vehicleLineupWrap h2.lineup-cherokee { left: 740px; top: 345px; } #vehicleLineupWrap h2.lineup-wrangler-unlimited { left: 542px; top: 355px; } #vehicleLineupWrap h2.lineup-renegade { left: 150px; top: 345px; } #vehicleLineupWrap h2.lineup-compass { left: -10px; top: 330px; } /* THIRD SLIDE - DEFAULT -- VEHICLE HOTSPOT LOCATIONS/SIZES */ #compass-hotspot { height: 120px; left: -10px; top: 205px; width: 132px; } #renegade-hotspot { height: 130px; left: 130px; top: 205px; width: 150px; } #wrangler-unlimited-hotspot { height: 155px; right: 300px; top: 190px; width: 185px; } #wrangler-hotspot { height: 126px; left: 54px; top: 163px; width: 153px; } #grand-cherokee-hotspot { height: 145px; left: 290px; top: 195px; width: 180px; } #cherokee-hotspot { height: 125px; left: 670px; top: 205px; width: 160px; } #patriot-hotspot { height: 120px; left: 830px; top: 205px; width: 140px; } /* ONLY REQUIRED WHEN WRANGLERS TOGGLE/OVERLAY IS BEING USED */ /* DO NOT REMOVE */ #wrangler-inline { display: none; color: #fff; font-size: 1.4rem; font-family: "ProximaNovaSemiBold"; line-height: 1.6rem; } #wrangler-inline p { display: block; text-align: center; padding: 20px; } #wrangler-inline span { text-transform: uppercase; line-height: 1.2; display: block; } #wrangler-inline .wrangler-unlimited-select, #wrangler-inline .wrangler-select { width: 50%; float: left; text-align: center; padding: 20px 0 22px; } #wrangler-inline .wrangler-unlimited-select:hover, #wrangler-inline .wrangler-select:hover { background-color: #fff; color: #000; } #wrangler-inline .veh-title { color: #fff; } #wrangler-inline a { text-decoration: none; } #wrangler-inline .veh-thumb { background: url('/assets/images/global/header/vehicle-sprite.png') no-repeat scroll 0 0 transparent; height: 92px; display: block; } #wrangler-inline .wrangler-unlimited-select .veh-thumb { background-position: -543px -132px; } #wrangler-inline .wrangler-select .veh-thumb { background-position: -330px -132px; } #wrangler-inline .section-break { font-size: 1.1rem; position: absolute; left: 207px; top: 146px; color: rgb(136, 136, 136); border-radius: 25px; border: 6px solid #222121; height: 20px; background-color: #222121; line-height: 1.8; } #wrangler-inline .vert-line { height: 127px; border-left: 1px solid #414141; position: absolute; left: 225px; margin-top: 42px; } .fancybox-overlay .fancybox-skin { /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#353434+0,171717+100 */ background: #353434; background: -moz-linear-gradient(top, #353434 0%, #171717 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353434), color-stop(100%, #171717)); background: -webkit-linear-gradient(top, #353434 0%, #171717 100%); background: -o-linear-gradient(top, #353434 0%, #171717 100%); background: -ms-linear-gradient(top, #353434 0%, #171717 100%); background: linear-gradient(to bottom, #353434 0%, #171717 100%); padding: 0 !important; } /**** END OF STYLES FOR WRANGLERS TOGGLE/OVERLAY - DO NOT REMOVE *****/ /* THIRD SLIDE - BREAKPOINT 1 */ @media (min-width: 1242px) and (max-width: 1641px) { .summer-lineup-slide { background: url("/assets/images/home/2016-Jeep-Brand-Home-Page-Vehicle-Lineup-Winter-1500x600.jpg") no-repeat scroll center top #fff; } /* THIRD SLIDE - BREAKPOINT 1 -- VEHICLE NAMES */ #vehicleLineupWrap h2.lineup-patriot { left: 940px; top: 332px; } #vehicleLineupWrap h2.lineup-cherokee { left: 780px; top: 350px; } #vehicleLineupWrap h2.lineup-grand-cherokee { left: 285px; top: 360px; } #vehicleLineupWrap h2.lineup-wrangler-unlimited { left: 550px; top: 360px; } #vehicleLineupWrap h2.lineup-wrangler { left: 90px; top: 400px; } #vehicleLineupWrap h2.lineup-renegade { left: 120px; top: 350px; } #vehicleLineupWrap h2.lineup-compass { left: -30px; top: 332px; } /* THIRD SLIDE - BREAKPOINT 1 -- VEHICLE HOTSPOT LOCATIONS/SIZES */ #compass-hotspot { height: 135px; left: -70px; top: 195px; width: 160px; } #renegade-hotspot { height: 140px; left: 90px; top: 190px; width: 175px; } #wrangler-unlimited-hotspot { height: 160px; right: 270px; top: 180px; width: 210px; } #grand-cherokee-hotspot { height: 155px; left: 270px; top: 185px; width: 205px; } #cherokee-hotspot { height: 137px; left: 685px; top: 195px; width: 190px; } #patriot-hotspot { height: 125px; left: 875px; top: 195px; width: 145px; } #wrangler-hotspot { height: 126px; left: 54px; top: 163px; width: 153px; } } /* THIRD SLIDE - BREAKPOINT 2 */ @media (min-width: 1642px) { .summer-lineup-slide { background: url("/assets/images/home/2016-Jeep-Brand-Home-Page-Vehicle-Lineup-Winter-2100x706.jpg") no-repeat scroll center top #fff; } #vehicleLineupWrap h2 { top: 380px; /*font-size: 22px;*/ } /* THIRD SLIDE - BREAKPOINT 2 -- VEHICLE NAMES */ #vehicleLineupWrap h2.lineup-patriot { left: 1100px; top: 410px; } #vehicleLineupWrap h2.lineup-cherokee { left: 870px; top: 435px; } #vehicleLineupWrap h2.lineup-grand-cherokee { left: 260px; top: 448px; } #vehicleLineupWrap h2.lineup-wrangler { left: 175px; top: 463px; } #vehicleLineupWrap h2.lineup-wrangler-unlimited { left: 580px; top: 448px; } #vehicleLineupWrap h2.lineup-renegade { left: 0px; top: 435px; } #vehicleLineupWrap h2.lineup-compass { left: -190px; top: 410px; } /* THIRD SLIDE - BREAKPOINT 2 -- VEHICLE HOTSPOT LOCATIONS/SIZES */ #patriot-hotspot { height: 160px; left: 990px; top: 218px; width: 200px; } #grand-cherokee-hotspot { height: 200px; left: 225px; top: 205px; width: 255px; } #renegade-hotspot { height: 185px; left: -25px; top: 210px; width: 240px; } #cherokee-hotspot { height: 170px; left: 760px; top: 220px; width: 225px; } #wrangler-unlimited-hotspot { height: 210px; right: 230px; top: 200px; width: 245px; } #wrangler-hotspot { height: 126px; left: 54px; top: 163px; width: 153px; } #compass-hotspot { height: 160px; left: -240px; top: 220px; width: 200px; } #arrow-holder #arrow-prev { left: -186px; } #arrow-holder #arrow-next { right: -137px; } } /* styles specific to landscape and portrait */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) { /* For portrait layouts only */ .summer-lineup-slide h2.seventy-five-heading { margin-top: -12px; } .summer-lineup-slide h1.seventy-five-heading { line-height: 33px; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) { /* For landscape layouts only */ .summer-lineup-slide h2.seventy-five-heading { margin-top: -12px; } .summer-lineup-slide h1.seventy-five-heading { line-height: 33px; } } .bhp-wrangler-unlimited h3.title{ color: #fff; font-family: "ProximaNovaBold",Helvetica,Arial,sans-serif; font-size: 45px; margin: 0 auto; padding: 10px 0 0; text-align: center; width: 560px; } .bhp-wrangler-unlimited sup.tooltip { color: #ffb302; } .bhp-wrangler-unlimited .single-slide-content p { color: #fff; display: block; font-family: "ProximaNovaLight",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; margin: 0 auto; text-align: center; width: 795px; } .bhp-wrangler-unlimited .single-slide-content p.disclaimer{ margin-top: 285px; font-size: 10px; width: 900px; } .bhp-wrangler-unlimited a.gc-button.vehicle-details { display: block; margin: 0 auto; width: 100px; } .bhp-grand-cherokee h3.title{ color: #fff; text-transform: uppercase; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; font-size: 23px; margin: 0 auto; text-align: center; width: 560px; margin-top: 10px; letter-spacing: 6px; } .bhp-grand-cherokee sup.tooltip { color: #ffb302; } .bhp-grand-cherokee span.border-left-tile { border-top: 1px solid white; width: 170px; top: 30px; display: inline-block; position: relative; margin-left: 35px; } .bhp-grand-cherokee span.border-right-tile { float: right; border-top: 1px solid white; width: 170px; top: -21px; display: inline-block; position: relative; margin-right: 50px; } .bhp-grand-cherokee h2 { color: #fff; margin: 0 auto; font-family: 'ProximaNovaSemiBold', Helvetica, Arial, sans-serif; font-size: 26px; text-align: center; text-transform: uppercase; margin-top: 20px; clear: both; letter-spacing: 2px; } .bhp-grand-cherokee .single-slide-content p { color: #fff; font-family: 'ProximaNovaLight', Helvetica, Arial, sans-serif; font-size: 26px; text-transform: uppercase; margin: 0 auto; text-align: center; letter-spacing: 1px; line-height: 20px; } .bhp-grand-cherokee .spring-clearance-grand-cherokee { margin-left: 35px; margin-top: 25px; } .bhp-grand-cherokee a.gc-button.president-learn-more { margin-left: 35px; margin-top: 10px; } /* .bhp-grand-cherokee #homepagePromo sup.tooltip { left: -108px; top: -5px; } */