Subscription center

<!doctype html> <html lang="en"> <head>     <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <title>Subscription center</title> <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">  <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>  <style> @font-face { font-family:'TeeFF'; src:url("https://fonts.idbbn.com/outokumpu/teefranklinforever-book-webfont.woff2") format("woff2"),url("https://fonts.idbbn.com/outokumpu/teefranklinforever-book-webfont.woff") format("woff"); font-weight:normal; font-style:normal } @font-face { font-family:'TeeFF'; src:url("https://fonts.idbbn.com/outokumpu/teefranklinforever-light-webfont.woff2") format("woff2"),url("https://fonts.idbbn.com/outokumpu/teefranklinforever-light-webfont.woff") format("woff"); font-weight:300; font-style:normal } @font-face { font-family:'TeeFF'; src:url("https://fonts.idbbn.com/outokumpu/teefranklinforever-medium-webfont.woff2") format("woff2"),url("https://fonts.idbbn.com/outokumpu/teefranklinforever-medium-webfont.woff") format("woff"); font-weight:600; font-style:normal } @font-face { font-family:'TeeFFR'; src:url("https://fonts.idbbn.com/outokumpu/teefranklinforever-roundedbook-webfont.woff2") format("woff2"),url("https://fonts.idbbn.com/outokumpu/teefranklinforever-roundedbook-webfont.woff") format("woff"); font-weight:normal; font-style:normal } * { font-family: "TeeFF",Helvetica,Arial,sans-serif; color: #003057; } img, svg { max-width: 100%; } h1, h2, h3, h4, h5 { font-family: "TeeFFR",Helvetica,Arial,sans-serif; } h1, h2, h3 { font-size: 42px; } a { cursor: pointer; } section { margin-bottom:40px; } .wide-spacer { height:45px; } .btn { border-radius: 5px; padding: 11px 15px 10px; margin-top:15px; } .btn-white { background: rgba(255,255,255,1); color: #009ee8 !important; } .btn-blue { background: rgba(0, 158, 232, 1); color: #fff !important; } .btn-white:hover { background: rgba(255,255,255,0.8); } .btn-blue:hover { background: rgba(0, 158, 232, 0.6); } .btn-darkblue { background: rgba(0, 48, 88, 1); color: #fff !important; } .btn-darkblue:hover { background: rgba(0, 48, 88, 0.6); } .bluebox { background: #009ee8; padding: 30px; height: 100%; } .bluebox p, .bluebox h3, .bluebox h4 { color: #fff; } .darkbluebox { background: #003058; padding: 30px; } .darkbluebox p, .darkbluebox h4 { color: #fff; } .lightbluebox { background: #f1f9fc; padding: 30px; } .lightgraybox { background: #fafafa; padding: 30px; min-height: 100%; } .accordion-toggle { padding-right:90px; background-position: right top; background-repeat: no-repeat; background-size: 88px; min-height: 88px } .accordion-toggle.accdown { background-image: url('https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7Be136ee75-ba16-4fb3-a614-f53a46f1ff0e%7D_up.png'); } .accordion-toggle.accup { background-image: url('https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7Bc9014cb2-3aaa-47ee-b0c0-c1894119eb11%7D_down.png'); } .accordion-content { overflow: hidden; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; -ms-transition: max-height 0.5s; -o-transition: max-height 0.5s; transition: max-height 0.5s; max-height: 0px; } .accordion-content.accordion-show { max-height:1000px; } #someaside { position: fixed; text-align: center; right: 0; top: 30px; z-index: 10; } #someaside .sa_block { position: absolute; right: 0; padding: 14px 4px 20px 6px; line-height: 1; margin-top: 15px; } #someaside #sa_contact { width:110px; background: #003057; } #someaside #sa_some { top:120px; width:60px; background: #009ee8; } #someaside img, #someaside p { display: block; padding: 0; margin: 0 auto 20px; } #someaside p, #someaside a { color: #fff; text-transform: uppercase; font-size: 14px; } #someaside a img { opacity: 1; transition: 0.2s all; } #someaside a:hover img { opacity: 0.8; } #someaside a:last-child img, #someaside a:last-child p { margin-bottom: 0; } #someaside a img { width: 40px; } nav { padding: 13px 15px; border-bottom: 1px solid #e8e8e8; } nav img { width: 230px; } nav #mainnavilinks a.naviburger { display: none; } nav a { color: #009ee8; display: inline-block; text-transform: uppercase; } nav a:hover { color: #009ee8; } nav #mainnavilinks a { padding: 23px 44px 0 0; } #hero #hero_bg { padding: 0; background: url(https://images.insights.outokumpu.com/EloquaImages/clients/OutokumpuOyj/%7B3ab2809f-eea7-4873-9af3-62f1278afc63%7D_Newsletter-subscription-process-Hero.png) no-repeat; background-position: top -90px left; background-size: cover; } #hero #hero_bgimg { position: absolute; height: 100%; width: 100%; overflow: hidden; } #hero #overlaybox { background: rgba(0, 158, 232, 0.75); position: relative; z-index: 5; padding:30px; width: 40%; bottom: -30px; left: 70px; } #hero #overlaybox .btn { margin-bottom:30px; } #hero #overlaybox h2, #hero #overlaybox p { color: #fff; } #main { padding: 50px 0; } #hoverboxes { text-align: center; } #hoverboxes .row { justify-content: center; } .hoverbox { cursor: pointer; flex-basis: 20%; padding: 15px; } .hoverbox .hb_base { background: #fafafa; position: relative; height: 100%; transition: background 0.5s; } .hoverbox .hb_base:hover { background: #eaeaea; } .hoverbox .hb_base .hb_initialContent { padding: 30px; } .hoverbox .hb_base .hb_hoverContent { position: absolute; z-index: -5; width: 220%; height: 0%; height: auto; bottom: 60%; left: -60%; background: #009ee8; opacity: 0; transition: bottom 0.5s cubic-bezier(0.5,0,1,0), opacity 0.3s linear, z-index 0s 0.5s; } .hoverbox .hb_base .hb_hoverContent .hb_hc_animatedPointer { position: absolute; bottom: -15px; left: 47%; width: 30px; height: 30px; background: #009ee8; transform: rotate(45deg); } .hoverbox .hb_base .hb_hoverContent .hb_hc_content { padding: 15px; opacity: 0; transition: opacity 0.1s 0.5s linear; } .hoverbox .hb_base .hb_hoverContent .hb_hc_content p { color: #fff; } .hoverbox .hb_base:hover .hb_hoverContent, .hoverbox.active .hb_base .hb_hoverContent { z-index: 5; bottom: 80%; opacity: 1; transition: bottom 0.5s cubic-bezier(0,0.5,0,1), opacity 0.3s linear, z-index 0s 0s; } .hoverbox .hb_base:hover .hb_hoverContent .hb_hc_content, .hoverbox.active .hb_base .hb_hoverContent .hb_hc_content { opacity: 1; } #hoverboxes svg { margin-bottom: 30px } /*@keyframes animatedsvgline { 0% { stroke-dashoffset: 5000; } 50% { stroke-dashoffset: 2500; } 100% { stroke-dashoffset: 0; } }*/ .animatedsvg { width:80px; } .animatedsvg .line1 { fill:none; stroke:#009ee8; stroke-linecap:round; stroke-linejoin:round; stroke-width: 15; stroke-dasharray: 2500 7500; stroke-dashoffset: 2800; transition: stroke-dashoffset 0.1s linear; -webkit-transition: stroke-dashoffset 0.1s linear; /*animation: animatedsvgline 3.5s linear 0s infinite normal; -moz-animation: animatedsvgline 3.5s linear 0s infinite normal; -webkit-animation: animatedsvgline 3.5s linear 0s infinite normal; -o-animation: animatedsvgline 3.5s linear 0s infinite normal;*/ } .animatedsvg.onscreen .line1 { stroke-dashoffset: 0; transition: stroke-dashoffset 5.5s linear; -webkit-transition: stroke-dashoffset 5.5s linear; } /*.hoverbox .hb_base:hover .animatedsvg .line1 { stroke-dashoffset: 7500; stroke-dasharray: 10 20; transition: stroke-dashoffset 150s 0s linear; -webkit-transition: stroke-dashoffset 50s 0s linear; }*/ /* IE Hacks */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .animatedsvg .line1 { stroke-dasharray: 100 0 !important; } } #downloads .col-sm-6 { padding-bottom:15px; } #downloads h4 { font-size: 36px } #downloads svg, #downloads img { margin-bottom: 15px; } .iconsvg { width:70px; } #downloads .dlbox .btn { position: absolute; bottom: 30px; left: 30px; } #form_boxes .formbox, #downloads .dlbox { height: 100%; position: relative; padding-bottom: 90px; } #form_boxes .formbox .btn { position: absolute; bottom: 30px; } 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 { display: inline-block; color: rgba(255,255,255,0.8); margin-right: 12px; letter-spacing: 1px; } footer a:hover { color: #fff; } footer #noticescontainer { text-align: right; } footer #noticescontainer a:first-child { margin-right:80px; } footer a:last-child, footer p:last-child { margin-right: 0px; } /* Narrow styles */ @media (max-width: 1480px) { .hoverbox:first-child .hb_base .hb_hoverContent, .hoverbox:nth-child(6) .hb_base .hb_hoverContent { left: 0%; } .hoverbox:first-child .hb_base .hb_hoverContent .hb_hc_animatedPointer, .hoverbox:nth-child(6) .hb_base .hb_hoverContent .hb_hc_animatedPointer { left: 17%; } .hoverbox:nth-child(5) .hb_base .hb_hoverContent, .hoverbox:nth-child(10) .hb_base .hb_hoverContent { left: auto; right: 0%; } .hoverbox:nth-child(5) .hb_base .hb_hoverContent .hb_hc_animatedPointer, .hoverbox:nth-child(10) .hb_base .hb_hoverContent .hb_hc_animatedPointer { left: 74%; } } @media (max-width: 1199.98px) { #hero #hero_bgimg { background-position: bottom right 40px; } footer #footer-row1 #frb1 .rowshade { height:19px; box-shadow: 0px 8px #053f6f; } footer #footer-row1 #frb1 h5 { font-size: 20px } } @media (max-width: 991.98px) { #hero #hero_bgimg { background-position: bottom right; } #hero #overlaybox { width: 60% } .hoverbox { flex-basis: 50%; } .hoverbox .hb_base .hb_hoverContent { width: 160%; } .hoverbox:nth-child(odd) .hb_base .hb_hoverContent { left: 0%; } .hoverbox:nth-child(odd) .hb_base .hb_hoverContent .hb_hc_animatedPointer { left: 30%; } .hoverbox:nth-child(even) .hb_base .hb_hoverContent { left: auto; right: 0%; } .hoverbox:nth-child(even) .hb_base .hb_hoverContent .hb_hc_animatedPointer { left: 64%; } #boost_performance img { margin-bottom: 30px; } footer #footer-row1 #frb1 { text-align: center; padding-bottom:0; border-right:0px; } footer #footer-row1 #frb2 { text-align: center; } } @media (max-width: 767.98px) { .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; } #hero #overlaybox { background: rgba(0, 158, 232, 0.8); margin-top: 0; top: 0px; width: 100%; left: 0; } #main { padding: 0; } #downloads { text-align: center; } 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: 2px; } footer #noticescontainer a:first-child { margin-right:40px; } } @media (max-width: 575.98px) { #someaside { position: fixed; text-align: center; right: auto; top: auto; bottom:0; width: 100%; } #someaside .sa_block { display: block; margin: 0 auto; } #someaside #sa_some { background: #009ee8; display: none; } #someaside img, #someaside p { display: inline-block; margin: 0 0 0px; } #someaside p, #someaside a { font-size: 14px; } #someaside #sa_contact p { position: relative; top:10px; text-align: left; } #someaside #sa_some p { position: relative; top:3px; } nav { height:85px; } nav #mainnavilinks { text-align: right; position: absolute; z-index: 6; right: 0; padding:50px 15px 20px 10px; background: #fff; } nav #mainnavilinks a.naviburger { margin:0; display: block; position: absolute; top:0; right: 10px; padding:9px 9px; height:50px; width:50px; } nav #mainnavilinks a.naviburger img { width: 30px; height: 28px; } nav #mainnavilinks a { display: block; overflow: hidden; height: 0; padding: 0 0 0; margin: 0; transition: all 0.3s; } nav #mainnavilinks a.visibul { height: auto; padding: 15px 0 0; transition: all 0.3s; } #hero #hero_bg { background-position: top left; } .hoverbox { flex-basis: 100%; } .hoverbox .hb_base .hb_hoverContent { width: 100%; } .hoverbox .hb_base .hb_hoverContent { left: 0% !important; } .hoverbox .hb_base .hb_hoverContent .hb_hc_animatedPointer { left: 47% !important; } #downloads .dlbox { padding-bottom: 30px; } #downloads .dlbox .btn { position: static; bottom: 0px; margin:20px auto 0; } 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; } } </style> <style type="text/css"> form { font-size: 18px; } form h3 { font-size: 20px; } form input, form textarea, form select { box-sizing: border-box; width: 100%; } form input { padding: 14px 12px !important; box-sizing: border-box !important; color: #003057 !important; border:1px solid #d0d3d4 !important; transition: 0.2s; margin-bottom: 1px !important; } form textarea { padding: 14px 12px !important; box-sizing: border-box !important; color: #003057 !important; border:1px solid #d0d3d4 !important; transition: 0.2s; } form select { padding: 16px 10px 15px !important; border:1px solid #d0d3d4 !important; margin-top:1px !important; } 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 !important; height: auto !important; padding: 18px 50px !important; color: #ffffff !important; background: #009ee8; border-radius: 5px; border: 0 !important; font-weight: 400; transition: all 0.4s; margin-top:15px; } form input[type="submit"]:hover { opacity: 0.7; border: 0 !important; } form .label-position.top { padding: 10px 0 !important; } 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 !important; border: 1px solid #00CC00 !important; } 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 !important; border: 1px solid #CC0000 !important; } form .single-checkbox-row label { display: block; position: relative; padding-left: 45px !important; cursor: pointer; line-height: 1.2em; margin-top: 26px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; font-family: "TeeFFR",Helvetica,Arial,sans-serif !important; font-weight: 600 !important; } form .single-checkbox-row.aftermainh label { position: absolute; right:40px; top:10px; } form .single-checkbox-row label .sublabel { display: block; font-weight: 400 !important; text-transform: none; } form .single-checkbox-row input[type='checkbox'] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { border:1px solid #d0d3d4; position: absolute; top: 1px; left: -5px; height: 40px; width: 40px; background-color: #fff; transition: 0.2s; } form .single-checkbox-row label:hover input ~ .checkmark, form input:hover, form .single-checkbox-row label:hover input:checked ~ .checkmark { border:1px solid #009ee8 !important; } form .single-checkbox-row label input:checked ~ .checkmark { background: #003057; border:1px solid #003057; } .checkmark:after { content: ""; position: absolute; transition: 0.2s; } form .single-checkbox-row label input:checked ~ .checkmark:after { display: block; width: 12px; height: 20px; left: 13px; top: 8px; border-width: 0 6px 6px 0; } form .single-checkbox-row label .checkmark:after { left: 14px; top: 27px; width: 0px; height: 0px; border: solid #fff; border-width: 0 0px 0px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } form .othertext { border: 1px solid #009ee8 !important; margin-top: 5px; display: none; } form .hide-until-asking { display: none; } .freezePage { overflow: hidden; height: 100%; position: relative; } .grid-layout-col .row { margin-left:0 !important; margin-right:0 !important; } .grid-layout-col .col-xs-12 { padding-left: 0 !important; padding-right: 0 !important; } .form-element-layout { padding: 10px 0 !important; } #main .col-md-6 > .row, #main .col-md-12 > .row { margin-left: 0; margin-right: 0; } </style> <style type="text/css"> .elq-form .elq-required{ color:red!important; display:inline; float:none; font-weight:700; margin:0; padding:0} .elq-form .elq-label{ display:inline-block; max-width:100%; font-weight:400; box-sizing:border-box; margin-bottom:0} .elq-form .elq-label-top{ padding-bottom:3px} .elq-form .elq-item-label{ max-width:100%; font-weight:400; box-sizing:border-box} .elq-form .elq-item-textarea{ resize:vertical; min-height:48px; max-height:360px; box-sizing:border-box} .elq-form .elq-item-input,.elq-form .elq-item-select,.elq-form .elq-item-textarea{ font-family:inherit; font-size:inherit; line-height:inherit; color:inherit; font:inherit; margin:0} .elq-form .elq-item-select{ text-transform:none} .elq-form .row.single-checkbox-row{ margin-left:0} .elq-form .elq-field-style{ padding-bottom:10px} .elq-form .elq-field-style input[type=submit]{ -webkit-appearance:square-button} @-webkit-keyframes spin{ 0%{ -webkit-transform:rotate(0deg)} to{ -webkit-transform:rotate(1turn)} } @keyframes spin{ 0%{ transform:rotate(0deg)} to{ transform:rotate(1turn)} } .elq-form .loader{ vertical-align:middle; display:inline-block; margin-left:10px; border:3px solid #f3f3f3; border-radius:50%; border-top:3px solid #3498db; width:20px; height:20px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite} .elq-form input[type=checkbox],.elq-form input[type=radio]{ margin:0} .elq-form *,.elq-form :after,.elq-form :before{ box-sizing:border-box} .elq-form html{ font-size:10px; -webkit-tap-highlight-color:transparent} .elq-form body{ font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.42857; color:#333; background-color:#fff} .elq-form button,.elq-form input,.elq-form select,.elq-form textarea{ font-family:inherit; font-size:inherit; line-height:inherit} .elq-form a{ color:#337ab7; text-decoration:none} .elq-form a:focus,.elq-form a:hover{ color:#23527c; text-decoration:underline} .elq-form a:focus{ outline:5px auto -webkit-focus-ring-color; outline-offset:-2px} .elq-form figure{ margin:0} .elq-form img{ vertical-align:middle} .elq-form .img-responsive{ display:block; max-width:100%; height:auto} .elq-form .img-rounded{ border-radius:6px} .elq-form .img-thumbnail{ padding:4px; line-height:1.42857; background-color:#fff; border:1px solid #ddd; border-radius:4px; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto} .elq-form .img-circle{ border-radius:50%} .elq-form hr{ margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee} .elq-form .sr-only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0} .elq-form .sr-only-focusable:active,.elq-form .sr-only-focusable:focus{ position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto} .elq-form [role=button]{ cursor:pointer} .elq-form .container{ margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px} .elq-form .container:after,.elq-form .container:before{ content:" "; display:table} .elq-form .container:after{ clear:both} @media (min-width:768px){ .elq-form .container{ width:750px} } @media (min-width:992px){ .elq-form .container{ width:970px} } @media (min-width:1200px){ .elq-form .container{ width:1170px} } .elq-form .container-fluid{ margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px} .elq-form .container-fluid:after,.elq-form .container-fluid:before{ content:" "; display:table} .elq-form .container-fluid:after{ clear:both} .elq-form .row{ margin-left:-15px; margin-right:-15px} .elq-form .row:after,.elq-form .row:before{ content:" "; display:table} .elq-form .row:after{ clear:both} .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12,.elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12,.elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12,.elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ position:relative; min-height:1px; padding-left:15px; padding-right:15px} .elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ float:left} .elq-form .col-xs-1{ width:8.33333%} .elq-form .col-xs-2{ width:16.66667%} .elq-form .col-xs-3{ width:25%} .elq-form .col-xs-4{ width:33.33333%} .elq-form .col-xs-5{ width:41.66667%} .elq-form .col-xs-6{ width:50%} .elq-form .col-xs-7{ width:58.33333%} .elq-form .col-xs-8{ width:66.66667%} .elq-form .col-xs-9{ width:75%} .elq-form .col-xs-10{ width:83.33333%} .elq-form .col-xs-11{ width:91.66667%} .elq-form .col-xs-12{ width:100%} .elq-form .col-xs-pull-0{ right:auto} .elq-form .col-xs-pull-1{ right:8.33333%} .elq-form .col-xs-pull-2{ right:16.66667%} .elq-form .col-xs-pull-3{ right:25%} .elq-form .col-xs-pull-4{ right:33.33333%} .elq-form .col-xs-pull-5{ right:41.66667%} .elq-form .col-xs-pull-6{ right:50%} .elq-form .col-xs-pull-7{ right:58.33333%} .elq-form .col-xs-pull-8{ right:66.66667%} .elq-form .col-xs-pull-9{ right:75%} .elq-form .col-xs-pull-10{ right:83.33333%} .elq-form .col-xs-pull-11{ right:91.66667%} .elq-form .col-xs-pull-12{ right:100%} .elq-form .col-xs-push-0{ left:auto} .elq-form .col-xs-push-1{ left:8.33333%} .elq-form .col-xs-push-2{ left:16.66667%} .elq-form .col-xs-push-3{ left:25%} .elq-form .col-xs-push-4{ left:33.33333%} .elq-form .col-xs-push-5{ left:41.66667%} .elq-form .col-xs-push-6{ left:50%} .elq-form .col-xs-push-7{ left:58.33333%} .elq-form .col-xs-push-8{ left:66.66667%} .elq-form .col-xs-push-9{ left:75%} .elq-form .col-xs-push-10{ left:83.33333%} .elq-form .col-xs-push-11{ left:91.66667%} .elq-form .col-xs-push-12{ left:100%} .elq-form .col-xs-offset-0{ margin-left:0} .elq-form .col-xs-offset-1{ margin-left:8.33333%} .elq-form .col-xs-offset-2{ margin-left:16.66667%} .elq-form .col-xs-offset-3{ margin-left:25%} .elq-form .col-xs-offset-4{ margin-left:33.33333%} .elq-form .col-xs-offset-5{ margin-left:41.66667%} .elq-form .col-xs-offset-6{ margin-left:50%} .elq-form .col-xs-offset-7{ margin-left:58.33333%} .elq-form .col-xs-offset-8{ margin-left:66.66667%} .elq-form .col-xs-offset-9{ margin-left:75%} .elq-form .col-xs-offset-10{ margin-left:83.33333%} .elq-form .col-xs-offset-11{ margin-left:91.66667%} .elq-form .col-xs-offset-12{ margin-left:100%} @media (min-width:768px){ .elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12{ float:left} .elq-form .col-sm-1{ width:8.33333%} .elq-form .col-sm-2{ width:16.66667%} .elq-form .col-sm-3{ width:25%} .elq-form .col-sm-4{ width:33.33333%} .elq-form .col-sm-5{ width:41.66667%} .elq-form .col-sm-6{ width:50%} .elq-form .col-sm-7{ width:58.33333%} .elq-form .col-sm-8{ width:66.66667%} .elq-form .col-sm-9{ width:75%} .elq-form .col-sm-10{ width:83.33333%} .elq-form .col-sm-11{ width:91.66667%} .elq-form .col-sm-12{ width:100%} .elq-form .col-sm-pull-0{ right:auto} .elq-form .col-sm-pull-1{ right:8.33333%} .elq-form .col-sm-pull-2{ right:16.66667%} .elq-form .col-sm-pull-3{ right:25%} .elq-form .col-sm-pull-4{ right:33.33333%} .elq-form .col-sm-pull-5{ right:41.66667%} .elq-form .col-sm-pull-6{ right:50%} .elq-form .col-sm-pull-7{ right:58.33333%} .elq-form .col-sm-pull-8{ right:66.66667%} .elq-form .col-sm-pull-9{ right:75%} .elq-form .col-sm-pull-10{ right:83.33333%} .elq-form .col-sm-pull-11{ right:91.66667%} .elq-form .col-sm-pull-12{ right:100%} .elq-form .col-sm-push-0{ left:auto} .elq-form .col-sm-push-1{ left:8.33333%} .elq-form .col-sm-push-2{ left:16.66667%} .elq-form .col-sm-push-3{ left:25%} .elq-form .col-sm-push-4{ left:33.33333%} .elq-form .col-sm-push-5{ left:41.66667%} .elq-form .col-sm-push-6{ left:50%} .elq-form .col-sm-push-7{ left:58.33333%} .elq-form .col-sm-push-8{ left:66.66667%} .elq-form .col-sm-push-9{ left:75%} .elq-form .col-sm-push-10{ left:83.33333%} .elq-form .col-sm-push-11{ left:91.66667%} .elq-form .col-sm-push-12{ left:100%} .elq-form .col-sm-offset-0{ margin-left:0} .elq-form .col-sm-offset-1{ margin-left:8.33333%} .elq-form .col-sm-offset-2{ margin-left:16.66667%} .elq-form .col-sm-offset-3{ margin-left:25%} .elq-form .col-sm-offset-4{ margin-left:33.33333%} .elq-form .col-sm-offset-5{ margin-left:41.66667%} .elq-form .col-sm-offset-6{ margin-left:50%} .elq-form .col-sm-offset-7{ margin-left:58.33333%} .elq-form .col-sm-offset-8{ margin-left:66.66667%} .elq-form .col-sm-offset-9{ margin-left:75%} .elq-form .col-sm-offset-10{ margin-left:83.33333%} .elq-form .col-sm-offset-11{ margin-left:91.66667%} .elq-form .col-sm-offset-12{ margin-left:100%} } @media (min-width:992px){ .elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12{ float:left} .elq-form .col-md-1{ width:8.33333%} .elq-form .col-md-2{ width:16.66667%} .elq-form .col-md-3{ width:25%} .elq-form .col-md-4{ width:33.33333%} .elq-form .col-md-5{ width:41.66667%} .elq-form .col-md-6{ width:50%} .elq-form .col-md-7{ width:58.33333%} .elq-form .col-md-8{ width:66.66667%} .elq-form .col-md-9{ width:75%} .elq-form .col-md-10{ width:83.33333%} .elq-form .col-md-11{ width:91.66667%} .elq-form .col-md-12{ width:100%} .elq-form .col-md-pull-0{ right:auto} .elq-form .col-md-pull-1{ right:8.33333%} .elq-form .col-md-pull-2{ right:16.66667%} .elq-form .col-md-pull-3{ right:25%} .elq-form .col-md-pull-4{ right:33.33333%} .elq-form .col-md-pull-5{ right:41.66667%} .elq-form .col-md-pull-6{ right:50%} .elq-form .col-md-pull-7{ right:58.33333%} .elq-form .col-md-pull-8{ right:66.66667%} .elq-form .col-md-pull-9{ right:75%} .elq-form .col-md-pull-10{ right:83.33333%} .elq-form .col-md-pull-11{ right:91.66667%} .elq-form .col-md-pull-12{ right:100%} .elq-form .col-md-push-0{ left:auto} .elq-form .col-md-push-1{ left:8.33333%} .elq-form .col-md-push-2{ left:16.66667%} .elq-form .col-md-push-3{ left:25%} .elq-form .col-md-push-4{ left:33.33333%} .elq-form .col-md-push-5{ left:41.66667%} .elq-form .col-md-push-6{ left:50%} .elq-form .col-md-push-7{ left:58.33333%} .elq-form .col-md-push-8{ left:66.66667%} .elq-form .col-md-push-9{ left:75%} .elq-form .col-md-push-10{ left:83.33333%} .elq-form .col-md-push-11{ left:91.66667%} .elq-form .col-md-push-12{ left:100%} .elq-form .col-md-offset-0{ margin-left:0} .elq-form .col-md-offset-1{ margin-left:8.33333%} .elq-form .col-md-offset-2{ margin-left:16.66667%} .elq-form .col-md-offset-3{ margin-left:25%} .elq-form .col-md-offset-4{ margin-left:33.33333%} .elq-form .col-md-offset-5{ margin-left:41.66667%} .elq-form .col-md-offset-6{ margin-left:50%} .elq-form .col-md-offset-7{ margin-left:58.33333%} .elq-form .col-md-offset-8{ margin-left:66.66667%} .elq-form .col-md-offset-9{ margin-left:75%} .elq-form .col-md-offset-10{ margin-left:83.33333%} .elq-form .col-md-offset-11{ margin-left:91.66667%} .elq-form .col-md-offset-12{ margin-left:100%} } @media (min-width:1200px){ .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12{ float:left} .elq-form .col-lg-1{ width:8.33333%} .elq-form .col-lg-2{ width:16.66667%} .elq-form .col-lg-3{ width:25%} .elq-form .col-lg-4{ width:33.33333%} .elq-form .col-lg-5{ width:41.66667%} .elq-form .col-lg-6{ width:50%} .elq-form .col-lg-7{ width:58.33333%} .elq-form .col-lg-8{ width:66.66667%} .elq-form .col-lg-9{ width:75%} .elq-form .col-lg-10{ width:83.33333%} .elq-form .col-lg-11{ width:91.66667%} .elq-form .col-lg-12{ width:100%} .elq-form .col-lg-pull-0{ right:auto} .elq-form .col-lg-pull-1{ right:8.33333%} .elq-form .col-lg-pull-2{ right:16.66667%} .elq-form .col-lg-pull-3{ right:25%} .elq-form .col-lg-pull-4{ right:33.33333%} .elq-form .col-lg-pull-5{ right:41.66667%} .elq-form .col-lg-pull-6{ right:50%} .elq-form .col-lg-pull-7{ right:58.33333%} .elq-form .col-lg-pull-8{ right:66.66667%} .elq-form .col-lg-pull-9{ right:75%} .elq-form .col-lg-pull-10{ right:83.33333%} .elq-form .col-lg-pull-11{ right:91.66667%} .elq-form .col-lg-pull-12{ right:100%} .elq-form .col-lg-push-0{ left:auto} .elq-form .col-lg-push-1{ left:8.33333%} .elq-form .col-lg-push-2{ left:16.66667%} .elq-form .col-lg-push-3{ left:25%} .elq-form .col-lg-push-4{ left:33.33333%} .elq-form .col-lg-push-5{ left:41.66667%} .elq-form .col-lg-push-6{ left:50%} .elq-form .col-lg-push-7{ left:58.33333%} .elq-form .col-lg-push-8{ left:66.66667%} .elq-form .col-lg-push-9{ left:75%} .elq-form .col-lg-push-10{ left:83.33333%} .elq-form .col-lg-push-11{ left:91.66667%} .elq-form .col-lg-push-12{ left:100%} .elq-form .col-lg-offset-0{ margin-left:0} .elq-form .col-lg-offset-1{ margin-left:8.33333%} .elq-form .col-lg-offset-2{ margin-left:16.66667%} .elq-form .col-lg-offset-3{ margin-left:25%} .elq-form .col-lg-offset-4{ margin-left:33.33333%} .elq-form .col-lg-offset-5{ margin-left:41.66667%} .elq-form .col-lg-offset-6{ margin-left:50%} .elq-form .col-lg-offset-7{ margin-left:58.33333%} .elq-form .col-lg-offset-8{ margin-left:66.66667%} .elq-form .col-lg-offset-9{ margin-left:75%} .elq-form .col-lg-offset-10{ margin-left:83.33333%} .elq-form .col-lg-offset-11{ margin-left:91.66667%} .elq-form .col-lg-offset-12{ margin-left:100%} } .elq-form .row{ display:inherit} .LV_invalid_field,input.LV_invalid_field:active,input.LV_invalid_field:hover,textarea.LV_invalid_field:active,textarea.LV_invalid_field:hover{ outline:1px solid #c00} .LV_validation_message{ font-weight:700; margin:0 0 0 5px} .LV_valid{ display:none} .LV_invalid{ color:#c00; font-size:10px} .submit-button-style{ padding:7px 20px; border:1px solid #979797; border-radius:3px; background-color:#fff; color:#4a4a4a; cursor:pointer} .checkbox-aligned{ margin-left:5px} .form-element-layout{ padding:5px 10px} .form-element-instruction{ font-size:10px} .form-element-form-text{ margin:0} .form-field-visible-xs-block{ display:none} @media (max-width:767px){ .form-field-visible-xs-block{ display:block} } .form-field-hidden-xs{ display:block} @media (max-width:767px){ .form-field-hidden-xs{ display:none} } </style>  <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> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TLCQM6K" 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 id="hero_bgimg"> </div> <div class="wide-spacer"> </div> <div id="overlaybox"> <h2>Keep up to date in the world of stainless steel</h2> <p>Welcome to Outokumpu subscription center where you can sign up for our monthly newsletter, receive the latest news from your industry and order the Investor relations newsletter.</p><p>Tick the boxes of the topics you are interested in and we will provide you the news accordingly.</p>  </div> </div> </div> </div> </div> </section> <style type="text/css"> form { font-size: 18px; } form h3 { font-size: 20px; } form input, form textarea, form select { box-sizing: border-box; width: 100%; } form input { padding: 14px 12px !important; box-sizing: border-box !important; color: #003057 !important; border:1px solid #d0d3d4 !important; transition: 0.2s; margin-bottom: 1px !important; } form textarea { padding: 14px 12px !important; box-sizing: border-box !important; color: #003057 !important; border:1px solid #d0d3d4 !important; transition: 0.2s; } form select { padding: 16px 10px 15px !important; border:1px solid #d0d3d4 !important; margin-top:1px !important; } 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 !important; height: auto !important; padding: 18px 50px !important; color: #ffffff !important; background: #009ee8; border-radius: 5px; border: 0 !important; font-weight: 400; transition: all 0.4s; margin-top:15px; } form input[type="submit"]:hover { opacity: 0.7; border: 0 !important; } form .label-position.top { padding: 10px 0 !important; } 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 !important; border: 1px solid #00CC00 !important; } 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 !important; border: 1px solid #CC0000 !important; } form .single-checkbox-row label { display: block; position: relative; padding-left: 45px !important; cursor: pointer; line-height: 1.2em; margin-top: 26px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; font-family: "TeeFFR",Helvetica,Arial,sans-serif !important; font-weight: 600 !important; } form .single-checkbox-row.aftermainh label { position: absolute; right:40px; top:10px; } form .single-checkbox-row label .sublabel { display: block; font-weight: 400 !important; text-transform: none; } form .single-checkbox-row input[type='checkbox'] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { border:1px solid #d0d3d4; position: absolute; top: 1px; left: -5px; height: 40px; width: 40px; background-color: #fff; transition: 0.2s; } form .single-checkbox-row label:hover input ~ .checkmark, form input:hover, form .single-checkbox-row label:hover input:checked ~ .checkmark { border:1px solid #009ee8 !important; } form .single-checkbox-row label input:checked ~ .checkmark { background: #003057; border:1px solid #003057; } .checkmark:after { content: ""; position: absolute; transition: 0.2s; } form .single-checkbox-row label input:checked ~ .checkmark:after { display: block; width: 12px; height: 20px; left: 13px; top: 8px; border-width: 0 6px 6px 0; } form .single-checkbox-row label .checkmark:after { left: 14px; top: 27px; width: 0px; height: 0px; border: solid #fff; border-width: 0 0px 0px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } form .othertext { border: 1px solid #009ee8 !important; margin-top: 5px; display: none; } form .hide-until-asking { display: none; } .freezePage { overflow: hidden; height: 100%; position: relative; } .grid-layout-col .row { margin-left:0 !important; margin-right:0 !important; } .grid-layout-col .col-xs-12 { padding-left: 0 !important; padding-right: 0 !important; } .form-element-layout { padding: 10px 0 !important; } #main .col-md-6 > .row, #main .col-md-12 > .row { margin-left: 0; margin-right: 0; } </style> <style type="text/css"> .elq-form .elq-required{ color:red!important; display:inline; float:none; font-weight:700; margin:0; padding:0} .elq-form .elq-label{ display:inline-block; max-width:100%; font-weight:400; box-sizing:border-box; margin-bottom:0} .elq-form .elq-label-top{ padding-bottom:3px} .elq-form .elq-item-label{ max-width:100%; font-weight:400; box-sizing:border-box} .elq-form .elq-item-textarea{ resize:vertical; min-height:48px; max-height:360px; box-sizing:border-box} .elq-form .elq-item-input,.elq-form .elq-item-select,.elq-form .elq-item-textarea{ font-family:inherit; font-size:inherit; line-height:inherit; color:inherit; font:inherit; margin:0} .elq-form .elq-item-select{ text-transform:none} .elq-form .row.single-checkbox-row{ margin-left:0} .elq-form .elq-field-style{ padding-bottom:10px} .elq-form .elq-field-style input[type=submit]{ -webkit-appearance:square-button} @-webkit-keyframes spin{ 0%{ -webkit-transform:rotate(0deg)} to{ -webkit-transform:rotate(1turn)} } @keyframes spin{ 0%{ transform:rotate(0deg)} to{ transform:rotate(1turn)} } .elq-form .loader{ vertical-align:middle; display:inline-block; margin-left:10px; border:3px solid #f3f3f3; border-radius:50%; border-top:3px solid #3498db; width:20px; height:20px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite} .elq-form input[type=checkbox],.elq-form input[type=radio]{ margin:0} .elq-form *,.elq-form :after,.elq-form :before{ box-sizing:border-box} .elq-form html{ font-size:10px; -webkit-tap-highlight-color:transparent} .elq-form body{ font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.42857; color:#333; background-color:#fff} .elq-form button,.elq-form input,.elq-form select,.elq-form textarea{ font-family:inherit; font-size:inherit; line-height:inherit} .elq-form a{ color:#337ab7; text-decoration:none} .elq-form a:focus,.elq-form a:hover{ color:#23527c; text-decoration:underline} .elq-form a:focus{ outline:5px auto -webkit-focus-ring-color; outline-offset:-2px} .elq-form figure{ margin:0} .elq-form img{ vertical-align:middle} .elq-form .img-responsive{ display:block; max-width:100%; height:auto} .elq-form .img-rounded{ border-radius:6px} .elq-form .img-thumbnail{ padding:4px; line-height:1.42857; background-color:#fff; border:1px solid #ddd; border-radius:4px; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto} .elq-form .img-circle{ border-radius:50%} .elq-form hr{ margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee} .elq-form .sr-only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0} .elq-form .sr-only-focusable:active,.elq-form .sr-only-focusable:focus{ position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto} .elq-form [role=button]{ cursor:pointer} .elq-form .container{ margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px} .elq-form .container:after,.elq-form .container:before{ content:" "; display:table} .elq-form .container:after{ clear:both} @media (min-width:768px){ .elq-form .container{ width:750px} } @media (min-width:992px){ .elq-form .container{ width:970px} } @media (min-width:1200px){ .elq-form .container{ width:1170px} } .elq-form .container-fluid{ margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px} .elq-form .container-fluid:after,.elq-form .container-fluid:before{ content:" "; display:table} .elq-form .container-fluid:after{ clear:both} .elq-form .row{ margin-left:-15px; margin-right:-15px} .elq-form .row:after,.elq-form .row:before{ content:" "; display:table} .elq-form .row:after{ clear:both} .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12,.elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12,.elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12,.elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ position:relative; min-height:1px; padding-left:15px; padding-right:15px} .elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ float:left} .elq-form .col-xs-1{ width:8.33333%} .elq-form .col-xs-2{ width:16.66667%} .elq-form .col-xs-3{ width:25%} .elq-form .col-xs-4{ width:33.33333%} .elq-form .col-xs-5{ width:41.66667%} .elq-form .col-xs-6{ width:50%} .elq-form .col-xs-7{ width:58.33333%} .elq-form .col-xs-8{ width:66.66667%} .elq-form .col-xs-9{ width:75%} .elq-form .col-xs-10{ width:83.33333%} .elq-form .col-xs-11{ width:91.66667%} .elq-form .col-xs-12{ width:100%} .elq-form .col-xs-pull-0{ right:auto} .elq-form .col-xs-pull-1{ right:8.33333%} .elq-form .col-xs-pull-2{ right:16.66667%} .elq-form .col-xs-pull-3{ right:25%} .elq-form .col-xs-pull-4{ right:33.33333%} .elq-form .col-xs-pull-5{ right:41.66667%} .elq-form .col-xs-pull-6{ right:50%} .elq-form .col-xs-pull-7{ right:58.33333%} .elq-form .col-xs-pull-8{ right:66.66667%} .elq-form .col-xs-pull-9{ right:75%} .elq-form .col-xs-pull-10{ right:83.33333%} .elq-form .col-xs-pull-11{ right:91.66667%} .elq-form .col-xs-pull-12{ right:100%} .elq-form .col-xs-push-0{ left:auto} .elq-form .col-xs-push-1{ left:8.33333%} .elq-form .col-xs-push-2{ left:16.66667%} .elq-form .col-xs-push-3{ left:25%} .elq-form .col-xs-push-4{ left:33.33333%} .elq-form .col-xs-push-5{ left:41.66667%} .elq-form .col-xs-push-6{ left:50%} .elq-form .col-xs-push-7{ left:58.33333%} .elq-form .col-xs-push-8{ left:66.66667%} .elq-form .col-xs-push-9{ left:75%} .elq-form .col-xs-push-10{ left:83.33333%} .elq-form .col-xs-push-11{ left:91.66667%} .elq-form .col-xs-push-12{ left:100%} .elq-form .col-xs-offset-0{ margin-left:0} .elq-form .col-xs-offset-1{ margin-left:8.33333%} .elq-form .col-xs-offset-2{ margin-left:16.66667%} .elq-form .col-xs-offset-3{ margin-left:25%} .elq-form .col-xs-offset-4{ margin-left:33.33333%} .elq-form .col-xs-offset-5{ margin-left:41.66667%} .elq-form .col-xs-offset-6{ margin-left:50%} .elq-form .col-xs-offset-7{ margin-left:58.33333%} .elq-form .col-xs-offset-8{ margin-left:66.66667%} .elq-form .col-xs-offset-9{ margin-left:75%} .elq-form .col-xs-offset-10{ margin-left:83.33333%} .elq-form .col-xs-offset-11{ margin-left:91.66667%} .elq-form .col-xs-offset-12{ margin-left:100%} @media (min-width:768px){ .elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12{ float:left} .elq-form .col-sm-1{ width:8.33333%} .elq-form .col-sm-2{ width:16.66667%} .elq-form .col-sm-3{ width:25%} .elq-form .col-sm-4{ width:33.33333%} .elq-form .col-sm-5{ width:41.66667%} .elq-form .col-sm-6{ width:50%} .elq-form .col-sm-7{ width:58.33333%} .elq-form .col-sm-8{ width:66.66667%} .elq-form .col-sm-9{ width:75%} .elq-form .col-sm-10{ width:83.33333%} .elq-form .col-sm-11{ width:91.66667%} .elq-form .col-sm-12{ width:100%} .elq-form .col-sm-pull-0{ right:auto} .elq-form .col-sm-pull-1{ right:8.33333%} .elq-form .col-sm-pull-2{ right:16.66667%} .elq-form .col-sm-pull-3{ right:25%} .elq-form .col-sm-pull-4{ right:33.33333%} .elq-form .col-sm-pull-5{ right:41.66667%} .elq-form .col-sm-pull-6{ right:50%} .elq-form .col-sm-pull-7{ right:58.33333%} .elq-form .col-sm-pull-8{ right:66.66667%} .elq-form .col-sm-pull-9{ right:75%} .elq-form .col-sm-pull-10{ right:83.33333%} .elq-form .col-sm-pull-11{ right:91.66667%} .elq-form .col-sm-pull-12{ right:100%} .elq-form .col-sm-push-0{ left:auto} .elq-form .col-sm-push-1{ left:8.33333%} .elq-form .col-sm-push-2{ left:16.66667%} .elq-form .col-sm-push-3{ left:25%} .elq-form .col-sm-push-4{ left:33.33333%} .elq-form .col-sm-push-5{ left:41.66667%} .elq-form .col-sm-push-6{ left:50%} .elq-form .col-sm-push-7{ left:58.33333%} .elq-form .col-sm-push-8{ left:66.66667%} .elq-form .col-sm-push-9{ left:75%} .elq-form .col-sm-push-10{ left:83.33333%} .elq-form .col-sm-push-11{ left:91.66667%} .elq-form .col-sm-push-12{ left:100%} .elq-form .col-sm-offset-0{ margin-left:0} .elq-form .col-sm-offset-1{ margin-left:8.33333%} .elq-form .col-sm-offset-2{ margin-left:16.66667%} .elq-form .col-sm-offset-3{ margin-left:25%} .elq-form .col-sm-offset-4{ margin-left:33.33333%} .elq-form .col-sm-offset-5{ margin-left:41.66667%} .elq-form .col-sm-offset-6{ margin-left:50%} .elq-form .col-sm-offset-7{ margin-left:58.33333%} .elq-form .col-sm-offset-8{ margin-left:66.66667%} .elq-form .col-sm-offset-9{ margin-left:75%} .elq-form .col-sm-offset-10{ margin-left:83.33333%} .elq-form .col-sm-offset-11{ margin-left:91.66667%} .elq-form .col-sm-offset-12{ margin-left:100%} } @media (min-width:992px){ .elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12{ float:left} .elq-form .col-md-1{ width:8.33333%} .elq-form .col-md-2{ width:16.66667%} .elq-form .col-md-3{ width:25%} .elq-form .col-md-4{ width:33.33333%} .elq-form .col-md-5{ width:41.66667%} .elq-form .col-md-6{ width:50%} .elq-form .col-md-7{ width:58.33333%} .elq-form .col-md-8{ width:66.66667%} .elq-form .col-md-9{ width:75%} .elq-form .col-md-10{ width:83.33333%} .elq-form .col-md-11{ width:91.66667%} .elq-form .col-md-12{ width:100%} .elq-form .col-md-pull-0{ right:auto} .elq-form .col-md-pull-1{ right:8.33333%} .elq-form .col-md-pull-2{ right:16.66667%} .elq-form .col-md-pull-3{ right:25%} .elq-form .col-md-pull-4{ right:33.33333%} .elq-form .col-md-pull-5{ right:41.66667%} .elq-form .col-md-pull-6{ right:50%} .elq-form .col-md-pull-7{ right:58.33333%} .elq-form .col-md-pull-8{ right:66.66667%} .elq-form .col-md-pull-9{ right:75%} .elq-form .col-md-pull-10{ right:83.33333%} .elq-form .col-md-pull-11{ right:91.66667%} .elq-form .col-md-pull-12{ right:100%} .elq-form .col-md-push-0{ left:auto} .elq-form .col-md-push-1{ left:8.33333%} .elq-form .col-md-push-2{ left:16.66667%} .elq-form .col-md-push-3{ left:25%} .elq-form .col-md-push-4{ left:33.33333%} .elq-form .col-md-push-5{ left:41.66667%} .elq-form .col-md-push-6{ left:50%} .elq-form .col-md-push-7{ left:58.33333%} .elq-form .col-md-push-8{ left:66.66667%} .elq-form .col-md-push-9{ left:75%} .elq-form .col-md-push-10{ left:83.33333%} .elq-form .col-md-push-11{ left:91.66667%} .elq-form .col-md-push-12{ left:100%} .elq-form .col-md-offset-0{ margin-left:0} .elq-form .col-md-offset-1{ margin-left:8.33333%} .elq-form .col-md-offset-2{ margin-left:16.66667%} .elq-form .col-md-offset-3{ margin-left:25%} .elq-form .col-md-offset-4{ margin-left:33.33333%} .elq-form .col-md-offset-5{ margin-left:41.66667%} .elq-form .col-md-offset-6{ margin-left:50%} .elq-form .col-md-offset-7{ margin-left:58.33333%} .elq-form .col-md-offset-8{ margin-left:66.66667%} .elq-form .col-md-offset-9{ margin-left:75%} .elq-form .col-md-offset-10{ margin-left:83.33333%} .elq-form .col-md-offset-11{ margin-left:91.66667%} .elq-form .col-md-offset-12{ margin-left:100%} } @media (min-width:1200px){ .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12{ float:left} .elq-form .col-lg-1{ width:8.33333%} .elq-form .col-lg-2{ width:16.66667%} .elq-form .col-lg-3{ width:25%} .elq-form .col-lg-4{ width:33.33333%} .elq-form .col-lg-5{ width:41.66667%} .elq-form .col-lg-6{ width:50%} .elq-form .col-lg-7{ width:58.33333%} .elq-form .col-lg-8{ width:66.66667%} .elq-form .col-lg-9{ width:75%} .elq-form .col-lg-10{ width:83.33333%} .elq-form .col-lg-11{ width:91.66667%} .elq-form .col-lg-12{ width:100%} .elq-form .col-lg-pull-0{ right:auto} .elq-form .col-lg-pull-1{ right:8.33333%} .elq-form .col-lg-pull-2{ right:16.66667%} .elq-form .col-lg-pull-3{ right:25%} .elq-form .col-lg-pull-4{ right:33.33333%} .elq-form .col-lg-pull-5{ right:41.66667%} .elq-form .col-lg-pull-6{ right:50%} .elq-form .col-lg-pull-7{ right:58.33333%} .elq-form .col-lg-pull-8{ right:66.66667%} .elq-form .col-lg-pull-9{ right:75%} .elq-form .col-lg-pull-10{ right:83.33333%} .elq-form .col-lg-pull-11{ right:91.66667%} .elq-form .col-lg-pull-12{ right:100%} .elq-form .col-lg-push-0{ left:auto} .elq-form .col-lg-push-1{ left:8.33333%} .elq-form .col-lg-push-2{ left:16.66667%} .elq-form .col-lg-push-3{ left:25%} .elq-form .col-lg-push-4{ left:33.33333%} .elq-form .col-lg-push-5{ left:41.66667%} .elq-form .col-lg-push-6{ left:50%} .elq-form .col-lg-push-7{ left:58.33333%} .elq-form .col-lg-push-8{ left:66.66667%} .elq-form .col-lg-push-9{ left:75%} .elq-form .col-lg-push-10{ left:83.33333%} .elq-form .col-lg-push-11{ left:91.66667%} .elq-form .col-lg-push-12{ left:100%} .elq-form .col-lg-offset-0{ margin-left:0} .elq-form .col-lg-offset-1{ margin-left:8.33333%} .elq-form .col-lg-offset-2{ margin-left:16.66667%} .elq-form .col-lg-offset-3{ margin-left:25%} .elq-form .col-lg-offset-4{ margin-left:33.33333%} .elq-form .col-lg-offset-5{ margin-left:41.66667%} .elq-form .col-lg-offset-6{ margin-left:50%} .elq-form .col-lg-offset-7{ margin-left:58.33333%} .elq-form .col-lg-offset-8{ margin-left:66.66667%} .elq-form .col-lg-offset-9{ margin-left:75%} .elq-form .col-lg-offset-10{ margin-left:83.33333%} .elq-form .col-lg-offset-11{ margin-left:91.66667%} .elq-form .col-lg-offset-12{ margin-left:100%} } .elq-form .row{ display:inherit} .LV_invalid_field,input.LV_invalid_field:active,input.LV_invalid_field:hover,textarea.LV_invalid_field:active,textarea.LV_invalid_field:hover{ outline:1px solid #c00} .LV_validation_message{ font-weight:700; margin:0 0 0 5px} .LV_valid{ display:none} .LV_invalid{ color:#c00; font-size:10px} .submit-button-style{ padding:7px 20px; border:1px solid #979797; border-radius:3px; background-color:#fff; color:#4a4a4a; cursor:pointer} .checkbox-aligned{ margin-left:5px} .form-element-layout{ padding:5px 10px} .form-element-instruction{ font-size:10px} .form-element-form-text{ margin:0} .form-field-visible-xs-block{ display:none} @media (max-width:767px){ .form-field-visible-xs-block{ display:block} } .form-field-hidden-xs{ display:block} @media (max-width:767px){ .form-field-hidden-xs{ display:none} } </style> <section id="main"> <div class="container"> <form class="elq-form" name="subscriptioncenterHABAAB645" id="form56" action="https://enrdoz0flvtt5xy.m.pipedream.net" method="post"> <input value="subscriptioncenterHABAAB645" type="hidden" name="elqFormName"> <input value="1630091360" type="hidden" name="elqSiteId"> <input name="elqCampaignId" type="hidden"> <input type="hidden" name="elqCustomerGUID" value=""> <input type="hidden" name="elqCookieWrite" value="0"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="lightbluebox"> <h1 class="accordion-toggle accup" id="nlacc">I'd like to order the Stainless Insights monthly newsletter</h1> <p>Choose the topics you are interested in and fill out the form below.</p> <div class="accordion-content accordion-hidden layout container-fluid"> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement4" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="group5" id="fe671" data-subscription=""> <label class="checkbox-aligned elq-item-label" for="fe671">Industry insights <span class="sublabel">Stay one step ahead of the game and secure your access to industry insight by experts.</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement0" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="group1" id="fe667" data-subscription=""> <label class="checkbox-aligned elq-item-label" for="fe667">Product news and customer stories <span class="sublabel">The latest product releases, innovations and customer stories. We offer sustainable stainless steel solutions and expertise for the most demanding processes and conditions.</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement1" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="group2" id="fe668" data-subscription="false"> <label class="checkbox-aligned elq-item-label" for="fe668">Events <span class="sublabel">Keep yourself well-connected with industry peers. Receive invitations and news about industry events, conferences and Outokumpu鈥檚 webinars.</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement2" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="group3" id="fe669" data-subscription=""> <label class="checkbox-aligned elq-item-label" for="fe669">Technical articles <span class="sublabel">Read technical articles related to properties and performance of Outokumpu鈥檚 products, such as corrosion, mechanical performance and material selection. Learn about the latest advances in stainless steel research. Get your hands to the latest scientific and conference articles and white papers.</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement4" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="sustainability" id="fe4631" data-subscription=""> <label class="checkbox-aligned elq-item-label" for="fe4631">Sustainability perspectives <span class="sublabel">Get news and insights on how you can reduce your carbon footprint and contribute to a circular economy. As the global leader in sustainable stainless steel, Outokumpu is working with customers and partners towards a world that lasts forever. </span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row" style="padding-top:30px;"> <div class="col-lg-12 col-md-12"> <div class="lightbluebox"> <h1 class="accordion-toggle accup">I'd like to receive news and updates from my industry</h1> <p>Choose your industry and fill out the form below.</p> <div class="accordion-content accordion-hidden layout container-fluid"> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElementb1" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="cbarchitecture" id="fe2602" data-subscription=""> <label class="checkbox-aligned elq-item-label" for="fe2602">Architecture <span class="sublabel">Learn more about the aesthetic world of architecture industry.</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElementb2" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="cbautomotive" id="fe2603" data-subscription=""> <label class="checkbox-aligned elq-item-label" for="fe2603">Automotive <span class="sublabel">Read about the latest developments in the fast changing mobility industry.</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElementb3" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="cbbridges" id="fe2604" data-subscription=""> <label class="checkbox-aligned elq-item-label" for="fe2604">Bridges <span class="sublabel">Receive the latest case stories, articles and technical content from the world of bridges.</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElementb4" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div> <div class="single-checkbox-row row"> <input type="checkbox" name="cbother" id="cbothe" class="otherCheckbox"> <label class="checkbox-aligned elq-item-label" for="cbothe">OTHER <span class="sublabel">Please specify</span> </label> <input id="othersubpref" name="otherPleaseSpecify" type="text" value="" class="field-size-top-large othertext"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="row" style="padding-top:30px;"> <div class="col-md-12"> <div class="row"> <h1>Please fill in your details</h1> </div> </div> <div class="col-md-6" style="margin-bottom:15px;"> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement5" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe652">First Name <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input" name="firstName" id="fe652" value="" style="width:100%;"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement6" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe653">Last Name <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input" name="lastName" id="fe653" value="" style="width:100%;"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement7" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe654">Email Address <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input" name="emailAddress" id="fe654" value="" style="width:100%;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement8" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe656">Country <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <select class="elq-item-select" id="fe656" name="country" style="width:100%;" data-value=""> <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> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement9" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe674">Job Role <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <select class="elq-item-select" id="fe674" name="jobRole1" style="width:100%;" data-value=""> <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> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement10" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe673">Industry segment <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <select class="elq-item-select customSelect" style="width:100%;" data-value=""> <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 id="fe673" name="industry1" type="text" value="" class="field-size-top-large othertext"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="row"> <p>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. Please read our <a href="https://www.outokumpu.com/en/privacy-notice-for-marketing?elqTrackId=cf0ecf725192406c9c8e691672441ffc&elqaid=45&elqat=2&elqak=8AF5F9A2136915D32F06648F6E9F85EEBBE9FFE548F3FBBEE2E0DDFD4A928B90FB59" target="_blank">privacy notice</a>. </p> </div> </div> <div class="col-md-12"> <input type="Submit" class="submit-button-style " value="Subscribe"> </div> <div class="col-md-12"> <div class="row"> <div style="margin-top:30px;"> <p>You can unsubscribe at any time with a click on the link provided in every Outokumpu email.</p> </div> </div> </div> </div> <input type="hidden" name="UTMsource" id="fe660" value=""> <input type="hidden" name="UTMmedium" id="fe661" value=""> <input type="hidden" name="UTMcampaign" id="fe662" value=""> <input type="hidden" name="CampaignNameHidden" id="fe663" value="-"> <input type="hidden" name="FormNameHidden" id="fe664" value="[SYSTEM] - Subscription centre"> <input type="hidden" name="LeadTypeHidden" id="fe665" value="-"> <input type="hidden" name="MarketingPermissionText" id="fe692" value="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. Please read our privacy notice -> https://www.outokumpu.com/en/privacy-notice-for-marketing"> </form> <script type="text/javascript" src="https://images.insights.outokumpu.com/i/livevalidation_standalone.compressed.js"> </script> <script>function handleFormSubmit(ele) { var submitButton = ele.querySelector('input[type=submit]'); var spinner = document.createElement('span'); spinner.setAttribute('class', 'loader'); submitButton.setAttribute('disabled', true); submitButton.style.cursor = 'wait'; submitButton.parentNode.appendChild(spinner); return true; } function resetSubmitButton(e){ var submitButtons = e.target.form.getElementsByClassName('submit-button'); for(var i=0;i<submitButtons.length;i++){ submitButtons[i].disabled = false; } } function addChangeHandler(elements){ for(var i=0; i<elements.length; i++){ elements[i].addEventListener('change', resetSubmitButton); } } var form = document.getElementById('form56'); addChangeHandler(form.getElementsByTagName('input')); addChangeHandler(form.getElementsByTagName('select')); addChangeHandler(form.getElementsByTagName('textarea')); var nodes = document.querySelectorAll('#form56 input[data-subscription]'); if (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription'); if(status ==='true') { nodes[i].checked = true; } if(status ==='on') { nodes[i].checked = true; } } }; var nodes = document.querySelectorAll('#form56 select[data-value]'); if (nodes) { for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; var selectedValue = node.dataset ? node.dataset.value : node.getAttribute('data-value'); if (selectedValue) { for (var j = 0; j < node.options.length; j++) { if(node.options[j].value === selectedValue) { node.options[j].selected = 'selected'; break; } } } } } this.getParentElement = function(list) { return list[list.length-1].parentElement}; var dom0 = document.querySelector('#form56 #fe667'); var fe667 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe667.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe667.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom1 = document.querySelector('#form56 #fe668'); var fe668 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe668.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe668.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom2 = document.querySelector('#form56 #fe669'); var fe669 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe669.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe669.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom4 = document.querySelector('#form56 #fe671'); var fe671 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe671.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe671.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom5 = document.querySelector('#form56 #fe2602'); var fe2602 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe2602.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe2602.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom6 = document.querySelector('#form56 #fe2603'); var fe2603 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe2603.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe2603.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom7 = document.querySelector('#form56 #fe2604'); var fe2604 = new LiveValidation(dom7, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe2604.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe2604.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom8 = document.querySelector('#form56 #fe4631'); var fe4631 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe4631.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe4631.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); var dom11 = document.querySelector('#form56 #fe652'); var fe652 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe652.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe652.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); fe652.add(Validate.Length, { tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35} ); fe652.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom12 = document.querySelector('#form56 #fe653'); var fe653 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe653.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe653.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); fe653.add(Validate.Length, { tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35} ); fe653.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom13 = document.querySelector('#form56 #fe654'); var fe654 = new LiveValidation(dom13, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe654.add(Validate.Format, { pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "A valid email address is required"} ); fe654.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "A valid email address is required", negate: "true"} ); fe654.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom14 = document.querySelector('#form56 #fe656'); var fe656 = new LiveValidation(dom14, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe656.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom15 = document.querySelector('#form56 #fe674'); var fe674 = new LiveValidation(dom15, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe674.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom16 = document.querySelector('#form56 #fe673'); var fe673 = new LiveValidation(dom16, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe673.add(Validate.Presence, { failureMessage:"This field is required"} ); </script> </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>in social channels</p> <a href="https://www.linkedin.com/company/outokumpu/?elqTrackId=838550184c1946f3a672a750edc3b8d9&elqaid=45&elqat=2&elqak=8AF58E680BB93D263D068D0E5DCC7F15FE8C6FF13B14FF6DC4568DCA538EE629383B" 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=dcacab836ebc48d0932fecad62dc9a14&elqaid=45&elqat=2&elqak=8AF55197A2D0F6FBBDAC80504EFC44D9385C30C941EA26071C6550E337BDA81240C1" 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=45&elqat=2&elqak=8AF576019E65DF035650FF118A9CE6CF440244E45705D82E67D5129832C539C94D97" 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=45&elqat=2&elqak=8AF5F5EC4F53DC15096AC1F32724532642021F9D6D5DEE294ED2453E8F9D47674B99" 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=45&elqat=2&elqak=8AF559D4FF545A702A04C466E80C74E97976BC2C4D5B1DD2CE57CB8759275E8164AB" 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="year" style="color: rgba(255,255,255,.8);"></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=45&elqat=2&elqak=8AF5754E0E167A74D2ED0F5D11F1DDDF412A043EC0318794B512A1256BF71005EE2E" target="_blank" style="margin-right:20px;">Privacy Notice</a> <a href="https://www.outokumpu.com/en/cookie-declaration?elqTrackId=301a749a31eb4bc2a13095181bf61fa8&elqaid=45&elqat=2&elqak=8AF5B21642A81956FA0DDE759F6FB9597AB82B6B4761455EBD05447BD3847C7C4966" target="_blank" style="margin-right:20px;">Cookie declaration</a> <a href="https://www.outokumpu.com/en/legal-notice?elqTrackId=dfbca87e103d4a898fd18c573403f512&elqaid=45&elqat=2&elqak=8AF538C3C0C8C64D799DC5F9808DFF01B4C141396197E19D9F20CF2A18D33E1DD81D" target="_blank">Legal Notice</a> </div> </div> </div> </div> </footer>   <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="subscriptioncenterHABAAB645"> <div class="row"> <div class="col"> <h3 class="sthety">Thank you for subscribing to our newsletter.</h3> </div> </div> <div class="row"> <div class="col"> <h3 class="sthemessage">Check your inbox and click confirm to start receiving our newsletters.</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>  <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 src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> <script> var assetURLa = 'https://img06.en25.com/Web/OutokumpuOyj/'; document.addEventListener("DOMContentLoaded", function(event) { // modify eloqua default check boxes a bit to make them nicer fixCheckBoxes(); // Make custom dropdown selects work. make them apply on all similary named fields $('.customSelect').change(function() { setOtherSelectToMainInput($(this)); }); // If a fieldmerge for a custom select field is present, select it from the custom <select> fieldmergecustomselects(); // Create accordion fuctionality $('.accordion-toggle').on('click', function() { if ($(this).hasClass('accup')) { $(this).removeClass('accup'); $(this).addClass('accdown'); $(this).closest('.row').find('.accordion-content').addClass('accordion-show'); } else { $(this).addClass('accup'); $(this).removeClass('accdown'); $(this).closest('.row').find('.accordion-content').removeClass('accordion-show'); } }); // 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. TODO check if URLSearchParams thingy works on IE var urli = new URL(document.URL); var params = new URLSearchParams(urli.search); if (params.has('utm_source')) { fillOut(params.get('utm_source'), "UTMsource") }; if (params.has('utm_medium')) { fillOut(params.get('utm_medium'), "UTMmedium") }; if (params.has('utm_campaign')) { fillOut(params.get('utm_campaign'), "UTMcampaign") }; // Show first accordion if nl parameter is present if (params.has('nl')) { $('#nlacc').removeClass('accup'); $('#nlacc').addClass('accdown'); $('#nlacc').closest('.row').find('.accordion-content').addClass('accordion-show'); } // move browser on page load, if anchor parameter is present and we can find its value as an id if ($('#'+params.get('anchor')).length > 0) { var target = $('#'+params.get('anchor')); $('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 }; }); } // if the value of an input or custom select changes, update each input with same name $( "input" ).change(function() { $('[name="'+$(this).attr('name')+'"]').val($(this).val()); }); $( ".customSelect" ).change(function() { $('[name="'+$(this).closest('div').find('.othertext').attr('name')+'"]').parent().find('.customSelect').val($(this).val()); }); $( ".otherCheckbox" ).change(function() { if (this.checked) { $(this).closest('div').find('.othertext').show(); } else { $(this).closest('div').find('.othertext').hide(); } }); $("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 == "1") { $('[name="marketingPermission"]').closest('.row').hide(); } }, 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; } }); }); function fixCheckBoxes() { var checkBoxContainersToFixNodeList = document.querySelectorAll("input[type='checkbox']"); var checkBoxContainersToFix = Array.prototype.slice.call(checkBoxContainersToFixNodeList, 0); checkBoxContainersToFix.forEach(function (item, index) { var labelli = item.nextElementSibling; if (labelli.tagName == 'LABEL') { var newCheckMarkSpan = document.createElement("span"); newCheckMarkSpan.classList.add("checkmark"); labelli.appendChild(item); labelli.appendChild(newCheckMarkSpan); } else { console.log('checkbox label structure has changed. contact form developer'); } }); } // change all similarry named selects on custom select change function setOtherSelectToMainInput(element) { var selection = element.val(); var theFields = $('[name="'+element.closest('div').find('.othertext').attr('name')+'"]'); if (selection == 'Other, please specify') { theFields.val(''); theFields.show(); } else { theFields.val(selection); theFields.hide(); } } function fillOut(parameterValue, targetFieldName) { $("[name='"+targetFieldName+"']").val(parameterValue); } function fieldmergecustomselects() { $('.othertext').each(function() { if ($(this).val().length > 0) { fieldmergedvalue = $(this).val(); if ($(this).parent().find('option[value="'+fieldmergedvalue+'"]').length > 0) { $(this).parent().find('option[value="'+fieldmergedvalue+'"]').prop('selected', true); } // TODO if fieldmerge is present, check if custom input choice is an option, select it and show the input if merged value was not found in the list of options } }); } 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 ""; } function loadTrackingImg(src) { $('<img />', { src: src, height: '1', width: '1', style: 'display:none;' }).appendTo("body"); } //Get the current year for copyright $('#year').text(new Date().getFullYear()); </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=45&PURLRecordID=0&PURLGUID=D1575FFF567C4EE095637B15594D0685&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&firstPartyCookieDomain=profiling.outokumpu.com&elqGUID=d1575fff-567c-4ee0-9563-7b15594d0685&elq_ck=0" border=0 width=1 height=1 alt="">

CINXE.COM

Subscription center