<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://engage.atos.net/l/467241/2020-02-12/65xzzz","20220819084505","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1660898705"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />   <meta charset="utf-8"/> <meta name="description" content=""/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20220819084505cs_/https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" id="atos_fonts" href="https://web.archive.org/web/20220819084505cs_/https://atos.net/fonts.css" media="screen"/> <script src="https://web.archive.org/web/20220819084505js_/https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <style> /* ---------------------------------q----------------------------- FORM STYLES ----------------------------------------------------------------- */ } /* Border-box box model */ #pardot-form, #pardot-form *, #pardot-form *:before, #pardot-form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Override form margin and padding set in the default stylesheet. Inherit font and color from page. */ #pardot-form { margin: 0; padding: 0; font: inherit; color: inherit; } /* Override form field wrapper margin and padding set in the default stylesheet. */ #pardot-form .form-field, #pardot-form .submit { margin: 15px 0 15px 0; padding: 0; } /* Remove top margin from first from field wrapper. */ #pardot-form .form-field:first-child { margin-top: 0; } /* Set default input style. */ #pardot-form input { border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; color: #2c3e50; font-size: 14px; padding: 7px 15px; } /* When labels are not floated left, set width on text inputs, textareas, and selects to 100%. */ #pardot-form input.text, #pardot-form input.date, #pardot-form textarea, #pardot-form select { width: 100%; font-family: inherit; color: inherit; } /* When labels are floated left, set width on field labels to a percentage of available width. In browsers that support calc(), use static label width instead and the form field will consume the remaining width. */ #pardot-form.label-left .field-label { width: 40%; padding-right: 20px !important; } /* When labels are floated left, set width on text inputs, textareas, and selects to a percentage. In supported browsers, set width to 100% minus the width of the label instead. */ #pardot-form.label-left input.text, #pardot-form.label-left input.date, #pardot-form.label-left textarea, #pardot-form.label-left select { width: 60%; } /* When labels are floated left, indent supporting form elements by the same amount as the field label. */ #pardot-form.label-left span.value, #pardot-form.label-left .description, #pardot-form.label-left .no-label > *, #pardot-form.label-left .submit, #pardot-form.label-left .error.no-label { margin-left: 40%; } /* Remove unnecessary left padding on required radio/checkbox field labels when label alignment is set to above and the required symbol is set to default in form styling options. */ #pardot-form label.inline { padding-left: 10px; } /* Backup styles in case padding is added to text inputs. */ #pardot-form input.date { padding-left: 20px; background-position: left center; } #pardot-form .submit input { background-color: #337ab7; color: #fff; } /* -------------------------------------------------------------- TEMPLATE DETAILS ----------------------------------------------------------------- */ /* Center the logo */ .logo{ text-align: left; } /* Grey BG */ .grey{ background-color:#fff; } /* Images do not extend containers */ img{ max-width: 100%; } /* callout box */ .callout-box{ background-color: #eee; width:100%; } .callout-box .inner{ padding: 15px; } /* Enable strong control over editable table cell widths */ table.editable-table { table-layout: fixed; width: 100%; } /* Set default editable table cell spacing & widths */ table.editable-table.3col td { padding:0px 15px; width:33%; } table.editable-table.2col td { padding:0px 15px; width:50%; } .field-label{ padding:10px 0px!important; } /* -------------------------------------------------------------- SPACING ----------------------------------------------------------------- */ /* make element edge to edge */ .flush { padding-left: 0; padding-right: 0; } /* vertical padding */ .vpadding { padding-top: 20px; padding-bottom: 20px; } /* vertical alignment */ .vcenter { display: inline-block; vertical-align: middle; /*float: none*/; } /* side padding only */ .hpadding { padding-left: 15px; padding-right: 15px; } /* top padding only */ .tpadding { padding-top: 20px; padding-bottom: 0px; } /* bottom padding only */ .bpadding { padding-top:0px; padding-bottom:20px; } /* -------------------------------------------------------------- SOCIAL ----------------------------------------------------------------- */ /* Social list spacing */ .social-list{ padding-left:0; } /* Social list display next to one another */ .social-list li, .social-list{ display:inline; } /* Disable underlines on image link hover */ .social-list a:link , .social-list a:active , .social-list a , .social-list a:hover{ text-decoration: none; } /* Share button image specific style */ #share-buttons img { width: 20px; border: 0; box-shadow: 0; display: inline; } /* -------------------------------------------------------------- RESPONSIVE ----------------------------------------------------------------- */ /* xs */ .jumbotron{ margin-bottom: 0; } @media(max-width:767px){ .pull-right{ float: none !important; text-align: center; } .social{ text-align: center; } .cta{ padding-top: 20px; } .cta p{ margin-bottom: 0; } .jumbotron{ margin-bottom: 0; } .jumbogron p{ margin-bottom: 0; } .vcenter{ width:100%; text-align: center; } } /* sm */ @media (max-width:768px){ #pardot-form.label-left .field-label { width: 100%; text-align: left; } #pardot-form.label-left input.text, #pardot-form.label-left input.date, #pardot-form.label-left textarea, #pardot-form.label-left select { width: 100%; } #pardot-form.label-left span.value, #pardot-form.label-left .description, #pardot-form.label-left .no-label > *, #pardot-form.label-left .submit, #pardot-form.label-left .error.no-label { width: 100%; } #pardot-form.label-left span.value, #pardot-form.label-left .description, #pardot-form.label-left .no-label > *, #pardot-form.label-left .submit, #pardot-form.label-left .error.no-label { margin-left: 0; } form.form p { margin-left: 0px !important; padding-left:0px !important; } table.editable-table td { display: block; width: 100% !important; } } body div form.form select { border: #CCCCCC 1px solid; padding: 6px; } body div form.form .field-label { padding-top: 7px; } #pardot-form { margin: 20px 0 0 0; padding: 0; } /* md */ @media(min-width:992px){ #pardot-form { margin: 0; padding: 0; } } /* lg */ @media(min-width:1200px){ } body, p { color: #000000; font-family: "Stag Sans Book", Verdana; } H1 { color:#0066A1; font-family: "Stag Medium", Verdana; margin-top:0px; } H2 { color:#000000; font-family: "Stag Medium", Verdana; } H3 { color:#000000; font-family: "Stag Medium", Verdana; } form h3 { text-align:center; margin-top:0; font-size: 1.6em; padding-left: 70px; } .quotename { font-family: "Stag Medium", Verdana; font-size: 18px; color:#0066A1; } q { font-family: "Stag Medium", Verdana; font-size: 18px; font-style: italic; color:#0066A1; } a, a:hover, a:visited, a:active { text-decoration: underline; color:#0066A1; } .jumbotron { padding-top: 20px; padding-bottom: 0px; background-color: #fff;} .vpadding { padding-top: 0px; } #maincontentblock IMG { margin-right:20px; } ol, ul { position:relative; left: 30px; display:inline-block; } #share-buttons IMG { width: 45px; } .footer DIV.editable { background-color:#f5f5f5; text-align: center; vertical-align: middle; min-height: 20px; font-size:13px; font-family: "Stag Sans Medium", Verdana; color:#000000; } .footer a, .footer a:hover, .footer a:visited, .footer a:active { text-decoration: none; } /*.footer P { padding:1px 0px 0px 0px; vertical-align: middle; }*/ .footer UL, .footer OL { list-style: none; position: relative; left: -20px; margin-top:10px; line-height:20px; padding-top:10px; padding-bottom:10px; } .footer LI { display: inline-block; margin-right: 10px; margin-left : 10px } .leftlogo { float:left; padding-left:16px; } .leftlogo .editable img { max-width:200px; } .rightlogo { float:right; padding-right:16px; } .rightlogo .editable img { max-width:200px; } @media (max-width:450px){ .leftlogo .editable img { width:140px; } .rightlogo .editable img { width:140px; } } body .jumbotron .container .row { padding-bottom:20px; } </style> <meta name="robots" content="noindex"/><link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20220819084505cs_/https://engage.atos.net/css/form.css?ver=2021-09-20"/> <script type="text/javascript" src="https://web.archive.org/web/20220819084505js_/https://engage.atos.net/js/piUtils.js?ver=2021-09-20"></script><script type="text/javascript"> piAId = '468241'; piCId = '18613'; piHostname = 'pi.pardot.com'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20220819084505/https://pi' : 'https://web.archive.org/web/20220819084505/http://cdn') + '.pardot.com/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if(window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })(); </script></head> <body>  <div class="container"> <div class="row vpadding"> <div class="col-md-8 clearfix"> <div class="editable clearfix"> <form accept-charset="UTF-8" method="post" action="https://web.archive.org/web/20220819084505/https://engage.atos.net/l/467241/2020-02-12/65xzzz" class="form" id="pardot-form"> <style type="text/css"> form.form p label { color: #000000; } </style> <p class="form-field email pd-text required "> <label class="field-label" for="467241_115693pi_467241_115693">Email</label> <input type="text" name="467241_115693pi_467241_115693" id="467241_115693pi_467241_115693" value="" class="text" size="30" maxlength="255" onchange="" onfocus=""/> </p> <div id="error_for_467241_115693pi_467241_115693" style="display:none"></div> <p class="form-field %%form-field-css-classes%% pd-captcha required hidden %%form-field-dependency-css%%"> <div class="g-recaptcha" data-sitekey="6LfVnCYTAAAAAB4x9xlkeTsV8CO6np5UMhNjRNNZ"></div> <script type="text/javascript" src="https://web.archive.org/web/20220819084505js_/https://www.google.com/recaptcha/api.js"> </script> </p> <div id="error_for_Recaptchapi_Recaptcha" style="display:none"></div> <p style="position:absolute; width:190px; left:-9999px; top: -9999px;visibility:hidden;"> <label for="pi_extra_field">Comments</label> <input type="text" name="pi_extra_field" id="pi_extra_field"/> </p>  <input name="_utf8" type="hidden" value="☃"/> <p class="submit"> <input type="submit" accesskey="s" value="Unsubscribe"/> </p> <script type="text/javascript"> //<![CDATA[ var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if(anchor.getAttribute("href")&&!anchor.getAttribute("target")) { anchor.target = "_top"; } } //]]> </script> <input type="hidden" name="hiddenDependentFields" id="hiddenDependentFields" value=""/></form><script type="text/javascript">(function(){ pardot.$(document).ready(function(){ (function() { var $ = window.pardot.$; window.pardot.FormDependencyMap = []; $('.form-field-primary input, .form-field-primary select').each(function(index, input) { $(input).on('change', window.piAjax.checkForDependentField); window.piAjax.checkForDependentField.call(input); }); })(); });})();</script> </div> </div> </div> </div> <script src="https://web.archive.org/web/20220819084505js_/https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="" crossorigin="anonymous"></script> <script> /* -------------------------------------------------------------- FUNCTIONS ----------------------------------------------------------------- */ /** * Replace all occurences of https://simplesharebuttons.com in the * social sharing list with the url of this page, and all occurrence * of "Check this out" with the page title */ $(".social-list a").each(function() { // get values var thisPage = window.location.href; var url = $(this).attr('href'); // get title of this page var title = $(document).find("title").text(); // replace values url = url.replace("https://web.archive.org/web/20220819084505/http://www.pardot.com", thisPage); url = url.replace("template-title", title); //update value of the link anchor $(this).attr('href', url); }); /** * make sure callout box matches height of image it is beside */ function checkSize(){ /** * Determine if on mobile screen by checking value of a CSS value * If elements with .pull-right class is set to float none, then we are * on mobile screen. * Only apply the equal height script if we are not on mobile screen */ if($('.pull-right').css('float') != "none"){ // Get an array of all element heights var matchHeights = $('.feature-img img').height(); // Set each height to the max height $('.equal_height').height(matchHeights); } else { $('.equal_height').height('auto'); } } setTimeout( function() { //do something special }, 5000); $( document ).ready(function() { setTimeout( function() { checkSize(); }, 2000); }); // run test on resize of the window $(window).resize(checkSize); $('.feature-img img').load(function() { checkSize(); }); /** * Pardot label alignment fix */ pardot.$(function() { var $ = window.pardot.$; // Add label-left class to the <form> if label alignment is set to Default or Left in form styling var $labelAlignment = $('#pardot-form .field-label').css('float'); if ($labelAlignment == 'left') { $('#pardot-form').addClass('label-left'); } }); </script> <script type="text/javascript">var _GoogleID = "UA-120204855-1";</script> <script src="https://web.archive.org/web/20220819084505js_/https://atos.net/wp-content/themes/atos/js/ga-atos.js"></script> </body> </html>

CINXE.COM