Jump to content

S74

Member
 View Profile  See their activity

  • Posts

    40

  • Joined

  • Last visited

 Content Type 

Everything posted by S74

  1. S74
    Site URL: https://www.mcnae.co.nz/ I have a search box in my navigation. It doesn't seam to work properly. For example if I search for Mercury it should find the https://www.mcnae.co.nz/faq page, but it doesn't find anything. Have I done something wrong?
  2. S74
    @tuanphan Thank you so much for your help! Your amazing as always ❤️ ❤️ ❤️
  3. S74
    Site URL: https://bmsecurity.squarespace.com/test I'm having trouble finding the code to make these elements stack in mobile view. Is anyone able to help? Website: https://bmsecurity.squarespace.com/test Password: test <body> <div class="wrapper"> <!-- PRICING-TABLE CONTAINER --> <div class="pricing-table group"> <!-- PERSONAL --> <div class="block personal fl"> <h4 class="title">4G Monitoring</h4> <!-- CONTENT --> <div class="content"> <p class="price"> <sup>From</sup> <span>$37.50</span> <sub>+GST/mo.</sub> </p> <p class="hint">Installation from $250 + GST</p> </div> <!-- /CONTENT --> <!-- FEATURES --> <ul class="features"> <li><span class="fontawesome-cog"></span>Packaged for the smaller business environment.</li> <li><span class="fontawesome-star"></span>B&M Monitoring responds to alarm activations and follow an escalation list as per the client requirements.</li> <li><span class="fontawesome-dashboard"></span>All alarm events are logged including alarm activations and user detailed set/unset time.</li> <li><span class="fontawesome-cloud"></span>All events are viewable online via our web portal or mobile app available on iOS and Android.</li> </ul> <!-- /FEATURES --> <!-- PT-FOOTER --> <div class="pt-footer"> <a href="/contact"><p>Contact Us to Purchase</p></a> </div> <!-- /PT-FOOTER --> </div> <!-- /PERSONAL --> <!-- PROFESSIONAL --> <div class="block professional fl"> <h4 class="title">IP Monitoring</h4> <!-- CONTENT --> <div class="content"> <p class="price"> <sup>From</sup> <span>$27.50</span> <sub>+GST/mo.</sub> </p> <p class="hint">Installation from $350 + GST</p> </div> <!-- /CONTENT --> <!-- FEATURES --> <ul class="features"> <li><span class="fontawesome-cog"></span>Ideal for residential applications.</li> <li><span class="fontawesome-star"></span>Uses your existing Broadband connection.</li> <li><span class="fontawesome-dashboard"></span>B&M Monitoring responds to alarm activations and follow an escalation list as per the client requirements.</li> </ul> <!-- /FEATURES --> <!-- PT-FOOTER --> <div class="pt-footer"> <a href="/contact"><p>Contact Us to Purchase</p></a> </div> <!-- /PT-FOOTER --> </div> <!-- /PROFESSIONAL --> <!-- BUSINESS --> <div class="block business fl"> <h4 class="title">4G Commercial</h4> <!-- CONTENT --> <div class="content"> <p class="price"> <sup>From</sup> <span>$47.50</span> <sub>+GST/mo.</sub> </p> <p class="hint">Installation from $250 + GST</p> </div> <!-- /CONTENT --> <!-- FEATURES --> <ul class="features"> <li><span class="fontawesome-cog"></span>B&M Monitoring responds to alarm activation’s and follow an escalation list as per the client requirements.</li> <li><span class="fontawesome-star"></span>All alarm events are logged including alarm activation’s and user detailed set/unset time.</li> <li><span class="fontawesome-dashboard"></span>Set and unset times are logged and checked against a predefined schedule, if the system is access outside of operating hours monitoring follow your predefined response.</li> <li><span class="fontawesome-cloud"></span>All events are viewable online via our web portal or mobile app available on iOS an Android.</li> </ul> <!-- /FEATURES --> <!-- PT-FOOTER --> <div class="pt-footer"> <a href="/contact"><p>Contact Us to Purchase</p></a> </div> <!-- /PT-FOOTER --> </div> <!-- /BUSINESS --> </div> <!-- /PRICING-TABLE --> </div> </body> <style> /*--------- Font ------------*/ @import url(https://fonts.googleapis.com/css?family=Droid+Sans); @import url(http://weloveiconfonts.com/api/?family=fontawesome); /* fontawesome */ [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; } * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*------ utiltity classes -----*/ .fl{ float:left; } .fr{ float: right; } /*its also known as clearfix*/ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /*For IE 6/7 (trigger hasLayout) */ } body { background: #F2F2F2; font-family: 'Effra', sans-serif; line-height: 1.4em; font-size: 1.3rem; } .wrapper { } .pricing-table { width: 80%; margin: 50px auto; text-align: center; padding: 10px; padding-right: 0; } .block{ width: 30%; margin: 0 15px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* border: 1px solid red;*/ } /*Shared properties*/ .title,.pt-footer{ color: #ffffff !important; text-transform: capitalize; line-height: 2.5; position: relative; } .content{ position: relative; color: #FEFEFE; padding: 20px 0 10px 0; } /*arrow creation*/ .content:after, .content:before,.pt-footer:before,.pt-footer:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pt-footer:after,.pt-footer:before{ top:0; } .content:after,.pt-footer:after { border-color: rgba(136, 183, 213, 0); border-width: 5px; margin-left: -5px; } /*/arrow creation*/ .price{ position: relative; display: inline-block; margin-bottom: 0.625rem; } .price span{ font-size: 3.5rem; letter-spacing: 0.05em; font-weight: bold; } .price sup{ font-size: 1.1rem; position: absolute; top: 12px; left: -38px; } .hint{ font-style: normal; font-size: 1.1rem; } .features{ list-style-type: none; background: #FFFFFF; text-align: left; color: #414042; padding:20px 13%; font-size: 1.1rem; min-height: 420px; } .features li{ padding:10px 0; width: 100%; } .features li span{ padding-right: 0rem; } .pt-footer{ font-size: 1.1rem; text-transform: capitalize; } /*PERSONAL*/ .personal .title{ background: #ff6600; } .personal .content,.personal .pt-footer{ background: #ff6600; } .personal .content:after{ border-top-color: #ff6600; } .personal .pt-footer:after{ border-top-color: #FFFFFF; } /*PROFESSIONAL*/ .professional .title{ background: #ff6600; } .professional .content,.professional .pt-footer{ background: #ff6600; } .professional .content:after{ border-top-color: #ff6600; } .professional .pt-footer:after{ border-top-color: #FFFFFF; } /*BUSINESS*/ .business .title{ background: #ff6600; } .business .content,.business .pt-footer{ background: #ff6600; } .business .content:after{ border-top-color: #ff6600; } .business .pt-footer:after { border-top-color: #FFFFFF; } </style>
  4. S74
    Hi @tuanphan, is it possible to add this code (just the multiply version) into a banner on a 7.1 website? I haven't built the website yet just asking the question 🙂
  5. S74
    WOW! Thank you so much for your help! This is a huge improvement, and I can’t thank you enough. One minor problem I ran into is if you click on a link in the mega menu (like ‘Why Solar’ for example) it high lights beautifully, but if you go back to the mega menu and try to click on a link that’s actually on the same page (like ‘Our Process’) it doesn’t highlight. I can’t imagine this would be too much of a problem, because if your on the page, you shouldn’t be clicking on those links anyway – but just something to note. Maybe I can convince my client to alter the menu slightly so people know these links are on the same page. Again I can’t thank you enough! And I really appreciate your help xxxxx
  6. S74
    wow, I would love for you to have a look. the password is now: studio@mcnaegroup7
  7. S74
    Site URL: https://myelixiraesthetics.squarespace.com/spin-and-win Password:studio@myelixiraesthetics1 I found this code and I have altered it to fit my needs. But I have run into 3 problems How do I change the size for mobile How do I stop it loading a blank page after the code pop's up. I want it to stay on the code (see image attached). From there the customer can close the window or click the button. How do I make sure the customer email is sent to me. Bellow is the code as I use it SPIN AND WIN <script crossorigin="anonymous" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" src="https://code.jquery.com/jquery-3.4.1.js"> </script> <div aria-hidden="false" class="bxc bx-base bx-custom bx-active-step-1 bx-campaign-1006840 bx-brand-9289 bx-width-default bx-type-overlay bx-has-close-x-1 bx-fx-fade bx-impress bx-has-close-inside" id="bx-campaign-1006840" style="display:none; visibility:hidden;"> <div class="bx-matte bx-shroud bx-shroud-1006840" id="bx-shroud-1006840">&nbsp;</div> <div class="bx-hover-shroud bx-hover-shroud-1006840" id="bx-hover-shroud-1006840" style="display:none">&nbsp;</div> <div class="bx-slab"> <div class="bx-align"> <div class="bx-creative bx-creative-1006840" id="bx-creative-1006840"> <div class="bx-wrap"><a class="bx-close bx-close-link bx-close-inside" data-click="close" href="javascript:void(0)" id="bx-close-inside-1006840"><svg class="bx-close-xsvg" viewbox="240 240 20 20"> <g class="bx-close-xstroke bx-close-x-adaptive"> <path class="bx-close-x-adaptive-1" d="M255.6 255.6l-11.2-11.2" vector-effect="non-scaling-stroke"> </path> <path class="bx-close-x-adaptive-2" d="M255.6 244.4l-11.2 11.2" vector-effect="non-scaling-stroke"> </path> </g> </svg> </a> <div class="bx-ally-label"><a class="bx-close bx-close-link bx-close-inside" data-click="close" href="javascript:void(0)" id="bx-close-inside-1006840">close dialog </a></div> <a class="bx-close bx-close-link bx-close-inside" data-click="close" href="javascript:void(0)" id="bx-close-inside-1006840"> </a> <div class="bx-step bx-step-1 bx-step-X02P1LG bx-step-1006840-1 bx-tail-placement-hidden" data-close-placement="inside" id="bx-step-1006840-1"> <form action="https://api.bounceexchange.com/capture/submit" bx-novalidate="true" id="bx-form-1006840-step-1" method="post" onreset="bouncex.close_ad(1006840); return false" onsubmit="return bouncex.submitCampaignStep(1006840); return false"><input name="campaign_id" type="hidden" value="1006840" /> <div class="bx-group bx-group-default bx-group-1006840-CSGcHPO bx-group-CSGcHPO" id="bx-group-1006840-CSGcHPO"> <div class="bx-row bx-row-image bx-row-image-default bx-row-Ro9XWI9 bx-element-1006840-Ro9XWI9" id="bx-element-1006840-Ro9XWI9"><img alt="" src="//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/5130c464afe6735f00afbf4b254ed339.png" /></div> <div class="bx-row bx-row-image bx-row-image-default bx-row-OcUXROV bx-element-1006840-OcUXROV" id="bx-element-1006840-OcUXROV"><img alt="" src="//assets.bounceexchange.com/assets/uploads/clients/1538/ads/cbe3c9df4b377c95199f5abca07edd6c.png" /></div> </div> <div class="bx-group bx-group-default bx-group-1006840-QSkCl2Q bx-group-QSkCl2Q" id="bx-group-1006840-QSkCl2Q"> <div class="bx-row bx-row-text bx-row-text-default bx-row-81SYjCt bx-element-1006840-81SYjCt" id="bx-element-1006840-81SYjCt"> <div>Spin to unlock your</div> </div> <div class="bx-row bx-row-line bx-row-line-default bx-row-BWh2Rvd bx-element-1006840-BWh2Rvd" id="bx-element-1006840-BWh2Rvd"> <div class="bx-lineshape">&nbsp;</div> </div> <div class="bx-row bx-row-text bx-row-text-default bx-row-E5OSaTk bx-element-1006840-E5OSaTk" id="bx-element-1006840-E5OSaTk"> <div>Mystery Offer</div> </div> <div class="bx-row bx-row-submit bx-row-submit-default bx-row-H1ritI1 bx-element-1006840-H1ritI1" id="bx-element-1006840-H1ritI1"><button class="bx-button" data-click="submit" data-submit-force="0" data-submit-jump="0" type="button">Spin to Win</button></div> <div class="bx-row bx-row-text bx-row-text-nothanks bx-row-hOQ6Kzo bx-element-1006840-hOQ6Kzo" id="bx-element-1006840-hOQ6Kzo"> <div><a class="bx-close-link" data-click="close" href="javascript:void(0)" target="">No thanks </a></div> </div> </div> </form> </div> <div class="bx-step bx-step-2 bx-step-XjoUAxI bx-step-1006840-2 bx-tail-placement-hidden" data-close-placement="inside" id="bx-step-1006840-2"> <form action="https://api.bounceexchange.com/capture/submit" bx-novalidate="true" id="bx-form-1006840-step-2" method="post" onreset="bouncex.close_ad(1006840); return false" onsubmit="return bouncex.submitCampaignStep(1006840); return false"><input name="campaign_id" type="hidden" value="1006840" /> <div class="bx-group bx-group-default bx-group-1006840-nUVIG50 bx-group-nUVIG50" id="bx-group-1006840-nUVIG50"> <div class="bx-row bx-row-image bx-row-image-spinner bx-row-EWhQI5j bx-element-1006840-EWhQI5j" id="bx-element-1006840-EWhQI5j"><img alt="" src="//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/5130c464afe6735f00afbf4b254ed339.png" /></div> <div class="bx-row bx-row-image bx-row-image-default bx-row-42YqH92 bx-element-1006840-42YqH92" id="bx-element-1006840-42YqH92"><img alt="" src="//assets.bounceexchange.com/assets/uploads/clients/1538/ads/cbe3c9df4b377c95199f5abca07edd6c.png" /></div> </div> <div class="bx-group bx-group-default bx-group-1006840-oojJoqT bx-group-oojJoqT" id="bx-group-1006840-oojJoqT"> <div class="bx-row bx-row-text bx-row-text-default bx-row-4OdLSAF bx-element-1006840-4OdLSAF" id="bx-element-1006840-4OdLSAF"> <div>Spin to unlock your</div> </div> <div class="bx-row bx-row-line bx-row-line-default bx-row-Nc7Djec bx-element-1006840-Nc7Djec" id="bx-element-1006840-Nc7Djec"> <div class="bx-lineshape">&nbsp;</div> </div> <div class="bx-row bx-row-text bx-row-text-headline bx-row-taeL9L5 bx-element-1006840-taeL9L5" id="bx-element-1006840-taeL9L5"> <div>MYSTERY OFFER</div> </div> <div class="bx-row bx-row-submit bx-row-submit-default bx-row-JpItcSv bx-element-1006840-JpItcSv" id="bx-element-1006840-JpItcSv"><button class="bx-button" data-click="submit" data-submit-force="0" data-submit-jump="0" type="button">Spin to Win</button></div> <div class="bx-row bx-row-text bx-row-text-default bx-row-CeLcho8 bx-element-1006840-CeLcho8" id="bx-element-1006840-CeLcho8"> <div><a class="bx-close-link" data-click="close" href="javascript:void(0)" target="">No thanks </a></div> </div> </div> <div class="bx-group bx-group-default bx-group-1006840-P5t8W04 bx-group-P5t8W04" id="bx-group-1006840-P5t8W04"> <div class="bx-row bx-row-text bx-row-text-default bx-row-qaoNQmZ bx-element-1006840-qaoNQmZ" id="bx-element-1006840-qaoNQmZ"> <div>&nbsp;</div> </div> </div> </form> </div> <div class="bx-step bx-step-3 bx-step-9m8AnXr bx-step-1006840-3 bx-tail-placement-hidden" data-close-placement="inside" id="bx-step-1006840-3"> <form action="https://api.bounceexchange.com/capture/submit" bx-novalidate="true" id="bx-form-1006840-step-3" method="post" onreset="bouncex.close_ad(1006840); return false" onsubmit="return bouncex.submitCampaignStep(1006840); return false"><input name="campaign_id" type="hidden" value="1006840" /> <div class="bx-group bx-group-default bx-group-1006840-BdWrNjo bx-group-BdWrNjo" id="bx-group-1006840-BdWrNjo"><input class="bx-el bx-input bx-input-hidden" data-cpn-default="DKAF-8DAE-QWNE" data-cpn-set="15_percent_off_new" name="bounce_coupon" no-whitespace=" " type="hidden" value="bx-cpn-not-loaded" /> <input class="bx-el bx-input bx-input-hidden" name="country" type="hidden" value="in" /> <input class="bx-el bx-input bx-input-hidden" name="entry_point" type="hidden" value="BX_INTLOFFER" /> <div class="bx-row bx-row-text bx-row-text-subheadline bx-row-jjPblJq bx-element-1006840-jjPblJq" id="bx-element-1006840-jjPblJq"> <div>You&#39;ve Unlocked</div> </div> <div class="bx-row bx-row-line bx-row-line-thin bx-row-hMQR2Fx bx-element-1006840-hMQR2Fx" id="bx-element-1006840-hMQR2Fx"> <div class="bx-lineshape">&nbsp;</div> </div> <div class="bx-row bx-row-text bx-row-text-headline bx-row-XHcYZsu bx-element-1006840-XHcYZsu" id="bx-element-1006840-XHcYZsu"> <div>15% off</div> </div> <div class="bx-row bx-row-text bx-row-text-default bx-row-B9UdUNm bx-element-1006840-B9UdUNm" id="bx-element-1006840-B9UdUNm"> <div>YOUR FIRST ONLINE PURCHASE</div> </div> <div class="bx-row bx-row-text bx-row-text-default bx-row-MBvsaqH bx-element-1006840-MBvsaqH" id="bx-element-1006840-MBvsaqH"> <div>Enter your email below to activate your code</div> </div> </div> <div class="bx-group bx-group-default bx-group-1006840-kbarPlv bx-group-kbarPlv" id="bx-group-1006840-kbarPlv"> <div class="bx-row bx-row-input bx-row-input-default bx-row-GyWXo6Y bx-element-1006840-GyWXo6Y" id="bx-element-1006840-GyWXo6Y"> <div class="bx-inputwrap"><input aria-required="true" class="bx-el bx-input" id="bx-element-1006840-GyWXo6Y-input" name="email" placeholder="Email address" required="" type="email" /></div> <div class="bx-vtext bx-error-1006840-email" id="bx-error-1006840-email">Please enter above</div> </div> <div class="bx-row bx-row-submit bx-row-submit-default bx-row-UDuqsCY bx-element-1006840-UDuqsCY" id="bx-element-1006840-UDuqsCY"><button class="bx-button" data-click="submit" data-submit-force="0" data-submit-jump="0" type="submit">Unlock my 15% off</button></div> <div class="bx-row bx-row-text bx-row-text-default bx-row-rtcZqgc bx-element-1006840-rtcZqgc" id="bx-element-1006840-rtcZqgc"> <div><a class="bx-close-link" data-click="close" href="javascript:void(0)" target="">No thanks </a></div> </div> </div> <div class="bx-group bx-group-default bx-group-1006840-o5yVXad bx-group-o5yVXad" id="bx-group-1006840-o5yVXad"> <div class="bx-row bx-row-text bx-row-text-default bx-row-s7CDZFF bx-element-1006840-s7CDZFF" id="bx-element-1006840-s7CDZFF"> <div>*By entering your email address you will receive email updates and special promotional offers to get the full Tarte treatment. <a href="/privacy-policy " target="_blank"> Privacy Policy </a> .</div> </div> </div> <input aria-hidden="true" autocomplete="carb-trap" class="bx-input bx-carb-trap" name="carb-trap" tabindex="-1" type="input" />&nbsp;</form> </div> <div class="bx-step bx-step-4 bx-step-uaJyJie bx-step-1006840-4 bx-tail-placement-hidden" data-close-placement="inside" id="bx-step-1006840-4"> <form action="https://api.bounceexchange.com/capture/submit" bx-novalidate="true" id="bx-form-1006840-step-4" method="post" onreset="bouncex.close_ad(1006840); return false" onsubmit="return bouncex.submitCampaignStep(1006840); return false"><input name="campaign_id" type="hidden" value="1006840" /> <div class="bx-group bx-group-default bx-group-1006840-AgZLVGV bx-group-AgZLVGV" id="bx-group-1006840-AgZLVGV"> <div class="bx-row bx-row-text bx-row-text-subheadline bx-row-yISxdNE bx-element-1006840-yISxdNE" id="bx-element-1006840-yISxdNE"> <div>USE CODE:</div> </div> <div class="bx-row bx-row-coupon bx-row-coupon-default bx-row-tFKSHXL bx-element-1006840-tFKSHXL" id="bx-element-1006840-tFKSHXL"> <div><span class="coupon bx-cpn-not-loaded" data-cpn-default="" data-cpn-set="15_percent_off_new" id="" name="15_percent_off_new">DKAF-8DAE-QWNE </span></div> </div> </div> <div class="bx-group bx-group-default bx-group-1006840-24KPOAa bx-group-24KPOAa" id="bx-group-1006840-24KPOAa"> <div class="bx-row bx-row-line bx-row-line-default bx-row-2BEaAuF bx-element-1006840-2BEaAuF" id="bx-element-1006840-2BEaAuF"> <div class="bx-lineshape">&nbsp;</div> </div> </div> <div class="bx-group bx-group-default bx-group-1006840-vgBZyeX bx-group-vgBZyeX" id="bx-group-1006840-vgBZyeX"> <div class="bx-row bx-row-text bx-row-text-headline bx-row-KajHxse bx-element-1006840-KajHxse" id="bx-element-1006840-KajHxse"> <div>for 15% off</div> </div> <div class="bx-row bx-row-text bx-row-text-default bx-row-ys5G938 bx-element-1006840-ys5G938" id="bx-element-1006840-ys5G938"> <div> UPPER FACE TREATMENTS AND LIP FILLERS</div> </div> </div> <div class="bx-group bx-group-default bx-group-1006840-a87XRLD bx-group-a87XRLD" id="bx-group-1006840-a87XRLD"> <div class="bx-row bx-row-submit bx-row-submit-default bx-row-6b91HrN bx-element-1006840-6b91HrN" id="bx-element-1006840-6b91HrN"><a class="bx-button" data-click="hyperlink" href="/services" target="">SEE ALL OF OUR SERVICES </a></div> </div> </form> </div> </div> </div> </div> </div> <a class="bx-close bx-close-link bx-close-outside" data-click="close" href="javascript:void(0)" id="bx-close-outside-1006840"><svg class="bx-close-xsvg" viewbox="240 240 20 20"> <g class="bx-close-xstroke bx-close-x-adaptive"> <path class="bx-close-x-adaptive-1" d="M255.6 255.6l-11.2-11.2" vector-effect="non-scaling-stroke"> </path> <path class="bx-close-x-adaptive-2" d="M255.6 244.4l-11.2 11.2" vector-effect="non-scaling-stroke"> </path> </g> </svg> </a> <div class="bx-ally-label"><a class="bx-close bx-close-link bx-close-outside" data-click="close" href="javascript:void(0)" id="bx-close-outside-1006840">close dialog </a></div> <a class="bx-close bx-close-link bx-close-outside" data-click="close" href="javascript:void(0)" id="bx-close-outside-1006840"> </a></div> <style> .design-layer.vcenter,.layer-wiziwig,.design-layer .frame-container { width: 100% !important; height: 100% !important; } @media all and (max-width: 1401px) { .bx-slab { transform: scale(0.8) !important; } .bxc.bx-base.bx-type-overlay .bx-slab{ top: -30px !important; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse>*:first-child { font-size: 50px !important; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-4 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-yISxdNE>*:first-child { font-size: 14px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-tFKSHXL>*:first-child { font-size: 30px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-tFKSHXL>*:first-child { font-size: 30px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse>*:first-child { font-size: 42px !important; } } @media screen and (min-width: 140px) and (max-width: 161px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.318; -ms-transform: scale(1); } } @media screen and (min-width: 161px) and (max-width: 182px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.37; -ms-transform: scale(1); } } @media screen and (min-width: 182px) and (max-width: 203px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.422; -ms-transform: scale(1); } } @media screen and (min-width: 203px) and (max-width: 224px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.475; -ms-transform: scale(1); } } @media screen and (min-width: 224px) and (max-width: 245px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.527; -ms-transform: scale(1); } } @media screen and (min-width: 245px) and (max-width: 266px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.579; -ms-transform: scale(1); } } @media screen and (min-width: 266px) and (max-width: 287px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.631; -ms-transform: scale(1); } } @media screen and (min-width: 287px) and (max-width: 308px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.684; -ms-transform: scale(1); } } @media screen and (min-width: 308px) and (max-width: 329px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.736; -ms-transform: scale(1); } } @media screen and (min-width: 329px) and (max-width: 350px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.788; -ms-transform: scale(1); } } @media screen and (min-width: 350px) and (max-width: 371px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.84; -ms-transform: scale(1); } } @media screen and (min-width: 371px) and (max-width: 392px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.893; -ms-transform: scale(1); } } @media screen and (min-width: 392px) and (max-width: 413px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.945; -ms-transform: scale(1); } } @media screen and (min-width: 140px) and (max-width: 413px) and (orientation: portrait) { @supports not (zoom: 1) { .bx-custom.bx-campaign-1006840 .bx-creative { max-width: 100%; } } } /* Micro breakpoints 140 to 711*/ @media screen and (min-width: 140px) and (max-width: 160px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.182; -ms-transform: scale(1); } } @media screen and (min-width: 161px) and (max-width: 180px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.212; -ms-transform: scale(1); } } @media screen and (min-width: 181px) and (max-width: 201px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.241; -ms-transform: scale(1); } } @media screen and (min-width: 202px) and (max-width: 221px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.271; -ms-transform: scale(1); } } @media screen and (min-width: 222px) and (max-width: 241px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.3; -ms-transform: scale(1); } } @media screen and (min-width: 242px) and (max-width: 262px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.328; -ms-transform: scale(1); } } @media screen and (min-width: 263px) and (max-width: 282px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.358; -ms-transform: scale(1); } } @media screen and (min-width: 283px) and (max-width: 303px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.387; -ms-transform: scale(1); } } @media screen and (min-width: 304px) and (max-width: 323px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.417; -ms-transform: scale(1); } } @media screen and (min-width: 324px) and (max-width: 343px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.445; -ms-transform: scale(1); } } @media screen and (min-width: 344px) and (max-width: 364px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.474; -ms-transform: scale(1); } } @media screen and (min-width: 365px) and (max-width: 384px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.504; -ms-transform: scale(1); } } @media screen and (min-width: 385px) and (max-width: 405px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.532; -ms-transform: scale(1); } } @media screen and (min-width: 406px) and (max-width: 425px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.562; -ms-transform: scale(1); } } @media screen and (min-width: 426px) and (max-width: 445px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.591; -ms-transform: scale(1); } } @media screen and (min-width: 446px) and (max-width: 466px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.62; -ms-transform: scale(1); } } @media screen and (min-width: 467px) and (max-width: 486px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.65; -ms-transform: scale(1); } } @media screen and (min-width: 487px) and (max-width: 507px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.678; -ms-transform: scale(1); } } @media screen and (min-width: 508px) and (max-width: 527px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.708; -ms-transform: scale(1); } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse { padding: 0 0 3px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative>*:first-child { width: 700px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative:before { min-height: 600px; } .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative { background-image: url(//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/2628c21fe2a801c9ef36e122c7f8df52.png); } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative:before { min-height: 400px; } .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative { background-image: url(//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/2628c21fe2a801c9ef36e122c7f8df52.png); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-4 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm>*:first-child { font-size: 15px; } } @media screen and (min-width: 528px) and (max-width: 547px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.737; -ms-transform: scale(1); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ { width: 340px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ { padding: 5px 0 0; width: 80%; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ>*:first-child { font-weight: 400; font-size: 10px; line-height: 1.2em; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ>*:first-child { color: white; font-size: 10PX; line-height: 1.2EM; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-P5t8W04 { padding: 10px 0 0; position: static; transform: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-P5t8W04 { position: static; transform: none; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-jjPblJq>*:first-child { font-size: 14px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx { padding: 12px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx { padding: 8px 0; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu>*:first-child { font-size: 50px!important; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu>*:first-child { font-size: 42px!important; } } @media screen and (min-width: 548px) and (max-width: 568px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.765; -ms-transform: scale(1); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5>*:first-child { font-size: 12px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5>*:first-child { font-size: 12px; } } @media screen and (min-width: 569px) and (max-width: 588px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.795; -ms-transform: scale(1); } } @media screen and (min-width: 589px) and (max-width: 609px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.824; -ms-transform: scale(1); } } @media screen and (min-width: 610px) and (max-width: 629px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.854; -ms-transform: scale(1); } } @media screen and (min-width: 630px) and (max-width: 649px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.882; -ms-transform: scale(1); } } @media screen and (min-width: 650px) and (max-width: 670px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.911; -ms-transform: scale(1); } } @media screen and (min-width: 671px) and (max-width: 690px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.941; -ms-transform: scale(1); } } @media screen and (min-width: 691px) and (max-width: 711px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.97; -ms-transform: scale(1); } } @media screen and (min-width: 140px) and (max-width: 711px) and (orientation: landscape) { @supports not (zoom: 1) { .bx-custom.bx-campaign-1006840 .bx-creative { max-width: 100%; } } } /* Micro breakpoints 415 to 696*/ @media screen and (min-width: 415px) and (max-width: 436px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.588; -ms-transform: scale(1); } } @media screen and (min-width: 437px) and (max-width: 458px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.62; -ms-transform: scale(1); } } @media screen and (min-width: 459px) and (max-width: 479px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.652; -ms-transform: scale(1); } } @media screen and (min-width: 480px) and (max-width: 501px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.683; -ms-transform: scale(1); } } @media screen and (min-width: 502px) and (max-width: 523px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.715; -ms-transform: scale(1); } } @media screen and (min-width: 524px) and (max-width: 544px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.747; -ms-transform: scale(1); } } @media screen and (min-width: 545px) and (max-width: 566px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.778; -ms-transform: scale(1); } } @media screen and (min-width: 567px) and (max-width: 587px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.81; -ms-transform: scale(1); } } @media screen and (min-width: 588px) and (max-width: 609px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.84; -ms-transform: scale(1); } } @media screen and (min-width: 610px) and (max-width: 631px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.872; -ms-transform: scale(1); } } @media screen and (min-width: 632px) and (max-width: 652px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.905; -ms-transform: scale(1); } } @media screen and (min-width: 653px) and (max-width: 674px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.935; -ms-transform: scale(1); } } @media screen and (min-width: 675px) and (max-width: 696px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.967; -ms-transform: scale(1); } } @media screen and (min-width: 415px) and (max-width: 696px) and (orientation: portrait) { @supports not (zoom: 1) { .bx-custom.bx-campaign-1006840 .bx-creative { max-width: 100%; } } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu>*:first-child { font-size: 50px !important; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF { width: 340px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF { padding: 5px 0 0; width: 80%; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF>*:first-child { font-weight: 400; font-size: 10px; line-height: 1.2em; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu { padding: 0 0 3px 0; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm>*:first-child { font-size: 15px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm>*:first-child { font-size: 15px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH { padding: 0 0 10px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH { padding: 0 0 12px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH>*:first-child { font-size: 15px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH>*:first-child { font-size: 14px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-kbarPlv { width: 300px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-kbarPlv { padding: 0 0 5px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-GyWXo6Y .bx-el { padding: 12px 12px 12px 50px; font-size: 12px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY { padding: 0px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY { padding: 0px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF>*:first-child { color: white; font-size: 10PX; line-height: 1.2EM; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-o5yVXad { padding: 10px 0 0; position: static; transform: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-o5yVXad { position: static; transform: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY { padding: 0px 0px 12px 0px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938>*:first-child { font-size: 15px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938>*:first-child { font-size: 15px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-a87XRLD { width: 300px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-a87XRLD { padding: 0 0 5px 0; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN { padding: 0px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN { padding: 0px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-GyWXo6Y .bx-el { padding: 12px 12px 12px 50px; font-size: 12px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-GyWXo6Y .bx-el { padding: 12px 12px 12px 50px; font-size: 12px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-kbarPlv { width: 300px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm>*:first-child { font-size: 15px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH { padding: 0 0 10px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH { padding: 0 0 12px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH>*:first-child { font-size: 15px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH>*:first-child { font-size: 14px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-kbarPlv { padding: 0 0 5px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY { padding: 0px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu>*:first-child { font-size: 42px !important; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu { padding: 0 0 3px 0; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx { padding: 12px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx { padding: 8px 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative>*:first-child { width: 700px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative:before { min-height: 600px; } .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative { background-image: url(//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/2628c21fe2a801c9ef36e122c7f8df52.png); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-nUVIG50 { padding: 50px 0 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-nUVIG50 { padding: 50px 0 0; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-42YqH92>*:first-child { width: 60px; top: 65px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-42YqH92>*:first-child { width: 60px; top: 65px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-oojJoqT { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-oojJoqT { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF>*:first-child { font-size: 9px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF>*:first-child { font-size: 9px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5>*:first-child { font-size: 12px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5>*:first-child { font-size: 12px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec { padding: 8px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec { padding: 8px 0px 12px 0px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-P5t8W04 { position: static; transform: none; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ>*:first-child { font-weight: 400; font-size: 10px; line-height: 1.2em; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ>*:first-child { color: white; font-size: 10PX; line-height: 1.2EM; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ { width: 340px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ { padding: 5px 0 0; width: 80%; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-42YqH92>*:first-child { width: 60px; top: 65px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-42YqH92>*:first-child { width: 60px; top: 65px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-oojJoqT { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-oojJoqT { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF>*:first-child { font-size: 9px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF>*:first-child { font-size: 9px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-2 .bx-creative>*:first-child { width: 410px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-2 .bx-creative:before { min-height: 400px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-2 .bx-creative:before { min-height: 400px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-2 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-2 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-nUVIG50 { padding: 50px 0 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-nUVIG50 { padding: 50px 0 0; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF>*:first-child { color: white; font-size: 10PX; line-height: 1.2EM; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF { width: 340px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF { padding: 5px 0 0; width: 80%; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative:before { min-height: 400px; } .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative { background-image: url(//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/2628c21fe2a801c9ef36e122c7f8df52.png); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-a87XRLD { width: 300px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-a87XRLD { padding: 0 0 5px 0; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN { padding: 0px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN { padding: 0px 0px 12px 0px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-3 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-3 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-jjPblJq>*:first-child { font-size: 14px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-P5t8W04 { padding: 10px 0 0; position: static; transform: none; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1 { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1 { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk>*:first-child { font-size: 12px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk>*:first-child { font-size: 12px; } } @media all { .bxc.bx-brand-9289 .bx-group-default { width: 600px; } } @media only screen and (max-width:767px) { input[type=email] { font-size: 16px; font-size: 1rem; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child { font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-o5yVXad { padding: 10px 0 0; position: static; transform: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-o5yVXad { position: static; transform: none; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF>*:first-child { font-weight: 400; font-size: 10px; line-height: 1.2em; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-yISxdNE>*:first-child { font-size: 14px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child { font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child { font-size: 13px; } } @media screen and (min-width: 140px) and (max-width: 161px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.318; -ms-transform: scale(1); } } @media screen and (min-width: 161px) and (max-width: 182px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.37; -ms-transform: scale(1); } } @media screen and (min-width: 182px) and (max-width: 203px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.422; -ms-transform: scale(1); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt>*:first-child { font-size: 9px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt>*:first-child { font-size: 9px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd { padding: 8px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd { padding: 8px 0px 12px 0px; } } @media screen and (min-width: 203px) and (max-width: 224px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.475; -ms-transform: scale(1); } } @media screen and (min-width: 224px) and (max-width: 245px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.527; -ms-transform: scale(1); } } @media screen and (min-width: 245px) and (max-width: 266px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.579; -ms-transform: scale(1); } } @media screen and (min-width: 266px) and (max-width: 287px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.631; -ms-transform: scale(1); } } @media screen and (min-width: 287px) and (max-width: 308px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.684; -ms-transform: scale(1); } } @media screen and (min-width: 308px) and (max-width: 329px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.736; -ms-transform: scale(1); } } @media screen and (min-width: 329px) and (max-width: 350px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.788; -ms-transform: scale(1); } } @media screen and (min-width: 350px) and (max-width: 371px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.84; -ms-transform: scale(1); } } @media screen and (min-width: 371px) and (max-width: 392px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.893; -ms-transform: scale(1); } } @media screen and (min-width: 392px) and (max-width: 413px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 402px; max-width: none; zoom: 0.945; -ms-transform: scale(1); } } @media screen and (min-width: 140px) and (max-width: 160px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.182; -ms-transform: scale(1); } } @media screen and (min-width: 161px) and (max-width: 180px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.212; -ms-transform: scale(1); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-QSkCl2Q { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-QSkCl2Q { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media screen and (min-width: 181px) and (max-width: 201px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.241; -ms-transform: scale(1); } } @media screen and (min-width: 202px) and (max-width: 221px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.271; -ms-transform: scale(1); } } @media screen and (min-width: 222px) and (max-width: 241px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.3; -ms-transform: scale(1); } } @media screen and (min-width: 242px) and (max-width: 262px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.328; -ms-transform: scale(1); } } @media screen and (min-width: 263px) and (max-width: 282px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.358; -ms-transform: scale(1); } } @media screen and (min-width: 283px) and (max-width: 303px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.387; -ms-transform: scale(1); } } @media screen and (min-width: 304px) and (max-width: 323px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.417; -ms-transform: scale(1); } } @media screen and (min-width: 324px) and (max-width: 343px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.445; -ms-transform: scale(1); } } @media screen and (min-width: 344px) and (max-width: 364px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.474; -ms-transform: scale(1); } } @media screen and (min-width: 365px) and (max-width: 384px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.504; -ms-transform: scale(1); } } @media screen and (min-width: 385px) and (max-width: 405px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.532; -ms-transform: scale(1); } } @media screen and (min-width: 406px) and (max-width: 425px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.562; -ms-transform: scale(1); } } @media screen and (min-width: 426px) and (max-width: 445px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.591; -ms-transform: scale(1); } } @media screen and (min-width: 446px) and (max-width: 466px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.62; -ms-transform: scale(1); } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-tFKSHXL>*:first-child { font-size: 30px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-tFKSHXL>*:first-child { font-size: 30px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse>*:first-child { font-size: 50px!important; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse>*:first-child { font-size: 42px!important; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse { padding: 0 0 3px 0; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938>*:first-child { font-size: 15px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938>*:first-child { font-size: 15px; } } @media screen and (min-width: 467px) and (max-width: 486px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.65; -ms-transform: scale(1); } } @media screen and (min-width: 487px) and (max-width: 507px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.678; -ms-transform: scale(1); } } @media screen and (min-width: 508px) and (max-width: 527px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.708; -ms-transform: scale(1); } } @media screen and (min-width: 528px) and (max-width: 547px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.737; -ms-transform: scale(1); } } @media screen and (min-width: 548px) and (max-width: 568px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.765; -ms-transform: scale(1); } } @media screen and (min-width: 569px) and (max-width: 588px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.795; -ms-transform: scale(1); } } @media screen and (min-width: 589px) and (max-width: 609px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.824; -ms-transform: scale(1); } } @media screen and (min-width: 610px) and (max-width: 629px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.854; -ms-transform: scale(1); } } @media screen and (min-width: 630px) and (max-width: 649px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.882; -ms-transform: scale(1); } } @media screen and (min-width: 650px) and (max-width: 670px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.911; -ms-transform: scale(1); } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative>*:first-child { width: 410px; } } @media only screen { .bxc.bx-base .bx-wrap { max-width: 100%; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative:before { min-height: 400px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative:before { min-height: 400px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-OcUXROV>*:first-child { width: 60px; top: 12px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-OcUXROV>*:first-child { width: 60px; top: 13px; } } @media screen and (min-width: 671px) and (max-width: 690px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.941; -ms-transform: scale(1); } } @media screen and (min-width: 691px) and (max-width: 711px) and (orientation: landscape) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 700px; max-width: none; zoom: 0.97; -ms-transform: scale(1); } } @media screen and (min-width: 415px) and (max-width: 436px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.588; -ms-transform: scale(1); } } @media screen and (min-width: 437px) and (max-width: 458px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.62; -ms-transform: scale(1); } } @media screen and (min-width: 459px) and (max-width: 479px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.652; -ms-transform: scale(1); } } @media screen and (min-width: 480px) and (max-width: 501px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.683; -ms-transform: scale(1); } } @media screen and (min-width: 502px) and (max-width: 523px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.715; -ms-transform: scale(1); } } @media screen and (min-width: 524px) and (max-width: 544px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.747; -ms-transform: scale(1); } } @media screen and (min-width: 545px) and (max-width: 566px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.778; -ms-transform: scale(1); } } @media screen and (min-width: 567px) and (max-width: 587px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.81; -ms-transform: scale(1); } } @media screen and (min-width: 588px) and (max-width: 609px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.84; -ms-transform: scale(1); } } @media screen and (min-width: 610px) and (max-width: 631px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.872; -ms-transform: scale(1); } } @media screen and (min-width: 632px) and (max-width: 652px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.905; -ms-transform: scale(1); } } @media screen and (min-width: 653px) and (max-width: 674px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.935; -ms-transform: scale(1); } } @media screen and (min-width: 675px) and (max-width: 696px) and (orientation: portrait) { .bx-custom.bx-campaign-1006840 .bx-creative { width: 685px; max-width: none; zoom: 0.967; -ms-transform: scale(1); } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative>*:first-child { width: 410px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative:before { min-height: 400px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative:before { min-height: 400px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840.bx-active-step-1 .bx-powered>*:first-child { display: none; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-OcUXROV>*:first-child { width: 60px; top: 12px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-OcUXROV>*:first-child { width: 60px; top: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-group-1006840-QSkCl2Q { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-group-1006840-QSkCl2Q { width: 180px; padding: 44px 15px 20px 15px; height: 192px; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt>*:first-child { font-size: 9px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt>*:first-child { font-size: 9px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd { padding: 8px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd { padding: 8px 0px 12px 0px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk>*:first-child { font-size: 12px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk>*:first-child { font-size: 12px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1 { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1 { padding: 0px 0px 12px 0px; width: 130px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child { padding: 10px 5px; font-size: 13px; } } @media all and (max-width: 414px) and (orientation: portrait) { .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec { padding: 8px 0px 12px 0px; } } @media all and (max-width: 736px) and (orientation: landscape) { .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec { padding: 8px 0px 12px 0px; } } .bxc.bx-campaign-1006840 .bx-element-1006840-yISxdNE>*:first-child { font-size: 16px; color: white; } .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative>*:first-child { width: 685px; padding: 0px; } .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative:before { min-height: 685px; } .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative { background-color: transparent; border-style: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-OcUXROV { width: 83px; } .bxc.bx-campaign-1006840 .bx-element-1006840-OcUXROV>*:first-child { top: -20px; position: absolute; width: 82px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bxc.bx-campaign-1006840 .bx-group-1006840-QSkCl2Q { width: 294px; padding: 65px 36px; background-size: cover; left: 50%; position: absolute; height: 315px; background-image: url(//assets.bounceexchange.com/assets/uploads/clients/211/ads/1490db523a8dd024b6069627e8386649.png); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt>*:first-child { font-weight: 600; font-size: 13px; letter-spacing: 0.025em; color: #ce9d00; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd>*:first-child { background-color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd { width: 90px; padding: 12px 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk { width: auto; padding: 0 0 15px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk>*:first-child { font-weight: 700; font-size: 30px; letter-spacing: 0.025em; color: #006068; text-transform: uppercase; line-height: 0.95em; font-style: normal; text-decoration: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1 { padding: 0 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child:hover { background-color: #064045; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child { font-weight: 400; font-size: 16px; letter-spacing: 0.025em; text-decoration: underline; font-style: italic; color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child:hover { color: rgb(147, 147, 147); } .bxc.bx-campaign-1006840.bx-active-step-2 .bx-creative>*:first-child { width: 685px; padding: 0px; } .bxc.bx-campaign-1006840.bx-active-step-2 .bx-creative:before { min-height: 685px; } .bxc.bx-campaign-1006840.bx-active-step-2 .bx-creative { background-color: transparent; border-style: none; background-image: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-EWhQI5j>*:first-child { animation-iteration-count: 1; animation-duration: 4000ms; animation-fill-mode: forwards; } .bxc.bx-campaign-1006840 .bx-element-1006840-42YqH92 { width: 83px; } .bxc.bx-campaign-1006840 .bx-element-1006840-42YqH92>*:first-child { top: -20px; position: absolute; width: 82px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bxc.bx-campaign-1006840 .bx-group-1006840-oojJoqT { width: 294px; padding: 65px 36px; background-size: cover; left: 50%; position: absolute; height: 315px; background-image: url(//assets.bounceexchange.com/assets/uploads/clients/211/ads/1490db523a8dd024b6069627e8386649.png); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF>*:first-child { font-weight: 500; font-size: 13px; letter-spacing: 0.025em; color: #ce9d00; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec>*:first-child { background-color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec { width: 90px; padding: 12px 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5 { width: auto; padding: 0 0 15px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5>*:first-child { font-weight: 700; font-size: 30px; letter-spacing: 0.025em; color: #006068; text-transform: uppercase; line-height: 0.95em; font-style: normal; text-decoration: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv { padding: 0 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; border-color: #ff3561; border-width: 4px; } .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child:hover { background-color: #064045; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8 { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child { font-weight: 400; font-size: 16px; letter-spacing: 0.025em; text-decoration: underline; font-style: italic; color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child:hover { color: rgb(147, 147, 147); } .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative>*:first-child { width: 685px; padding: 0px; } .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative:before { min-height: 685px; } .bxc.bx-campaign-1006840.bx-active-step-3 .bx-creative { background-color: transparent; border-style: none; background-image: url(//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/8f6005c979bbb9ac1d8ff53b7e3599f3.png); } .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ>*:first-child { font-weight: 400; font-size: 11px; line-height: 1.4em; color: white; } .bxc.bx-campaign-1006840 .bx-group-1006840-P5t8W04 { position: absolute; transform: translate(0%, 100%); left: 0px; bottom: -15px; width: 100%; } .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ { width: 70%; } .bxc.bx-campaign-1006840 .bx-element-1006840-jjPblJq>*:first-child { font-size: 16px; } .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx { padding: 12px 0; width: 90px; } .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx>*:first-child { background-color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu>*:first-child { font-size: 66px !important; } .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu { padding: 0 0 5px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm { width: 100%; padding: 0 0 15px; } .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm>*:first-child { font-weight: 500; font-size: 23px; letter-spacing: 0.025em; color: white; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH { padding: 0 0 24px; } .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH>*:first-child { font-weight: 400; color: white; text-transform: lowercase; } .bxc.bx-campaign-1006840 .bx-group-1006840-kbarPlv { width: 262px; } .bxc.bx-campaign-1006840 .bx-element-1006840-GyWXo6Y { padding: 0 0 12px; } .bxc.bx-campaign-1006840 .bx-element-1006840-GyWXo6Y .bx-el { padding: 15px; background-image: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY { padding: 0 0 10px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; border-color: #ff3561; border-width: 4px; } .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child:hover { background-color: #064045; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child { font-weight: 400; font-size: 16px; letter-spacing: 0.025em; text-decoration: underline; font-style: italic; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child:hover { color: rgb(147, 147, 147); } .bxc.bx-campaign-1006840 .bx-group-1006840-o5yVXad { position: absolute; transform: translate(0%, 100%); left: 0px; bottom: -15px; width: 100%; } .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF>*:first-child { font-weight: 400; font-size: 11px; line-height: 1.4em; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF { width: 70%; } .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative>*:first-child { width: 685px; padding: 0px; } .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative:before { min-height: 685px; } .bxc.bx-campaign-1006840.bx-active-step-4 .bx-creative { background-color: transparent; border-style: none; background-image: url(//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/8f6005c979bbb9ac1d8ff53b7e3599f3.png); } .bxc.bx-campaign-1006840 .bx-element-1006840-yISxdNE>*:first-child { font-size: 16px; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-yISxdNE { padding: 0 0 10px; } .bxc.bx-campaign-1006840 .bx-element-1006840-tFKSHXL>*:first-child { font-size: 35px; color: white; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); } .bxc.bx-campaign-1006840 .bx-element-1006840-2BEaAuF>*:first-child { background-color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-2BEaAuF { width: 90px; padding: 10px 0 16px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse>*:first-child { font-size: 66px !important; } .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse { padding: 0 0 5px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938 { width: 100%; padding: 0 0 15px; } .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938>*:first-child { font-weight: 500; font-size: 23px; letter-spacing: 0.025em; color: white; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN { padding: 0 0 10px 0; } .bxc.bx-campaign-1006840 .bx-group-1006840-a87XRLD { width: 262px; } .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; border-color: #ff3561; border-width: 4px; } .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child:hover { background-color: #064045; color: white; } body>#___ratingbadge_0 { z-index: 2147483627 !important; } .brdialog { visibility: hidden; } #bx-campaign-1006840 .bx-row-image-spinner img { animation-name: bx-anim-1006840-spin-15; } a { background: transparent; } a:active, a:hover { outline: 0; } img { border: 0; } svg:not(:root) { overflow: hidden; } button, input { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button { text-transform: none; } button { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } img { max-width: 100vw; } a { text-decoration: underline; outline: medium none; cursor: pointer; } a, a:hover { color: #ce9d00; } a:hover { text-decoration: none; } button { cursor: pointer; display: inline-block; box-sizing: border-box; line-height: 1em; padding: .5625rem 30px; min-height: 2.1875rem; font-family: Gotham Bold, Arial, sans-serif; font-size: 13px; font-size: .8125rem; letter-spacing: .1em; border-radius: 0; text-align: center; text-decoration: none; text-transform: uppercase; transition: all .3s ease; color: #fff; background-color: #006068; border: 2px solid #006068; } button:active, button:focus, button:hover { text-decoration: none; } button:focus { outline: none; } button:active, button:focus, button:hover { color: #006068; background-color: #fff; border-color: #006068; } input[type=email] { box-sizing: border-box; height: 2.1875rem; font-size: 12px; padding: .625rem .6875rem; border: 1px solid #ccc; border-radius: 1px; text-indent: 0; letter-spacing: .3px; width: 100%; } /*! CSS Used from: Embedded */ .bxc svg:not(:root) { overflow: hidden; } .bxc, .bxc button { text-transform: none; } .bxc a, .bxc a:active, .bxc a:focus, .bxc a:hover, .bxc.bx-base .bx-close:hover { text-decoration: none; } .bxc a { background-color: transparent; } .bxc a:active, .bxc a:hover { outline: 0; } .bxc img { border: 0; } .bxc button, .bxc input { color: inherit; font: inherit; margin: 0; } .bxc button { overflow: visible; } .bxc button { -webkit-appearance: button; cursor: pointer; } .bxc button::-moz-focus-inner, .bxc input::-moz-focus-inner { border: 0; padding: 0; } .bxc input { line-height: normal; } .bxc { -ms-text-size-adjust: auto; -webkit-text-size-adjust: auto; font-family: Helvetica, sans-serif; font-size: 0; text-align: center; text-indent: 0; text-overflow: clip; text-rendering: optimizeLegibility; text-shadow: none; line-height: 1; letter-spacing: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: normal; } .bxc * { box-sizing: border-box; } .bxc a { color: inherit; display: inline-block; } .bxc a:focus { outline: 0; } .bxc form { margin: 0; } .bxc img, .bxc svg { display: inline-block; max-width: 100%; height: auto; } .bxc button, .bxc input { display: block; text-rendering: inherit; } .bxc.bx-base { display: block!important; visibility: hidden; } .bxc.bx-base.bx-impress { visibility: visible!important; } .bxc.bx-base .bx-matte, .bxc.bx-base .bx-shroud { display: none; pointer-events: auto; } .bxc.bx-base .bx-hover-shroud, .bxc.bx-base .bx-slab { pointer-events: none; } .bxc.bx-base .bx-shroud { background-color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; opacity: .75; } .bxc.bx-base .bx-hover-shroud, .bxc.bx-base .bx-shroud { position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .bxc.bx-base .bx-align { max-width: 100%; max-height: 100%; pointer-events: auto; } .bxc.bx-base .bx-creative { position: relative; display: inline-block; max-width: 100%; max-height: none; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .bxc.bx-base .bx-step { display: none; } .bxc.bx-base .bx-step.bx-active-step { display: block; } .bxc.bx-base.bx-type-overlay .bx-slab { position: fixed; top: 0; right: 0; left: 0; z-index: 2147483645; overflow: hidden; text-align: center; pointer-events: auto; transform: translateY(20%); } .bxc.bx-base.bx-type-overlay .bx-slab:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; margin-right: -.25em; } .bxc.bx-base.bx-type-overlay .bx-shroud { z-index: 2147483644; } .bxc.bx-base.bx-type-overlay .bx-align { display: inline-block; vertical-align: middle; padding: 6px; } .bxc.bx-base.bx-type-overlay .bx-creative { z-index: 2147483645; background-image: url(https://assets.bounceexchange.com/assets/uploads/clients/1547/creatives/8f6005c979bbb9ac1d8ff53b7e3599f3.png); } .bxc.bx-base.bx-type-overlay .bx-creative:before { min-height: 300px; } .bxc.bx-base.bx-type-overlay.bx-impress .bx-shroud { display: block; } .bxc.bx-base .bx-creative { margin: 0 auto; text-align: center; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .bxc.bx-base .bx-creative:before { content: ""; display: inline-block; width: 0; vertical-align: middle; } .bxc.bx-base .bx-step, .bxc.bx-base .bx-wrap, .bxc.bx-base form { text-align: inherit; } .bxc.bx-base .bx-wrap { display: inline-block; vertical-align: middle; margin: 0 auto; width: 650px; padding: 10px; } .bxc.bx-base form:focus { outline: 0; } .bxc.bx-base .bx-group, .bxc.bx-base .bx-row { display: inline-block; width: 100%; vertical-align: middle; } .bxc.bx-base .bx-row>:first-child { float: none; height: auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .bxc.bx-base .bx-row-image { line-height: 0; } .bxc.bx-base .bx-row-image img { width: 100%; } .bxc.bx-base .bx-row-text { color: #a1a1a1; font-size: 14px; cursor: default; line-height: 0; } .bxc.bx-base .bx-row-text>* { line-height: 1; } .bxc.bx-base .bx-row-text a { color: inherit; display: inline-block; } .bxc.bx-base .bx-row-line .bx-lineshape { height: 1px; background-color: #a1a1a1; } .bxc.bx-base .bx-row-coupon { color: #a0a0a0; font-size: 24px; font-weight: 100; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .bxc.bx-base .bx-close:focus { box-shadow: 0 0 0 2px #91c7ed; } .bxc.bx-base .bx-row-submit .bx-button { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; text-align: center; cursor: pointer; background-color: #666; border: none; font-size: 20px; border-radius: 0; color: #fff; padding: 1em; } .bxc.bx-base .bx-row-submit .bx-button:hover { outline: 0; } .bxc.bx-base .bx-row-submit .bx-button:focus { outline: 1px; } .bxc.bx-base .bx-row-submit .bx-button:active { outline: 0; top: 1px; } .bxc.bx-base .bx-row-input [type=email] { width: 100%; height: auto; font-size: 14px; text-align: left; border-radius: 0; outline: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #c4c4c4; color: #a0a0a0; background-color: #fff; padding: 1.5em; background-position: 10px 50%; background-repeat: no-repeat; background-size: auto; -ms-transition: none!important; -webkit-transition: padding .07s ease-in-out; transition: padding .07s ease-in-out; } .bxc.bx-base .bx-row-input [type=email]::-ms-clear { width: 0; height: 0; } .bxc.bx-base .bx-row-input [type=email]:hover { cursor: auto; } .bxc.bx-base .bx-row-input [type=email]:focus { border-color: #91c7ed; background-color: #e6f5ff; color: #464545; outline: 0; } .bxc.bx-base .bx-inputwrap { position: relative; } .bxc.bx-base .bx-vtext { display: none; font-size: 10px; text-align: left; line-height: 1.35; position: absolute; z-index: 3; } .bxc.bx-base .bx-vtext { padding: 4px; padding-bottom: inherit; bottom: 0; pointer-events: none; text-transform: none; font-style: normal; font-weight: 400; letter-spacing: normal; font-family: Helvetica, Arial, sans-serif; } .bxc.bx-base .bx-carb-trap.bx-input { opacity: 0; width: 0; height: 0; padding: 0; border: 0; overflow: hidden; } .bxc.bx-base .bx-close { z-index: 2147483647; text-align: center; vertical-align: middle; display: none; position: absolute; cursor: pointer; top: 12px; right: 12px; width: 26px; height: 26px; border-width: 0; border-radius: 50%; padding: 2px; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; stroke-width: 2px; stroke: #b3b3b3; stroke-linejoin: miter; stroke-miterlimit: 10; stroke-linecap: butt; } .bxc.bx-base .bx-close.bx-close-outside { position: fixed; } .bxc.bx-base.bx-has-close-inside .bx-close.bx-close-inside { display: block; } .bxc.bx-base .bx-close .bx-close-xsvg { display: block; stroke: inherit; stroke-width: inherit; stroke-opacity: inherit; stroke-miterlimit: inherit; stroke-linecap: inherit; stroke-linejoin: inherit; stroke-dasharray: inherit; stroke-dashoffset: inherit; } .bxc.bx-base .bx-ally-label { width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; opacity: 0; position: fixed; z-index: -1; } .bxc.bx-base .bx-ally-label { position: absolute; } /*! CSS Used from: Embedded */ .bx-custom.bx-brand-9289 .bx-row, .bx-custom.bx-brand-9289 .bx-group { max-width: 100%; } .bx-custom.bx-brand-9289 .bx-row { padding: 5px; } .bx-custom.bx-brand-9289 .bx-row-image { padding: 0; } .bx-custom.bx-brand-9289 .bx-button { transition: none; } .bxc.bx-brand-9289 .bx-creative>*:first-child { width: 800px; padding: 60px 40px; } .bxc.bx-brand-9289 .bx-creative:before { min-height: 525px; } .bxc.bx-brand-9289 .bx-creative { background-color: #ce9d00; } .bxc.bx-brand-9289 .bx-shroud { background-size: cover; } .bxc.bx-brand-9289 .bx-close { stroke: rgb(255, 255, 255); } .bxc.bx-brand-9289 .bx-row-text-default>*:first-child { font-size: 14px; color: white; font-family: Avenir, Gotham Book, Arial, sans-serif; font-weight: normal; } .bxc.bx-brand-9289 .bx-row-line-default { width: 200px; } .bxc.bx-brand-9289 .bx-row-line-default>*:first-child { background-color: rgb(255, 255, 255); } .bxc.bx-brand-9289 .bx-row-text-headline>*:first-child { font-size: 60px; color: rgb(255, 255, 255); font-family: Avenir, Gotham Medium, Arial, sans-serif; font-weight: 500; } .bxc.bx-brand-9289 .bx-row-text-subheadline>*:first-child { font-size: 24px; color: rgb(255, 255, 255); font-family: Avenir, Gotham Book, Arial, sans-serif; font-weight: 400; } .bxc.bx-brand-9289 .bx-row-coupon-default { width: auto; padding: 2px 4px; } .bxc.bx-brand-9289 .bx-row-coupon-default>*:first-child { padding: 9px 16px 7px; border-style: solid; font-weight: 500; color: #006068; border-color: white; background-color: white; font-family: Avenir, Gotham Medium, Arial, sans-serif; } .bxc.bx-brand-9289 .bx-group-default { padding: 2px; } .bxc.bx-brand-9289 .bx-row-input-default { width: 100%; } .bxc.bx-brand-9289 .bx-row-input-default .bx-el { border-style: none; padding: 18px 18px 18px 58px; background-image: url(//assets.bounceexchange.com/assets/uploads/clients/1547/creatives/3bdec7925a1a26718d0c9a5153929e91.png); background-position: 18px; background-size: 30px; font-family: Avenir, Gotham Book, Arial, sans-serif; font-weight: 400; } .bxc.bx-brand-9289 .bx-row-input-default .bx-el:focus { background-color: rgb(255, 255, 255); } .bxc.bx-brand-9289 .bx-row-submit-default>*:first-child { border-style: solid; border-color: #006068; border-width: 3px; background-color: #006068; font-family: Avenir, Gotham Medium, Arial, sans-serif; font-weight: 500; letter-spacing: 0.025em; text-transform: uppercase; transition: none; min-height: 0; } /*! CSS Used from: Embedded */ .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative>*:first-child { width: 685px; padding: 0px; } .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative:before { min-height: 685px; } .bxc.bx-campaign-1006840.bx-active-step-1 .bx-creative { background-color: transparent; border-style: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-OcUXROV { width: 83px; } .bxc.bx-campaign-1006840 .bx-group-1006840-QSkCl2Q { width: 294px; padding: 65px 36px; background-size: cover; left: 50%; position: absolute; height: 315px; background-image: url(//assets.bounceexchange.com/assets/uploads/clients/211/ads/1490db523a8dd024b6069627e8386649.png); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-81SYjCt>*:first-child { font-weight: 600; font-size: 13px; letter-spacing: 0.025em; color: #ce9d00; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd>*:first-child { background-color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-BWh2Rvd { width: 90px; padding: 12px 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk { width: auto; padding: 0 0 15px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-E5OSaTk>*:first-child { font-weight: 700; font-size: 30px; letter-spacing: 0.025em; color: #006068; text-transform: uppercase; line-height: 0.95em; font-style: normal; text-decoration: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1 { padding: 0 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-H1ritI1>*:first-child:hover { background-color: #064045; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child { font-weight: 400; font-size: 16px; letter-spacing: 0.025em; text-decoration: underline; font-style: italic; color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-hOQ6Kzo>*:first-child:hover { color: rgb(147, 147, 147); } .bxc.bx-campaign-1006840 .bx-element-1006840-EWhQI5j>*:first-child { animation-iteration-count: 1; animation-duration: 4000ms; animation-fill-mode: forwards; } .bxc.bx-campaign-1006840 .bx-element-1006840-42YqH92 { width: 83px; } .bxc.bx-campaign-1006840 .bx-group-1006840-oojJoqT { width: 294px; padding: 65px 36px; background-size: cover; left: 50%; position: absolute; height: 315px; background-image: url(//assets.bounceexchange.com/assets/uploads/clients/211/ads/1490db523a8dd024b6069627e8386649.png); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-4OdLSAF>*:first-child { font-weight: 500; font-size: 13px; letter-spacing: 0.025em; color: #ce9d00; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec>*:first-child { background-color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-Nc7Djec { width: 90px; padding: 12px 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5 { width: auto; padding: 0 0 15px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-taeL9L5>*:first-child { font-weight: 700; font-size: 30px; letter-spacing: 0.025em; color: #006068; text-transform: uppercase; line-height: 0.95em; font-style: normal; text-decoration: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv { padding: 0 0 20px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; border-color: #ff3561; border-width: 4px; } .bxc.bx-campaign-1006840 .bx-element-1006840-JpItcSv>*:first-child:hover { background-color: #064045; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8 { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child { font-weight: 400; font-size: 16px; letter-spacing: 0.025em; text-decoration: underline; font-style: italic; color: #064045; } .bxc.bx-campaign-1006840 .bx-element-1006840-CeLcho8>*:first-child:hover { color: rgb(147, 147, 147); } .bxc.bx-campaign-1006840 .bx-group-1006840-P5t8W04 { position: absolute; transform: translate(0%, 100%); left: 0px; bottom: -15px; width: 100%; } .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ>*:first-child { font-weight: 400; font-size: 11px; line-height: 1.4em; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-qaoNQmZ { width: 70%; } .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu { padding: 0 0 5px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-jjPblJq>*:first-child { font-size: 16px; } .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx { padding: 12px 0; width: 90px; } .bxc.bx-campaign-1006840 .bx-element-1006840-hMQR2Fx>*:first-child { background-color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-XHcYZsu>*:first-child { font-size: 66px!important; } .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm { width: 100%; padding: 0 0 15px; } .bxc.bx-campaign-1006840 .bx-element-1006840-B9UdUNm>*:first-child { font-weight: 500; font-size: 23px; letter-spacing: 0.025em; color: white; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH { padding: 0 0 24px; } .bxc.bx-campaign-1006840 .bx-element-1006840-MBvsaqH>*:first-child { font-weight: 400; color: white; text-transform: lowercase; } .bxc.bx-campaign-1006840 .bx-group-1006840-kbarPlv { width: 262px; } .bxc.bx-campaign-1006840 .bx-element-1006840-GyWXo6Y { padding: 0 0 12px; } .bxc.bx-campaign-1006840 .bx-element-1006840-GyWXo6Y .bx-el { padding: 15px; background-image: none; } .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY { padding: 0 0 10px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; border-color: #ff3561; border-width: 4px; } .bxc.bx-campaign-1006840 .bx-element-1006840-UDuqsCY>*:first-child:hover { background-color: #064045; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc { width: auto; } .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child { font-weight: 400; font-size: 16px; letter-spacing: 0.025em; text-decoration: underline; font-style: italic; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-rtcZqgc>*:first-child:hover { color: rgb(147, 147, 147); } .bxc.bx-campaign-1006840 .bx-group-1006840-o5yVXad { position: absolute; transform: translate(0%, 100%); left: 0px; bottom: -15px; width: 100%; } .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF>*:first-child { font-weight: 400; font-size: 11px; line-height: 1.4em; color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-s7CDZFF { width: 70%; } .bxc.bx-campaign-1006840 .bx-element-1006840-yISxdNE { padding: 0 0 10px; } .bxc.bx-campaign-1006840 .bx-element-1006840-tFKSHXL>*:first-child { font-size: 35px; color: white; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); } .bxc.bx-campaign-1006840 .bx-element-1006840-2BEaAuF>*:first-child { background-color: white; } .bxc.bx-campaign-1006840 .bx-element-1006840-2BEaAuF { width: 90px; padding: 10px 0 16px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse>*:first-child { font-size: 66px!important; } .bxc.bx-campaign-1006840 .bx-element-1006840-KajHxse { padding: 0 0 5px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938 { width: 100%; padding: 0 0 15px; } .bxc.bx-campaign-1006840 .bx-element-1006840-ys5G938>*:first-child { font-weight: 500; font-size: 23px; letter-spacing: 0.025em; color: white; text-transform: uppercase; } .bxc.bx-campaign-1006840 .bx-group-1006840-a87XRLD { width: 262px; } .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN { padding: 0 0 10px 0; } .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child { padding: 16px 10px; font-weight: 500; letter-spacing: 0.025em; background-color: #006068; color: white; text-transform: uppercase; border-style: none; border-color: #ff3561; border-width: 4px; } .bxc.bx-campaign-1006840 .bx-element-1006840-6b91HrN>*:first-child:hover { background-color: #064045; color: white; } #bx-campaign-1006840 .bx-row-image-spinner img { animation-name: bx-anim-1006840-spin-15; } @-webkit-keyframes bx-anim-1006840-spin-10 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(600deg); } } @keyframes bx-anim-1006840-spin-10 { from { transform: rotate(0deg); } to { transform: rotate(600deg); } } @-webkit-keyframes bx-anim-1006840-spin-free { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(720deg); } } @keyframes bx-anim-1006840-spin-free { from { transform: rotate(0deg); } to { transform: rotate(720deg); } } @-webkit-keyframes bx-anim-1006840-spin-15 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(660deg); } } @keyframes bx-anim-1006840-spin-15 { from { transform: rotate(0deg); } to { transform: rotate(660deg); } } @-moz-document url-prefix() { @media (max-width: 640px) { .bx-custom.bx-campaign-1006840 { display: none !important; } } } @-webkit-keyframes bx-anim-1006840-spin-15 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(660deg); } } @keyframes bx-anim-1006840-spin-15 { from { transform: rotate(0deg); } to { transform: rotate(660deg); } } </style> <script> function ju_callback(t){ console.log("ju_callback overridden to prevent pop-up close"); t.preventDefault(); } $(document).ready(function() { function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } $(".bxc.bx-base .bx-step.bx-step-1").show(); $( ".bx-close.bx-close-link.bx-close-inside,.bx-close-link,.bx-row-text-nothanks.bx-row-hOQ6Kzo" ).click(function() { $(".bx-slab,.layer-wiziwig").hide(); //probably need to hide the parent too }); $(".bx-step-1 .bx-row-submit .bx-button").click(function() { $(".bxc.bx-base .bx-step.bx-step-1").hide(); $(".bxc.bx-base .bx-step.bx-step-2").show(); setTimeout(function() { $(".bxc.bx-base .bx-step.bx-step-2").hide(); $(".bx-step-3").fadeIn(1000); }, 4000); //4000 is the animation time }); $(".bx-step-3 .bx-row-submit .bx-button").click(function(e) { var temp = $("#bx-element-1006840-GyWXo6Y-input").val(); if(isEmail(temp)) { $(".bx-step-3").hide(); $(".bx-step-4").show(); } else{ //$(".bx-vtext.bx-error-1006840-email").show(); } }); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  8. S74
    Site URL: https://mcnaegroup.squarespace.com/ Password: studio@mcnaegroup6 I've used the Will Myers Mega Menu. Is it possible to code the links in the folder to be blue when not active and red when active? This menu is has of alot of anchor links so I'm not sure if this is possible. Currently when a section is active (e.g the solar section) then the whole dropdown folder highlights red. I would like it to highlight only the page your on (e.g. Residential Solar), not the whole folder.
  9. S74
    Thank you! I appreciate the help. That looks way better!
  10. S74
    Site URL: https://www.curtains2u.co.nz/curtains-new I have these image cards which look great on desktop and mobile, but they look terible on tablet view. Any thoughts how to fix this? <div class="sec-rev-data" style="background-color:#ffffff; color:black; padding:40px; border-style: solid; border-width: 1px; border-color:#dedede;"> <center><img src="https://static1.squarespace.com/static/5d1d5299ef1a470001944e7b/t/6192e994508e700542845f72/1637018006368/C2U_Block+Out.jpg" class="card-img-top" style="display:block;width:250px;height:250px;display:flex;"></center> <h3 style="color:black;">Block Out Curtains</h3> <p style="color:#A72A4B;font-size:0.8125rem;">Light control - Versatile - Bold </p> <p>For superior privacy, choose block out curtains. Beautiful and highly practical, block out curtains give you complete control over light levels and regulate room temperature. </p> </div>
  11. S74
    SOLVED: I added this to Custom CSS h1 {font-size: clamp(4.3rem, 1vw, 35px) !important;}
  12. S74
    Site URL: https://mcnaegroup.squarespace.com/config/ Website: https://mcnaegroup.squarespace.com/config/ Password: studio@mcnaegroup1 I have a H1 heading which looks great in a full window, and in mobile view...but if you make the desktop window slightly smaller the text suddenly jumps bigger. I thought changing the tablet text size might help but i had no success. Can any one help? //mobile text size// @media only screen and (max-width: 767px) { h1 { font-size: 35px !important; line-height:115% }} //tablet text size// @media screen and (max-width: 960px){ h1 { font-size: 35px !important; }}
  13. S74
    Hello, I tried adding this into my page using <script> and <style> but it didn't work. Can you clarify how I should lay it out? https://codepen.io/marcobiedermann/pen/ExvvyLQ
  14. S74
    Thank you so much for your help. I am very new to this, so I appreciate the patience and understanding. I'm slowly learning more and more. Your suggestion worked great!
  15. S74
    Thanks everyone for your help! its working great now.
  16. S74
    Thanks, I tried that - but still not working. Thanks for the help though!
  17. S74
    Site URL: https://www.gagroup.co.nz/accessible-bathroom Hello I tried to use this code: https://codepen.io/shshaw/pen/WXMdwE on my website here: https://www.gagroup.co.nz/accessible-bathroom but the animation and tick isnt working. Does anyone know why? Here's the code: <svg viewBox="0 0 0 0" style="position: absolute; z-index: -1; opacity: 0;"> <defs> <linearGradient id="boxGradient" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="25" y2="25"> <stop offset="0%" stop-color="#bfd788"/> <stop offset="100%" stop-color="#84BD00"/> </linearGradient> <linearGradient id="lineGradient"> <stop offset="0%" stop-color="#bfd788"/> <stop offset="100%" stop-color="#84BD00"/> </linearGradient> <path id="todo__line" stroke="url(#lineGradient)" d="M21 12.3h168v0.1z"></path> <path id="todo__box" stroke="url(#boxGradient)" d="M21 12.7v5c0 1.3-1 2.3-2.3 2.3H8.3C7 20 6 19 6 17.7V7.3C6 6 7 5 8.3 5h10.4C20 5 21 6 21 7.3v5.4"></path> <path id="todo__check" stroke="url(#boxGradient)" d="M10 13l2 2 5-5"></path> <circle id="todo__circle" cx="13.5" cy="12.5" r="10"></circle> </defs> </svg> <div class="todo-list"> <label class="todo"> <input class="todo__state" type="checkbox" /> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 25" class="todo__icon"> <use xlink:href="#todo__line" class="todo__line"></use> <use xlink:href="#todo__box" class="todo__box"></use> <use xlink:href="#todo__check" class="todo__check"></use> <use xlink:href="#todo__circle" class="todo__circle"></use> </svg> <div class="todo__text">1. What bathroom activities require a user to need assistance?</div> </label> <label class="todo"> <input class="todo__state" type="checkbox" /> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 25" class="todo__icon"> <use xlink:href="#todo__line" class="todo__line"></use> <use xlink:href="#todo__box" class="todo__box"></use> <use xlink:href="#todo__check" class="todo__check"></use> <use xlink:href="#todo__circle" class="todo__circle"></use> </svg> <div class="todo__text">2. Are there medical supplies necessary and where do they need to be placed?</div> </label> <label class="todo"> <input class="todo__state" type="checkbox" /> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 25" class="todo__icon"> <use xlink:href="#todo__line" class="todo__line"></use> <use xlink:href="#todo__box" class="todo__box"></use> <use xlink:href="#todo__check" class="todo__check"></use> <use xlink:href="#todo__circle" class="todo__circle"></use> </svg> <div class="todo__text">3. Is a tub or shower preferred?</div> </label> <label class="todo"> <input class="todo__state" type="checkbox" /> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 25" class="todo__icon"> <use xlink:href="#todo__line" class="todo__line"></use> <use xlink:href="#todo__box" class="todo__box"></use> <use xlink:href="#todo__check" class="todo__check"></use> <use xlink:href="#todo__circle" class="todo__circle"></use> </svg> <div class="todo__text">4. What activities does a user do independently where grab bars should be placed?</div> </label> <label class="todo"> <input class="todo__state" type="checkbox" /> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 25" class="todo__icon"> <use xlink:href="#todo__line" class="todo__line"></use> <use xlink:href="#todo__box" class="todo__box"></use> <use xlink:href="#todo__check" class="todo__check"></use> <use xlink:href="#todo__circle" class="todo__circle"></use> </svg> <div class="todo__text">5. Will users condition deteriorate over time and what will users needs be in the future?</div> </label> </div> <style> @duration: 0.8s; .todo-list { background: #FFF; font-size: 1.1rem; max-width: 33em; margin: auto; padding: 0.5em 1em; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); } .todo { display: block; position: relative; padding: 1em 1em 1em 16%; margin: 0 auto; cursor: pointer; border-bottom: solid 1px #ddd; &:last-child { border-bottom: none; } } .todo__state { position: absolute; top: 0; left: 0; opacity: 0; } .todo__text { color: saturate(#1B4A4E,15%); transition: all @duration/2 linear @duration/2; } .todo__icon { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: auto; margin: auto; fill: none; stroke: #27FDC7; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; } .todo__line, .todo__box, .todo__check { transition: stroke-dashoffset @duration cubic-bezier(.9,.0,.5,1); } .todo__circle { stroke: #27FDC7; stroke-dasharray: 1 6; stroke-width: 0; transform-origin: 13.5px 12.5px; transform: scale(0.4) rotate(0deg); animation: none @duration linear; //cubic-bezier(.08,.56,.04,.98); @keyframes explode { //0% { stroke-width: 0; transform: scale(0.5) rotate(0deg); } 30% { stroke-width: 3; stroke-opacity: 1; transform: scale(0.8) rotate(40deg); //animation-timing-function: cubic-bezier(.89,.01,.95,.51); } 100% { stroke-width: 0; stroke-opacity: 0; transform: scale(1.1) rotate(60deg); //animation-timing-function: cubic-bezier(.08,.56,.04,.98); } } } .todo__box { stroke-dasharray: 56.1053, 56.1053; stroke-dashoffset: 0; transition-delay: @duration * 0.2; } .todo__check { stroke: #27FDC7; stroke-dasharray: 9.8995, 9.8995; stroke-dashoffset: 9.8995; transition-duration: @duration * 0.4; } .todo__line { stroke-dasharray: 168, 1684; stroke-dashoffset: 168; } .todo__circle { animation-delay: @duration * 0.7; animation-duration: @duration * 0.7; } .todo__state:checked { ~ .todo__text { transition-delay: 0s; color: #5EBEC1; opacity: 0.6; } ~ .todo__icon .todo__box { stroke-dashoffset: 56.1053; transition-delay: 0s; } ~ .todo__icon .todo__line { stroke-dashoffset: -8; } ~ .todo__icon .todo__check { stroke-dashoffset: 0; transition-delay: @duration * 0.6; } ~ .todo__icon .todo__circle { animation-name: explode; } } html { background: #ddd; } html { height: 100%; display: flex; } body { width: 100%; margin: auto; }</style> <script>console.clear(); setTimeout(function(){ document.querySelector('input[type="checkbox"]').setAttribute('checked',true); },100); var todoTemplate = function(id){ return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 25" class="todo__icon"> <defs> <mask id="myMask${id}" maskUnits="userSpaceOnUse" x="0" y="0"> <g stroke="#FFF" fill="none"> <path class="todo__line" d="M21 12.3h168"/> <path class="todo__box" d="M21 12.7v5c0 1.3-1 2.3-2.3 2.3H8.3C7 20 6 19 6 17.7V7.3C6 6 7 5 8.3 5h10.4C20 5 21 6 21 7.3v5.4"/> <path class="todo__check" d="M10 13l2 2 5-5"/> </g> </mask> </defs> <rect fill="url(#todoGradient)" mask="url(#myMask${id})" width="100%" height="100%" /> <circle class="todo__circle" cx="13.5" cy="12.5" r="10" /> </svg>` }; var todos = [ ...document.querySelectorAll('.todo') ].forEach(activateTodo); function offsetPath(path, offset){ var length = path.getTotalLength(); path.style.transition = 'none'; path.style.strokeDasharray = length + ' ' + length + offset; path.style.strokeDashoffset = length; setTimeout(function(){ path.style.transition = null; },20); return length; } function togglePath(path, toggle, offset = 0){ var length = offsetPath(path, offset); function updatePath(toggle){ return path.style.strokeDashoffset = ( toggle ? -offset : length ); } updatePath(toggle); return updatePath; } function activateTodo(todo, i){ todo.insertAdjacentHTML('afterbegin', todoTemplate(i)); var line = todo.querySelector('.todo__line'), updateLine = togglePath(line, false, 4); var box = todo.querySelector('.todo__box'), updateBox = togglePath(box, true); var check = todo.querySelector('.todo__check'), updateCheck = togglePath(check); var toggle = false; todo.addEventListener('click', function(){ toggle = !toggle; updateLine(toggle); updateBox(!toggle); updateCheck(toggle); if ( todo.classList ) { todo.classList[ toggle ? 'add' : 'remove' ]('todo--checked'); } }); } </script>
  18. S74
    Thank you, @tuanphan that worked great!
  19. S74
    I'm having the same problem as Beste. The code works, but it's covering the logo and menu. The code is in custom CSS. I've attached two photos, one with the announcement bar and one without. I'm using the announcement bar only on this test home page for now: curtains2u.co.nz/home-new // Home page - Move Announcement Bar to top of mobile// @media screen and (max-width:640px) { .tweak-mobile-bar-top-fixed .Mobile-bar--top { top: 38px; } .sqs-announcement-bar-dropzone { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } }
  20. S74
    Thanks @tuanphan, I'm still designing the website - and havent got to those pages yet 🙂
  21. S74
    I think I've solved this. I placed this code it custom CSS: // Home page - Cloud Image Size // div#block-yui_3_17_2_1_1627525067464_3370 { width: 104vw; position: relative; left: -650px; /*changed depending on padding*/ padding-left: 0 !important; padding-right: 0 !important; } #back { background: no-repeat center center fixed; height: 80vh; } div#block-yui_3_17_2_1_1627525067464_3370 { background-image: url('https://envisionimages.co.uk/wp-content/uploads/2019/03/clouds-png-hd-images-hd-wallpapers-cloud-free-no-onsite-technicians-no-servers-no-computers-at-the-best-price-3543.png'); background-position: 0px 0px; background-repeat: repeat-x; height: 100%; opacity: 0.8; } @keyframes cloud { 100% { background-position: -1900px; } } div#block-yui_3_17_2_1_1627525067464_3370 { animation: cloud 100s linear infinite; }
  22. S74
    https://static1.squarespace.com/static/60fe0b14cd76e61f9a397ca8/t/60fe150d9ea4691d98fa166b/1627264274340/Rahera+Creative+Banners_clouds.png I can see the link doesn't look like it works. I loaded the image onto my sight as an attachment then copy the link. It seems to work inside the sight. But to save hassel im happy to use this one instead https://pics.clipartpng.com/Big_White_Cloud_PNG_Clipart-865.png
  23. S74
    I tried this and it helped a little, but the clouds are still at the bottom of the banner and I would like the to go over the center of top. // Home page - Cloud Image Size // div#block-yui_3_17_2_1_1627264387252_6900 { width: 90vw; position: relative; left: -350px; /*changed depending on padding*/ padding-left: 0 !important; padding-right: 0 !important; }
  24. S74
    Site URL: https://raheracreative.squarespace.com/ Password: studio@raheracreative Hello, Im still in the process of designing this webpage, but I want a image to scroll pass at full width. I tried to use a modified version of this code: https://codepen.io/heymagruder/pen/pbKgGj , on the home page top banner. The image however isn't showing as full width. I want the clouds to float by with no edges showing. I have used my own cloud image https://static1.squarespace.com/static/60fe0b14cd76e61f9a397ca8/t/60fe150d9ea4691d98fa166b/1627264274340/Rahera+Creative+Banners_clouds.png This is the code I used in a code block on the home page: <div id="back"> <div class="cloud"></div> </div> <style> #back { background: no-repeat center center fixed; height: 50vh; } .cloud { background-image: url('https://static1.squarespace.com/static/60fe0b14cd76e61f9a397ca8/t/60fe150d9ea4691d98fa166b/1627264274340/Rahera+Creative+Banners_clouds.png'); background-position: 0px 0px; background-repeat: repeat-x; height: 100%; opacity: 0.8; } @keyframes cloud { 100% { background-position: -1900px; } } .cloud { animation: cloud 100s linear infinite; } </style> And this is the code I used in the custom CSS // Home page - Cloud Image Size // div#block-yui_3_17_2_1_1627264387252_6900 { padding-left: 0; padding-right: 0; max-width: 100%; } sorry if its butchered - still learning.
  25. S74
    Site URL: https://screenworx.squarespace.com/ Password: studio@screenworx Hello Im trying to get this Codepen https://codepen.io/plavookac/pen/qomrMw to work...but I think im missing a few steps. I have placed the HTML in the Advance>Code Injection (header) and the CSS in the Design>Custom CSS. I would also like to take out the "PURE CSS SIDEBAR TOGGLE MENU" banner.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources