GDPR Preference Center

<!doctype html> <html lang="en"> <head>  <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="25738438-d29f-4df0-bebd-f270bc916291" data-blockingmode="auto" type="text/javascript"></script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5M39GKT'); </script>   <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="apple-touch-icon" sizes="180x180" href="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7B49b24848-0a31-40d3-96ee-21f97403ed50%7D_apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7B10a8cca6-239b-4a29-ab49-094513c3cb98%7D_favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7Bdd448c4a-5bf1-4ea4-acf4-d4175ea4850a%7D_favicon-16x16.png"> <link rel="shortcut icon" href="https://images.insights.outokumpu.com/Web/OutokumpuOyj/{c4562055-92b0-49ee-8204-80554c0babcf}_favicon.ico"> <link rel="icon" href="https://images.insights.outokumpu.com/Web/OutokumpuOyj/{c4562055-92b0-49ee-8204-80554c0babcf}_favicon.ico"> <link rel="manifest" href="https://fonts.idbbn.com/outokumpu/site.webmanifest"> <link rel="mask-icon" href="https://fonts.idbbn.com/outokumpu/safari-pinned-tab.svg"> <meta name="msapplication-TileColor" content="#009ee8"> <meta name="theme-color" content="#ffffff">  <title>GDPR Preference Center</title> <meta property="og:title" content="GDPR Preference Center"> <meta property="og:site_name" content="https://www.outokumpu.com/"> <meta property="og:description" content="Please provide us with your email address below and we鈥檒l send you a verification email with a link to our preference center where you can manage your data and consents anytime."> <meta property="og:type" content="website"> <meta property="og:url" content="https://expertise.outokumpu.com/Request-Entry-To-Preference-Center"> <meta property="og:image" content="https://img06.en25.com/EloquaImages/clients/OutokumpuOyj/%7B8dea27e6-7465-44c5-aff0-340b96a9fd98%7D_OTK-2020-04-preference-center-LP-HERO-1140x490.png">  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">  <script src="https://www.google.com/recaptcha/api.js?render=6LeREb0aAAAAAEAi0uMw-fJZpkw7wWHIrbZFBAHY"></script>  <link rel="stylesheet" href="https://images.insights.outokumpu.com/Web/OutokumpuOyj/{70d2c736-bf97-4a23-ad46-9e820b47f222}_fonts.css">  <style> * { font-family: 'TeeFF', Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #003057; } img, svg { max-width: 100%; } h1, h2, h3, h4, h5 { font-family: "TeeFF", Helvetica, Arial, sans-serif; } h1, h2 { font-size: 40px; } h3 { font-size: 35px; margin-bottom: 25px; } .font-size-40 { font-size: 40px; } a { cursor: pointer; } p { font-size: 18px; } sup { position: relative; top: -1em; font-size: 0.4em; } .blue-text { color: #009ee8; } section { margin-bottom: 40px; } .megaspacebottom { margin-bottom: 140px; } .wide-spacer { height: 45px; } .twolineshighmd { min-height: 2.6em; } .non-btn { color:#009EE8; margin-top: 15px; font-weight: 400; font-size: 18px; letter-spacing: 0.8px; } .btn { border-radius: 5px; padding: 1rem 6rem; margin-top: 15px; font-weight: 700; font-size: 18px; letter-spacing: 0.64px; } .btn-blue { background: rgba(0, 158, 232, 1); color: #fff !important; } .btn-blue:hover { background: rgba(0, 158, 232, 0.6); } .btn-white { background: rgba(255, 255, 255, 1); color: #009ee8 !important; } .btn-white:hover { background: rgba(255, 255, 255, 0.8); } .btn-black { background: rgba(0, 0, 0, 1); color: #fff !important; } .btn-black:hover { background: rgba(0, 0, 0, 0.8); color: #fff !important; } .btn-darkblue { background: rgba(0, 48, 88, 1); color: #fff !important; } .btn-darkblue:hover { background: rgba(0, 48, 88, 0.6); } .btn-link { color: #009ee8; } .roundedc { border-radius: 5px; } .bluebox { background: #009ee8; padding: 30px; height: 100%; } .bluebox p, .bluebox h3, .bluebox h4, .darkbluebox p, .darkbluebox h4 { color: #fff; } .darkbluebox { background: #003058; padding: 30px; } .lightbluebox { background: #F2F9FD; padding: 30px; } .lightgraybox { background: #fafafa; padding: 30px; min-height: 100%; } .margin-bottom-30 { margin-bottom: 30px; } nav { padding: 13px 15px; border-bottom: 1px solid #e8e8e8; } nav img { width: 230px; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed, .embed-container .ytoverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ytoverlay { background: #000; opacity: 1; transition: opacity 1s; cursor: pointer; } .ytoverlay.fadeout { opacity: 0; transition: opacity 1s; } .ytoverlay .ytoverlayimg { width: 100%; height: 100%; opacity: 1; } .ytoverlay .ytplaybutton { position: absolute; width: 70px; height: 70px; top: 50%; left: 50%; } .ytoverlay .ytplaybutton1 { position: absolute; width: 70px; height: 70px; border-radius: 50px; border: 4px solid #fff; top: -35px; left: -35px; } .ytoverlay .ytplaybutton1 svg { position: relative; top: 15px; left: 24px; } .ytoverlay .ytplaybutton1 .playbuttonsvg { fill: #ffffff; } .ytoverlay .ytinfo { position: absolute; color: #fff; left: 25px; bottom: 11px; } .ytoverlay .ytinfo p { letter-spacing: 2px; font-size: 14px; color: #fff; margin-bottom: 4px; font-weight: 600 } .ytoverlay .ytinfo h5 { font-size: 28px; color: #fff; font-weight: 400 } .ytoverlay sup { color: #fff; } #hero #hero_bg { position:absolute; width:100%; height: 100%; top:0; padding: 0; background: url(https://img06.en25.com/EloquaImages/clients/OutokumpuOyj/%7B8dea27e6-7465-44c5-aff0-340b96a9fd98%7D_OTK-2020-04-preference-center-LP-HERO-1140x490.png) center no-repeat; /* main hero image. see line 67 */ background-size: cover; } #hero #overlaybox { background: rgba(0, 158, 232, 0.75); position: relative; z-index: 5; padding: 30px; width: 50%; bottom: -25px; left: 30px; } #hero #overlaybox .btn { margin-bottom: 30px; } #hero #overlaybox h1, #hero #overlaybox p { color: #fff; } #main { margin-top:50px; padding: 0px 0 0; } #formAnchor { } #formAnchor h4 { font-size: 35px; } #benefits { } #benefits h5 { font-size: 35px; margin:30px 0; } #benefits .col-md-4 img { min-width: 100%; } footer { font-size: 14px; line-height: 1; } footer #footer-row1 { padding: 0px 11px 0px 15px; background: #003057; } footer #footer-row1 #frb1 { padding-top: 50px; padding-bottom: 60px; border-right: 1px solid #053f6f; } footer #footer-row1 #frb1 .rowshade { display: inline-block; height: 22px; box-shadow: 0px 10px #053f6f; } footer #footer-row1 #frb1 h5 { letter-spacing: 2px; line-height: 1.5em; font-size: 25px; display: inline-block; font-family: "TeeFF", Helvetica, Arial, sans-serif; font-weight: 100; color: rgba(255, 255, 255, 0.8); } footer #footer-row1 #frb2 { text-align: right; padding-top: 50px; padding-bottom: 60px; } footer #footer-row1 #frb2 #socialintro { position: relative; right: 30px; top: 10px; line-height: 1.2em; text-align: left; } footer #footer-row1 #frb2 a { padding: 15px 15px 15px 15px; border-radius: 100px; border: 1px solid #053f6f; transition: all 0.2s; } footer #footer-row1 #frb2 a:hover { background: #053f6f; } footer #footer-row1 #frb2 a img { width: 28px; } footer #footer-row2 { padding: 45px 15px 28px 15px; background: #00182c; } footer #footer-row1 .container, footer #footer-row2 .container { padding: 0; } footer a, footer p, footer span { display: inline-block; color: rgba(255, 255, 255, 0.8); margin-right: 20px; letter-spacing: 1px; } footer a:hover { color: #fff; } footer #noticescontainer { text-align: right; } footer a:last-child, footer p:last-child { margin-right: 0px; } footer #footer-row2 { padding-bottom: 100px; } /* Narrow styles */ @media screen and (max-width: 1480px) { } @media screen and (max-width: 1199.98px) { footer #footer-row2 { padding-bottom: 130px; } footer #footer-row1 #frb1 .rowshade { height: 19px; box-shadow: 0px 8px #053f6f; } footer #footer-row1 #frb1 h5 { font-size: 20px } } @media screen and (max-width: 991.98px) { footer #footer-row2 { padding-bottom: 100px; } #hero #overlaybox { width: 60% } footer #footer-row1 #frb1 { text-align: center; padding-bottom: 0; border-right: 0px; } footer #footer-row1 #frb2 { text-align: center; } } @media screen and (max-width: 767.98px) { #hero #overlaybox p { line-height: 1.2em; } #hero #overlaybox .btn { margin-bottom: 0px; } #hero #hero_bg { position:relative; height:300px; } #hero #overlaybox { background: rgba(0, 158, 232, 1); margin-top: 0; top: 0px; width: 100%; left: 0; } #main p { line-height: 1.2em; font-size: 18px; } footer #footer-row2 { padding-bottom: 130px; } .wide-spacer { height: 0px; } #someaside .sa_block { padding: 5px 3px 5px 5px; } #someaside #sa_contact { width: 70px; background: #003057; } #someaside #sa_some { top: 90px; width: 50px; background: #009ee8; } #someaside img, #someaside p { margin: 0 auto 0px; } #someaside p, #someaside a { font-size: 10px; } #main { padding: 0; } footer #footer-row1 #frb2 #socialintro { right: 0px; top: 10px; line-height: 1.2em; text-align: left; } footer #footer-row1 #frb2 a { padding: 8px 8px 8px 8px; } footer #footer-row1 #frb2 a img { width: 20px; } footer a, footer p { margin-right: 20px; } } @media screen and (max-width: 575.98px) { .mobnopad { padding-left: 0 !important; padding-right: 0 !important; } .mobnopad>div { padding-left: 15px !important; padding-right: 15px !important; } nav { height: 85px; } #hero #hero_bg { /* background-position: top right -130px; */ } footer #footer-row1 .row { margin: 0; } footer #footer-row1 #frb2 #socialintro { display: block; text-align: center; margin-bottom: 20px } footer #noticescontainer { text-align: center } footer #footer-row2 { text-align: center; padding-bottom: 150px; } footer #footer-row2 a, footer #footer-row2 p, footer #footer-row2 a:first-child { margin: 15px 0; display: block; } .modal-body { padding:15px 0; } .modal-body .col p { margin:7px 15px; } .modal-body .showtoggle { margin:7px 15px; } .modal-body > .container-fluid > .row > .col{ padding:15px 0; } } </style>  <style> form * { font-size: 16px; color: #003057; } form .row { margin-top: 14px; position: relative; } form .stateprovince { display: none; } form input, form textarea, form select { box-sizing: border-box; width: 100%; border:1px solid #d0d3d4; } form input, form textarea { padding: 14px 12px; transition: 0.2s; margin-bottom: 1px; } form textarea { margin-bottom: -6px; } form select { padding: 14px 8px; } form input:active, form textarea:active, form select:active, form input:focus, form textarea:focus, form select:focus { border:1px solid #7ec8f2 !important; } form input[type="submit"] { width: auto; height: auto; padding: 1rem 3rem; color: #ffffff; background: #009ee8; border-radius: 5px; border: 0; font-weight: 700; font-size: 18px; transition: all 0.4s; margin-top:15px; } form input[type="submit"]:hover { border: 0; opacity: 0.7; } form .LV_validation_message { font-size: 12px; font-weight: 400; line-height: 1; margin: 0; left: 0px; position: absolute; bottom: -12px; } form .LV_valid_field, form input.LV_valid_field:hover, form input.LV_valid_field:active, form textarea.LV_valid_field:hover, form textarea.LV_valid_field:active { outline: 0; border: 1px solid #00CC00; } form .LV_invalid_field, form input.LV_invalid_field:hover, form input.LV_invalid_field:active, form textarea.LV_invalid_field:hover, form textarea.LV_invalid_field:active { outline: 0; border: 1px solid #CC0000; } form label a { color: #009ee8; } form .checkbox-label { display: block; position: relative; padding-left: 35px; padding-top: 5px; cursor: pointer; line-height: 1.2em; margin-top: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } form .checkbox-label:focus { outline:1px solid #009ee8; } form .checkbox-label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { border:1px solid #d0d3d4; position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color: #fff; transition: 0.2s; } form .checkbox-label:hover input ~ .checkmark, form input:hover, form .checkbox-label:hover input:checked ~ .checkmark { border:1px solid #009ee8; } form .checkbox-label input:checked ~ .checkmark { border:1px solid #00cc00; } .checkmark:after { content: ""; position: absolute; transition: 0.2s; } form .checkbox-label input:checked ~ .checkmark:after { display: block; width: 10px; height: 20px; left: 9px; top: 3px; border-width: 0 4px 4px 0; } form .checkbox-label .checkmark:after { left: 14px; top: 27px; width: 0px; height: 0px; border: solid #003057; border-width: 0 0px 0px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } form .selectinput { border: 1px solid #009ee8; margin-top: 5px; display: none; } form .hide-until-asking { display: none; } form .LV_validation_message { left:15px; } form .LV_invalid_field { border:1px solid #e00; background-color: #fff !important; transition: background-color 0.8s; } form .LV_invalid_field.aleeert { background-color: #f99 !important; transition: background-color 0.1s; } form .LV_invalid { color: #e00 !important; transition: color 0.8s; } form .LV_invalid.aleeert { color: #fcc !important; transition: color 0.1s; } </style>  <script type="text/javascript" src="https://img06.en25.com/i/livevalidation_standalone.compressed.js"></script>  <script type='text/javascript'> function elqGetCookie(name) { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var position = cookies[i].indexOf('='); if (position > 0 && position < cookies[i].length - 1) { var x = cookies[i].substr(0, position); var y = cookies[i].substr(position + 1); x = x.replace(/^\s+|\s+$/g, ''); if (x == name) { return unescape(y); } } } return ''; } function elqGetCookieSubValue(name, subKey) { var cookieValue = elqGetCookie(name); if (cookieValue == null || cookieValue == '') return ''; var cookieSubValue = cookieValue.split('&'); for (var i = 0; i < cookieSubValue.length; i++) { var pair = cookieSubValue[i].split('='); if (pair.length > 1) { if (pair[0] == subKey) { return pair[1]; } } } return ''; } function elqSetCustomerGUID() { var elqCustomerGuid = elqGetCookieSubValue('ELOQUA', 'GUID'); if (elqCustomerGuid != null && elqCustomerGuid != '') { var elqcguids = document.getElementsByName('elqCustomerGUID'); for (var i=0; i < elqcguids.length; i++) { elqcguids[i].value = elqCustomerGuid; } } return; } window.onload = elqSetCustomerGUID; </script> </head>  <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5M39GKT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <nav> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-12 col-6"> <a><img src="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7B01bf743a-b3de-4be4-8a65-04271f6f4179%7D_2019_-_LP_Logo_460x140.png"></a> </div> </div> </div> </nav> <section id="hero"> <div class="container"> <div class="row"> <div class="col-12"> <div id="hero_bg" class="position-relative"> <div class="wide-spacer"> </div> <div class="wide-spacer"> </div> <div id="overlaybox"> <h1>Manage your communication preferences and data</h1> </div> </div> </div> </div> </div> </section> <section class="rsection" id="main"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="col"> <p>Please provide us with your email address and we鈥檒l send you a verification email with a link to our preference center where you can manage your data and consents anytime.</p> </div> </div> </div> </div> </section> <section class="rsection"> <div class="container"> <div class="row"> <div class="col"> <div class="lightbluebox" style="padding:25px 0px;"> <div class="col-md-6">  <form name="GDPRPreferenceCenterDoor" method="post" action="https://enrdoz0flvtt5xy.m.pipedream.net" id="f02"> <input name="elqFormName" type="hidden" value="GDPRPreferenceCenterDoor"> <input name="elqSiteId" type="hidden" value="1630091360"> <input name="elqCampaignId" type="hidden" > <input name="FPageUrl" type="hidden" value=""> <input name="UTMsource" type="hidden" value=""> <input name="UTMmedium" type="hidden" value=""> <input name="UTMcampaign" type="hidden" value=""> <div class="container"> <div class="row"> <div class="col-12"> <label class="text-label" for="f02_emailAddress"> Business email<span class="required">*</span> </label> <input name="emailAddress" type="text" id="f02_emailAddress" value=""> </div> </div> <div id="darecaptchabox"></div> <div class="row"> <div class="col-12"> <input type="Submit" value="Send"> </div> </div> </div> </form> </div> </div> <div class="col-md-6"> </div> </div> </div> </div> </section> <footer> <div id="footer-row1"> <div class="container"> <div class="row"> <div id="frb1" class="col-xl-5 col-lg-4"> <div class="rowshade"> <h5>Working towards a world</h5> </div><br> <div class="rowshade"> <h5>that lasts forever</h5> </div> </div> <div id="frb2" class="col-xl-7 col-lg-8"> <p id="socialintro">Engage with Outokumpu<br>on social channels</p> <a href="https://www.linkedin.com/company/outokumpu/?elqTrackId=838550184c1946f3a672a750edc3b8d9&elqaid=96&elqat=2&elqak=8AF54722ADE4D086FD280F789AB88BEDBEF16AD3BA2311427EBAEAF13A69328F1434" target="_blank"><img src="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7Bea0def52-8008-4abf-8677-15fa9e113fea%7D_2019_-_LP_SoMe_LinkedIn_80x80.png"></a> <a href="https://twitter.com/Outokumpu?elqTrackId=0efedab35f7f474f84b60afcd75ad218&elqaid=96&elqat=2&elqak=8AF500771473FD28301577C3B669A8E9F62476F877140C4AC0C693DC59473B022AC6" target="_blank"><img src="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7B67e31046-2d1c-4165-ba1d-491a1dbf1134%7D_2019_-_LP_SoMe_Twitter_80x80.png"></a> <a href="https://www.facebook.com/OutokumpuGroup/?elqTrackId=87cc1d3b75b147b681d137ddf89bd6d2&elqaid=96&elqat=2&elqak=8AF516B2C9D093AC51465809A51249452F8707BC32AEBA11877093903D9E1CFE2307" target="_blank"><img src="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7Bbb88afef-faf2-45e1-940a-074e6cdf89b8%7D_2019_-_LP_SoMe_Facebook_80x80.png"></a> <a href="https://www.instagram.com/outokumpugroup/?elqTrackId=12bdcad7e97a40fa87951c6baa64fb26&elqaid=96&elqat=2&elqak=8AF5FBC819737A1BDEC4C5C7EB6B938AFBC0DA7C684D27DC18CE940D57AD61C14999" target="_blank"><img src="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7B479392e5-0d5e-421d-ac9f-a0a1dd50cdaa%7D_2019_-_LP_SoMe_Instagram_80x80.png"></a> <a href="https://www.youtube.com/channel/UC_Vv0ttSIPdx11Ti4XweRYg?elqTrackId=4ff2c303eb514cb69c865b601414cca2&elqaid=96&elqat=2&elqak=8AF5F65B3034FC119D47DEDDD7B390ABDCA0DDD48BFF260B51075DA49221FFE9F4D9" target="_blank"><img src="https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7B9703d82b-89f7-4327-92d8-7e15e4977b67%7D_2019_-_LP_SoMe_Youtube_80x80.png"></a> </div> </div> </div> </div> <div id="footer-row2"> <div class="container"> <div class="row"> <div class="col-12 col-sm-4"> <p>漏 Outokumpu <span id="cyear">2021</span></p> </div> <div id="noticescontainer" class="col-12 col-sm-8"> <a href="https://www.outokumpu.com/en/privacy-notice-for-marketing?elqTrackId=c74fb487340a42008d8ed891cdc59f13&elqaid=96&elqat=2&elqak=8AF5963F5F179CAFA41CAFE897C355A41A4DF4728521D386E93427407B57B173F771" target="_blank">Privacy Notice</a> <a href="https://www.outokumpu.com/en/cookie-declaration?elqTrackId=4ba2ebad5d9041a3bc3463e9502481e7&elqaid=96&elqat=2&elqak=8AF5F5335ACC817E9B1667F46436B0EC5B419CCAAF6E75ED1844F1C64156A437028E" target="_blank">Cookie declaration</a> <a href="https://www.outokumpu.com/en/legal-notice?elqTrackId=dfbca87e103d4a898fd18c573403f512&elqaid=96&elqat=2&elqak=8AF5D2890C5A45722FE228033C30104A03F0B702ED5D490EE362941D2176111F4327" target="_blank">Legal Notice</a> </div> </div> </div> </div> </footer>   <style> .modal-header { background: #009ee8; display: block; padding: 23px 30px; } .modal-header h5, .modal-header p { margin: 0 0 10px; color: #fff; } .modal-header ul { padding-left: 19px; } .modal-header ul li { padding-left: 10px; color: #fff; } .modal-header h5 { font-size: 42px; line-height: 1.1em; } .modal-header .close { position: absolute; right: 13px; top: 10px; float: none; text-shadow: none; opacity: 1; } .modal-header .close span { color: #fff; } .modal-body { background: #fff; padding-bottom: 30px; } .modal-dialog { width: 90%; max-width: 1112px } @media (max-width: 575.98px) { .modal { padding-left: 0; } .modal-header h5 { font-size: 26px; } .modal-dialog { width: 100%; } } .freezePage { overflow: hidden; height: 100%; position: relative; } </style> <div class="modal fade" id="contactUs" tabindex="-1" role="dialog" aria-labelledby="contactUsLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="contactUsLabel">Questions? Consult our experts.</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container-fluid"> <div class="row" id="contactFormWrapper"> <div class="col">  <form name="test" method="post" action="https://enrdoz0flvtt5xy.m.pipedream.net" id="f02"> <input name="elqFormName" type="hidden" value="test"> <input name="elqSiteId" type="hidden" value="1630091360"> <input name="elqCustomerGUID" type="hidden" value=""> <input name="elqCookieWrite" type="hidden" value="0"> <input name="elqCampaignId" type="hidden" > <input name="FPageUrl" type="hidden" value=""> <input name="UTMsource" type="hidden" value=""> <input name="UTMmedium" type="hidden" value=""> <input name="UTMcampaign" type="hidden" value=""> <input name="persona" type="hidden" value=""> <input name="marketingPermissionText" type="hidden" value=""> <div class="container"> <div class="row rq"> <div class="col-12"> <label class="text-label" for="f02_additionalInformation"> Please specify your question or topic you would like to discuss<span class="required">*</span> </label> <textarea name="theQuestion" type="text" id="f02_additionalInformation"></textarea> </div> </div> <div class="row"> <div class="col-12"> <label class="text-label" for="f02_emailAddress"> Business email<span class="required">*</span> </label> <input name="emailAddress" type="text" id="f02_emailAddress" value=""> </div> </div> <div class="row"> <div class="col-12"> <label class="text-label" for="f02_country"> Country<span class="required">*</span> </label> <select> <option selected="" value="">--- Select country --- </option> <option value="Afghanistan">Afghanistan </option> <option value="Albania">Albania </option> <option value="Algeria">Algeria </option> <option value="Andorra">Andorra </option> <option value="Argentina">Argentina </option> <option value="Australia">Australia </option> <option value="Austria">Austria </option> <option value="Azerbaijan">Azerbaijan </option> <option value="Bahrain">Bahrain </option> <option value="Bangladesh">Bangladesh </option> <option value="Barbados">Barbados </option> <option value="Belarus">Belarus </option> <option value="Belgium">Belgium </option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina </option> <option value="Brazil">Brazil </option> <option value="British Virgin Islands">British Virgin Islands </option> <option value="Bulgaria">Bulgaria </option> <option value="Canada">Canada </option> <option value="Chile">Chile </option> <option value="China">China </option> <option value="Colombia">Colombia </option> <option value="Congo">Congo </option> <option value="Costa Rica">Costa Rica </option> <option value="Croatia">Croatia </option> <option value="Cuba">Cuba </option> <option value="Cyprus">Cyprus </option> <option value="Czech Republic">Czech Republic </option> <option value="Democratic Republic of the Congo">Democratic Republic of the Congo </option> <option value="Denmark">Denmark </option> <option value="Ecuador">Ecuador </option> <option value="Egypt">Egypt </option> <option value="Estonia">Estonia </option> <option value="Finland">Finland </option> <option value="France">France </option> <option value="Georgia">Georgia </option> <option value="Germany">Germany </option> <option value="Gibraltar">Gibraltar </option> <option value="Greece">Greece </option> <option value="Guadeloupe">Guadeloupe </option> <option value="Hong Kong">Hong Kong </option> <option value="Hungary">Hungary </option> <option value="Iceland">Iceland </option> <option value="India">India </option> <option value="Indonesia">Indonesia </option> <option value="Iran">Iran </option> <option value="Ireland">Ireland </option> <option value="Israel">Israel </option> <option value="Italy">Italy </option> <option value="Japan">Japan </option> <option value="Jordan">Jordan </option> <option value="Kuwait">Kuwait </option> <option value="Latvia">Latvia </option> <option value="Lebanon">Lebanon </option> <option value="Liechtenstein">Liechtenstein </option> <option value="Lithuania">Lithuania </option> <option value="Luxembourg">Luxembourg </option> <option value="Macao">Macao </option> <option value="Malaysia">Malaysia </option> <option value="Malta">Malta </option> <option value="Mauritius">Mauritius </option> <option value="Mexico">Mexico </option> <option value="Moldova">Moldova </option> <option value="Morocco">Morocco </option> <option value="Namibia">Namibia </option> <option value="Netherlands">Netherlands </option> <option value="New Caledonia">New Caledonia </option> <option value="New Zealand">New Zealand </option> <option value="Norway">Norway </option> <option value="Oman">Oman </option> <option value="Pakistan">Pakistan </option> <option value="Panama">Panama </option> <option value="Peru">Peru </option> <option value="Philippines">Philippines </option> <option value="Poland">Poland </option> <option value="Portugal">Portugal </option> <option value="Qatar">Qatar </option> <option value="Republic of North Macedonia">Republic of North Macedonia </option> <option value="Reunion">Reunion </option> <option value="Romania">Romania </option> <option value="Russian Federation">Russian Federation </option> <option value="San Marino">San Marino </option> <option value="Saudi Arabia">Saudi Arabia </option> <option value="Serbia">Serbia </option> <option value="Sierra Leone">Sierra Leone </option> <option value="Singapore">Singapore </option> <option value="Slovakia">Slovakia </option> <option value="Slovenia">Slovenia </option> <option value="South Africa">South Africa </option> <option value="South Korea">South Korea </option> <option value="Spain">Spain </option> <option value="Sri Lanka">Sri Lanka </option> <option value="Sweden">Sweden </option> <option value="Switzerland">Switzerland </option> <option value="Taiwan">Taiwan </option> <option value="Thailand">Thailand </option> <option value="Tokelau Islands">Tokelau Islands </option> <option value="Tunisia">Tunisia </option> <option value="Turkey">Turkey </option> <option value="Ukraine">Ukraine </option> <option value="United Arab Emirates">United Arab Emirates </option> <option value="United Kingdom">United Kingdom </option> <option value="United States">United States </option> <option value="Uruguay">Uruguay </option> <option value="Venezuela">Venezuela </option> <option value="Vietnam">Vietnam </option> <option value="Zimbabwe">Zimbabwe </option> </select> <input name="country" type="text" class="selectinput" id="f02_country" value=""> </div> </div> <div class="row stateprovince"> <div class="col-12"> <label class="text-label" for="f02_state"> State/Province<span class="required">*</span> </label> <select> <option value="">--- Select State/Province --- </option> <option value="AK">Alaska </option> <option value="AL">Alabama </option> <option value="AR">Arkansas </option> <option value="AS">American Samoa </option> <option value="AZ">Arizona </option> <option value="CA">California </option> <option value="CO">Colorado </option> <option value="CT">Connecticut </option> <option value="DC">D.C. </option> <option value="DE">Delaware </option> <option value="FL">Florida </option> <option value="FM">Micronesia </option> <option value="GA">Georgia </option> <option value="GU">Guam </option> <option value="HI">Hawaii </option> <option value="IA">Iowa </option> <option value="ID">Idaho </option> <option value="IL">Illinois </option> <option value="IN">Indiana </option> <option value="KS">Kansas </option> <option value="KY">Kentucky </option> <option value="LA">Louisiana </option> <option value="MA">Massachusetts </option> <option value="MD">Maryland </option> <option value="ME">Maine </option> <option value="MH">Marshall Islands </option> <option value="MI">Michigan </option> <option value="MN">Minnesota </option> <option value="MO">Missouri </option> <option value="MP">Marianas </option> <option value="MS">Mississippi </option> <option value="MT">Montana </option> <option value="NC">North Carolina </option> <option value="ND">North Dakota </option> <option value="NE">Nebraska </option> <option value="NH">New Hampshire </option> <option value="NJ">New Jersey </option> <option value="NM">New Mexico </option> <option value="NV">Nevada </option> <option value="NY">New York </option> <option value="OH">Ohio </option> <option value="OK">Oklahoma </option> <option value="OR">Oregon </option> <option value="PA">Pennsylvania </option> <option value="PR">Puerto Rico </option> <option value="PW">Palau </option> <option value="RI">Rhode Island </option> <option value="SC">South Carolina </option> <option value="SD">South Dakota </option> <option value="TN">Tennessee </option> <option value="TX">Texas </option> <option value="UT">Utah </option> <option value="VA">Virginia </option> <option value="VI">Virgin Islands </option> <option value="VT">Vermont </option> <option value="WA">Washington </option> <option value="WI">Wisconsin </option> <option value="WV">West Virginia </option> <option value="WY">Wyoming </option> <option value="AA">Military Americas </option> <option value="AE">Military Europe/ME/Canada </option> <option value="AP">Military Pacific </option> <option value="AB">Alberta </option> <option value="MB">Manitoba </option> <option value="BC">British Columbia </option> <option value="NB">New Brunswick </option> <option value="NL">Newfoundland and Labrador </option> <option value="NS">Nova Scotia </option> <option value="NT">Northwest Territories </option> <option value="NU">Nunavut </option> <option value="ON">Ontario </option> <option value="PE">Prince Edward Island </option> <option value="QC">Quebec </option> <option value="SK">Saskatchewan </option> <option value="YT">Yukon Territory </option> </select> <input name="stateProv" type="text" class="selectinput" id="f02_stateprov" value=""> </div> </div> <div class="row pp"> <div class="col-12"> <label class="text-label" for="f02_company"> Company<span class="required">*</span> </label> <input name="company" type="text" id="f02_company" value=""> </div> </div> <div class="row pp"> <div class="col-12"> <label class="text-label" for="f02_industrySegment"> Industry Segment<span class="required">*</span> </label> <select> <option selected="" value="">--- Select industry --- </option> <option value="Accounting and finance">Accounting and finance </option> <option value="Appliances">Appliances </option> <option value="Architecture and building">Architecture and building </option> <option value="Authorities and associations">Authorities and associations </option> <option value="Automotive and transportation">Automotive and transportation </option> <option value="Chemical process industry">Chemical process industry </option> <option value="Commercial kitchen and cookware">Commercial kitchen and cookware </option> <option value="Communications">Communications </option> <option value="Distributors and traders">Distributors and traders </option> <option value="Energy industry">Energy industry </option> <option value="Food and beverage">Food and beverage </option> <option value="Heating and cooling">Heating and cooling </option> <option value="Heavy industry">Heavy industry </option> <option value="Infrastructure">Infrastructure </option> <option value="Marine">Marine </option> <option value="Machine building industry">Machine building industry </option> <option value="Media and marketing">Media and marketing </option> <option value="Medical and health">Medical and health </option> <option value="Metals and mining">Metals and mining </option> <option value="Oil and gas">Oil and gas </option> <option value="Pipes, tubes and fittings">Pipes, tubes and fittings </option> <option value="Pulp and paper">Pulp and paper </option> <option value="Tank manufacturing">Tank manufacturing </option> <option value="Universities and other research centers">Universities and other research centers </option> <option value="Water utility">Water utility </option> <option value="Other, please specify">Other, please specify </option> </select> <input name="industrySegment" type="text" class="selectinput" id="f02_industrySegment" value=""> </div> </div> <div class="row pp"> <div class="col-12"> <label class="text-label" for="f02_jobRole"> Job Role<span class="required">*</span> </label> <select> <option selected="" value="">-- Please Select -- </option> <option value="Architect">Architect </option> <option value="Business development">Business development </option> <option value="Business owner or Senior / Top management">Business owner or Senior / Top management </option> <option value="Consultant">Consultant </option> <option value="Design or structural engineering">Design or structural engineering </option> <option value="Marketing and Communications">Marketing and Communications </option> <option value="Procurement / Purchasing">Procurement / Purchasing </option> <option value="Production / Operations">Production / Operations </option> <option value="Quality / Environment">Quality / Environment </option> <option value="R&D / Technical development / Materials engineering">R&D / Technical development / Materials engineering </option> <option value="Sales / Account Management">Sales / Account Management </option> </select> <input name="jobRole" type="text" class="selectinput" id="f02_jobRole" value=""> </div> </div> <div class="row pp"> <div class="col-12"> <label class="text-label" for="f02_firstName"> First Name<span class="required">*</span> </label> <input name="firstName" type="text" id="f02_firstName" value=""> </div> </div> <div class="row pp"> <div class="col-12"> <label class="text-label" for="f02_lastName"> Last Name<span class="required">*</span> </label> <input name="lastName" type="text" id="f02_lastName" value=""> </div> </div> <div class="row pp"> <div class="col-12"> <label class="text-label" for="f02_title"> Title<span class="required">*</span> </label> <input name="title" type="text" id="f02_title" value=""> </div> </div> <div class="row rq"> <div class="col-12"> <label class="text-label" for="f02_busPhone"> Business Phone<span class="required">*</span> </label> <input name="busPhone" type="text" id="f02_busPhone" value=""> </div> </div> <div class="row"> <div class="col-12"> <label class="checkbox-label" for="f02_marketingPermission" style="margin-top:16px;"> Yes, Outokumpu can keep me up to date with timely and relevant information. <br><br> Outokumpu is committed to keeping personal data confidential and secure, and to processing personal data only in accordance with applicable privacy and data protection laws. <a href="https://www.outokumpu.com/en/privacy-notice-for-marketing?elqTrackId=878b7cd07d694c25b8ece66b8535c95e&elqaid=96&elqat=2&elqak=8AF546B812785C5D49EDD050FFE2393E24BFC1FB187E8E0B3E385901DBB3BDA02EA9" target="_blank">Please read our privacy notice.</a> <input name="marketingPermission" type="checkbox" id="f02_marketingPermission" value="1"> <span class="checkmark"></span> </label> </div> </div> <div class="row"> <div class="col-12"> <input type="Submit" value="Submit"> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div>   <style> #submithandler { display: none; position: relative; padding: 15px 0; } #submithandler .submit-stage { display: none; } #submithandler .svgloading { position: relative; width: 40px; opacity: 0; transition: all 0.3s; animation: loading2 3s infinite linear; } #submithandler .svgloading.loading { opacity: 1; width: 60px; } #submithandler .svgloading .line2 { fill: none; stroke: #009ee8; stroke-width: 25; stroke-dasharray: 40 10; } #submithandler #sdownload-asset a span { color: #fff; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #submithandler .svgloading .line2 { stroke-dasharray: 40 0; } } @keyframes loading2 { 0% { transform: rotate(0deg); stroke-dashoffset: 0; } 100% { transform: rotate(-360deg); stroke-dashoffset: 1000; } } #sloading img { width: 100px; animation: loading 3s infinite linear } </style>  <div id="submithandler"> <div id="sloading" class="submit-stage"> <div class="row"> <div class="col"> <svg class="svgloading" id="loadingvector" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400"> <path class="line2" d="M208.58,379.35C272,389.33,383,340.45,383,226.25c0-127.81-122.91-170.9-189.08-153.1 C132.16,89.76,86.62,130.1,73.15,205.07"></path> <path class="line2" d="M379.03,189.56c9.98-63.42-38.9-174.42-153.1-174.42c-127.81,0-170.9,122.91-153.1,189.08 C89.43,265.99,129.78,311.52,204.75,325"></path> <path class="line2" d="M190.93,18.5C127.51,8.52,16.51,57.4,16.51,171.6c0,127.81,122.91,170.9,189.08,153.1 c61.76-16.61,107.29-56.96,120.77-131.93"></path> <path class="line2" d="M20.6,208.33c-9.98,63.42,38.9,174.42,153.1,174.42c127.81,0,170.9-122.91,153.1-189.08 C310.19,131.9,269.85,86.37,194.88,72.89"></path> </svg> </div> </div> </div>  <div class="submit-stage" data-forformname="GDPRPreferenceCenterDoor"> <div class="row"> <div class="col" style="padding:0px 25px;"> <h3 class="sthety">We have sent you a confirmation email with a link to the preference center.</h3> </div> </div> </div> <div id="serror" class="submit-stage"> <div class="row"> <div class="col"> <h3 class="sthety">Oops, something went wrong</h3> </div> </div> <div class="row"> <div class="col"> <p class="sthemessage">There was an error processing the the form.</p> <p>This might happen because of Ghostery or adblocker. Try disabling them and refresh the page.</p> </div> </div> </div> </div>   <div id="recapblock" style="display: none;"> <div class="row"> <div class="col-12"> <p class="text-label">Please verify your submission by checking the box and pressing button</p> <div id="recapelement"></div> </div> </div> </div>   <div id="extrafieldmerges" style="display: none;"> <p id="efmmarkper"></p> <div id="blindSubmissionFormForDLsContainer" style="display: none;"> <form id="blindSubmissionFormForDLs" method="post" name="2020GenericBlindFileDL" action="https://enrdoz0flvtt5xy.m.pipedream.net"> <input value="2020GenericBlindFileDL" type="hidden" name="elqFormName"> <input value="1630091360" type="hidden" name="elqSiteId"> <input type="hidden" name="elqCustomerGUID" value=""> <input type="hidden" name="elqCookieWrite" value="0"> <input name="elqCampaignId" type="hidden"> <input type="text" name="emailAddress" value=""> <input type="text" name="company" value=""> <input type="text" name="industry1" value=""> <input type="text" name="jobRole1" value=""> <input type="text" name="marketingPermissionFieldmerge" value=""> <input type="text" name="eventType" value=""> <input type="text" name="fileURL" value=""> <input type="text" name="CTAText" value=""> <input type="text" name="userAgent" value=""> <input type="text" name="baseURL" value=""> <input type="text" name="timeOnPage" value=""> <input type="text" name="CTAColor" value=""> <input type="text" name="windowWidth" value=""> <input type="text" name="windowHeight" value=""> <input type="text" name="scrollPosition" value=""> <input type="text" name="pageHeight" value=""> <input type="text" name="CTAPositionX" value=""> <input type="text" name="CTAPositionY" value=""> <input type="text" name="CTAWidthPx" value=""> <input type="text" name="CTAWidthTimesContainer" value=""> <input type="text" name="isMobile" value=""> <input type="text" name="isTouchDevice" value=""> <input type="text" name="referrer" value=""> <input type="text" name="hierarcyOfElement" value=""> <input type="hidden" name="FPageUrl" value=""> <input type="hidden" name="UTMsource" value=""> <input type="hidden" name="UTMmedium" value=""> <input type="hidden" name="UTMcampaign" value=""> <input type="hidden" name="campaignNameHidden" value=""> </form> </div> </div>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"> </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"> </script>  <script> // persona for all forms. meaning for which demographic personification was this LP targeted towards. only relevant if there are several versions of this same page for different demographies. var persona = "-"; // campaign name for blind form submissions var campaignName = ""; // live validation messages var lvrequiredmsg = "Fill in this field please"; var lvemailmsg = "Fix errors in email address please"; var lvtooshortmsg = "5 characters minimum please"; var lvtoolongmsg = "100 characters max please"; // progressive profiling fields to ask at one time var numberoffieldstoshow = 2; // youtube API and setup... var yttag = document.createElement('script'); yttag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(yttag, firstScriptTag); // ...and generation function onYouTubeIframeAPIReady() { // Copy the following function call for each different video. First and second arguments need to be the video div id. Last argument defines which video id to show. We wanted to make this easy to use, so in this way (wrapping youtube player generation into a function) it's not possible to fully utilize youtube API functionalities without writing ways to them through the generation function arguments // ytSetUpPlayerInstance(ytplayer, 'ytplayer', 'NmB8oLz26RM'); // this function generates the video players and sets up any custom functionalities related to them function ytSetUpPlayerInstance(playerdividvariable, playerdivid, videoid) { var theytplayer; theytplayer = new YT.Player( playerdividvariable, { videoId: videoid, playerVars: {rel: 0}, events: { //'onReady': onPlayerReady, //'onStateChange': onPlayerStateChange } }); $('#'+playerdivid).next('.ytoverlay').on('click', function(e) { var overlayelement = $(this); overlayelement.addClass('fadeout'); setTimeout ( function(){ overlayelement.closest('div').remove('.ytoverlay') }, 1000 ); theytplayer.playVideo(); }); } } </script>  <script> // start time for calculating blind form submission time var sessionStartTime = new Date(); // set touch flag to false initially var touchEventsPresent = false; // array of livevalidation objects for the purpose of cleaning it when necessary var thelvs = []; // array of state/province livevalidation objects for the purpose of cleaning it when necessary var thesplvs = []; // array of checkboxes, at least one of which is mandatory, livevalidation objects for the purpose of cleaning it when necessary var thecblvs = []; document.addEventListener("DOMContentLoaded", function (event) { // updating copyright year from sessionstarttime $( "#cyear" ).text(sessionStartTime.getFullYear()); // make non-gated file DL links submit blind form. Just add the .sbf class for the <a> in question to make this submission. $( "a.sbf" ).on( "click", function(e) { blindDLFormSubmit(this); }); // Make tab selected custom checkboxes enter-toggleable $('.checkbox-label').on('keypress', function(event) { if(checkKeyEnter(event) === true) { console.log('true'); var box = $(event.target).find('[type="checkbox"]'); if (box.prop("checked")) { $(box).prop('checked', false); } else { $(box).prop('checked', true); } } }); // fill marketing permission texts from labels. fillOutMPText(); // if a touchStart event occurs, flip the touchEventsPresent flag to true. document.addEventListener("touchstart", function() { touchEventsPresent = true; }); // if the value of an input changes, update each input with same name $( "input" ).change(function() { $('[name="'+$(this).attr('name')+'"]').val($(this).val()).blur(); // the .blur() is there for live validation }); // Make custom dropdown selects work. make all selects apply their selection to all similarry named fields $('select').change(function() { if ($(this).closest('div').find('.selectinput').length > 0) { setOtherSelectToMainInput($(this)); } var selection = $(this).val(); var fieldname = $(this).closest('div').find('.selectinput').attr('name'); var theFields = $('[name="'+fieldname+'"]').closest('div').find('select'); $(theFields).find('option[value="'+selection+'"]').prop('selected', true); // If USA or Canada get selected from country select, show and require state/province select too if ( fieldname == "country" && ( selection == "United States" || selection == "Canada" )) { $(".stateprovince").each(function() { $(this).show(); var thefield = this.querySelector('input'); var thelv = new LiveValidation(thefield, {validMessage: "", onlyOnBlur: false, wait: 300}); thelv.add(Validate.Presence, { failureMessage: lvrequiredmsg }); thesplvs.push(thelv); }); } if ( fieldname == "country" && selection != "United States" && selection != "Canada" ) { $(".stateprovince").hide(); if (thesplvs.length > 0) { for (i=0; i < thesplvs.length; i++) { thesplvs[i].destroy(); } thesplvs = []; } } }); // Make at least one checkbox mandatory, if applicable function makeatleastonecheckboxmandatory() { $(".rqchbx").each(function() { var thefield = this.querySelector('input'); var thelv = new LiveValidation(thefield, {validMessage: "", onlyOnBlur: false, wait: 300}); thelv.add( Validate.Acceptance, { failureMessage:"Select at least one webinar to attend" } ); thecblvs.push(thelv); }); } if ($('.rqchbx input[type="checkbox"]:checked').length < 1) { makeatleastonecheckboxmandatory(); //$("#webinarcheckinput").val(""); } $('.rqchbx input[type="checkbox"]').change(function() { if ($('.rqchbx input[type="checkbox"]:checked').length < 1) { makeatleastonecheckboxmandatory(); //$("#webinarcheckinput").val(""); } else { if (thecblvs.length > 0) { for (i=0; i < thecblvs.length; i++) { thecblvs[i].destroy(); } thecblvs = []; } //$("#webinarcheckinput").val("on"); } }); // If a fieldmerge for a custom select field is present, select it from the custom <select> fieldmergecustomselects(); // Check for which pp fields to ask updatePPfieldsAndLV(); // Empty all fields if email field is changed. Check for which pp fields to ask $('[name="emailAddress"]').change(function() { $('input, textarea').each(function() { if (!($(this).attr('name') == "emailAddress" || $(this).attr('type') == "Submit" || $(this).attr('type') == "hidden" || $(this).attr('type') == "checkbox") ) { $(this).val(""); } }); $('select').each(function() { $(this).find('option').first().prop('selected', true); }); $('[type="checkbox"]').prop("checked", false); $('[name="marketingPermission"]').closest('.row').show(); updatePPfieldsAndLV(); }); // if marketing permission was already given, check it and hide fields asking for it if ($('#efmmarkper').text() == "on" || $('#efmmarkper').text() == "1") { console.log("remember to test that this works"); $('[name="marketingPermission"]').attr('checked', true).closest('.row').hide(); } // Prevent usual eloqua form behaviour and post forms by ajax $("form").submit(function(e) { e.preventDefault(); if ($(this).find(".LV_invalid_field").length <= 0) { var fsurl = $(this).attr('action'); var serializedForm = $(this).serialize(); var formname = $(this).attr('name'); var thisForm = $(this); var marketingpermissionstate = $(this).find('[name="marketingPermission"]:checked').val(); $(this).slideUp(); $('#submithandler').insertAfter(this); $('#submithandler').find('.submit-stage').hide(); $('#submithandler').show(); $('#submithandler').find('#sloading').show(); $('#submithandler').find('.svgloading').addClass('loading'); grecaptcha.execute('6LeREb0aAAAAAEAi0uMw-fJZpkw7wWHIrbZFBAHY', {action: 'submit'}).then(function(token) { $.ajax({ method: "POST", url: fsurl, data: serializedForm + "&token=" + token, success: function(data, textStatus, xhr) { if (data == "unsure") { setTimeout(function() { $('#submithandler').find('.svgloading').removeClass('loading'); $('#submithandler').find('#sloading').slideUp(); $(thisForm).find(".row").hide(); // generate recaptcha check box if ($("#recapelement").find("iframe").length < 1) { grecaptcha.render('recapelement', { 'sitekey' : '6Lfov74aAAAAAKQtMBCYgFuvUCVCik8CTS4gcO2G' }); } $('#recapblock').insertBefore($(thisForm).find("input[type='Submit']").closest(".row")); $('#recapblock').css("display", "block"); $(thisForm).find("input[type='Submit']").closest(".row").css("display", "block"); $(thisForm).slideDown(); }, 500); } if (data == "human" || data == "submission successful") { setTimeout(function() { $('#submithandler').find('.svgloading').removeClass('loading'); $('#submithandler').find('#sloading').slideUp(); // show a unique ty message for each form $('#submithandler').find('[data-forformname="'+formname+'"]').slideDown(); // hide marketing permission fields, if it was given in submission if (marketingpermissionstate == "on" || marketingpermissionstate == "1") { $('[name="marketingPermission"]').closest('.row').hide(); } updatePPfieldsAndLV(); // update PP on other forms }, 1000); } }, error: function() { //show some kind of error $('#submithandler').find('.svgloading').removeClass('loading'); $('#submithandler').find('#sloading').slideUp(); $('#serror').slideDown(); } }); }); return true; } else { $(".LV_invalid_field, .LV_invalid").each(function() { var theelem = $(this); theelem.addClass('aleeert'); setTimeout(function() { theelem.removeClass('aleeert'); }, 50); }); return false; } }); // Make anchor links smooth scrolling $('a[href^="#"]') // Remove links that don't actually link to anything .not('[href="#"]') .not('[href="#0"]') .click(function (event) { // Figure out element to scroll to var target = $(this.hash); target = target.length ? target : $('#' + this.hash.slice(1)); // Does a scroll target exist? if (target.length) { // Only prevent default if animation is actually gonna happen event.preventDefault(); $('html, body').animate({ scrollTop: target.offset().top }, 500, function () { // Callback after animation // Must change focus! var $target = $(target); $target.focus(); if ($target.is(":focus")) { // Checking if the target was focused return false; } else { $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable $target.focus(); // Set focus again }; }); } }); // Fill in url parameters etc. to appropriate form fields. function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&#]*)/gi, function(m,key,value) { vars[key] = value; }); return vars; } if (getUrlVars()["utm_source"]) { fillOut(getUrlVars()["utm_source"], "UTMsource") }; if (getUrlVars()["utm_medium"]) { fillOut(getUrlVars()["utm_medium"], "UTMmedium") }; if (getUrlVars()["utm_campaign"]) { fillOut(getUrlVars()["utm_campaign"], "UTMcampaign") }; fillOut(window.location.href, "FPageUrl"); fillOut(persona, "persona"); // Pass on parameters for passthrough links with pt class TODO exclude anchor $('.pt').each(function() { var hrefo = $(this).attr('href').split('?')[0]; var params = window.location.href.split('?')[1]; $(this).attr('href', hrefo+'?'+params); }); // move browser on page load, if anchor parameter is present and we can find its value as an id if ($(window.location.hash).length > 0) { var target = $(window.location.hash); $('html, body').animate({ scrollTop: target.offset().top }, 500, function () { // Callback after animation // Must change focus! //var $target = $(target); target.focus(); if (target.is(":focus")) { // Checking if the target was focused return false; } else { target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable target.focus(); // Set focus again }; }); } //iOS Scroll lock hack $('.modal').on('shown.bs.modal', function (e) { $('html').addClass('freezePage'); $('body').addClass('freezePage'); }); $('.modal').on('hidden.bs.modal', function (e) { $('html').removeClass('freezePage'); $('body').removeClass('freezePage'); }); }); // END OF ONLOAD function setOtherSelectToMainInput(element) { var selection = element.val(); var theFields = $('[name="'+element.closest('div').find('.selectinput').attr('name')+'"]'); if (selection == 'Other, please specify' || selection == 'Other / Not Applicable') { theFields.each(function() { $(this).val(''); $(this).show(); }); } else { theFields.each(function() { $(this).val(selection).blur(); // the .blur() is here to refresh live validation $(this).hide(); }); } } function fieldmergecustomselects() { $('.selectinput').each(function() { if ($(this).val().length > 0) { var fieldmergedvalue = $(this).val(); if ($(this).parent().find('option[value="'+fieldmergedvalue+'"]').length > 0) { $(this).parent().find('option[value="'+fieldmergedvalue+'"]').prop('selected', true); } else { if ($(this).parent().find('option[value="Other, please specify"]').length > 0 || $(this).parent().find('option[value="Other / Not Applicable"]').length > 0) { if ($(this).parent().find('option[value="Other, please specify"]').length > 0) $(this).parent().find('option[value="Other, please specify"]').prop('selected', true); if ($(this).parent().find('option[value="Other / Not Applicable"]').length > 0) $(this).parent().find('option[value="Other / Not Applicable"]').prop('selected', true); $(this).show(); } } } }); } function updatePPfieldsAndLV() { // removing validation from all fields before setting it up again if (thelvs.length > 0) { for (i=0; i < thelvs.length; i++) { thelvs[i].destroy(); } thelvs = []; } $('.pp').hide(); $('form').each(function() { var emailfield = this.querySelector('[name="emailAddress"]'); if (emailfield) { var emlv = new LiveValidation(emailfield, {validMessage: " ", onlyOnBlur: false, wait: 300}); emlv.add(Validate.Presence, { failureMessage: lvrequiredmsg }); emlv.add(Validate.Length, {tooShortMessage:lvtooshortmsg, tooLongMessage:lvtoolongmsg, minimum: 0, maximum: 100}); emlv.add(Validate.Format, { pattern: /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i, failureMessage: lvemailmsg }); thelvs.push(emlv); } }); } function blindDLFormSubmit(thelink) { var theBDLF = $('#blindSubmissionFormForDLs'); var fsurl = theBDLF.attr('action'); var fileurl = $(thelink).attr('href'); if (fileurl === undefined) { fileurl = "not a link"; } var rightNow = new Date(); var parentsArray = $(thelink).parents("*").get().reverse(); var positionetc = ""; var ismobile = false; var hierarchy = ""; if (window.innerWidth < 415) { ismobile = true; } // These are defined in the general definitions part theBDLF.find("input[name='campaignNameHidden']").val(campaignName); // Functions for filling the form // Aim to identify the event type by chekcing CTA attributes and then we fill the file url and event type fields by what we find. TODO : add more. if (fileurl.search(/.*\.(jpg|JPG|gif|GIF|doc|DOC|pdf|PDF|docx|DOCX|txt|ppt|PPT|pptx|PPTX)[$\?]/) == 0) { // Identify if the link was a file by checking suffix with regex. we identify if the linked file is hosted in eloqua by checking for "}_" string in the url. trim from that if so. if (fileurl.indexOf('}_') > -1) { var tehstring = fileurl.substring(fileurl.indexOf('}_')+2); theBDLF.find("input[name='fileURL']").val(tehstring.split('?')[0]); } else { // if it was not in eloqua, we trim from the last "/" in url var tehstring = fileurl.substring(fileurl.lastIndexOf('/')+1); theBDLF.find("input[name='fileURL']").val(tehstring.split('?')[0]); } theBDLF.find("input[name='eventType']").val("file download"); } else if ($('thelink').attr('data-toggle') == "modal" ) { theBDLF.find("input[name='fileURL']").val($('thelink').attr('data-target')); theBDLF.find("input[name='eventType']").val("modal toggle"); } else if (fileurl.indexOf('#') == 1 && !($('thelink').attr('data-toggle') == "modal")) { // Identify if the link was an anchor link theBDLF.find("input[name='fileURL']").val(fileurl); theBDLF.find("input[name='eventType']").val("anchor link"); } else if ($(thelink).hasClass('ytoverlay')) { // Identify if the link was a youtube overlay theBDLF.find("input[name='fileURL']").val($(thelink).find('.ytinfo').text()); theBDLF.find("input[name='eventType']").val("video watch"); } else { theBDLF.find("input[name='eventType']").val("web link"); theBDLF.find("input[name='fileURL']").val(fileurl); } // check if the element is simple and has text within it if ($(thelink).children().length < 1 && $(thelink).text().length > 0) { theBDLF.find("input[name='CTAText']").val($(thelink).text()); } else { theBDLF.find("input[name='CTAText']").val(""); } theBDLF.find("input[name='userAgent']").val(navigator.userAgent); theBDLF.find("input[name='baseURL']").val(window.location.href.split("?")[0]); theBDLF.find("input[name='timeOnPage']").val(Math.floor((rightNow - sessionStartTime) / 1000)); theBDLF.find("input[name='CTAColor']").val($(thelink).css("background-color")); theBDLF.find("input[name='windowWidth']").val(window.innerWidth); theBDLF.find("input[name='windowHeight']").val($(window).height()); theBDLF.find("input[name='scrollPosition']").val(window.scrollY); theBDLF.find("input[name='pageHeight']").val($(document).height()); theBDLF.find("input[name='CTAPositionX']").val(thelink.getBoundingClientRect().left); theBDLF.find("input[name='CTAPositionY']").val(thelink.getBoundingClientRect().top); theBDLF.find("input[name='CTAWidthPx']").val((thelink.getBoundingClientRect().right-thelink.getBoundingClientRect().left)); theBDLF.find("input[name='CTAWidthTimesContainer']").val((Math.round((thelink.getBoundingClientRect().right-thelink.getBoundingClientRect().left)/$(thelink).parents(".container").width()*10)/10)); theBDLF.find("input[name='isMobile']").val(ismobile); theBDLF.find("input[name='isTouchDevice']").val(touchEventsPresent); theBDLF.find("input[name='referrer']").val(document.referrer); $(parentsArray).each(function (i) { if (i == (parentsArray.length - 1)) { if ($(thelink).attr('class')) { if ($(this).attr('class')) { hierarchy += $(this).attr('class')+" > "; } else { hierarchy += $(this).prop('nodeName')+" > "; } hierarchy += $(thelink).attr('class'); } else { if ($(this).attr('class')) { hierarchy += $(this).attr('class')+" > "; } else { hierarchy += $(this).prop('nodeName')+" > "; } hierarchy += $(thelink).prop('nodeName'); } } else { if ($(this).attr('class')) { hierarchy += $(this).attr('class')+" > "; } else { hierarchy += $(this).prop('nodeName')+" > "; } } }); theBDLF.find("input[name='hierarcyOfElement']").val(hierarchy); $.ajax({ method: "POST", url: fsurl, data: theBDLF.serialize() }); } function fillOutMPText() { $('input[name="marketingPermission"]').each(function() { var thetext = $(this).closest('label').html(); $(this).closest('form').find('input[name="marketingPermissionText"]').val(thetext); }); } function fillOut(parameterValue, targetFieldName) { $("[name='" + targetFieldName + "']").val(parameterValue); } function checkKeyEnter(event){ console.log(event.keyCode); if(event.type === 'keypress'){ var code = event.charCode || event.keyCode; if((code === 32)|| (code === 13)){ return true; } } else{ return false; } } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script>  <script type="text/javascript"> _linkedin_partner_id = "1137532"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script> <script type="text/javascript"> (function () { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=1137532&fmt=gif"> </noscript> </body> </html><img style="display:none" src="https://s1630091360.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=1630091360&PURLSiteID=3&optin=all&PURLSiteAlternateDNSID=0&LandingPageID=96&PURLRecordID=0&PURLGUID=FF970E55F56C4C148CCCCE4C1BF495D1&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&firstPartyCookieDomain=profiling.outokumpu.com&elqGUID=ff970e55-f56c-4c14-8ccc-ce4c1bf495d1&elq_ck=0" border=0 width=1 height=1 alt="">

CINXE.COM

GDPR Preference Center