Fortune Single Issues

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="format-detection" content="telephone=no"> <link rel="icon" href="https://assets.emagazines.com/appIcon72x72_Fortune.png"/> <title>Fortune Single Issues</title> <base href="/" />  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>  <link href="/css/bootstrap.min.css?v=Vm5qS7zLVNKrU7pW0eWPSqbWNbDGXVeNJxD3ehJeAUg" rel="stylesheet" /> <link href="/css/plugins.css?v=Pg1tRqXQMIyPxEK0NHat--FeN0xs1bA_JS4CvP4eYBw" rel="stylesheet" /> <link href="/css/fonts.css?v=2y7U-HXQUx7UApXMTRey5k7_dORHOWPdKpwvjAORSs8" rel="stylesheet" /> <link href="/css/style.css?v=4WbS0UyjoZjes_fNh1LmwjTKrGAkXsSRPBnWD4akE0U" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> <script async src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,700,700i&display=swap" rel="stylesheet"> <link href="/css/fontawesome-all.min.css" rel="stylesheet" /> <link href="/css/line-icons.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplebar/5.2.1/simplebar.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/simplebar/5.2.1/simplebar.js"></script>  <link href="assets/fonts/iconsmind/iconsmind.css" rel="stylesheet"> <link href="assets/fonts/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Poppins:wght@200;300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"/> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <style type="text/css"> @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=beb5b704-ca5d-4859-8e8e-17746c336b08"); @font-face { font-family: "Avenir Next W05"; src: url("https://assets.emagazines.com/uploads/86df2caf-2588-4bb9-a9a9-5290fb6bd63d_da92a44f-8e1d-4248-ba7b-b12c91a118a9.woff2") format("woff2"), url("https://assets.emagazines.com/uploads/ae824335-a7f0-425a-81b5-436dc22ea039_b679252b-1f50-49c3-9b2e-002bb8827c2e.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: "Avenir Next W05"; src: url("https://assets.emagazines.com/uploads/2a916cb0-7c05-48ce-a11f-851a3d5a7292_f64c3634-1027-4aec-8bd4-d96f2444f559.woff2") format("woff2"), url("https://assets.emagazines.com/uploads/3a215542-78db-4c56-bc1c-729471ec83bd_91f23395-35b5-470e-9680-45d860e84f5b.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Avenir Next W05"; src: url("https://assets.emagazines.com/uploads/8e00a826-1fba-4c4b-968f-01c4b067ba6e_a1049d00-54ad-4589-95b8-d353f7ab52f0.woff2") format("woff2"), url("https://assets.emagazines.com/uploads/9d66ae23-0e78-41c1-ac26-2a985a92cc05_13faf0ae-dcab-4d1c-9c08-f9ca339b6023.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Avenir Next W05"; src: url("https://assets.emagazines.com/uploads/28e6049e-b528-4c30-9ff9-a3ee6f96a154_8c6d7851-9978-4520-8c8f-dc1b38b36eb6.woff2") format("woff2"), url("https://assets.emagazines.com/uploads/92d7f2ef-17b1-4ef5-bfbc-b633fbe4e68e_73fd8503-a80c-4965-97ae-a1178b2caad0.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: "Avenir Next W05"; src: url("https://assets.emagazines.com/uploads/918bf6de-7721-41f8-91e7-ae06649ce7b2_9544095b-fbf6-4d50-870f-a5102776eae4.woff2") format("woff2"), url("https://assets.emagazines.com/uploads/918bf6de-7721-41f8-91e7-ae06649ce7b2_9544095b-fbf6-4d50-870f-a5102776eae4.woff2") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Avenir Next W05"; src: url("https://assets.emagazines.com/uploads/918bf6de-7721-41f8-91e7-ae06649ce7b2_9544095b-fbf6-4d50-870f-a5102776eae4.woff2") format("woff2"), url("https://assets.emagazines.com/uploads/2c48580a-b3ab-46ab-af0a-aa48d007e363_888f1b57-0692-499d-91f0-718136703ef4.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "Avenir Next Bold"; src: url("/assets/fonts/avenir/AvenirNext-Bold-01.ttf"); font-style: normal; } @font-face { font-family: "Avenir Next Bold"; src: url("/assets/fonts/avenir/AvenirNext-BoldItalic-02.ttf"); font-style: italic; } @font-face { font-family: "Avenir Next DemiBold"; src: url("/assets/fonts/avenir/AvenirNext-DemiBold-03.ttf"); font-style: normal; } @font-face { font-family: "Avenir Next DemiBold"; src: url("/assets/fonts/avenir/AvenirNext-DemiBoldItalic-04.ttf"); font-style: italic; } @font-face { font-family: "Avenir Next Heavy"; src: url("/assets/fonts/avenir/AvenirNext-Heavy-09.ttf"); font-style: normal; } @font-face { font-family: "Avenir Next Heavy"; src: url("/assets/fonts/avenir/AvenirNext-HeavyItalic-10.ttf"); font-style: italic; } @font-face { font-family: "Avenir Next Medium"; src: url("/assets/fonts/avenir/AvenirNext-Medium-06.ttf"); font-style: normal; } @font-face { font-family: "Avenir Next Medium"; src: url("/assets/fonts/avenir/AvenirNext-MediumItalic-07.ttf"); font-style: italic; } @font-face { font-family: "Avenir Next"; src: url("/assets/fonts/avenir/AvenirNext-Regular-08.ttf"); font-style: normal; } @font-face { font-family: "Avenir Next"; src: url("/assets/fonts/avenir/AvenirNext-Italic-05.ttf"); font-style: italic; } @font-face { font-family: "Avenir Next UltraLight"; src: url("/assets/fonts/avenir/AvenirNext-UltraLight-11.ttf"); font-style: normal; } @font-face { font-family: "Avenir Next UltraLight"; src: url("/assets/fonts/avenir/AvenirNext-UltraLightItalic-12.ttf"); font-style: italic; } </style> <link rel="stylesheet" href="https://use.typekit.net/ivx6tzt.css"> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-YFNWQRHJKE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-YFNWQRHJKE'); //gtag('config', 'G-FBWQMV2ZEY'); </script> <script> window.enableGoogleAnalytics = function() { gtag('consent', 'update', { 'ad_storage': 'granted', 'analytics_storage': 'granted', 'ads_data_redaction': 'false' }); } </script> </head> <body data-spy="scroll" data-target="#landingkit-navbar"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script> <div id="preloader"> <div id="preloader-inner"></div> </div>  <nav style="border-bottom: 2px solid #eee; " class="navbar navbar-light bg-white navbar-sticky navbar-expand-lg p-0"> <div class="container-fluid p-0"> <div class="row justify-content-center w-100 ml-0 mr-0"> <div class="col-auto p-0"> <a class="navbar-brand mr-0" href="https://fortune.com/"> <img id="landingPageLogo" alt="logo" style="height: 70px;" src="https://feed.valuemags.com/digital/fortune/logo.jpg"> </a> </div> </div> </div> </nav> <main class="main-content"> <div style="padding-top: 90px;" class='bg-white border-btm1 container-fluid pb50'> <div class="row flex-wrap justify-content-center"> <div class="col order-2 order-sm-2 order-md-1 order-lg-1 order-xl-1" style="min-width: 325px; max-width: 575px;"> <div class="row"> <div class="col-12 order-1 order-sm-1 order-md-1 order-lg-1 order-xl-1" style="max-width: 575px; margin-top: 15px;"> <h3 style="font-size: 1.4rem;" class='title-font mb-2'><center><h5>Single Issues (Print) for Purchase</h5></h3> </div> <div class="col-12 order-2 order-sm-2 order-md-1 order-lg-1 order-xl-1" style="max-width: 575px; margin-top: 15px;"> <div data-simplebar data-simplebar-auto-hide="false" style="max-height: 82vh; overflow-x: hidden; max-width: 575px;">  </div> </div> </div> </div> <div class="col order-4 order-sm-4 order-md-1 order-lg-1 order-xl-1" style="min-width: 325px; max-width: 575px;"> <div id="cartContainer" style="max-width: 575px; margin-top: 15px;">  </div> <div style="max-width: 575px; margin-top: 15px;"> <style> .emagsSubmit:hover { } </style> <div class="hero-form" style="background-color: white;"> <h5 id="orderError" style="display: none;" class="mb20 text-danger"></h5> <form id="orderForm" action="/LandingPageV2/ProcessOrder" method="post"> <div style="display: none;"> <input value="" type="text" id="Order_Source" name="Order.Source" /> <input value="" type="text" id="Order_Channel" name="Order.Channel" /> <input value="" type="text" id="Order_S1" name="Order.S1" /> <input value="" type="text" id="Order_S2" name="Order.S2" /> <input value="" type="text" id="Order_S3" name="Order.S3" /> <input value="" type="text" id="Order_Aid" name="Order.Aid" /> <input value="" type="text" id="Order_Tid" name="Order.Tid" /> <input value="" type="text" id="Order_PartnerOrderId" name="Order.PartnerOrderId" /> <input type="number" data-val="true" data-val-required="The LandingPageId field is required." id="LandingPage_LandingPageId" name="LandingPage.LandingPageId" value="1889" /><input name="__Invariant" type="hidden" value="LandingPage.LandingPageId" /> <input data-val="true" data-val-required="The CartSessionId field is required." id="CartSessionId" name="CartSessionId" type="hidden" value="6a94a6f6-3936-4aac-aac8-60f5e40b6d64" />; <input data-val="true" data-val-required="The UserForcedDupes field is required." id="UserForcedDupes" name="UserForcedDupes" type="hidden" value="False" />; <input data-val="true" data-val-required="The UserConfirmedAddressValidation field is required." id="UserConfirmedAddressValidation" name="UserConfirmedAddressValidation" type="hidden" value="False" /> </div> <div class="row"> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('Email'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-12 form-field-col mb20 px-1"> <label style="color: black;" for="Email">Email *</label> <input id="Email" value="" type="email" class="form-control" placeholder="" name="Consumer.Email"> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('BillingFirstName'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="BillingFirstName">First Name *</label> <input id="BillingFirstName" value="" type="text" class="form-control" placeholder="" name="BillingAddress.FirstName"> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('BillingLastName'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="BillingLastName">Last Name *</label> <input id="BillingLastName" value="" type="text" class="form-control" placeholder="" autocomplete="family-name" name="BillingAddress.LastName"> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('BillingAddress1'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-8 form-field-col mb20 px-1"> <label style="color: black;" for="BillingAddress1">Address *</label> <input id="BillingAddress1" type="text" class="form-control" placeholder="" name="BillingAddress.Address1" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('BillingAddress2'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-4 form-field-col mb20 px-1"> <label style="color: black;" for="BillingAddress2">Suite/Apt/Bldg</label> <input id="BillingAddress2" type="text" class="form-control" placeholder="" name="BillingAddress.Address2" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('BillingCity'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="BillingCity">City *</label> <input id="BillingCity" type="text" class="form-control" placeholder="" name="BillingAddress.City" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('BillingState'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="BillingState">State *</label> <select id="BillingState" class="form-control" placeholder="" name="BillingAddress.State"> <option value="">State *</option> <optgroup label="States"> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="DC">District Of Columbia</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </optgroup> </select> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('BillingZipCode'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-12 form-field-col mb20 px-1"> <label style="color: black;" for="BillingZipCode">Zip-Code *</label> <input id="BillingZipCode" type="text" class="form-control" placeholder="" name="BillingAddress.Zip" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <div class="col"> <div id="shippingAddressContainer" style="display:none;"> <div class="row"> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingEmail'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-12 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingEmail">Email *</label> <input id="ShippingEmail" value="" type="email" class="form-control" placeholder="" name="ShippingAddress.ShippingEmail"> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingFirstName'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingFirstName">First Name *</label> <input id="ShippingFirstName" value="" type="text" class="form-control" placeholder="" name="ShippingAddress.FirstName"> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingLastName'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingLastName">Last Name *</label> <input id="ShippingLastName" value="" type="text" class="form-control" placeholder="" autocomplete="family-name" name="ShippingAddress.LastName"> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingAddress1'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-8 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingAddress1">Address *</label> <input id="ShippingAddress1" type="text" class="form-control" placeholder="" name="ShippingAddress.Address1" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingAddress2'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-4 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingAddress2">Suite/Apt/Bldg</label> <input id="ShippingAddress2" type="text" class="form-control" placeholder="" name="ShippingAddress.Address2" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingCity'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingCity">City *</label> <input id="ShippingCity" type="text" class="form-control" placeholder="" name="ShippingAddress.City" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingState'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-6 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingState">State *</label> <select id="ShippingState" class="form-control" placeholder="" name="ShippingAddress.State"> <option value="">State *</option> <optgroup label="States"> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="DC">District Of Columbia</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </optgroup> </select> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> <script> document.addEventListener("DOMContentLoaded", function(event) { let element = document.getElementById('ShippingZipCode'); if (element) { // Only set the default value if it has not already been set if (element.value) { return; } else { element.value = ''; } } }); </script> <style> select[readonly] option, select[readonly] optgroup { display: none; } </style> <div class="col-12 form-field-col mb20 px-1"> <label style="color: black;" for="ShippingZipCode">Zip-Code *</label> <input id="ShippingZipCode" type="text" class="form-control" placeholder="" name="ShippingAddress.Zip" value=""> </div> <script> window.getShippingState = () => { let shippingState = ""; try { shippingState = document.getElementById("ShippingState").value; } catch (err) { } return shippingState; }; </script> </div> </div> </div> <div class="mb-30 mt-30"> <div class="col-12"> <div class="card border-left-0 border-right-0 border-bottom-0 rounded-0"> <div class="card-body px-1"> <div class="form-row w-100"> <p id="ccErrText" class="alert alert-success" style="display: none;"></p> </div> <div class="form-row w-100 flex px-2"> <div class="col-12 w-100"> <label id="paymentInformation" for="card-element" style="font-size: 1.1rem;" class="font-weight-bold text-dark"> Payment information </label> </div> <div class="col-12 w-100"> <label id="paymentSubtitle" for="card-element" style="font-size: 1rem;"> Please enter your card details and billing zip code. </label> </div> </div> <div class="form-row w-100"> <div class="col-12 col-sm-8 pt-1"> <label style="color: black;" for="PassThroughPayment_PassthroughCardNumber">Card Number</label> <input value="" placeholder="" class="form-control" required type="text" id="PassThroughPayment_PassthroughCardNumber" name="PassThroughPayment.PassthroughCardNumber" /> </div> <div class="col-12 col-sm-4 pt-1"> <label style="color: black;" for="PassThroughPayment_PassthroughCardZip">Postal Code</label> <input value="" type="text" placeholder="" class="form-control" id="PassThroughPayment_PassthroughCardZip" name="PassThroughPayment.PassthroughCardZip" /> </div> <div class="col-6 col-sm-4 pt-1"> <label style="color: black;" for="PassThroughPayment_PassthroughCardExpMM">Month</label> <input value="" type="number" min="1" max="12" placeholder="MM" class="form-control" required id="PassThroughPayment_PassthroughCardExpMM" name="PassThroughPayment.PassthroughCardExpMM"><input name="__Invariant" type="hidden" value="PassThroughPayment.PassthroughCardExpMM" /> </div> <div class="col-6 col-sm-4 pt-1"> <label style="color: black;" for="PassThroughPayment_PassthroughCardExpYY">Year</label> <input value="" type="number" min="24" max="99" placeholder="YY" class="form-control" required id="PassThroughPayment_PassthroughCardExpYY" name="PassThroughPayment.PassthroughCardExpYY"><input name="__Invariant" type="hidden" value="PassThroughPayment.PassthroughCardExpYY" /> </div> <div class="col-12 col-sm-4 pt-1"> <label style="color: black;" for="PassThroughPayment_PassthroughCardCVV">CVC</label> <input value="" type="text" placeholder="" required class="form-control" id="PassThroughPayment_PassthroughCardCVV" name="PassThroughPayment.PassthroughCardCVV"> </div> </div> </div>  <div id="card-errors" role="alert"></div> </div> </div> </div> <div class="col-12 mb20"> <button id="submitOrderButton" type="submit" class="btn btn-primary btn-block emagsSubmit mt-2 w-auto ml-auto mr-auto" style="padding: 9px 30px 10px 30px;">Submit</button> </div> <div id="formTextBelow" class="col-12 border-top pt-3">Applicable taxes may apply. Please allow 2-3 weeks for delivery.</div> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8FzjItsPIfRLl30GkmV8Mz-xhrnbWJrTCcfqa0Usq-hqhbWq39kAQvAVzixE2SvKglfApKjntu71rrjLDWrhKzBVPdXDlve9__WLWcS51TvxIF0JZ_7r3iNaV-Mw2vhoXp-ygIUWCyzuRfGZ1zM77e8" /></form> </div> <script> var shippingAddressContainer = document.getElementById("shippingAddressContainer"); var useShippingAddress = document.getElementById("UseShippingAddress"); if(useShippingAddress){ useShippingAddress.addEventListener("change", useShippingClicked); } $("#submitOrderButton, #digitalRiverContinueToPaymentButton").mousedown(function (e) { //if the shipping checkbox is not there or remains unchecked, copy over all billing fields to shipping if(!useShippingAddress || (useShippingAddress && !useShippingAddress.checked)) { var orderForm = document.getElementById("orderForm"); if(!orderForm) { return; } var inputs = orderForm.getElementsByTagName("input"); for(var i = 0; i < inputs.length; ++i){ var input = inputs[i]; CopyBillingToShipping(input); } var selects = orderForm.getElementsByTagName("select"); for(var i = 0; i < selects.length; ++i){ var select = selects[i]; CopyBillingToShipping(select); } } //e.preventDefault(); //for testing only }); function CopyBillingToShipping(element){ if(!element.id || (!element.id.toLowerCase().startsWith("billing") && element.id.toLowerCase() !== "email")){ return; } var shippingFieldId = "Shipping" + element.id.substring(7); if(element.id.toLowerCase() == "email"){ shippingFieldId = "ShippingEmail"; } var shippingElement = document.getElementById(shippingFieldId); if(!shippingElement){ return; } if(element.tagName.toUpperCase() == "INPUT"){ shippingElement.value = element.value; } else if(element.tagName.toUpperCase() == "SELECT") { $('#' + shippingFieldId).val($('#' + element.id + ' option:selected').val()); } } function useShippingClicked(evt){ if(shippingAddressContainer){ if(useShippingAddress.checked){ shippingAddressContainer.style.display = "block"; } else{ shippingAddressContainer.style.display = "none"; } } } </script> </div> </div> </div> </div> </main> <footer class="footer" style="padding-top: 25px;"> <div class="container-fluid"> <footer> <div class="row justify-content-center"> <div class="col-11 col-sm-8 mt-1 mb-1 text-center"> <a href="https://fortune.com/" target="_blank"><img src="https://feed.valuemags.com/digital/fortune/logo.jpg" class="text-center" style="max-width: 244px;width: 70%;margin: 20px auto 5px auto;" alt=""></a> <div class="text-center pt-3" style="400 10px/1.3;"> © 2024 Fortune Media IP Limited. All Rights Reserved.<br> <span style="color:#ffb900;"><a href="https://fortune.com/privacy-policy/" target="_blank">Privacy Policy</a></span> | <span style="color:#ffb900;"><a href="https://fortune.com/terms-of-use/" target="_blank">Terms of Use</a></span> </div> </div> </div> </footer> </div> </footer>  <a href="#" class="back-to-top" id="back-to-top"> <i class="icon-chevron-up"></i> </a>  <script src="/js/plugins.js"></script> <script src="/js/landing.custom.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="/js/PaymentServiceProviders/Common/common.js?v=RoownVTIg5ZLBOLqe68SUxXkmWa46n9AQLHcoL_ZeaY"></script> <script src="/js/PaymentServiceProviders/WSG/wsg.js?v=7taKItAIaCAnfl8OR1ICIpAKAheuL0p4uaa6YStffsM"></script> <script> $("#ShippingState").change(function () { refreshCart(); }); function refreshCart() { let cartRefreshFlag = $("#cartRefreshFlag"); if (cartRefreshFlag) { cartRefreshFlag.click(); } } </script> <script> function myFunction() { var dots = document.getElementById("dots"); var moreText = document.getElementById("more"); var btnText = document.getElementById("myBtn"); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "Read more about Automatic Renewal Notice"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "inline"; } } </script> <script> function addValidation(fieldName, required, editable) { let field = $(`#${fieldName}`); if (required) { field.attr("required", "required"); } if (!editable) { field.attr("readonly", "readonly"); } } </script> <script> $(function() { let required = true; let editable = true; let fieldName = "Email"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "ShippingState"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "BillingState"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "ShippingLastName"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "ShippingAddress1"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = false; let editable = true; let fieldName = "ShippingAddress2"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "ShippingCity"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "ShippingZipCode"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "ShippingFirstName"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "BillingAddress1"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = false; let editable = true; let fieldName = "BillingAddress2"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "BillingCity"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "BillingZipCode"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "BillingFirstName"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "BillingLastName"; addValidation(fieldName, required, editable); }); </script> <script> $(function() { let required = true; let editable = true; let fieldName = "ShippingEmail"; addValidation(fieldName, required, editable); }); </script> <style> /* This is not quite right it will apply to all buttons not just form button */ .btn-primary, .btn-primary:hover, .btn-primary.disabled, .btn-primary.disabled:hover { } </style> <style> * { font-family: "Avenir Next W05"; } </style> <style> #landingPageLogo { width: 75%; object-fit:contain; padding: 0px 0px 0px 75px; } .issue-image { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); !important; } #more {display: none;} #myBtn { color: #007bff; background: none; border: none; } #myBtn:hover { color: #93CAFF; } </style> <style> .icon-cart-item { border-radius: 3px; } .catalog-product-image { border-radius: 3px; } </style> <style> .icon-cart-item { box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.2); } .catalog-product-image { box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.2); } </style> <div id="modal-container" class="modal hidden-print" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script autostart="false" src="_framework/blazor.server.js"></script> <script> Blazor.start({ reconnectionOptions: { maxRetries: 10, retryIntervalMilliseconds: 1000, }, reconnectionHandler: { onConnectionDown: (options, error) => { console.log("Blazor SignalR Disconnected"); // Lost state refresh page to get new terminal SignalR Connection if (navigator.onLine) { if (navigator.userAgent.indexOf("Firefox") != -1) { setTimeout(function() { window.location.href = window.location.href; }, 5000); } else { window.location.href = window.location.href; } } else { Swal.fire({ title: 'Session Expired', text: "Would you like to try and refresh your session?", icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes' }).then((result) => { if (result.isConfirmed) { window.location.href = window.location.href; } else { // Do nothing //window.location.href = "https://store.emagazines.com/error"; } }); } } } }); </script> <script> $(function() { AOS.init(); }); </script> <script src="js/animate-intersection-observer.js?v=xg40odPC_aMRGSSN4FDYvwLZgI-0RPaO_j24H9y0Df4"></script> </body> </html>

CINXE.COM

Fortune Single Issues