LATEST TECHNOLOGY 2017

<div data-reactid="40" id="content" style="box-sizing: inherit; color: #0a0a0a; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 16px; line-height: 16px;"> <div data-react-checksum="1977162532" data-reactid="1" data-reactroot="" style="box-sizing: inherit;"> <div data-reactid="3" style="box-sizing: inherit;"> <div data-reactid="4" style="box-sizing: inherit;"> <div data-reactid="7" style="box-sizing: inherit;"> <div class="row _2iJc0fdq" data-reactid="8" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 100vw; position: relative; transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);"> <div class="column small-12" data-reactid="9" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1263px;"> <br /> <header class="row dont-print _1SLALh47" data-reactid="10" id="header" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: fixed; transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); width: 1263px; z-index: 9100;"><div class="column small-12" data-reactid="11" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1263px;"> <div data-reactid="12" style="box-sizing: inherit;"> <div class="row _1LxPsiMb _1l0Ky7kD" data-reactid="16" id="header" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 50px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 8px 20px; transition: background-color 0.65s cubic-bezier(0.23, 1, 0.32, 1); will-change: background-color;"> <div class="column small-12" data-reactid="17" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="_1zfso-U6" data-reactid="18" style="box-sizing: inherit; margin: 0px auto; max-width: 1200px;"> <div class="row" data-reactid="19" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-6 medium-8 large-6" data-reactid="20" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 611.5px;"> <div class="row" data-reactid="21" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="show-for-medium _19pbYNvm" data-reactid="31" style="border-left-color: rgb(106, 106, 106); border-left-style: solid; border-left-width: 1px; box-sizing: inherit; display: inline-block; height: 18px; margin: 9px 0px; padding-left: 10px; vertical-align: middle; width: calc(((100% - 20px) - 53px) - 20px);"> <div class="_2XLp3JbI" data-reactid="32" style="box-sizing: inherit; display: inline-block; position: relative; vertical-align: middle; width: 507.5px;"> <a class="text size-2x-small" data-reactid="33" href="http://time.com/tech" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 1.3; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; transform: translateY(-2px); vertical-align: bottom; white-space: nowrap;">Tech</a></div> </div> </div> </div> <div class="column small-6 medium-4 large-6" data-reactid="34" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 611.5px;"> <div class="_1Pn4NJKC" data-reactid="59" style="box-sizing: inherit; padding-top: 1px;"> <div class="row" data-reactid="60" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; text-align: right;"> <a class="_126vtqye _3hqGL7qK" data-reactid="61" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: #3b5998; border-radius: 100%; box-sizing: inherit; color: #e90606; display: inline-block; height: 32px; margin-right: 12px; outline: none; position: relative; text-decoration: none; width: 32px;"><svg data-reactid="62" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 3 32 32"><path d="M17.29 25.827v-8.475h2.356l.312-2.92H17.29l.005-1.462c0-.762.073-1.17 1.174-1.17h1.47V8.88h-2.354c-2.828 0-3.823 1.416-3.823 3.798v1.754H12v2.92h1.763v8.475h3.528z" data-reactid="63"></path></svg></a><a class="_1VAl2zD1 _2mYkXF9U" data-reactid="64" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: #4099ff; border-radius: 100%; box-sizing: inherit; color: #e90606; display: inline-block; height: 32px; margin-right: 12px; outline: none; position: relative; text-decoration: none; width: 32px;"><svg data-reactid="65" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 32 32"><path d="M15.874 12.354l.032.537-.533-.065c-1.943-.252-3.64-1.106-5.082-2.542l-.703-.712-.182.527c-.384 1.173-.138 2.41.662 3.243.427.46.33.526-.405.252-.257-.087-.48-.153-.502-.12-.075.076.18 1.073.384 1.468.278.548.844 1.085 1.463 1.402l.523.252-.62.01c-.597 0-.62.012-.554.242.213.712 1.056 1.468 1.996 1.797l.662.23-.577.35c-.854.505-1.857.79-2.86.812-.48.01-.876.054-.876.087 0 .11 1.303.723 2.06.964 2.275.713 4.976.406 7.004-.81 1.44-.866 2.882-2.586 3.554-4.25.363-.89.726-2.51.726-3.288 0-.504.032-.57.63-1.173.352-.35.683-.734.747-.843.108-.208.097-.208-.447-.022-.907.328-1.036.285-.587-.208.33-.35.726-.986.726-1.173 0-.034-.16.02-.342.12-.192.11-.62.274-.94.372l-.576.187-.523-.363c-.287-.197-.693-.416-.906-.482-.544-.153-1.377-.132-1.868.044-1.334.492-2.178 1.763-2.082 3.154z" data-reactid="66"></path></svg></a><a class="_2Py7Mhad _1R1nnFMW" data-reactid="67" href="https://www.blogger.com/null" style="border-radius: 100%; border: 2px solid rgb(233, 6, 6); box-sizing: inherit; color: #e90606; display: inline-block; height: 32px; outline: none; position: relative; width: 32px;"><svg data-reactid="68" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 33 33"><path d="M13.1349862,15.2727273 L13.1349862,16.7272727 C13.1349862,16.9292939 13.0514242,17.1010094 12.8842975,17.2424242 C12.7171709,17.3838391 12.5142344,17.4545455 12.2754821,17.4545455 L10.5564738,17.4545455 C10.3177215,17.4545455 10.114785,17.3838391 9.9476584,17.2424242 C9.78053176,17.1010094 9.6969697,16.9292939 9.6969697,16.7272727 L9.6969697,15.2727273 C9.6969697,15.0707061 9.78053176,14.8989906 9.9476584,14.7575758 C10.114785,14.6161609 10.3177215,14.5454545 10.5564738,14.5454545 L12.2754821,14.5454545 C12.5142344,14.5454545 12.7171709,14.6161609 12.8842975,14.7575758 C13.0514242,14.8989906 13.1349862,15.0707061 13.1349862,15.2727273 L13.1349862,15.2727273 Z M17.7190083,15.2727273 L17.7190083,16.7272727 C17.7190083,16.9292939 17.6354462,17.1010094 17.4683196,17.2424242 C17.3011929,17.3838391 17.0982565,17.4545455 16.8595041,17.4545455 L15.1404959,17.4545455 C14.9017435,17.4545455 14.6988071,17.3838391 14.5316804,17.2424242 C14.3645538,17.1010094 14.2809917,16.9292939 14.2809917,16.7272727 L14.2809917,15.2727273 C14.2809917,15.0707061 14.3645538,14.8989906 14.5316804,14.7575758 C14.6988071,14.6161609 14.9017435,14.5454545 15.1404959,14.5454545 L16.8595041,14.5454545 C17.0982565,14.5454545 17.3011929,14.6161609 17.4683196,14.7575758 C17.6354462,14.8989906 17.7190083,15.0707061 17.7190083,15.2727273 L17.7190083,15.2727273 Z M22.3030303,15.2727273 L22.3030303,16.7272727 C22.3030303,16.9292939 22.2194682,17.1010094 22.0523416,17.2424242 C21.885215,17.3838391 21.6822785,17.4545455 21.4435262,17.4545455 L19.7245179,17.4545455 C19.4857656,17.4545455 19.2828291,17.3838391 19.1157025,17.2424242 C18.9485758,17.1010094 18.8650138,16.9292939 18.8650138,16.7272727 L18.8650138,15.2727273 C18.8650138,15.0707061 18.9485758,14.8989906 19.1157025,14.7575758 C19.2828291,14.6161609 19.4857656,14.5454545 19.7245179,14.5454545 L21.4435262,14.5454545 C21.6822785,14.5454545 21.885215,14.6161609 22.0523416,14.7575758 C22.2194682,14.8989906 22.3030303,15.0707061 22.3030303,15.2727273 L22.3030303,15.2727273 Z" data-reactid="69"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </header><br /> <div class="row dont-print" data-reactid="77" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="78" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1263px;"> <div data-reactid="79" style="box-sizing: inherit; padding-top: 50px;"> </div> </div> </div> <div data-reactid="80" style="box-sizing: inherit;"> <div class="row _38gBQaD_" data-reactid="82" style="background-color: #fafafa; box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 0px 20px; position: relative;"> <div class="column small-12" data-reactid="83" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="_30o9jQY9" data-reactid="84" style="box-sizing: inherit; margin: 0px auto; max-width: 1210px;"> <div class="row" data-reactid="85" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 _1InvXzaO" data-reactid="86" style="box-sizing: inherit; float: left; margin-left: 5px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row dont-print wqc1dWii" data-reactid="87" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px; text-align: center;"> <div class="column small-12" data-reactid="88" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1213px;"> </div> </div> <div class="row" data-reactid="89" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 show-for-large" data-reactid="90" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row dont-print" data-reactid="91" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 end" data-reactid="92" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row" data-reactid="93" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="94" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row" data-reactid="95" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="96" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row" data-reactid="97" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 medium-6 large-3" data-reactid="98" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" data-reactid="99" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" data-reactid="100" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1-IYzZin" data-reactid="101" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 90px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 10px; position: relative; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" data-reactid="102" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 275.75px;"> <div class="row" data-reactid="103" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8" data-reactid="104" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 183.828px;"> <div class="row" data-reactid="105" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent color-brand size-2x-small line-height-small all-caps _3DnhpaMU" data-reactid="106" href="http://time.com/tag/china" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.75rem; line-height: 1.1; outline: none; padding: 0px 10px 5px 0px; text-decoration: none; text-transform: uppercase;">CHINA</a><a class="text size-2x-small _3Z4qZtEC" data-reactid="107" href="http://time.com/4996357/china-xi-jinping-politburo-successor/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 1.3; max-height: 46.8px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 183.828px;">Xi Jinping Designates No Obvious Successor, Laying the Foundation for a Long Reign</a></div> </div> <div class="column small-4" data-reactid="108" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 91.9063px;"> <div class="row _3EKACcFh" data-reactid="109" style="box-sizing: inherit; height: 52px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px;"> <a class="_2S9ChopF" data-reactid="110" href="http://time.com/4996357/china-xi-jinping-politburo-successor/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 52px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 79.9063px;" target="_self"><img alt="Chinese Communist Party's Politburo Standing Committee Meet the Press" data-reactid="111" src="https://timedotcom.files.wordpress.com/2017/10/gettyimages-866063068.jpg?h=52" style="border: 0px; box-sizing: inherit; display: inline-block; height: 52px; left: 39.9531px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Chinese Communist Party's Politburo Standing Committee Meet the Press" /></a></div> </div> <div class="_2wzYnP2-" data-reactid="112" style="bottom: 10px; box-sizing: inherit; display: inline-block; height: 9px; position: absolute; right: 10px; width: 30px;"> <div class="_1X3LqGF7" data-reactid="113" style="box-sizing: inherit; float: left; height: 9px;"> <a data-reactid="114" href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 9px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" data-reactid="115" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" data-reactid="116" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" data-reactid="117" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1-IYzZin" data-reactid="118" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 90px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 10px; position: relative; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" data-reactid="119" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 275.75px;"> <div class="row" data-reactid="120" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8" data-reactid="121" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 183.828px;"> <div class="row" data-reactid="122" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent color-brand size-2x-small line-height-small all-caps _3DnhpaMU" data-reactid="123" href="http://time.com/tag/science" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.75rem; line-height: 1.1; outline: none; padding: 0px 10px 5px 0px; text-decoration: none; text-transform: uppercase;">SCIENCE</a><a class="text size-2x-small _3Z4qZtEC" data-reactid="124" href="http://time.com/4996313/einstein-happiness-note/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 1.3; max-height: 46.8px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 183.828px;">A Handwritten Note on Happiness by Albert Einstein Has Sold at Auction for $1.3 Million</a></div> </div> <div class="column small-4" data-reactid="125" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 91.9063px;"> <div class="row _3EKACcFh" data-reactid="126" style="box-sizing: inherit; height: 52px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px;"> <a class="_2S9ChopF" data-reactid="127" href="http://time.com/4996313/einstein-happiness-note/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 52px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 79.9063px;" target="_self"><img alt="Albert Einstein File photo" data-reactid="128" src="https://timedotcom.files.wordpress.com/2017/10/israel-albert-einstei_wong.jpg?h=52" style="border: 0px; box-sizing: inherit; display: inline-block; height: 52px; left: 39.9531px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Albert Einstein File photo" /></a><br /> <div class="_3GZfzMIG" data-reactid="129" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" data-reactid="127" href="http://time.com/4996313/einstein-happiness-note/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 52px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 79.9063px;" target="_self"><svg data-reactid="130" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g data-reactid="131" fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" data-reactid="132" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" data-reactid="133" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" data-reactid="127" href="http://time.com/4996313/einstein-happiness-note/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 52px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 79.9063px;" target="_self"> </a></div> </div> <div class="_2wzYnP2-" data-reactid="134" style="bottom: 10px; box-sizing: inherit; display: inline-block; height: 9px; position: absolute; right: 10px; width: 30px;"> <div class="_1X3LqGF7" data-reactid="135" style="box-sizing: inherit; float: left; height: 9px;"> <a data-reactid="136" href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 9px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" data-reactid="137" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" data-reactid="138" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" data-reactid="139" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _3VqKzXTe" data-reactid="140" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 90px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 10px; position: relative; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" data-reactid="141" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 275.75px;"> <div class="row" data-reactid="142" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8" data-reactid="143" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 183.828px;"> <div class="row" data-reactid="144" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <span data-reactid="145" style="box-sizing: inherit;"></span><a class="text font-accent size-2x-small line-height-small all-caps _1iUKGhZo" data-reactid="146" href="http://www.comparecards.com/?utm_source=time&utm_campaign=header&grp=comparecards&utm_content=comparecards&utm_medium=native&pla=time&tar=header&pos=1&acqs=prospecting&bdst=2" rel="noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #1a5cb0; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.75rem; line-height: 1.1; outline: none; padding: 0px 10px 5px 0px; text-decoration: none; text-transform: uppercase;" target="_blank">COMPARECARDS</a><a class="text size-2x-small _1-cVAXz5" data-reactid="147" href="http://time.com/4798400/best-technology-2017-so-far/" rel="noopener noreferrer" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 1.3; max-height: 46.8px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 183.828px;" target="_blank"></a></div> </div> <div class="column small-4" data-reactid="148" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 91.9063px;"> <div class="row _3WRgIwaP" data-reactid="149" style="box-sizing: inherit; height: 52px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px;"> <a data-reactid="150" href="http://time.com/4798400/best-technology-2017-so-far/" rel="noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;" target="_blank"><img alt="compare-card" data-reactid="151" src="http://time.com/4798400/best-technology-2017-so-far/" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" /></a></div> </div> <div class="text font-accent size-3x-small line-height-small all-caps _4lbETww4" data-reactid="152" style="bottom: 10px; box-sizing: inherit; color: #cccccc; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.625rem; height: 9px; line-height: 1.1; position: absolute; right: 30px; text-transform: uppercase; vertical-align: top; width: 30px;"> SPONSORED</div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" data-reactid="153" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" data-reactid="154" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" data-reactid="155" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1-IYzZin" data-reactid="156" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 90px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 10px; position: relative; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" data-reactid="157" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 275.75px;"> <div class="row" data-reactid="158" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8" data-reactid="159" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 183.828px;"> <div class="row" data-reactid="160" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent color-brand size-2x-small line-height-small all-caps _3DnhpaMU" data-reactid="161" href="http://time.com/tag/regulation" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.75rem; line-height: 1.1; outline: none; padding: 0px 10px 5px 0px; text-decoration: none; text-transform: uppercase;">REGULATION</a><a class="text size-2x-small _3Z4qZtEC" data-reactid="162" href="http://time.com/4996322/senate-repeal-consumer-financial-protection-class-action-banks/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 1.3; max-height: 46.8px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 183.828px;">The Senate Votes to Repeal a Rule Allowing Consumer Class Action Suits Against Financial Firms</a></div> </div> <div class="column small-4" data-reactid="163" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 91.9063px;"> <div class="row _3EKACcFh" data-reactid="164" style="box-sizing: inherit; height: 52px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px;"> <a class="_2S9ChopF" data-reactid="165" href="http://time.com/4996322/senate-repeal-consumer-financial-protection-class-action-banks/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 52px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 79.9063px;" target="_self"><img alt="Lady Justice of Justica, Frankfurt, Germany" data-reactid="166" src="https://timedotcom.files.wordpress.com/2017/10/gettyimages-170117255.jpg?h=52" style="border: 0px; box-sizing: inherit; display: inline-block; height: 52px; left: 39.9531px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Lady Justice of Justica, Frankfurt, Germany" /></a></div> </div> <div class="_2wzYnP2-" data-reactid="167" style="bottom: 10px; box-sizing: inherit; display: inline-block; height: 9px; position: absolute; right: 10px; width: 30px;"> <div class="_1X3LqGF7" data-reactid="168" style="box-sizing: inherit; float: left; height: 9px;"> <a data-reactid="169" href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 9px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="articlePushDown _3XDJIDX0" data-reactid="170" id="editorial-article-wrapper-container" style="box-sizing: inherit; padding-right: 10px;"> <div class="row _2rkLZHUo _3jgYgVyo" data-reactid="171" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column _-5s7sjXv" data-reactid="172" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: calc(100% - 500px);"> <div class="row" data-reactid="173" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="174" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 713px;"> <div data-reactid="175" style="box-sizing: inherit;"> <div class="row" data-reactid="176" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="177" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 713px;"> <div class="row vcB4uI1v" data-reactid="178" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="column small-12 _3kCZ3lP-" data-reactid="179" style="box-sizing: inherit; float: left; max-height: 480px; overflow: hidden; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 713px;"> <div class="row" data-reactid="180" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <picture data-reactid="181" style="box-sizing: inherit;"><source data-reactid="182" media="(max-width: 480px)" srcset="https://timedotcom.files.wordpress.com/2017/05/gadgets-lead.jpg?w=480" style="box-sizing: inherit;"></source><source data-reactid="183" media="(max-width: 640px)" srcset="https://timedotcom.files.wordpress.com/2017/05/gadgets-lead.jpg?w=640" style="box-sizing: inherit;"></source><img alt="gadgets-lead" data-reactid="184" src="https://timedotcom.files.wordpress.com/2017/05/gadgets-lead.jpg?w=720&quality=85" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle; width: 713px;" title="gadgets-lead" /></picture></div> </div> <div class="column small-12" data-reactid="185" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 713px;"> <div class="row _1Joi0PLr" data-reactid="186" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 0px 10px;"> <div class="column small-12" data-reactid="187" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 693px;"> <div class="row" data-reactid="188" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> </div> </div> </div> </div> </div> </div> </div> <div class="row mijM74QO" data-reactid="189" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px; position: relative;"> <div class="column small-12 medium-10 medium-offset-1 large-offset-2 _2MPQ3G2T" data-reactid="190" style="box-sizing: inherit; float: left; margin-left: 118.828px; padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; width: 594.156px;"> <div class="row" data-reactid="191" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="192" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 594.156px;"> <div class="row" data-reactid="193" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text size-1x-small font-accent color-brand all-caps" data-reactid="194" href="http://time.com/tag/gadgets" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; outline: none; text-decoration: none; text-transform: uppercase;">GADGETS</a></div> </div> </div> <div class="row _1gqZN6-1" data-reactid="195" style="box-sizing: inherit; margin: 10px -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="196" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 594.156px;"> <div class="row" data-reactid="197" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <h1 class="_8UFs4BVE" data-reactid="198" style="box-sizing: inherit; font-family: Lora, Georgia, Times, serif; font-size: 2rem; font-stretch: normal; line-height: 1.3; margin: 0px; padding: 0px 0px 16px;"> Best Tech of 2017 So Far</h1> </div> </div> </div> <div class="row" data-reactid="199" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="200" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 594.156px;"> <div class="row" data-reactid="201" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-7" data-reactid="202" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 346.578px;"> <div class="row" data-reactid="203" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="204" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 346.578px;"> <div class="row" data-reactid="205" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="206" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 346.578px;"> <div class="row" data-reactid="207" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="208" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 346.578px;"> <div class="row" data-reactid="209" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent color-brand size-1x-small _1HynphR0" data-reactid="210" href="http://time.com/author/alex-fitzpatrick/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-right: 5px; outline: none; text-decoration: none;">Alex Fitzpatrick,</a><a class="text font-accent color-brand size-1x-small _1HynphR0" data-reactid="211" href="http://time.com/author/lisa-eadicicco/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-right: 5px; outline: none; text-decoration: none;">Lisa Eadicicco,</a><a class="text font-accent color-brand size-1x-small _1HynphR0" data-reactid="212" href="http://time.com/author/john-patrick-pullen/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-right: 5px; outline: none; text-decoration: none;">John Patrick Pullen,</a><a class="text font-accent color-brand size-1x-small _1HynphR0" data-reactid="213" href="http://time.com/author/matt-peckham/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-right: 5px; outline: none; text-decoration: none;">Matt Peckham</a></div> </div> </div> </div> </div> <div class="row" data-reactid="214" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="215" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 346.578px;"> <div class="row text font-accent size-1x-small color-darker-gray" data-reactid="216" style="box-sizing: inherit; color: #4a4a4a; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> Updated: Jun 02, 2017 11:31 AM ET | Originally published: May 31, 2017</div> </div> </div> </div> </div> </div> <div class="column small-5" data-reactid="217" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 247.563px;"> <div class="row" data-reactid="218" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; text-align: right;"> <a class="_126vtqye _3hqGL7qK" data-reactid="219" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: #3b5998; border-radius: 100%; box-sizing: inherit; color: #e90606; display: inline-block; height: 32px; margin-right: 12px; outline: none; position: relative; text-decoration: none; width: 32px;"><svg data-reactid="220" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 3 32 32"><path d="M17.29 25.827v-8.475h2.356l.312-2.92H17.29l.005-1.462c0-.762.073-1.17 1.174-1.17h1.47V8.88h-2.354c-2.828 0-3.823 1.416-3.823 3.798v1.754H12v2.92h1.763v8.475h3.528z" data-reactid="221"></path></svg></a><a class="_1VAl2zD1 _2mYkXF9U" data-reactid="222" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: #4099ff; border-radius: 100%; box-sizing: inherit; color: #e90606; display: inline-block; height: 32px; margin-right: 12px; outline: none; position: relative; text-decoration: none; width: 32px;"><svg data-reactid="223" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 32 32"><path d="M15.874 12.354l.032.537-.533-.065c-1.943-.252-3.64-1.106-5.082-2.542l-.703-.712-.182.527c-.384 1.173-.138 2.41.662 3.243.427.46.33.526-.405.252-.257-.087-.48-.153-.502-.12-.075.076.18 1.073.384 1.468.278.548.844 1.085 1.463 1.402l.523.252-.62.01c-.597 0-.62.012-.554.242.213.712 1.056 1.468 1.996 1.797l.662.23-.577.35c-.854.505-1.857.79-2.86.812-.48.01-.876.054-.876.087 0 .11 1.303.723 2.06.964 2.275.713 4.976.406 7.004-.81 1.44-.866 2.882-2.586 3.554-4.25.363-.89.726-2.51.726-3.288 0-.504.032-.57.63-1.173.352-.35.683-.734.747-.843.108-.208.097-.208-.447-.022-.907.328-1.036.285-.587-.208.33-.35.726-.986.726-1.173 0-.034-.16.02-.342.12-.192.11-.62.274-.94.372l-.576.187-.523-.363c-.287-.197-.693-.416-.906-.482-.544-.153-1.377-.132-1.868.044-1.334.492-2.178 1.763-2.082 3.154z" data-reactid="224"></path></svg></a><a class="_2Py7Mhad _1R1nnFMW" data-reactid="225" href="https://www.blogger.com/null" style="border-radius: 100%; border: 2px solid rgb(233, 6, 6); box-sizing: inherit; color: #e90606; display: inline-block; height: 32px; outline: none; position: relative; width: 32px;"><svg data-reactid="226" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 33 33"><path d="M13.1349862,15.2727273 L13.1349862,16.7272727 C13.1349862,16.9292939 13.0514242,17.1010094 12.8842975,17.2424242 C12.7171709,17.3838391 12.5142344,17.4545455 12.2754821,17.4545455 L10.5564738,17.4545455 C10.3177215,17.4545455 10.114785,17.3838391 9.9476584,17.2424242 C9.78053176,17.1010094 9.6969697,16.9292939 9.6969697,16.7272727 L9.6969697,15.2727273 C9.6969697,15.0707061 9.78053176,14.8989906 9.9476584,14.7575758 C10.114785,14.6161609 10.3177215,14.5454545 10.5564738,14.5454545 L12.2754821,14.5454545 C12.5142344,14.5454545 12.7171709,14.6161609 12.8842975,14.7575758 C13.0514242,14.8989906 13.1349862,15.0707061 13.1349862,15.2727273 L13.1349862,15.2727273 Z M17.7190083,15.2727273 L17.7190083,16.7272727 C17.7190083,16.9292939 17.6354462,17.1010094 17.4683196,17.2424242 C17.3011929,17.3838391 17.0982565,17.4545455 16.8595041,17.4545455 L15.1404959,17.4545455 C14.9017435,17.4545455 14.6988071,17.3838391 14.5316804,17.2424242 C14.3645538,17.1010094 14.2809917,16.9292939 14.2809917,16.7272727 L14.2809917,15.2727273 C14.2809917,15.0707061 14.3645538,14.8989906 14.5316804,14.7575758 C14.6988071,14.6161609 14.9017435,14.5454545 15.1404959,14.5454545 L16.8595041,14.5454545 C17.0982565,14.5454545 17.3011929,14.6161609 17.4683196,14.7575758 C17.6354462,14.8989906 17.7190083,15.0707061 17.7190083,15.2727273 L17.7190083,15.2727273 Z M22.3030303,15.2727273 L22.3030303,16.7272727 C22.3030303,16.9292939 22.2194682,17.1010094 22.0523416,17.2424242 C21.885215,17.3838391 21.6822785,17.4545455 21.4435262,17.4545455 L19.7245179,17.4545455 C19.4857656,17.4545455 19.2828291,17.3838391 19.1157025,17.2424242 C18.9485758,17.1010094 18.8650138,16.9292939 18.8650138,16.7272727 L18.8650138,15.2727273 C18.8650138,15.0707061 18.9485758,14.8989906 19.1157025,14.7575758 C19.2828291,14.6161609 19.4857656,14.5454545 19.7245179,14.5454545 L21.4435262,14.5454545 C21.6822785,14.5454545 21.885215,14.6161609 22.0523416,14.7575758 C22.2194682,14.8989906 22.3030303,15.0707061 22.3030303,15.2727273 L22.3030303,15.2727273 Z" data-reactid="227"></path></svg></a></div> </div> </div> <div class="row" data-reactid="228" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="229" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 594.156px;"> </div> </div> </div> </div> </div> </div> </div> <br /> <article class="row" data-reactid="230" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"><div class="column small-12 medium-10 medium-offset-1 large-offset-2 text size-1x-large line-height-large _10M0Ygc4" data-reactid="231" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 118.828px; padding: 0px 0px 20px; width: 594.156px;"> There's a <a data-reactid="233" href="https://www.recode.net/2017/5/25/15689094/mossberg-final-column" rel=" noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;" target="_blank">growing consensus</a> among the technological cognoscenti that we're in a "boring" period for gadgets. Some have long argued that <a data-reactid="236" href="http://a16z.com/2016/08/20/why-software-is-eating-the-world/" rel=" noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;" target="_blank">"software is eating the world,"</a> a.k.a. there's no interesting hardware because iteration has trumped innovation.</div> <div class="column small-12 medium-10 medium-offset-1 large-offset-2 text size-1x-large line-height-large _10M0Ygc4" data-reactid="239" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 118.828px; padding: 0px 0px 20px; width: 594.156px;"> But, nah, not so much. Yes, our smartphones are replacing lots of standalone gadgets we used to carry around. That doesn't mean there isn't plenty of interesting new hardware out there. Granted, that depends on expanding your definition of gadget to include, say, a reusable rocket or a robotic bicycle wheel. Here's a look at some of the most interesting of 2017 so far compiled by TIME's technology reporters and editors.</div> <div data-reactid="241" style="box-sizing: inherit;"> </div> <div class="column small-12 medium-10 medium-offset-1 large-offset-2 end text size-1x-large line-height-large _10M0Ygc4" data-reactid="242" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 118.828px; padding: 0px 0px 20px; width: 594.156px;"> What did we miss?</div> <div class="column small-12 large-11 large-offset-1 ha9OrSbG" data-reactid="244" style="box-sizing: inherit; float: right; margin-left: 59.4063px; padding: 0px; width: 653.578px;"> <div class="_9MDA9q9L" data-reactid="245" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="246" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="In this handout provided by the National Aeronautics and Space Administration (NASA), SpaceX's Falcon 9 rocket makes its first successful upright landing on the "Of Course I Still Love You" droneship on April 8, 2016 some 200 miles off shore in the Atlantic Ocean after launching from Cape Canaveral, Florida." class="b-lazy b-loaded" data-reactid="247" src="https://timedotcom.files.wordpress.com/2017/01/gettyimages-531752474.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="SpaceX: The Privately Funded Aerospace Company Founded By Elon Musk" /><div class="medium-offset-1 large-offset-0 medium-10 large-12 _1I-awf8o" data-reactid="248" style="box-sizing: inherit; margin-left: 0px; padding: 10px 0px 0px; width: 653.578px;"> <span class="text size-2x-small line-height-small _2PUfdoOw" data-reactid="249" style="box-sizing: inherit; color: #202020; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.1; padding-right: 10px;">In this handout provided by the National Aeronautics and Space Administration (NASA), SpaceX's Falcon 9 rocket makes its first successful upright landing on the "Of Course I Still Love You" droneship on April 8, 2016 some 200 miles off shore in the Atlantic Ocean after launching from Cape Canaveral, Florida.</span><span class="text size-2x-small color-dark-gray" data-reactid="250" style="box-sizing: inherit; color: #6a6a6a; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.3;">NASA/Getty Images</span></div> </figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="251" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="253" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="254" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> SpaceX Falcon</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="255" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1" data-reactid="256" style="box-sizing: inherit; margin-left: 54.4531px; padding: 0px 0px 20px;"> <div class="brightcove-wrapper dont-print" data-reactid="257" style="background: rgb(0, 0, 0); box-sizing: inherit; height: 0px; overflow: hidden; padding-bottom: 337px; position: relative; width: 599.125px;"> <div aria-label="video player" class="video-js vjs-mouse vjs-paused vjs-controls-enabled vjs-workinghover vjs-v5 bc-player-SJa0Thl7_default vjs-ima3-not-playing-yet vjs-ima3-html5 vjs-plugins-ready vjs-errors vjs-ad-controls vjs-user-inactive" data-account="293884104" data-ad-number="1" data-ads-active="false" data-autoplay="false" data-brand="" data-buffer-completed="false" data-disable-ima3="false" data-disable-plugindev="false" data-embed="default" data-intializing="true" data-jumpstart-account="293884104" data-jumpstart-player="SJa0Thl7" data-multiplay="false" data-playback-started="false" data-player="SJa0Thl7" data-plugins="ima3,social,adGate,bcSegment,comscore,adTaggr,Moat,pluginDev,mobileControls" data-prepared="true" data-reactid="259" data-ready="true" data-stickyplay="false" data-switching-videos="false" data-video-id="5378040924001" data-video-started="false" data-viewplay="false" id="vjs_video_3" preload="auto" role="region" style="background-color: #151b17; box-sizing: border-box; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 337px; left: 0px; line-height: 1; overflow: hidden; padding: 0px; position: absolute; top: 0px; vertical-align: top; width: 599.125px;" tabindex="-1" uc-video-toolbar-id="32a13732-b072-2174-64b4-1508998244142"> <div style="box-sizing: inherit; color: inherit; font-size: inherit; line-height: inherit;"> </div> <div aria-disabled="false" class="vjs-poster" style="background-color: black; background-image: url("http://timeInc.brightcove.com.edgesuite.net/rtmp_uds/293884104/201703/1763/293884104_5379685573001_5378040924001-vs.jpg?pubId=293884104&videoId=5378040924001"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0px; box-sizing: inherit; color: inherit; cursor: pointer; display: inline-block; font-size: inherit; height: 337px; left: 0px; line-height: inherit; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: middle;" tabindex="-1"> </div> <div aria-atomic="true" aria-live="off" class="vjs-text-track-display" style="bottom: 3em; box-sizing: inherit; color: inherit; font-size: inherit; left: 0px; line-height: inherit; pointer-events: none; position: absolute; right: 0px; top: 0px;"> <div style="bottom: 0px; box-sizing: inherit; color: inherit; font-size: inherit; left: 0px; line-height: inherit; margin: 8.98438px; position: absolute; right: 0px; top: 0px;"> </div> </div> <div class="vjs-ima3-ad-container" style="bottom: 0px; box-sizing: inherit; color: inherit; font-size: inherit; left: -9999px; line-height: inherit; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 0;"> <div style="box-sizing: inherit; color: inherit; font-size: inherit; height: 337px; line-height: inherit; position: absolute; width: 10598.1px;"> <iframe allowfullscreen="" src="http://imasdk.googleapis.com/js/core/bridge3.182.1_en.html#goog_1009651492" style="border-style: initial; border-width: 0px; box-sizing: inherit; color: inherit; font-size: inherit; height: 337px; line-height: inherit; margin: 0px; opacity: 0; padding: 0px; position: relative; width: 10598.1px;"></iframe></div> </div> <button aria-disabled="false" aria-live="polite" class="vjs-big-play-button show-button" style="-webkit-appearance: none; background: none rgba(0, 0, 0, 0.45098); border-radius: 50%; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; font-family: VideoJS; font-size: 3.5em; font-stretch: inherit; font-variant: inherit; height: 2em; left: 299.563px; line-height: 2em; margin: -1em 0px 0px -1em; opacity: 1; outline: none; overflow: visible; padding: 0px; position: absolute; top: 168.5px; transition: border-color 0.4s, outline 0.4s, background-color 0.4s; width: 2em;" title="Play Video" type="button"><span class="vjs-control-text" style="border: 0px; box-sizing: inherit; clip: rect(0px 0px 0px 0px); color: inherit; font-size: inherit; height: 1px; line-height: inherit; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;">Play Video</span></button></div> </div> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="260" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> Multi-stage space rockets are a bittersweet affair: One minute, they're sitting on the launch pad, shiny, expensive, and awaiting an explosion-fueled climb. They next, they're dropping back to Earth in pieces, unceremoniously plopping in the ocean, and sent off to the scrap heap for good. Not anymore. In March, SpaceX launched a “used” Falcon 9 first stage, an unprecedented achievement in spaceflight. It was a milestone for the company, which designed the Falcon’s first stage to land upright—and intact—back on Earth after every launch. Perhaps more importantly, it proved SpaceX's concept valid. Rockets cost tens of millions or even hundreds of millions of dollars to build. Being able to reuse them could significantly reduce the cost of spaceflight. That may pave the way for all manner of aerospace innovations.</div> </div> <div class="_9MDA9q9L" data-reactid="262" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="263" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="Samsung Unveils New Galaxy S8 Phone" class="b-lazy b-loaded" data-reactid="264" src="https://timedotcom.files.wordpress.com/2016/03/gettyimages-660203370.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="Samsung Unveils New Galaxy S8 Phone" /><div class="medium-offset-1 large-offset-0 medium-10 large-12 _1I-awf8o" data-reactid="265" style="box-sizing: inherit; margin-left: 0px; padding: 10px 0px 0px; width: 653.578px;"> <span class="text size-2x-small line-height-small _2PUfdoOw" data-reactid="266" style="box-sizing: inherit; color: #202020; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.1; padding-right: 10px;">A view of the new Samsung Galaxy S8 at its Samsung launch event, March 29, 2017 in New York City. </span><span class="text size-2x-small color-dark-gray" data-reactid="267" style="box-sizing: inherit; color: #6a6a6a; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.3;">Drew Angerer—Getty Images</span></div> </figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="268" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="270" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="271" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> Samsung Galaxy S8</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="272" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1" data-reactid="273" style="box-sizing: inherit; margin-left: 54.4531px; padding: 0px 0px 20px;"> <div class="brightcove-wrapper dont-print" data-reactid="274" style="background: rgb(0, 0, 0); box-sizing: inherit; height: 0px; overflow: hidden; padding-bottom: 337px; position: relative; width: 599.125px;"> <div aria-label="video player" class="video-js vjs-mouse vjs-paused vjs-controls-enabled vjs-workinghover vjs-v5 bc-player-SJa0Thl7_default vjs-ima3-not-playing-yet vjs-ima3-html5 vjs-plugins-ready vjs-errors vjs-ad-controls not-hover vjs-user-inactive" data-account="293884104" data-ad-number="1" data-ads-active="false" data-autoplay="false" data-brand="" data-buffer-completed="false" data-disable-ima3="false" data-disable-plugindev="false" data-embed="default" data-intializing="true" data-jumpstart-account="293884104" data-jumpstart-player="SJa0Thl7" data-multiplay="false" data-playback-started="false" data-player="SJa0Thl7" data-plugins="ima3,social,adGate,bcSegment,comscore,adTaggr,Moat,pluginDev,mobileControls" data-prepared="true" data-reactid="276" data-ready="true" data-stickyplay="false" data-switching-videos="false" data-video-id="5376557518001" data-video-started="false" data-viewplay="false" id="vjs_video_555" preload="auto" role="region" style="background-color: #151b17; box-sizing: border-box; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 337px; left: 0px; line-height: 1; overflow: hidden; padding: 0px; position: absolute; top: 0px; vertical-align: top; width: 599.125px;" tabindex="-1" uc-video-toolbar-id="6ae1c564-31f6-65c8-18b0-1508998244173"> <div style="box-sizing: inherit; color: inherit; font-size: inherit; line-height: inherit;"> </div> <div aria-disabled="false" class="vjs-poster" style="background-color: black; background-image: url("http://timeInc.brightcove.com.edgesuite.net/rtmp_uds/2111767321001/201703/2771/2111767321001_5377788838001_5377759338001-vs.jpg?pubId=293884104&videoId=5376557518001"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0px; box-sizing: inherit; color: inherit; cursor: pointer; display: inline-block; font-size: inherit; height: 337px; left: 0px; line-height: inherit; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: middle;" tabindex="-1"> </div> <div aria-atomic="true" aria-live="off" class="vjs-text-track-display" style="bottom: 3em; box-sizing: inherit; color: inherit; font-size: inherit; left: 0px; line-height: inherit; pointer-events: none; position: absolute; right: 0px; top: 0px;"> <div style="bottom: 0px; box-sizing: inherit; color: inherit; font-size: inherit; left: 0px; line-height: inherit; margin: 8.98438px; position: absolute; right: 0px; top: 0px;"> </div> </div> <div class="vjs-ima3-ad-container" style="bottom: 0px; box-sizing: inherit; color: inherit; font-size: inherit; left: -9999px; line-height: inherit; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 0;"> <div style="box-sizing: inherit; color: inherit; font-size: inherit; height: 337px; line-height: inherit; position: absolute; width: 10598.1px;"> <iframe allowfullscreen="" src="http://imasdk.googleapis.com/js/core/bridge3.182.1_en.html#goog_1941757507" style="border-style: initial; border-width: 0px; box-sizing: inherit; color: inherit; font-size: inherit; height: 337px; line-height: inherit; margin: 0px; opacity: 0; padding: 0px; position: relative; width: 10598.1px;"></iframe></div> </div> <button aria-disabled="false" aria-live="polite" class="vjs-big-play-button" style="-webkit-appearance: none; background: none rgba(0, 0, 0, 0.45098); border-radius: 50%; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; font-family: VideoJS; font-size: 3.5em; font-stretch: inherit; font-variant: inherit; height: 2em; left: 299.563px; line-height: 2em; margin: -1em 0px 0px -1em; opacity: 1; outline: none; overflow: visible; padding: 0px; position: absolute; top: 168.5px; transition: border-color 0.4s, outline 0.4s, background-color 0.4s; width: 2em;" title="Play Video" type="button"><span class="vjs-control-text" style="border: 0px; box-sizing: inherit; clip: rect(0px 0px 0px 0px); color: inherit; font-size: inherit; height: 1px; line-height: inherit; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;">Play Video</span></button></div> </div> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="277" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> Samsung hit a much-needed home run after the PR disaster caused by its Galaxy Note 7. That's what the Korean tech giant got with the Galaxy S8, a redesigned smartphone with a dazzling screen, long battery life, and a great camera. The S8's curved display and smaller bezels combine to give the feeling of a borderless screen, making it more adept at displaying games and movies. The S8 isn’t perfect—its voice assistant wasn’t ready at launch, and some found its fingerprint sensor to be awkwardly placed—but it’s a big win overall.</div> </div> <div class="_9MDA9q9L" data-reactid="279" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="280" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="" class="b-lazy b-loaded" data-reactid="281" src="https://timedotcom.files.wordpress.com/2017/05/snapchat-specs.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="snapchat-specs" /></figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="283" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="285" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="286" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> Snapchat Spectacles</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="287" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="288" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> Much like Snapchat itself, you either get it or you don't. Snapchat parent company Snap Inc. demonstrated its mastery of artificial scarcity when it debuted its Spectacles video-recording glasses late last year. An easy setup process, good-enough video quality and stylish look made Spectacles a hit. But the company’s distribution process—vending machines with limited stock that randomly appeared across the country—made them a phenomenon. From a hardware perspective, Spectacles could use improvement—they’re not great when it’s dark out and they’re troublesome for prescription eyeglass wearers. But Snap’s first foray into hardware shows promise at a time when camera companies like GoPro are struggling.</div> </div> <div class="_9MDA9q9L" data-reactid="290" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="291" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="" class="b-lazy b-loaded" data-reactid="292" src="https://timedotcom.files.wordpress.com/2017/05/hear-one.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="hear-one" /></figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="294" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="296" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="297" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> Here One</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="298" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="299" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> The next time you’re sitting on a plane with a wailing baby, imagine being able to simply turn down the poor kid’s volume. Or you’re hanging out in a crowded bar, struggling to hear your friends, and you boost just their voices. That’s the promise behind Doppler Labs’ Here One earbuds, which let users manipulate sounds in the world around them thanks to onboard microphones and sound processors. In practice, the Here Ones are often better are quieting general background noise rather than specific sounds. But Doppler’s innovation reveals how the headphone tech of tomorrow could make us masters of the audio universe around us.</div> </div> <div class="_9MDA9q9L" data-reactid="301" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="302" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="" class="b-lazy b-loaded" data-reactid="303" src="https://timedotcom.files.wordpress.com/2017/05/copenhagen-wheel.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="copenhagen-wheel" /></figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="305" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="307" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="308" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> Superpedestrian Copenhagen Wheel</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="309" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="310" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> <a data-reactid="311" href="https://content.superpedestrian.com/" rel=" noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;" target="_blank">Superpedestrian’s</a> robotic bike wheel augments cyclists’ oomph by powering their ride up to 20 miles per hour for over 30 miles. Though it looks like a simple bike wheel, the Copenhagen packs impressive technology inside. An integrated motor powered by a battery provides the giddyup, a wireless sensor connects to smartphones for data crunching, smart-locking hardware makes sure no one makes off with this $1,499 wheel, and regenerative brakes add to the efficiency. Cycling purists might shun the device, but it’s really geared for the increasing number of bike commuters out there. Turns out reinventing the wheel was worth it.</div> </div> <div class="_9MDA9q9L" data-reactid="314" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="315" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="" class="b-lazy b-loaded" data-reactid="316" src="https://timedotcom.files.wordpress.com/2017/05/wallpaper-tv.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="wallpaper-tv" /></figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="318" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="320" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="321" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> LG Signature W-Series "Wallpaper" TV</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="322" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="323" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> TV-makers today face an impossible task: On one hand, consumers expect new screens to make TV shows and movies look fantastic. On the other, they want these eye-popping displays to blend seamlessly into their living room. LG's Signature W-Series "wallpaper" TV accomplishes this masterfully. The $7,999, 65-inch display weighs just 16 pounds and is .15-inches thick, making it seem like the screen is floating on the wall. (It’s mounted with magnets, no bulky brackets necessary.) But it's the OLED (Organic LED) technology that's most impressive. Pairing the blackest blacks possible with rich color results in a visually stunning high-contrast.</div> </div> <div class="_9MDA9q9L" data-reactid="325" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="326" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="" class="b-lazy b-loaded" data-reactid="327" src="https://timedotcom.files.wordpress.com/2017/05/esight.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="esight" /></figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="329" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="331" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="332" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> eSight 3</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="333" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="334" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> In a world of Internet-connected coffeemakers and juicers and whatnot, it’s nice to find a gadget aiming to solve problems of a higher order. The eSight is an over-eye visor that helps legally blind people navigate via a combined high-definition camera and video display. Showing a live feed on a pair of OLED displays placed in front of the wearer's eyes, the lightweight, hands-free device do everything from read to provide directions. With virtually no input lag from the front-facing camera to the screens, eSight is a true augmented reality headset.</div> </div> <div class="_9MDA9q9L" data-reactid="336" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="337" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="Microsoft Surface Laptop" class="b-lazy b-loaded" data-reactid="338" src="https://timedotcom.files.wordpress.com/2017/05/microsoft-surface-laptop.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="Microsoft Surface Laptop" /><div class="medium-offset-1 large-offset-0 medium-10 large-12 _1I-awf8o" data-reactid="339" style="box-sizing: inherit; margin-left: 0px; padding: 10px 0px 0px; width: 653.578px;"> <span class="text size-2x-small line-height-small _2PUfdoOw" data-reactid="340" style="box-sizing: inherit; color: #202020; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.1; padding-right: 10px;">Microsoft Surface Laptop</span><span class="text size-2x-small color-dark-gray" data-reactid="341" style="box-sizing: inherit; color: #6a6a6a; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.3;">Microsoft</span></div> </figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="342" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="344" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="345" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> Microsoft Surface Laptop</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="346" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="347" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> Microsoft’s new Surface Laptop is a first for the Windows maker: a conventional laptop that runs a stripped-down but more battery-efficient operating system called Windows 10 S. The company is aiming the $999 Surface Laptop at the educational set, but it’s bound to go toe-to-toe with Apple’s entry-level MacBook Air as well. Other hardware makers, meanwhile, will offer Windows 10 S on far cheaper devices that will compete with Google’s Chromebooks. Together, the Surface Laptop and the new version of Windows show <a data-reactid="349" href="http://fortune.com/fortune500/microsoft/" rel=" noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;" target="_blank">Microsoft</a> is willing to mix things up in the notebook world—to consumers’ benefit.</div> </div> <div class="_9MDA9q9L" data-reactid="352" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="353" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="Nintendo Switch Console Hardware Shoot" class="b-lazy b-loaded" data-reactid="354" src="https://timedotcom.files.wordpress.com/2017/03/gettyimages-644946146.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="Nintendo Switch Console Hardware Shoot" /><div class="medium-offset-1 large-offset-0 medium-10 large-12 _1I-awf8o" data-reactid="355" style="box-sizing: inherit; margin-left: 0px; padding: 10px 0px 0px; width: 653.578px;"> <span class="text size-2x-small line-height-small _2PUfdoOw" data-reactid="356" style="box-sizing: inherit; color: #202020; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.1; padding-right: 10px;">A Nintendo Switch console with a pair of Joy-Con controllers.</span><span class="text size-2x-small color-dark-gray" data-reactid="357" style="box-sizing: inherit; color: #6a6a6a; font-family: "pt serif" , "georgia" , serif; font-size: 0.75rem; line-height: 1.3;">Nintendo</span></div> </figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="358" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="360" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="361" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> Nintendo Switch</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="362" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1" data-reactid="363" style="box-sizing: inherit; margin-left: 54.4531px; padding: 0px 0px 20px;"> <div class="brightcove-wrapper dont-print" data-reactid="364" style="background: rgb(0, 0, 0); box-sizing: inherit; height: 0px; overflow: hidden; padding-bottom: 337px; position: relative; width: 599.125px;"> <div aria-label="video player" class="video-js vjs-mouse vjs-paused vjs-controls-enabled vjs-workinghover vjs-v5 bc-player-SJa0Thl7_default vjs-ima3-not-playing-yet vjs-ima3-html5 vjs-plugins-ready vjs-errors vjs-ad-controls not-hover vjs-user-inactive" data-account="293884104" data-ad-number="1" data-ads-active="false" data-autoplay="false" data-brand="" data-buffer-completed="false" data-disable-ima3="false" data-disable-plugindev="false" data-embed="default" data-intializing="true" data-jumpstart-account="293884104" data-jumpstart-player="SJa0Thl7" data-multiplay="false" data-playback-started="false" data-player="SJa0Thl7" data-plugins="ima3,social,adGate,bcSegment,comscore,adTaggr,Moat,pluginDev,mobileControls" data-prepared="true" data-reactid="366" data-ready="true" data-stickyplay="false" data-switching-videos="false" data-video-id="5345290801001" data-video-started="false" data-viewplay="false" id="vjs_video_960" preload="auto" role="region" style="background-color: #151b17; box-sizing: border-box; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 337px; left: 0px; line-height: 1; overflow: hidden; padding: 0px; position: absolute; top: 0px; vertical-align: top; width: 599.125px;" tabindex="-1" uc-video-toolbar-id="8a821a67-2b35-8215-8e71-1508998244176"> <div style="box-sizing: inherit; color: inherit; font-size: inherit; line-height: inherit;"> </div> <div aria-disabled="false" class="vjs-poster" style="background-color: black; background-image: url("http://timeInc.brightcove.com.edgesuite.net/rtmp_uds/293884104/201703/3949/293884104_5345299877001_5345290801001-vs.jpg?pubId=293884104&videoId=5345290801001"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; bottom: 0px; box-sizing: inherit; color: inherit; cursor: pointer; display: inline-block; font-size: inherit; height: 337px; left: 0px; line-height: inherit; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: middle;" tabindex="-1"> </div> <div aria-atomic="true" aria-live="off" class="vjs-text-track-display" style="bottom: 3em; box-sizing: inherit; color: inherit; font-size: inherit; left: 0px; line-height: inherit; pointer-events: none; position: absolute; right: 0px; top: 0px;"> <div style="bottom: 0px; box-sizing: inherit; color: inherit; font-size: inherit; left: 0px; line-height: inherit; margin: 8.98438px; position: absolute; right: 0px; top: 0px;"> </div> </div> <div class="vjs-ima3-ad-container" style="bottom: 0px; box-sizing: inherit; color: inherit; font-size: inherit; left: -9999px; line-height: inherit; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 0;"> <div style="box-sizing: inherit; color: inherit; font-size: inherit; height: 337px; line-height: inherit; position: absolute; width: 10598.1px;"> <iframe allowfullscreen="" src="http://imasdk.googleapis.com/js/core/bridge3.182.1_en.html#goog_707156328" style="border-style: initial; border-width: 0px; box-sizing: inherit; color: inherit; font-size: inherit; height: 337px; line-height: inherit; margin: 0px; opacity: 0; padding: 0px; position: relative; width: 10598.1px;"></iframe></div> </div> <button aria-disabled="false" aria-live="polite" class="vjs-big-play-button" style="-webkit-appearance: none; background: none rgba(0, 0, 0, 0.45098); border-radius: 50%; border: none; box-sizing: inherit; color: white; cursor: pointer; display: block; font-family: VideoJS; font-size: 3.5em; font-stretch: inherit; font-variant: inherit; height: 2em; left: 299.563px; line-height: 2em; margin: -1em 0px 0px -1em; opacity: 1; outline: none; overflow: visible; padding: 0px; position: absolute; top: 168.5px; transition: border-color 0.4s, outline 0.4s, background-color 0.4s; width: 2em;" title="Play Video" type="button"><span class="vjs-control-text" style="border: 0px; box-sizing: inherit; clip: rect(0px 0px 0px 0px); color: inherit; font-size: inherit; height: 1px; line-height: inherit; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;">Play Video</span></button></div> </div> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="367" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> When Nintendo gets it right, its gets it <em data-reactid="369" style="box-sizing: inherit;">really</em> right. That's the emerging consensus of the Mario- and Zelda-maker's $299 TV-or-handheld gaming device. The Switch has become so red-hot Nintendo has resorted to schlepping systems to stores by air, a very pricey move. The console's masterstroke is the way anyone can grok why it exists at a glance: Drop the Switch in its cradle and its games display on your TV. Pluck it out and they're in your hands on the go. Snap the motion controllers off its sides, pop its kickstand and it’s on a table. The Switch is both mobile and mighty, versatile and idiosyncratic. If the company can provide a steady stream of games over the next year, the Switch may be an exemplar of things to come in gaming.</div> </div> <div class="_9MDA9q9L" data-reactid="371" style="box-sizing: inherit; padding-bottom: 38px;"> <br /> <figure class="clearfix" data-reactid="372" style="box-sizing: inherit; margin: 0px; padding-bottom: 27px;"><img alt="" class="b-lazy b-loaded" data-reactid="373" src="https://timedotcom.files.wordpress.com/2017/05/zero-w.jpg?w=720" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" title="zero-w" /></figure><br /> <div class="medium-offset-1 clearfix _3htaJOaq" data-reactid="375" style="box-sizing: inherit; display: table; margin-left: 54.4531px; padding: 0px; position: relative;"> <span data-reactid="377" style="box-sizing: inherit;"></span><br /> <h2 class="text bold size-2x-large _1h6wtwcZ" data-reactid="378" style="box-sizing: inherit; color: black; display: table-cell; font-family: 'PT Serif', Georgia, serif; font-size: 1.375rem; line-height: 1.3; margin: 0px; vertical-align: middle;"> Raspberry Pi Zero W</h2> </div> <div class="medium-offset-1 _2u4qcNwu" data-reactid="379" style="background-color: #e90606; box-sizing: inherit; height: 1px; margin-bottom: 23px; margin-left: 54.4531px; margin-top: 28px; width: 42px;"> </div> <div class="medium-offset-1 text size-1x-large line-height-large _10M0Ygc4" data-reactid="380" style="box-sizing: inherit; color: #202020; float: none; font-family: 'PT Serif', Georgia, serif; font-size: 1.075rem; line-height: 1.6; margin-left: 54.4531px; padding: 0px 0px 20px;"> Miniaturization is microprocessing's Feng shui. Little better exemplifies this concept than the Raspberry Pi Foundation's series of cut-rate micro-computers. And with this year's Raspberry Pi Zero W—effectively a zippier Raspberry Pi Zero with wireless connectivity included—anyone can forge the bones of a 32-bit computer that runs Linux for $10. Whether you're a hobbyist tinkering with robotic racers and retro game handhelds or building computers for children in Mali, the promise of affordable ad-hoc computing just got sweeter.</div> </div> </div> </article></div> </div> </div> <div class="column show-for-large dont-print _2Xqd5uis" data-reactid="382" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row dont-print" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f _1uos2D3o" style="box-shadow: none; box-sizing: inherit; float: left; margin-bottom: 100px; overflow: hidden; padding: 20px 0px; text-align: initial; width: 390px;"> <div id="ad-300x250_300x600_1" style="box-sizing: inherit;"> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row tWo0WoSf" style="box-sizing: inherit; margin-bottom: 0px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12 _28b5RIKM" style="box-sizing: inherit; float: left; height: auto; margin-bottom: 100px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 390px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="OUTBRAIN" data-browser="chrome" data-dynload="" data-idx="0" data-ob-mark="true" data-ob-template="timemag" data-os="win32" data-src="http://time.com/4798400/best-technology-2017-so-far/" data-widget-id="SB_15" id="outbrain_widget_0" style="box-sizing: inherit;"> <div class="ob-widget ob-strip-layout SB_15" data-dynamic-truncate="true" style="box-sizing: inherit; min-width: 240px; position: relative; width: auto;"> <br /> <div class="ob-widget-section ob-first" style="box-sizing: inherit;"> <div class="ob-widget-header" style="box-sizing: inherit; color: black; direction: ltr; font-family: 'Franklin Gothic MdCd'; font-size: 17px; padding-bottom: 20px; padding-top: 0px;"> SPONSORED STORIES</div> <ul class="ob-widget-items-container" style="box-sizing: inherit; direction: ltr; margin: 0px; padding: 0px;"> <li class="ob-dynamic-rec-container ob-recIdx-0 ob-p" data-pos="0" style="box-sizing: border-box; display: inline-block; margin: 0px; max-width: 190px; min-width: 50px; position: relative; vertical-align: top; width: 190px;"></li> </ul> <ul class="ob-widget-items-container ob-multi-row ob-row-1" style="box-sizing: inherit; direction: ltr; margin: 0px; padding: 7.79688px 0px 0px;"> <li class="ob-dynamic-rec-container ob-recIdx-1 ob-p" data-pos="1" style="box-sizing: border-box; display: inline-block; margin: 0px; max-width: 190px; min-width: 50px; position: relative; vertical-align: top; width: 190px;"></li> </ul> <ul class="ob-widget-items-container ob-multi-row ob-row-2" style="box-sizing: inherit; direction: ltr; margin: 0px; padding: 7.79688px 0px 0px;"> <li class="ob-dynamic-rec-container ob-recIdx-2 ob-p" data-pos="2" style="box-sizing: border-box; display: inline-block; margin: 0px; max-width: 190px; min-width: 50px; position: relative; vertical-align: top; width: 190px;"></li> </ul> <ul class="ob-widget-items-container ob-multi-row ob-row-3" style="box-sizing: inherit; direction: ltr; margin: 0px; padding: 7.79688px 0px 0px;"> <li class="ob-dynamic-rec-container ob-recIdx-3 ob-p" data-pos="3" style="box-sizing: border-box; display: inline-block; margin: 0px; max-width: 190px; min-width: 50px; position: relative; vertical-align: top; width: 190px;"></li> </ul> </div> <div class="ob_what" style="box-sizing: inherit; clear: both; direction: ltr; display: inline-block; padding: 0px; position: absolute; right: 190px; text-align: right; top: -2px; width: 390px;"> <a href="http://www.outbrain.com/what-is/default/en" rel="nofollow" style="background-color: transparent; box-sizing: inherit; color: #999999; font-family: arial; font-size: 11px; outline: none; text-decoration: none;">by<span class="ob_amelia" style="background: url("http://widgets.outbrain.com/images/widgetIcons/ob_logo_16x16.png") 50% 0% no-repeat; box-sizing: content-box; display: inline-block; height: 16px; margin-bottom: -2px; padding: 0px 5px; vertical-align: baseline !important; width: 16px;"></span></a></div> <div class="ob-pixels" style="box-sizing: inherit;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _1iFIEpgX" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 40px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 360px;"> <h2 class="row text font-accent size-1x-large all-caps _68m8M-oL" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.075rem; font-weight: 400; line-height: 1.3; margin: 0px -0.9375rem; max-width: none; padding: 15px 0px; text-transform: uppercase;"> RELATED CONTENT</h2> <div class="row _3vaerisi _1t4EcOMp" style="box-sizing: inherit; margin-bottom: 50px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row vZMmMa_9" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row _2PyRy7py _3pQU8lHK" style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-shadow: none; box-sizing: inherit; margin-bottom: 0px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px; position: relative;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8 medium-9" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 262.5px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent color-brand size-1x-small all-caps YxiEiAkB" href="http://time.com/tag/smartphones" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; outline: none; padding: 0px 10px 0px 0px; text-decoration: none; text-transform: uppercase;">SMARTPHONES</a><a class="text size-1x-small _3I8Nf3eO" href="http://time.com/4984823/google-pixel-2-review/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 262.5px;" target="_self">Review: Google's Pixel 2 Is the Best Android Phone for Anyone Tired of Samsung</a></div> </div> <div class="column small-4 medium-3" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 87.5px;"> <div class="row _1o0Sv6Cy" style="box-sizing: inherit; height: 64px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px;"> <a class="_2S9ChopF" href="http://time.com/4984823/google-pixel-2-review/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 64px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 75.5px;" target="_self"><img alt="" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/pixel-2.jpg?h=64" style="border: 0px; box-sizing: inherit; display: inline-block; height: 64px; left: 37.75px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="pixel-2" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4984823/google-pixel-2-review/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 64px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 75.5px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4984823/google-pixel-2-review/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 64px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 75.5px;" target="_self"> </a></div> <div style="box-sizing: inherit;"> <div class="_3t2wpBq-" style="bottom: 5px; box-sizing: inherit; display: inline-block; height: 9px; position: absolute; right: 0px; width: 30px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 9px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 9px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row vZMmMa_9" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row _1QtJ_5oW b0BmHJfu" style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-shadow: none; box-sizing: inherit; margin-bottom: 0px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px 30px; position: relative;"> <div id="ad-480x100_1x5_1" style="box-sizing: inherit;"> </div> </div> </div> </div> <div class="row vZMmMa_9" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row _2PyRy7py _3pQU8lHK" style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-shadow: none; box-sizing: inherit; margin-bottom: 0px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px; position: relative;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8 medium-9" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 262.5px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent color-brand size-1x-small all-caps YxiEiAkB" href="http://time.com/tag/gadgets" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; outline: none; padding: 0px 10px 0px 0px; text-decoration: none; text-transform: uppercase;">GADGETS</a><a class="text size-1x-small _3I8Nf3eO" href="http://time.com/4976947/amazon-kindle-oasis-2/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 262.5px;" target="_self">Amazon's Thinnest Kindle Ever is Getting a Big Upgrade</a></div> </div> <div class="column small-4 medium-3" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 87.5px;"> <div class="row _1o0Sv6Cy" style="box-sizing: inherit; height: 64px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px;"> <a class="_2S9ChopF" href="http://time.com/4976947/amazon-kindle-oasis-2/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 64px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 75.5px;" target="_self"><img alt="" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/all-new-kindle-oasis-the-goods.jpg?h=64" style="border: 0px; box-sizing: inherit; display: inline-block; height: 64px; left: 37.75px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="all-new-kindle-oasis-the-goods" /></a></div> <div style="box-sizing: inherit;"> <div class="_3t2wpBq-" style="bottom: 5px; box-sizing: inherit; display: inline-block; height: 9px; position: absolute; right: 0px; width: 30px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 9px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 9px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row vZMmMa_9" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row _1w4TpVme" style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-shadow: none; box-sizing: inherit; margin-bottom: 0px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px; position: relative;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8 medium-9" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 262.5px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent size-1x-small all-caps _3McDfX8n" href="http://www.comparecards.com/?utm_source=time&utm_campaign=header&grp=comparecards&utm_content=comparecards&utm_medium=native&pla=time&tar=header&pos=1&acqs=prospecting&bdst=2" rel="noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #1a5cb0; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; outline: none; padding: 0px 10px 0px 0px; text-decoration: none; text-transform: uppercase;" target="_blank">COMPARECARDS</a><a class="text size-1x-small gZhRiN9V" href="http://time.com/4798400/best-technology-2017-so-far/" rel="noopener noreferrer" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 262.5px;" target="_blank"></a><span style="box-sizing: inherit;"></span></div> </div> <div class="column small-4 medium-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 87.5px;"> <div class="row _31dgwV0t" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px; width: 88px;"> <a href="http://time.com/4798400/best-technology-2017-so-far/" rel="noopener noreferrer" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;" target="_blank"><img alt="compare-card" src="http://time.com/4798400/best-technology-2017-so-far/" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle; width: auto;" /></a></div> </div> <div class="text font-accent size-3x-small line-height-small all-caps _2IlkNngG" style="bottom: 5px; box-sizing: inherit; color: #cccccc; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.625rem; height: 9px; line-height: 1.1; position: absolute; right: 20px; text-transform: uppercase; vertical-align: top; width: 30px;"> SPONSORED</div> </div> </div> </div> </div> </div> <div class="row vZMmMa_9" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row _2PyRy7py _3pQU8lHK" style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-shadow: none; box-sizing: inherit; margin-bottom: 0px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px; position: relative;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 350px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-8 medium-9" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 262.5px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="text font-accent color-brand size-1x-small all-caps YxiEiAkB" href="http://time.com/tag/smartphones" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; outline: none; padding: 0px 10px 0px 0px; text-decoration: none; text-transform: uppercase;">SMARTPHONES</a><a class="text size-1x-small _3I8Nf3eO" href="http://time.com/4970841/google-pixel-2-specs-vs-iphone-samsung/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 262.5px;" target="_self">How Google's New Pixel 2 Compares to the Best Smartphones</a></div> </div> <div class="column small-4 medium-3" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 87.5px;"> <div class="row _1o0Sv6Cy" style="box-sizing: inherit; height: 64px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 12px;"> <a class="_2S9ChopF" href="http://time.com/4970841/google-pixel-2-specs-vs-iphone-samsung/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 64px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 75.5px;" target="_self"><img alt="" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/pixel-2.jpg?h=64" style="border: 0px; box-sizing: inherit; display: inline-block; height: 64px; left: 37.75px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="pixel-2" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4970841/google-pixel-2-specs-vs-iphone-samsung/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 64px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 75.5px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4970841/google-pixel-2-specs-vs-iphone-samsung/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 64px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 75.5px;" target="_self"> </a></div> <div style="box-sizing: inherit;"> <div class="_3t2wpBq-" style="bottom: 5px; box-sizing: inherit; display: inline-block; height: 9px; position: absolute; right: 0px; width: 30px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 9px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 9px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f _1uos2D3o _1akZcTi1" style="box-shadow: none; box-sizing: inherit; float: left; margin-bottom: 0px; overflow: hidden; padding: 20px 0px 0px; text-align: initial; width: 390px;"> <div id="ad-300x250_2" style="box-sizing: inherit;"> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f _1uos2D3o _1akZcTi1" style="box-shadow: none; box-sizing: inherit; float: left; margin-bottom: 0px; overflow: hidden; padding: 20px 0px 0px; text-align: initial; width: 390px;"> <div id="ad-300x250_3" style="box-sizing: inherit;"> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _2ZteJ-n3" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 40px;"> <div class="column small-12 _354LPRFx _2BsyFxdR" style="box-shadow: none; box-sizing: inherit; float: left; margin-bottom: 100px; overflow: hidden; padding-left: 0.9375rem; padding-right: 0.9375rem; text-align: initial; width: 360px;"> <h2 class="row text font-accent size-1x-large all-caps _3eUEyjD3" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.075rem; font-weight: 400; line-height: 1.3; margin: 0px -0.9375rem; max-width: none; padding: 15px 0px; text-transform: uppercase;"> NEWSLETTER</h2> <div class="row dont-print _2Xe0YOOz" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-left: 2px; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 348px;"> <div class="row _13SGYWpb" style="box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 25px 20px; position: relative;"> <div class="_3wpNd7nS" style="box-sizing: inherit; float: left; height: 60px; margin-bottom: 0px; margin-right: 10px; position: relative; width: 60px;"> <img alt="newsletter" src="http://time.com/images/newsletter-time.png" style="border: 0px; box-sizing: inherit; display: inline-block; height: auto; max-width: 100%; opacity: 1; vertical-align: middle;" /></div> <div class="column small-10 _1UvaUiT5" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: calc(100% - 70px);"> <div class="row _2hl0R5x1" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 0px 0px 10px;"> <span class="text bold _1IMv2q8G" style="box-sizing: inherit; color: #202020; display: block; font-family: "pt serif" , "georgia" , serif; font-size: 1rem; font-weight: 700; line-height: 1.3;">The Brief Newsletter</span><span class="text" style="box-sizing: inherit; color: #202020; font-family: "pt serif" , "georgia" , serif; font-size: 1rem; line-height: 1.3;">Sign up to receive the top stories you need to know right now.</span><a href="http://time.com/newsletter/the-brief/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline; outline: none; text-decoration: none;" target="_blank">View Sample</a></div> <form action="https://pages.email.time.com/newsletters/" class="row newsletter-signup-form _1pOKtxhA" method="POST" style="box-sizing: inherit; display: flex; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;" target="_blank"> <button class="text color-inverse font-accent _2vUiTv4h" name="newsletter-sign-up-button" style="-webkit-appearance: none; background: rgb(0, 0, 0); border-radius: 0px 3px 3px 0px; border: 0px; box-sizing: inherit; color: white; cursor: pointer; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 1.3; margin: 0px; outline: none; overflow: visible; padding: 11px 14px; white-space: nowrap;" type="submit">SIGN UP NOW</button></form> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f _1uos2D3o" style="box-shadow: none; box-sizing: inherit; float: left; margin-bottom: 100px; overflow: hidden; padding: 20px 0px; text-align: initial; width: 390px;"> <div id="ad-300x250_300x600_4" style="box-sizing: inherit;"> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f _1uos2D3o" style="box-shadow: none; box-sizing: inherit; float: left; margin-bottom: 100px; overflow: hidden; padding: 20px 0px; text-align: initial; width: 390px;"> <div id="ad-300x250_5" style="box-sizing: inherit;"> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> </div> <div class="column small-12 end" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 400px;"> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f _1uos2D3o" style="box-shadow: none; box-sizing: inherit; float: left; margin-bottom: 100px; overflow: hidden; padding: 20px 0px; text-align: initial; width: 390px;"> <div id="ad-300x250-last_2" style="box-sizing: inherit;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="dont-print" data-reactid="384" style="box-sizing: inherit;"> <div class="row dont-print" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 large-8" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 815.328px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 815.328px;"> <div class="row tWo0WoSf" style="box-sizing: inherit; margin-bottom: 0px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; height: 530px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 805.328px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="OUTBRAIN" data-browser="chrome" data-dynload="" data-idx="1" data-ob-mark="true" data-ob-template="timemag" data-os="win32" data-src="http://time.com/4798400/best-technology-2017-so-far/" data-widget-id="AR_15" id="outbrain_widget_1" style="box-sizing: inherit;"> <div class="ob-widget ob-strip-layout CRAB_15" data-dynamic-truncate="true" style="background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; margin-top: 49px; max-height: 550px; min-height: 479px; min-width: 1px; padding-top: 15px; position: relative; width: auto;"> <br /> <div class="ob-widget-section ob-first" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: inherit;"> <div class="ob-widget-header" style="bottom: 24px; box-sizing: inherit; color: black; direction: ltr; font-family: 'Franklin Gothic MdCd'; font-size: 17px; margin-top: -13px; padding-bottom: 0px; padding-top: 0px; position: relative; top: -32px;"> SPONSORED STORIES</div> <ul class="ob-widget-items-container" style="box-sizing: inherit; direction: ltr; display: inline-block; margin: 0px; padding: 0px; width: 805.328px;"> <li class="ob-dynamic-rec-container ob-recIdx-0 ob-p" data-pos="0" style="box-sizing: border-box; display: inline-block; margin: 0px; max-width: 240px; min-width: 50px; position: relative; vertical-align: top; width: 240px;"></li> <li class="ob-dynamic-rec-container ob-recIdx-1 ob-p" data-pos="1" style="box-sizing: border-box; display: inline-block; margin: 0px 0px 0px 17.8281px; max-width: 240px; min-width: 50px; position: relative; vertical-align: top; width: 240px;"></li> <li class="ob-dynamic-rec-container ob-recIdx-2 ob-p" data-pos="2" style="box-sizing: border-box; display: inline-block; margin: 0px 0px 0px 17.8281px; max-width: 240px; min-width: 50px; position: relative; vertical-align: top; width: 240px;"></li> </ul> </div> <div class="ob_what" style="background: none; box-sizing: inherit; clear: both; direction: ltr; padding: 0px 0px 0px 148px; position: absolute; right: 0px; text-align: right; top: -33px; width: 805.328px;"> <a href="http://www.outbrain.com/what-is/default/en" rel="nofollow" style="background-color: transparent; box-sizing: inherit; color: #999999; font-family: arial; font-size: 11px; outline: none; text-decoration: none;">by<span class="ob_logo" style="background: url("http://widgets.outbrain.com/images/widgetIcons/ob_logo_67x12.png") 50% 0% no-repeat; box-sizing: content-box; display: inline-block; height: 12px; padding: 0px 5px; vertical-align: baseline !important; width: 67px;"></span></a></div> <div class="ob-pixels" style="box-sizing: inherit;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column show-for-large large-4" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 407.656px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 407.656px;"> <h2 class="row text font-accent size-1x-large all-caps aOv2df-W" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.075rem; font-weight: 400; line-height: 1.3; margin: 0px -0.9375rem; max-width: none; padding: 15px 0px; text-transform: uppercase;"> NEXT UP</h2> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 407.656px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 medium-6 large-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 407.656px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 397.656px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 475px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 397.656px;"> <div class="row" style="box-sizing: inherit; height: 267px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996357/china-xi-jinping-politburo-successor/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 267px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 397.656px;" target="_self"><img alt="Chinese Communist Party's Politburo Standing Committee Meet the Press" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/gettyimages-866063068.jpg?h=267" style="border: 0px; box-sizing: inherit; display: inline-block; height: 267px; left: 198.828px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Chinese Communist Party's Politburo Standing Committee Meet the Press" /></a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 397.656px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(208px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/world" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">WORLD</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996357/china-xi-jinping-politburo-successor/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 367.656px;" target="_self">Xi Jinping Designates No Obvious Successor, Laying the Foundation for a Long Reign</a><a class="text _3r4MPCeP" href="http://time.com/4996357/china-xi-jinping-politburo-successor/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 367.656px;">The Chinese president — his nation’s strongest leader since Mao Zedong — has set the wheels in motion for staying in power beyond his second five-year term by not appointing any young cadres to the top leadership committee of the Chinese Communist Party</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <h2 class="row text font-accent size-1x-large all-caps _3b5gRG97" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.075rem; font-weight: 400; line-height: 1.3; margin: 0px -0.9375rem; max-width: none; padding: 15px 0px; text-transform: uppercase;"> MOST POPULAR STORIES</h2> <div class="row _2ji8AL32" style="box-sizing: inherit; height: 500px; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12 _2N7UjrPC" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; float: left; height: 500px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row jt3TCj6z" style="box-sizing: inherit; height: 100px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="_3ub3MhtR" style="box-sizing: inherit; padding: 20px; position: absolute; top: 50px; transform: translateY(-50%); width: 295.75px;"> <div class="sRE00U6D" style="box-sizing: inherit; display: inline-block; margin-right: 20px; vertical-align: middle; width: 24px;"> <div class="_2dLyrPHq" style="background-color: #e90606; border-radius: 100%; border: 2px solid rgb(233, 6, 6); box-sizing: inherit; display: inline-block; height: 24px; text-align: center; width: 24px;"> <span class="text font-accent size-1x-small color-inverse" style="box-sizing: inherit; color: white; font-family: "roboto condensed" , "arial narrow" , "arial" , sans-serif; font-size: 0.875rem; line-height: 1.3;">1</span></div> </div> <a class="show-for-large text size-1x-small _1To9hDhC" href="http://time.com/4995215/sherin-mathews-father-milk/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; padding-right: 10px; text-decoration: none; text-overflow: ellipsis; vertical-align: middle; width: calc(100% - 44px);">Father Admits to Force Feeding 3-Year-Old Milk Until She Choked and Died: Police</a></div> </div> <div class="row jt3TCj6z" style="box-sizing: inherit; height: 100px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="_3ub3MhtR" style="box-sizing: inherit; padding: 20px; position: absolute; top: 50px; transform: translateY(-50%); width: 295.75px;"> <div class="sRE00U6D" style="box-sizing: inherit; display: inline-block; margin-right: 20px; vertical-align: middle; width: 24px;"> <div class="_2dLyrPHq" style="background-color: #e90606; border-radius: 100%; border: 2px solid rgb(233, 6, 6); box-sizing: inherit; display: inline-block; height: 24px; text-align: center; width: 24px;"> <span class="text font-accent size-1x-small color-inverse" style="box-sizing: inherit; color: white; font-family: "roboto condensed" , "arial narrow" , "arial" , sans-serif; font-size: 0.875rem; line-height: 1.3;">2</span></div> </div> <a class="show-for-large text size-1x-small _1To9hDhC" href="http://time.com/4996305/us-russia-syria-iraq-kurds-allies/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; padding-right: 10px; text-decoration: none; text-overflow: ellipsis; vertical-align: middle; width: calc(100% - 44px);">U.S. and Russian Allies Are Edging Toward a Face-Off in Eastern Syria</a></div> </div> <div class="row jt3TCj6z" style="box-sizing: inherit; height: 100px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="_3ub3MhtR" style="box-sizing: inherit; padding: 20px; position: absolute; top: 50px; transform: translateY(-50%); width: 295.75px;"> <div class="sRE00U6D" style="box-sizing: inherit; display: inline-block; margin-right: 20px; vertical-align: middle; width: 24px;"> <div class="_2dLyrPHq" style="background-color: #e90606; border-radius: 100%; border: 2px solid rgb(233, 6, 6); box-sizing: inherit; display: inline-block; height: 24px; text-align: center; width: 24px;"> <span class="text font-accent size-1x-small color-inverse" style="box-sizing: inherit; color: white; font-family: "roboto condensed" , "arial narrow" , "arial" , sans-serif; font-size: 0.875rem; line-height: 1.3;">3</span></div> </div> <a class="show-for-large text size-1x-small _1To9hDhC" href="http://time.com/4995215/sherin-mathews-father-milk/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; padding-right: 10px; text-decoration: none; text-overflow: ellipsis; vertical-align: middle; width: calc(100% - 44px);">Father Admits to Force Feeding 3-Year-Old Milk Until She Choked and Died: Police</a></div> </div> <div class="row jt3TCj6z" style="box-sizing: inherit; height: 100px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="_3ub3MhtR" style="box-sizing: inherit; padding: 20px; position: absolute; top: 50px; transform: translateY(-50%); width: 295.75px;"> <div class="sRE00U6D" style="box-sizing: inherit; display: inline-block; margin-right: 20px; vertical-align: middle; width: 24px;"> <div class="_2dLyrPHq" style="background-color: #e90606; border-radius: 100%; border: 2px solid rgb(233, 6, 6); box-sizing: inherit; display: inline-block; height: 24px; text-align: center; width: 24px;"> <span class="text font-accent size-1x-small color-inverse" style="box-sizing: inherit; color: white; font-family: "roboto condensed" , "arial narrow" , "arial" , sans-serif; font-size: 0.875rem; line-height: 1.3;">4</span></div> </div> <a class="show-for-large text size-1x-small _1To9hDhC" href="http://time.com/4996246/army-niger-fallen-troops-special-forces/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; padding-right: 10px; text-decoration: none; text-overflow: ellipsis; vertical-align: middle; width: calc(100% - 44px);">The U.S. Thinks Someone in Niger Betrayed American Troops</a></div> </div> <div class="row jt3TCj6z" style="box-sizing: inherit; height: 100px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="_3ub3MhtR" style="box-sizing: inherit; padding: 20px; position: absolute; top: 50px; transform: translateY(-50%); width: 295.75px;"> <div class="sRE00U6D" style="box-sizing: inherit; display: inline-block; margin-right: 20px; vertical-align: middle; width: 24px;"> <div class="_2dLyrPHq" style="background-color: #e90606; border-radius: 100%; border: 2px solid rgb(233, 6, 6); box-sizing: inherit; display: inline-block; height: 24px; text-align: center; width: 24px;"> <span class="text font-accent size-1x-small color-inverse" style="box-sizing: inherit; color: white; font-family: "roboto condensed" , "arial narrow" , "arial" , sans-serif; font-size: 0.875rem; line-height: 1.3;">5</span></div> </div> <a class="show-for-large text size-1x-small _1To9hDhC" href="http://time.com/4994716/europe-underwater-restaurant-norway-snohetta/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.875rem; line-height: 1.3; max-height: 54.6px; outline: none; overflow: hidden; padding-right: 10px; text-decoration: none; text-overflow: ellipsis; vertical-align: middle; width: calc(100% - 44px);">This Underwater Restaurant Looks Like It’s Right Out of Science Fiction. Take a Look Inside</a></div> </div> </div> </div> </div> </div> </div> <div class="column show-for-large large-6" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 611.5px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 611.5px;"> <h2 class="row text font-accent size-1x-large all-caps aOv2df-W" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.075rem; font-weight: 400; line-height: 1.3; margin: 0px -0.9375rem; max-width: none; padding: 15px 0px; text-transform: uppercase;"> MORE COVERAGE</h2> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 611.5px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 medium-6 large-6" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996296/twitter-election-political-ad-labeling/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="US-TECHNOLOGY-TWITTER" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/gettyimages-621183344.jpg?h=202" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="US-TECHNOLOGY-TWITTER" /></a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/tag/social-media" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">SOCIAL MEDIA</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996296/twitter-election-political-ad-labeling/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">Twitter Says It Will Begin Labeling Political Ads Following a U.S. Regulatory Threat</a><a class="text _3r4MPCeP" href="http://time.com/4996296/twitter-election-political-ad-labeling/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">Twitter said it would add labels to election-related advertisements and say who is behind each of them, after a threat of regulation from the United States over the lack of disclosure for political spending on social media</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-6" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4995858/iphone-x-preorder-date-time/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="Apple Holds Product Launch Event At New Campus In Cupertino" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/09/gettyimages-846148982.jpg?h=202" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Apple Holds Product Launch Event At New Campus In Cupertino" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4995858/iphone-x-preorder-date-time/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4995858/iphone-x-preorder-date-time/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"> </a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/tag/iphone-x" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">IPHONE X</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4995858/iphone-x-preorder-date-time/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">Want Apple's iPhone X Before It Sells Out? Here's What You Should Do</a><a class="text _3r4MPCeP" href="http://time.com/4995858/iphone-x-preorder-date-time/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">Apple’s long-awaited iPhone X will finally be available to preorder starting October 27, ahead of its November 3 launch. Apple’s new smartphones usually sell out quickly, but the iPhone X</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; float: left; overflow: hidden; padding: 20px 0px; text-align: center; width: 1213px;"> <div id="ad-728x90_970x250_970x90_970x66_101x1_3" style="box-sizing: inherit;"> </div> </div> </div> </div> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> </div> <div class="column small-12 end" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <h2 class="row text font-accent size-1x-large all-caps aMw5UtXR" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.075rem; font-weight: 400; line-height: 1.3; margin: 0px -0.9375rem; max-width: none; padding: 15px 0px; text-transform: uppercase;"> MORE FROM TIME.COM</h2> <div style="box-sizing: inherit;"> <div class="row _3vaerisi" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1213px;"> <div class="row vZMmMa_9" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1213px;"> <div class="row _18fRz7Fj" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-4 " style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 404.328px;"> <div class="row" style="box-sizing: inherit; height: 275px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996313/einstein-happiness-note/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 275px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 404.328px;" target="_self"><img alt="Albert Einstein File photo" class="b-lazy b-loaded" data-apv_replaced="true" src="https://timedotcom.files.wordpress.com/2017/10/israel-albert-einstei_wong.jpg?h=275" style="border: 0px; box-sizing: inherit; display: inline-block; height: 275px; left: 202.156px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Albert Einstein File photo" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4996313/einstein-happiness-note/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 275px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 404.328px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4996313/einstein-happiness-note/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 275px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 404.328px;" target="_self"> </a></div> </div> <div class="column small-8 " style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 808.656px;"> <div class="row apqQqwDz" style="box-sizing: inherit; height: 275px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="_3_-AkaJo" style="box-sizing: inherit; left: 404.328px; padding: 0px 80px; position: absolute; top: 137.5px; transform: translate(-50%, -50%); width: 808.656px;"> <a class="text font-accent color-brand all-caps _3lg1sdiM" href="http://time.com/section/newsfeed" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">NEWSFEED</a><a class="text font-secondary size-3x-large bold _1Ze9Kqb8" href="http://time.com/4996313/einstein-happiness-note/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 2; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.625rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 648.656px;">A Handwritten Note on Happiness by Albert Einstein Has Sold at Auction for $1.3 Million</a><a class="text _2vU6Oizr" href="http://time.com/4996313/einstein-happiness-note/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 2; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 41.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 648.656px;">While Albert Einstein's theory of happiness may be relative, it fetched $1.3 million at a Jerusalem auction on Tuesday. The handwritten note says "a calm and modest life" will bring more happiness than restless striving for success</a></div> <div class="_2TZukAtz" style="bottom: 10px; box-sizing: inherit; display: inline-block; height: 8px; position: absolute; right: 10px; width: 27px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996322/senate-repeal-consumer-financial-protection-class-action-banks/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="Lady Justice of Justica, Frankfurt, Germany" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/gettyimages-170117255.jpg?h=202" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Lady Justice of Justica, Frankfurt, Germany" /></a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/business" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">BUSINESS</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996322/senate-repeal-consumer-financial-protection-class-action-banks/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">The Senate Votes to Repeal a Rule Allowing Consumer Class Action Suits Against Financial Firms</a><a class="text _3r4MPCeP" href="http://time.com/4996322/senate-repeal-consumer-financial-protection-class-action-banks/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">The Republican-led Senate narrowly voted to repeal a banking rule that would let consumers band together to sue their bank or credit card company to resolve financial disputes. Vice President Mike Pence cast the final vote to break a 50-50 tie</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996305/us-russia-syria-iraq-kurds-allies/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="A fighter of Syrian Democratic Forces stands amidst the ruins of buildings near the Clock Square in Raqqa" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/rts1h3zu.jpg?h=202" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="A fighter of Syrian Democratic Forces stands amidst the ruins of buildings near the Clock Square in Raqqa" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4996305/us-russia-syria-iraq-kurds-allies/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4996305/us-russia-syria-iraq-kurds-allies/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"> </a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/world" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">WORLD</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996305/us-russia-syria-iraq-kurds-allies/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">U.S. and Russian Allies Are Edging Toward a Face-Off in Eastern Syria</a><a class="text _3r4MPCeP" href="http://time.com/4996305/us-russia-syria-iraq-kurds-allies/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">The fall of Raqqa and seizure of the Al-Omar field by U.S. and Iraq-backed coalition forces has escalated a regional race to defeat ISIS and snap up oil and gas fields, putting the Syrian and Russian governments under pressure.</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996278/kate-steinle-murder-trial-donald-trump/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="A view of the Oakland Bay Bridge from Pier 14; San Francisco, California, USA" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/gettyimages-601211830.jpg?h=202" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="A view of the Oakland Bay Bridge from Pier 14; San Francisco, California, USA" /></a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/us" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">U.S.</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996278/kate-steinle-murder-trial-donald-trump/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">President Trump Argued This Murder Case Proved Him Right on Immigration. Here's What It's Like Inside the Courtroom</a><a class="text _3r4MPCeP" href="http://time.com/4996278/kate-steinle-murder-trial-donald-trump/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">The death of Kate Steinle played a huge part in Donald Trump's campaign rhetoric about undocumented immigrants. Now the trial of Jose Ines Garcia Zarate is playing out in a San Francisco courtroom</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996280/harvey-weinstein-statehouses-sexual-harassment-metoo/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="Sexual Harassment Legislatures" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/sexual-harassment-leg_wong.jpg?h=202" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Sexual Harassment Legislatures" /></a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/us" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">U.S.</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996280/harvey-weinstein-statehouses-sexual-harassment-metoo/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">After the Harvey Weinstein Scandal, Women at U.S. Statehouses Are Saying #MeToo</a><a class="text _3r4MPCeP" href="http://time.com/4996280/harvey-weinstein-statehouses-sexual-harassment-metoo/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">The response to sexual harassment allegations against film producer Harvey Weinstein has spread to statehouses nationwide, with hundreds of lawmakers, lobbyists and consultants coming forward to say the problem is pervasive in the halls of political power</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row _2bnZiB_7" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="small-12 column _3sDrBk7f" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; float: left; overflow: hidden; padding: 20px 0px; text-align: center; width: 1213px;"> <div id="ad-728x90_970x250_970x90_970x66_101x1_4" style="box-sizing: inherit;"> </div> </div> </div> <div class="row _3vaerisi" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1213px;"> <div class="row vZMmMa_9" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1213px;"> <div class="row _18fRz7Fj" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-4 small-push-8" style="box-sizing: inherit; float: left; left: 808.656px; padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; width: 404.328px;"> <div class="row" style="box-sizing: inherit; height: 275px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996288/clinton-trump-russia-dossier/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 275px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 404.328px;" target="_self"><img alt="President Trump And Singapore PM Loong Give Joint Statements At White House" class="b-lazy b-loaded" src="https://timedotcom.files.wordpress.com/2017/10/gettyimages-8654787021.jpg?h=275" style="border: 0px; box-sizing: inherit; display: inline-block; height: 275px; left: 202.156px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="President Trump And Singapore PM Loong Give Joint Statements At White House" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4996288/clinton-trump-russia-dossier/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 275px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 404.328px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4996288/clinton-trump-russia-dossier/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 275px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 404.328px;" target="_self"> </a></div> </div> <div class="column small-8 small-pull-4" style="box-sizing: inherit; float: right; left: -404.328px; padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; width: 808.656px;"> <div class="row apqQqwDz" style="box-sizing: inherit; height: 275px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative;"> <div class="_3_-AkaJo" style="box-sizing: inherit; left: 404.328px; padding: 0px 80px; position: absolute; top: 137.5px; transform: translate(-50%, -50%); width: 808.656px;"> <a class="text font-accent color-brand all-caps _3lg1sdiM" href="http://time.com/section/politics" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">POLITICS</a><a class="text font-secondary size-3x-large bold _1Ze9Kqb8" href="http://time.com/4996288/clinton-trump-russia-dossier/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 2; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.625rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 648.656px;">Hillary Clinton's Campaign Helped Fund the Infamous Russia Dossier on Trump, Report Says</a><a class="text _2vU6Oizr" href="http://time.com/4996288/clinton-trump-russia-dossier/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 2; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 41.6px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 648.656px;">Hillary Clinton's presidential campaign and the Democratic National Committee helped fund political research into President Donald Trump that ultimately produced a dossier of allegations about his ties to Russia, a person familiar with the matter said</a></div> <div class="_2TZukAtz" style="bottom: 10px; box-sizing: inherit; display: inline-block; height: 8px; position: absolute; right: 10px; width: 27px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1223px;"> <div class="row" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996238/robert-guillame-benson-death-rafiki-benson/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="BENSON" class="b-lazy " data-src="https://timedotcom.files.wordpress.com/2017/10/robert-guillaume.jpg?h=202" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="BENSON" /></a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/entertainment" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">ENTERTAINMENT</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996238/robert-guillame-benson-death-rafiki-benson/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">Actor Robert Guillaume Dies at 89</a><a class="text _3r4MPCeP" href="http://time.com/4996238/robert-guillame-benson-death-rafiki-benson/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">Actor Robert Guillaume died Tuesday at the age of 89 following complications from prostate cancer. Guillaume’s wife, Donna Brown Guillaume, confirmed his death to the Associated Press, telling</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996246/army-niger-fallen-troops-special-forces/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="provided by the U.S Army these are photos of the four fallen soldiers in Niger" class="b-lazy " data-src="https://timedotcom.files.wordpress.com/2017/10/complex-situation-fallen-soldiers-niger.jpg?h=202" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="complex-situation-fallen-soldiers-niger" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4996246/army-niger-fallen-troops-special-forces/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4996246/army-niger-fallen-troops-special-forces/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"> </a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/world" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">WORLD</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996246/army-niger-fallen-troops-special-forces/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">The U.S. Thinks Someone in Niger Betrayed American Troops</a><a class="text _3r4MPCeP" href="http://time.com/4996246/army-niger-fallen-troops-special-forces/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">The U.S. military believes someone in a Niger village may have tipped off attackers to the presence of U.S. commandoes and Nigerien forces in the area, setting in motion the ambush that killed four Americans</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4995774/jeff-flake-teddy-roosevelt-quote-donald-trump/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="Se. Jeff Flake (R-AZ) Announces He Will Not Seek Re-Election And Rebukes President Trump In Senate Chamber Speech" class="b-lazy " data-src="https://timedotcom.files.wordpress.com/2017/10/flake.jpeg?h=202" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="Se. Jeff Flake (R-AZ)" /></a><br /> <div class="_3GZfzMIG" style="bottom: 10px; box-sizing: inherit; height: 20px; pointer-events: none; position: absolute; right: 15px; width: 20px;"> <a class="_2S9ChopF" href="http://time.com/4995774/jeff-flake-teddy-roosevelt-quote-donald-trump/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><svg height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 44 32"><g fill-rule="evenodd" fill="none"><path d="M0 0h44v32H0z" fill="#313131" opacity=".7"></path><path d="M16 8v16l16-8" fill="#FFF"></path></g></svg></a></div> <a class="_2S9ChopF" href="http://time.com/4995774/jeff-flake-teddy-roosevelt-quote-donald-trump/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"> </a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/history" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">HISTORY</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4995774/jeff-flake-teddy-roosevelt-quote-donald-trump/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">The Story Behind Jeff Flake's Teddy Roosevelt Quote on Why Criticizing the President Matters</a><a class="text _3r4MPCeP" href="http://time.com/4995774/jeff-flake-teddy-roosevelt-quote-donald-trump/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">In addition to quoting The Federalist and Abraham Lincoln in his Tuesday afternoon speech about his decision not to run for reelection in 2018, Arizona’s Sen. Jeff Flake turned to an anecdote</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 medium-6 large-3" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 305.75px;"> <div class="row _2cCPyP5f" style="box-sizing: inherit; margin-bottom: 10px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding-right: 10px;"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1QwSFyrQ" style="background-color: white; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px, rgba(0, 0, 0, 0.0980392) 0px 1px 5px 0px; box-sizing: inherit; height: 500px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);"> <div class="column small-12" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row" style="box-sizing: inherit; height: 202px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="_2S9ChopF" href="http://time.com/4996106/discrimination-white-people-survey-poll/" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; height: 202px; outline: none; overflow: hidden; position: relative; text-decoration: none; width: 295.75px;" target="_self"><img alt="President Trump Holds Rally In Phoenix, Arizona" class="b-lazy " data-src="https://timedotcom.files.wordpress.com/2017/10/trumps-speech.jpg?h=202" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="border: 0px; box-sizing: inherit; display: inline-block; height: 202px; left: 147.875px; max-width: none; opacity: 1; position: absolute; top: 0px; transform: translateX(-50%); vertical-align: middle;" title="President Trump Holds Rally In Phoenix, Arizona" /></a></div> </div> <div class="column small-12" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 295.75px;"> <div class="row _1An5xv1b" style="box-sizing: inherit; height: calc(298px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 15px; position: relative;"> <a class="text font-accent color-brand all-caps g92dzT7Q" href="http://time.com/section/politics" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; line-height: 1.3; margin-bottom: 5px; outline: none; text-decoration: none; text-transform: uppercase;">POLITICS</a><a class="text font-secondary size-1x-large bold _2br3xTV7" href="http://time.com/4996106/discrimination-white-people-survey-poll/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: Lora, Georgia, Times, serif; font-size: 1.075rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; max-height: 67.08px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;" target="_self">55% of White People Think America Discriminates Against Them</a><a class="text _3r4MPCeP" href="http://time.com/4996106/discrimination-white-people-survey-poll/" style="-webkit-box-orient: vertical; -webkit-line-clamp: 3; background-color: transparent; box-sizing: inherit; color: #202020; display: -webkit-box; font-family: 'PT Serif', Georgia, serif; font-size: 1rem; line-height: 1.3; max-height: 62.4px; outline: none; overflow: hidden; text-decoration: none; text-overflow: ellipsis; width: 265.75px;">More than half of white Americans said there is discrimination against their race in contemporary America, according to a new poll. A total of 55 percent of whites said they believed discrimination</a><br /> <div class="qmar-D24" style="bottom: 10px; box-sizing: inherit; display: inline-block; position: absolute; right: 10px;"> <div style="box-sizing: inherit; color: #999999; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; height: 8px;"> <div class="_1X3LqGF7" style="box-sizing: inherit; float: left; height: 8px;"> <a href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; font-size: 8px; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-reactid="385" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: inherit; margin-bottom: 8px; text-align: center;"> <div data-reactid="386" style="box-sizing: inherit;"> <div data-reactid="387" id="ad-728x90_970x250_970x90_970x66_101x1_2" style="box-sizing: inherit;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row dont-print" data-reactid="388" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="389" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1263px;"> <div class="row _1CtlCsUf" data-reactid="390" style="background-color: white; border-top-color: rgb(233, 6, 6); border-top-style: solid; border-top-width: 1px; box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="391" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 1263px;"> <div class="ow2PGNa_" data-reactid="392" style="box-sizing: inherit; margin: 0px auto; max-width: 1200px;"> <div class="row" data-reactid="393" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 large-8 large-push-4" data-reactid="394" style="box-sizing: inherit; float: left; left: 409.984px; padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; width: 820px;"> <div class="row _3IXICR9O" data-reactid="395" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px 5px; text-align: right;"> <a class="text font-accent size-1x-small _3Ul20HMZ" data-reactid="396" href="https://secure.customersvc.com/servlet/Show?WESPAGE=td/home.html&MSRSM%20%20%20%20%20AG=TD" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-bottom: 10px; margin-right: 10px; outline: none; text-decoration: none;">Customer Service</a><a class="text font-accent size-1x-small _3Ul20HMZ" data-reactid="398" href="http://time.com/html-sitemap/" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-bottom: 10px; margin-right: 10px; outline: none; text-decoration: none;">Site Map</a><a class="text font-accent size-1x-small _3Ul20HMZ" data-reactid="400" href="https://subscription.timeinc.com/storefront/privacy/fortune/generic_privacy_new.html?dnp-source=I" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-bottom: 10px; margin-right: 10px; outline: none; text-decoration: none;">Privacy Policy</a><a class="text font-accent size-1x-small _3Ul20HMZ" data-reactid="402" href="http://subscription-assets.timeinc.com/prod/assets/themes/magazines/default/template-resources/html/legal/ti-corp-behavioral.html" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-bottom: 10px; margin-right: 10px; outline: none; text-decoration: none;">Ad Choices</a><a class="text font-accent size-1x-small _3Ul20HMZ" data-reactid="404" href="https://subscription.timeinc.com/storefront/privacy/time/privacy_terms_service.html" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-bottom: 10px; margin-right: 10px; outline: none; text-decoration: none;">Terms of Use</a><a class="text font-accent size-1x-small _3Ul20HMZ" data-reactid="406" href="https://subscription.timeinc.com/storefront/privacy/time/generic_privacy_new.html?dnp-source=B#california" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-bottom: 10px; margin-right: 10px; outline: none; text-decoration: none;">Your California Privacy Rights</a><a class="text font-accent size-1x-small _3Ul20HMZ" data-reactid="408" href="http://www.timeinc.com/careers/" style="background-color: transparent; box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-bottom: 10px; margin-right: 10px; outline: none; text-decoration: none;">Careers</a></div> </div> <div class="column small-12 large-4 large-pull-8" data-reactid="410" style="box-sizing: inherit; float: right; left: -820px; padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; width: 409.984px;"> <div class="row" data-reactid="411" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="OJXG1ruW" data-reactid="412" style="box-sizing: inherit; display: inline-block; height: 20.9px; margin: 20px 0px 0px 20px; vertical-align: middle; width: 66px;"> <div class="_1X3LqGF7" data-reactid="413" style="box-sizing: inherit; float: left; height: 20.8906px;"> <a data-reactid="414" href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> <div class="text font-accent size-2x-small _2y16le2S" data-reactid="415" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.75rem; line-height: 1.3; margin: 20px 20px 0px; vertical-align: middle;"> © 2017 Time Inc. All rights reserved.</div> </div> </div> </div> <div class="row text size-3x-small color-medium-gray line-height-large RwN2f4fk" data-reactid="416" style="box-sizing: inherit; color: #afafaf; font-family: 'PT Serif', Georgia, serif; font-size: 0.625rem; line-height: 1.6; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 20px 0px 20px 20px;"> TIME may receive compensation for some links to products and services on this website. Offers may be subject to change without notice.</div> </div> </div> </div> </div> </div> <div data-reactid="417" style="box-sizing: inherit;"> <div class="tealium" style="box-sizing: inherit;"> </div> <div class="row dont-print _15YXdux4" style="bottom: 5px; box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: fixed; text-align: center; width: 1263px; z-index: 10;"> <div id="ad-1x6" style="box-sizing: inherit;"> </div> </div> <div class="dont-print tXs_0KIO" style="box-sizing: inherit; left: 0px; position: fixed; top: 0px;"> <div class="_25_Ee5Aa" id="ad-oop" style="box-sizing: inherit; display: inline-block; height: 1px; width: 1px;"> </div> </div> </div> </div> </div> <div class="row dont-print _1YXcgUdI" data-reactid="418" style="box-sizing: inherit; margin-bottom: 0px; margin-left: auto; margin-right: auto; max-width: none; position: relative;"> <div class="row _3sr7KNzf Y4KEIqTo" data-reactid="419" style="background-color: white; box-sizing: inherit; height: 100vh; left: -320px; margin-bottom: 0px !important; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0px !important; max-width: none; overflow: hidden; position: fixed; top: 0px; transform: translateX(0px); transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); width: 320px; will-change: transform; z-index: 9300;"> <div class="column small-12" data-reactid="420" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row logo-icons YA042VQI" data-reactid="421" style="box-sizing: inherit; height: 853px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="422" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row logo-icons MwibZ0h4" data-reactid="423" style="background-color: #fafafa; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; height: 50px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 12px;"> <div class="_1J1lsGM7" data-reactid="424" style="box-sizing: inherit; display: inline-block; text-align: center; vertical-align: middle; width: 30px;"> <a class="closeButton gRc-5msL" data-reactid="425" href="https://www.blogger.com/null" style="background-color: transparent; box-sizing: inherit; color: #e90606; cursor: pointer; display: inline-block; height: 13px; outline: none; position: relative; width: 13px;"><svg data-reactid="426" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 13 14"><path d="M11.84 10.67L8.3 6.64l3.54-4.02c.6-.6.6-1.57 0-2.17-.6-.6-1.57-.6-2.17 0l-3.4 3.87L2.87.45c-.6-.6-1.57-.6-2.17 0-.6.6-.6 1.57 0 2.17l3.53 4.02L.7 10.67c-.6.6-.6 1.57 0 2.17.6.6 1.58.6 2.18 0l3.4-3.87 3.4 3.87c.6.6 1.56.6 2.16 0 .6-.6.6-1.57 0-2.17z" data-reactid="427"></path></svg></a></div> <div class="CiWYwE2C" data-reactid="428" style="box-sizing: inherit; display: inline-block; text-align: center; vertical-align: middle; width: calc(100% - 60px);"> <div class="logo-icons _3e1Yh-28" data-reactid="429" style="box-sizing: inherit; display: inline-block; height: 16px; margin: 2px auto; width: 53px;"> <div class="_1X3LqGF7" data-reactid="430" style="box-sizing: inherit; float: left; height: 16px;"> <a data-reactid="431" href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> <div class="_1J1lsGM7" data-reactid="432" style="box-sizing: inherit; display: inline-block; text-align: center; vertical-align: middle; width: 30px;"> <div data-reactid="433" style="box-sizing: inherit;"> <a class="_1jYlgGFZ" data-reactid="434" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; height: 15px; outline: none; position: relative; text-decoration: none; top: 3.5px; width: 15px;"><svg data-reactid="435" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 17 18"><path d="M10.96 11.28c-2.43 0-4.4-1.98-4.4-4.4 0-2.45 1.97-4.43 4.4-4.43 2.42 0 4.4 1.98 4.4 4.42 0 2.43-1.98 4.4-4.4 4.4m-5.92-4.4c0 1.37.47 2.63 1.26 3.63L.7 16.12c-.34.33-.34.87 0 1.2.16.16.38.24.6.24.22 0 .44-.1.6-.25l5.63-5.6c.96.7 2.15 1.1 3.43 1.1 3.26 0 5.9-2.65 5.9-5.9 0-3.27-2.64-5.93-5.9-5.93-3.26 0-5.92 2.64-5.92 5.9z" data-reactid="436"></path></svg></a><a data-reactid="437" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;"></a></div> </div> </div> <div class="row" data-reactid="438" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="439" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="440" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-6" data-reactid="441" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 160px;"> <div class="row" data-reactid="442" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="sign-in" data-reactid="443" style="box-sizing: inherit;"> <a alt="Sign In" class="_1xpn7YOK" data-reactid="444" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;"></a><br /> <div class="jKTvJwKV" data-reactid="445" style="box-sizing: inherit; display: inline;"> <div class="_1iTlzRD_" data-reactid="446" style="box-sizing: inherit; display: inline-block; height: 16px; margin-right: 8px; position: relative; vertical-align: middle; width: 12px;"> <a alt="Sign In" class="_1xpn7YOK" data-reactid="444" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;"><svg data-reactid="447" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 17 15"><path d="M1.8 13.6c.7-.8 2.6-1.7 4-2.3l1.8 1.5c.2.2.6.2 1 0l1.5-1.5c1.7.6 3.5 1.5 4.3 2.3H1.8zm8.4-3.7c-.2-.2-.5 0-.7 0L8 11.3 6.5 10c-.2 0-.4-.2-.7 0-1 .2-5.8 2-5.8 4.3 0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7 0-2.4-4.8-4-5.8-4.4zM8 1.3c1.8 0 3.3 1.5 3.3 3.3C11.3 6.5 9.8 8 8 8 6.2 8 4.7 6.5 4.7 4.7 4.7 3 6.2 1.4 8 1.4zm0 8c2.6 0 4.7-2 4.7-4.7C12.7 2 10.7 0 8 0 5.4 0 3.3 2 3.3 4.7c0 2.6 2 4.7 4.7 4.7z" data-reactid="448"></path></svg></a></div> <div class="text font-accent color-brand line-height-large all-caps _2iFpiY03" data-reactid="449" style="box-sizing: inherit; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; height: 20px; line-height: 1.6; text-transform: uppercase; vertical-align: middle;"> <a alt="Sign In" class="_1xpn7YOK" data-reactid="444" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;">SIGN IN</a></div> </div> <a alt="Sign In" class="_1xpn7YOK" data-reactid="444" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;"> </a></div> </div> </div> <div class="column small-6" data-reactid="450" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 160px;"> <div class="row" data-reactid="451" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="subscribe" data-reactid="452" style="box-sizing: inherit;"> <a alt="Subscribe to TIME" class="_2XxLbXM1" data-reactid="453" href="https://subscription.time.com/storefront/subscribe-to-time/link/1019480.html" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;"></a><br /> <div class="imsSXtLn" data-reactid="454" style="box-sizing: inherit; display: inline;"> <div class="_1lhgXmbr" data-reactid="455" style="box-sizing: inherit; display: inline-block; height: 16px; margin-right: 8px; position: relative; vertical-align: middle; width: 12px;"> <a alt="Subscribe to TIME" class="_2XxLbXM1" data-reactid="453" href="https://subscription.time.com/storefront/subscribe-to-time/link/1019480.html" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;"><svg data-reactid="456" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 9 17"><path d="M6.92 14.47l-2.1-2.2c-.14-.14-.33-.26-.52-.26-.2 0-.4.17-.53.3l-1.92 2.1V1.5h5.07v13zM7.65 0H1.12C.72 0 .4.33.4.74v15.52c0 .3.18.58.45.7.1.02.18.04.27.04.2 0 .4-.08.53-.23L4.3 13.9l2.83 2.88c.2.2.52.28.8.16.26-.1.44-.38.44-.68V.74c0-.4-.32-.74-.72-.74z" data-reactid="457"></path></svg></a></div> <div class="text font-accent color-brand line-height-large all-caps _2C20SD2h" data-reactid="458" style="box-sizing: inherit; display: inline-block; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1rem; height: 20px; line-height: 1.6; text-transform: uppercase; vertical-align: middle;"> <a alt="Subscribe to TIME" class="_2XxLbXM1" data-reactid="453" href="https://subscription.time.com/storefront/subscribe-to-time/link/1019480.html" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;">SUBSCRIBE</a></div> </div> <a alt="Subscribe to TIME" class="_2XxLbXM1" data-reactid="453" href="https://subscription.time.com/storefront/subscribe-to-time/link/1019480.html" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; outline: none; padding: 14px 0px; text-align: center; text-decoration: none; width: 160px;"> </a></div> </div> </div> </div> </div> </div> <div class="row" data-reactid="459" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 ZWgI-OOI" data-reactid="460" style="box-sizing: inherit; float: left; height: 0px; overflow: hidden; padding-left: 0.9375rem; padding-right: 0.9375rem; transition: height 1.3s cubic-bezier(0.23, 1, 0.32, 1); width: 320px; will-change: height;"> <form class="row" data-reactid="461" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="Dpv7oKOD" data-reactid="462" style="box-sizing: inherit; display: inline-block; width: calc(100% - 80px);"> <input class="column small-12 text font-accent size-1x-small _3OGSLoL4" data-reactid="463" name="search-input" placeholder="Search TIME.com" style="border-radius: 0px; border: 1px solid rgb(175, 175, 175); box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; height: 35px; line-height: 1.3; margin: 0px; outline: none; padding-bottom: 0px; padding-left: 10px; padding-top: 4px; width: 240px;" type="text" /></div> <div class="_30YRYgZi" data-reactid="464" style="box-sizing: inherit; display: inline-block; width: 80px;"> <button class="column small-12 text font-accent color-inverse size-1x-small all-caps _3L0_ir0o" data-reactid="465" name="search-submit-button" style="-webkit-appearance: none; background: rgb(233, 6, 6); border-radius: 0px; border: 0px; box-sizing: inherit; color: white; cursor: pointer; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; height: 35px; line-height: 1.3; margin: 0px; outline: none; overflow: visible; padding: 10px; text-transform: uppercase; width: 80px;" type="submit"></button></div> </form> </div> </div> <div class="row _2g3buwYZ" data-reactid="466" style="box-sizing: inherit; height: calc(((100vh - 50px) - 52px) - 50px); margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; position: relative; transition: height 1.3s cubic-bezier(0.23, 1, 0.32, 1); will-change: height;"> <div class="column small-12 _3DjevrsF" data-reactid="467" style="box-sizing: inherit; float: left; height: calc(((100vh - 50px) - 52px) - 50px); padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; transition: height 1.3s cubic-bezier(0.23, 1, 0.32, 1); width: 320px; will-change: height;"> <div class="row _21MdH5MD" data-reactid="468" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: inherit; height: 713px; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; overflow-x: hidden; overflow-y: scroll; padding-bottom: 50px;"> <div class="column small-12" data-reactid="469" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="470" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="471" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="472" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="473" href="http://time.com/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Home</a></div> </div> </div> <div class="row" data-reactid="474" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="475" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="476" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="477" href="http://time.com/section/us/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">U.S.</a></div> </div> </div> <div class="row" data-reactid="478" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="479" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="480" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="481" href="http://time.com/section/politics/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Politics</a></div> </div> </div> <div class="row" data-reactid="482" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="483" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="484" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="485" href="http://time.com/section/world/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">World</a></div> </div> </div> <div class="row" data-reactid="486" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="487" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="488" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="489" href="http://time.com/section/business/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Business</a></div> </div> </div> <div class="row" data-reactid="490" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="491" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="492" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="493" href="http://time.com/section/tech/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Tech</a></div> </div> </div> <div class="row" data-reactid="494" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="495" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="496" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="497" href="http://time.com/section/health/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Health</a></div> </div> </div> <div class="row" data-reactid="498" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="499" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="500" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="501" href="http://time.com/time-health/?iid=HB_time_TFH" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">TIME Health</a></div> </div> </div> <div class="row" data-reactid="502" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="503" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="504" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="505" href="http://motto.time.com/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Motto</a></div> </div> </div> <div class="row" data-reactid="506" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="507" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="508" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="509" href="http://time.com/section/entertainment/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Entertainment</a></div> </div> </div> <div class="row" data-reactid="510" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="511" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="512" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="513" href="http://time.com/section/science/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Science</a></div> </div> </div> <div class="row" data-reactid="514" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="515" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="516" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="517" href="http://time.com/section/newsfeed/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Newsfeed</a></div> </div> </div> <div class="row" data-reactid="518" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="519" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="520" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="521" href="http://time.com/section/living/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Living</a></div> </div> </div> <div class="row" data-reactid="522" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="523" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="524" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="525" href="http://time.com/section/sports/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Sports</a></div> </div> </div> <div class="row" data-reactid="526" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="527" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="528" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="529" href="http://time.com/section/history/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">History</a></div> </div> </div> <div class="row" data-reactid="530" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="531" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="532" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="533" href="http://time.com/vault/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">The TIME Vault</a></div> </div> </div> <div class="row" data-reactid="534" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="535" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="536" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="537" href="http://time.com/magazine/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Magazine</a></div> </div> </div> <div class="row" data-reactid="538" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="539" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="540" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="541" href="http://time.com/section/ideas/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Ideas</a></div> </div> </div> <div class="row" data-reactid="542" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="543" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="544" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="545" href="http://labs.time.com/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">TIME Labs</a></div> </div> </div> <div class="row" data-reactid="546" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="547" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="548" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="549" href="http://time.com/money/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Money</a></div> </div> </div> <div class="row" data-reactid="550" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="551" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="552" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="553" href="http://time.com/photography/life/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">LIFE</a></div> </div> </div> <div class="row" data-reactid="554" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="555" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="556" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="557" href="http://time.com/photography/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Photography</a></div> </div> </div> <div class="row" data-reactid="558" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="559" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="560" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="561" href="http://time.com/videos/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Videos</a></div> </div> </div> <div class="row" data-reactid="562" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="563" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="564" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="565" href="http://time.com/section/the-goods/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">The Goods</a></div> </div> </div> <div class="row" data-reactid="566" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="567" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="568" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="569" href="https://shop.time.com/storefront/subscribe-to-time/link/1032684.html?xid=cm-TIMEShopHamburger" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">TIME Shop</a></div> </div> </div> <div class="row" data-reactid="570" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="571" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="572" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="573" href="http://time.com/section/press-room" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Press Room</a></div> </div> </div> <div class="row" data-reactid="574" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="575" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="576" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="577" href="http://time.com/collection/guide-to-happiness/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">TIME Guide to Happiness</a></div> </div> </div> <div class="row" data-reactid="578" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="579" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="580" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="581" href="http://time.com/collection/2017-time-100/?xid=homepage" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">The 100 Most Influential People</a></div> </div> </div> <div class="row" data-reactid="582" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="583" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="584" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="585" href="http://time.com/collection/american-voices/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">American Voices</a></div> </div> </div> <div class="row" data-reactid="586" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="587" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="588" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="589" href="http://time.com/finding-home/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Finding Home</a></div> </div> </div> <div class="row" data-reactid="590" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="591" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="592" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="593" href="http://time.com/collection/influencers-2017/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">The Influencers</a></div> </div> </div> <div class="row" data-reactid="594" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="595" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="596" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="597" href="http://time.com/tag/longevity-2017/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Longevity 2017</a></div> </div> </div> <div class="row" data-reactid="598" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="599" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="600" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="601" href="http://time.com/money/topic/looking-forward/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Looking Forward</a></div> </div> </div> <div class="row" data-reactid="602" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="603" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="604" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="605" href="http://time.com/collection/next-generation-leaders/?xid=homepage" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Next Generation Leaders</a></div> </div> </div> <div class="row" data-reactid="606" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="607" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="608" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="609" href="http://time.com/time-person-of-the-year-2016-donald-trump-choice/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Person of the Year 2016</a></div> </div> </div> <div class="row" data-reactid="610" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="611" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="612" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="613" href="http://time.com/tag/space-2017/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Space 2017</a></div> </div> </div> <div class="row" data-reactid="614" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="615" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="616" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="617" href="http://time.com/world-trade-center/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Top of the World</a></div> </div> </div> <div class="row" data-reactid="618" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="619" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="620" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="621" href="http://time.com/tag/workarounds/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Workarounds</a></div> </div> </div> <div class="row" data-reactid="622" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="623" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="624" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="625" href="https://subscription.time.com/storefront/subscribe-to-time/link/1023466.html" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Subscribe</a></div> </div> </div> <div class="row" data-reactid="626" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="627" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="628" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="629" href="https://pages.email.time.com/newsletters?source=time_nav" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Newsletters</a></div> </div> </div> <div class="row" data-reactid="630" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="631" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="632" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="633" href="mailto:feedback@time.com" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Feedback</a></div> </div> </div> <div class="row" data-reactid="634" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="635" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="636" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="637" href="http://cgi.timeinc.net/cgi-bin/mail/dnp/privacy_centralized.cgi/time?dnp_source=E" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Privacy Policy</a></div> </div> </div> <div class="row" data-reactid="638" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="639" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="640" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="641" href="https://subscription.timeinc.com/storefront/privacy/time/generic_privacy_new.html?dnp-source=B#california" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Your California Privacy Rights</a></div> </div> </div> <div class="row" data-reactid="642" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="643" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="644" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="645" href="http://cgi.timeinc.net/cgi-bin/mail/dnp/terms_of_service.cgi/time" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Terms of Use</a></div> </div> </div> <div class="row" data-reactid="646" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="647" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="648" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="649" href="http://subscription-assets.timeinc.com/prod/assets/themes/magazines/default/template-resources/html/legal/ti-corp-behavioral.html" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Ad Choices</a></div> </div> </div> <div class="row" data-reactid="650" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="651" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="652" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="653" href="http://content.time.com/time/rss" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">RSS</a></div> </div> </div> <div class="row" data-reactid="654" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="655" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="656" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="657" href="http://subscription-assets.time.com/prod/assets/themes/magazines/SUBS/templates/velocity/site/td-learnmore1111/lp.html" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">TIME Apps</a></div> </div> </div> <div class="row" data-reactid="658" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="659" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="660" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="661" href="http://www.timeforkids.com/TFK/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">TIME for Kids</a></div> </div> </div> <div class="row" data-reactid="662" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="663" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="664" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="665" href="http://www.timemediakit.com/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Advertising</a></div> </div> </div> <div class="row" data-reactid="666" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="667" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="668" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="669" href="http://content.time.com/time/reprints" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Reprints and Permissions</a></div> </div> </div> <div class="row" data-reactid="670" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="671" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="672" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="673" href="http://time.com/html-sitemap/" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Site Map</a></div> </div> </div> <div class="row" data-reactid="674" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="675" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="676" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="677" href="http://subscription-assets.time.com/prod/assets/themes/magazines/SUBS/templates/velocity/site/td-learnmore1111/lp.html" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Help</a></div> </div> </div> <div class="row" data-reactid="678" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="679" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="680" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 text font-accent size-2x-large _3xMObxY5" data-reactid="681" href="https://secure.customersvc.com/servlet/Show?WESPAGE=td/home.html&amp;MSRSM%20%20%20%20%20AG=TD" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.375rem; line-height: 1.3; outline: none; padding: 16px 20px 10px; text-decoration: none; width: 320px;">Customer Service</a></div> </div> </div> </div> </div> </div> </div> <div class="row" data-reactid="682" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12" data-reactid="683" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row _3w_-OFQH" data-reactid="684" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 10px 20px;"> <div class="column small-12" data-reactid="685" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 280px;"> <div class="row" data-reactid="686" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-5" data-reactid="687" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 116.656px;"> <div class="row text font-accent size-1x-small _3yYoYiGV" data-reactid="688" style="box-sizing: inherit; color: #202020; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 0.875rem; line-height: 1.3; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 2px 0px;"> Follow TIME</div> </div> <div class="column small-7" data-reactid="691" style="box-sizing: inherit; float: right; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 163.328px;"> <div class="row" data-reactid="692" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div data-reactid="693" style="box-sizing: inherit;"> <a class="_2MPv5Dhn" data-reactid="694" href="http://www.facebook.com/time" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; height: 20px; margin-right: 10px; outline: none; position: relative; text-decoration: none; width: 20px;" target="_blank"><svg data-reactid="695" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 1000 1000"><path d="M990,143.7v712.5c0,73.8-59.8,133.7-133.7,133.7H734.8V571.2h116.7l15.8-145.3H734.8v-65.8c0-20.2,2.2-34.9,7.4-43.4c7.4-12.7,22.1-19.1,45.3-19.1h77.8V153.6H734.8c-26.3,0-51.5,3.2-81,14.9c-60,24.4-90.5,81.7-90.5,170.7V426h-84.2v145.3h84.2V990H143.7C69.9,989.9,10,930.1,10,856.2V143.7C10,69.9,69.8,10,143.7,10h712.7C930.1,10,990,69.8,990,143.7z" data-reactid="696"></path></svg></a><a class="_3-N84FDP" data-reactid="697" href="http://www.instagram.com/time/?hl=en" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; height: 20px; margin-right: 10px; outline: none; position: relative; text-decoration: none; width: 20px;" target="_blank"><svg data-reactid="698" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 88 88"><g data-reactid="699" fill-rule="evenodd"><path d="M0 24.386C0 10.918 10.9244 0 24.386 0h37.4843c13.468 0 24.386 10.9244 24.386 24.386v37.4843c0 13.468-10.9243 24.386-24.386 24.386H24.386C10.918 86.2563 0 75.332 0 61.8703V24.386zm7.8077.895c0-9.6503 7.8297-17.4733 17.4732-17.4733h35.6943c9.6502 0 17.4732 7.8297 17.4732 17.4732v35.6943c0 9.6502-7.8297 17.4732-17.4732 17.4732H25.281c-9.6503 0-17.4733-7.8297-17.4733-17.4732V25.281z" data-reactid="700" id="b"></path><path d="M43.1282 65.064c12.115 0 21.936-9.821 21.936-21.9358 0-12.115-9.821-21.936-21.936-21.936s-21.936 9.821-21.936 21.936 9.821 21.936 21.936 21.936zm0-7.8076c7.8028 0 14.1282-6.3254 14.1282-14.1282C57.2564 35.3254 50.931 29 43.1282 29 35.3254 29 29 35.3254 29 43.1282c0 7.8028 6.3254 14.1282 14.1282 14.1282z" data-reactid="701" id="d"></path><ellipse cx="65.8077" cy="20.0769" data-reactid="702" rx="5.2051" ry="5.2051"></ellipse></g></svg></a><a class="LcUdgDAu" data-reactid="703" href="http://www.linkedin.com/company/time-magazine" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; height: 20px; margin-right: 10px; outline: none; position: relative; text-decoration: none; width: 20px;" target="_blank"><svg data-reactid="704" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 20 19"><path d="M18.43 18.43H14.6v-6c0-1.42-.02-3.25-1.98-3.25-1.98 0-2.3 1.55-2.3 3.16v6.1h-3.8V6.1h3.66v1.7h.05c.5-.97 1.76-2 3.62-2 3.86 0 4.58 2.56 4.58 5.88v6.75zm-16.2-14C.98 4.43 0 3.43 0 2.23 0 1 1 0 2.22 0c1.22 0 2.2 1 2.2 2.22 0 1.22-.98 2.22-2.2 2.22zm-1.93 14h3.83V6.13H.3v12.3z" data-reactid="705"></path></svg></a><a class="_1LJuD3pW" data-reactid="706" href="http://www.pinterest.com/timemagazine" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; height: 20px; margin-right: 10px; outline: none; position: relative; text-decoration: none; width: 20px;" target="_blank"><svg data-reactid="707" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 21 20"><path d="M10.33 0C4.96 0 .6 4.37.6 9.74c0 3.98 2.4 7.4 5.83 8.9-.03-.67 0-1.5.16-2.22l1.2-5.3s-.3-.6-.3-1.53c0-1.5.8-2.6 1.83-2.6.9 0 1.3.65 1.3 1.45 0 .9-.56 2.23-.85 3.46-.24 1.03.52 1.87 1.54 1.87 1.83 0 3.07-2.36 3.07-5.17 0-2.13-1.43-3.72-4.04-3.72-2.96 0-4.8 2.2-4.8 4.65 0 .83.25 1.43.64 1.9.17.2.2.3.13.53l-.2.8c-.07.26-.26.35-.5.26C4.33 12.5 3.7 11 3.7 9.34c0-2.77 2.33-6.08 6.95-6.08 3.7 0 6.15 2.68 6.15 5.57 0 3.8-2.12 6.66-5.25 6.66-1.04 0-2.03-.6-2.36-1.2 0 0-.58 2.2-.7 2.6-.2.75-.6 1.5-.98 2.1.88.25 1.8.4 2.76.4 5.4 0 9.73-4.37 9.73-9.74S15.7 0 10.34 0" data-reactid="708"></path></svg></a><a class="_1d83EOLa" data-reactid="709" href="http://twitter.com/time" style="background-color: transparent; box-sizing: inherit; color: #e90606; display: inline-block; height: 20px; margin-right: 0px; outline: none; position: relative; text-decoration: none; width: 20px;" target="_blank"><svg data-reactid="710" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 23 19"><path d="M19.63 2.94c.9-.57 1.6-1.48 1.94-2.57-.86.53-1.8.92-2.8 1.13C17.97.6 16.8.03 15.54.03c-2.44 0-4.4 2.08-4.4 4.65 0 .37.02.72.1 1.06-3.67-.2-6.9-2.04-9.1-4.86-.37.7-.6 1.5-.6 2.34 0 1.6.8 3.04 1.97 3.87-.7-.1-1.4-.3-2-.6 0 2.24 1.6 4.12 3.6 4.55-.4.1-.73.16-1.14.16-.3 0-.56-.03-.83-.1.56 1.87 2.2 3.2 4.1 3.25-1.5 1.27-3.4 2-5.5 2-.33 0-.7 0-1.03-.05 1.94 1.33 4.26 2.1 6.75 2.1C15.58 18.4 20 11.3 20 5.17v-.6c.85-.67 1.6-1.5 2.2-2.4-.8.35-1.65.6-2.54.7z" data-reactid="711"></path></svg></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-reactid="712" style="box-sizing: inherit;"> <div class="row _3sr7KNzf _3E-eu-T9" data-reactid="713" style="background-color: white; box-sizing: inherit; height: 100vh; margin-bottom: 0px !important; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0px !important; max-width: none; overflow: hidden; position: fixed; right: -320px; top: 0px; transform: translateX(0px); transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); width: 320px; will-change: transform; z-index: 9300;"> <div class="column small-12" data-reactid="714" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="715" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 _1NHuFqyt" data-reactid="716" style="box-sizing: inherit; float: left; height: 414px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row _2OtCMfZh" data-reactid="717" style="background-color: #cccccc; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0.5px; box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none; padding: 12px 14px 8px;"> <div class="_3aETS8g8" data-reactid="718" style="box-sizing: inherit; display: inline-block; margin-left: 30px; text-align: center; vertical-align: middle; width: calc(100% - 60px);"> <div class="_1YwnLnRJ" data-reactid="719" style="box-sizing: inherit; display: inline-block; height: 16px; margin: 2px auto; width: 53px;"> <div class="_1X3LqGF7" data-reactid="720" style="box-sizing: inherit; float: left; height: 16px;"> <a data-reactid="721" href="http://time.com/" style="background-color: transparent; box-sizing: inherit; color: #e90606; outline: none; text-decoration: none;"><svg height="100%" itemprop="logo" preserveaspectratio="xMinYMin meet" viewbox="0 0 98 32"><path d="M3 2.36h23.67v5.4h-.43l.05-3.46h-9.35v24.36h2.7v.8H10.4v-.8h2.5V4.3H3.45v3.46H3v-5.4zM27.8 2.36h9.3v.75h-2.65v25.56h2.64v.8h-9.3v-.8h2.7V3.1h-2.7v-.74zM45.3 2.3h1.78l8.7 20.9 8.64-20.9h1.73L71 28.66h2.44v.8h-9.6v-.8h2.47l-3-16.85-7.68 17.67h-1.8l-7.6-17.66-3.2 16.86h2.33l-.05.8h-7.07l.05-.8h2.16L45.3 2.3zM74.25 2.36h20.47l.05 5.35h-.37l-.17-3.3-13.4-.15v10.7h11.4l.27-2.5h.5c-.12 2.28-.12 4.5 0 6.76h-.5l-.27-2.58h-11.4V27.7h13.9l.04-3.68h.38v5.45h-20.9v-.76l2.7-.04V3.16l-2.7-.05v-.74z"></path></svg></a></div> </div> </div> <div class="_2zHh6dje" data-reactid="722" style="box-sizing: inherit; display: inline-block; text-align: center; vertical-align: middle; width: 30px;"> <a class="closeButton gRc-5msL" data-reactid="723" href="https://www.blogger.com/null" style="background-color: transparent; box-sizing: inherit; color: #e90606; cursor: pointer; display: inline-block; height: 13px; outline: none; position: relative; width: 13px;"><svg data-reactid="724" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 13 14"><path d="M11.84 10.67L8.3 6.64l3.54-4.02c.6-.6.6-1.57 0-2.17-.6-.6-1.57-.6-2.17 0l-3.4 3.87L2.87.45c-.6-.6-1.57-.6-2.17 0-.6.6-.6 1.57 0 2.17l3.53 4.02L.7 10.67c-.6.6-.6 1.57 0 2.17.6.6 1.58.6 2.18 0l3.4-3.87 3.4 3.87c.6.6 1.56.6 2.16 0 .6-.6.6-1.57 0-2.17z" data-reactid="725"></path></svg></a></div> </div> <div class="row" data-reactid="726" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 text font-accent size-1x-large all-caps _3Raa5kd_" data-reactid="727" style="box-sizing: inherit; color: #202020; float: left; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 1.075rem; line-height: 1.3; padding: 8px 20px; text-transform: uppercase; width: 320px;"> SHARE</div> </div> <div class="row" data-reactid="728" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 TUmOa71m" data-reactid="729" style="box-sizing: inherit; float: left; height: calc(100% - 50px); padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; width: 320px;"> <div class="row" data-reactid="730" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <div class="column small-12 _27OZJqJo" data-reactid="731" style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; box-sizing: inherit; float: left; height: 333px; overflow-x: hidden; overflow-y: scroll; padding-bottom: 50px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 320px;"> <div class="row" data-reactid="732" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 _1rkH-5LR" data-reactid="733" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"></a><br /> <div class="_19NHNbpR _2NzUEAKf" data-reactid="734" style="background-color: #3b5998; border-radius: 100%; box-sizing: inherit; display: inline-block; height: 32px; margin-right: 5px; position: relative; width: 32px;"> <a class="column small-12 _1rkH-5LR" data-reactid="733" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"><svg data-reactid="735" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 3 32 32"><path d="M17.29 25.827v-8.475h2.356l.312-2.92H17.29l.005-1.462c0-.762.073-1.17 1.174-1.17h1.47V8.88h-2.354c-2.828 0-3.823 1.416-3.823 3.798v1.754H12v2.92h1.763v8.475h3.528z" data-reactid="736"></path></svg></a></div> <a class="column small-12 _1rkH-5LR" data-reactid="733" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"> <div class="text size-2x-small _3NtLkkyb" data-reactid="737" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 28px; margin-left: 10px; vertical-align: top;"> Share on Facebook</div> </a></div> <div class="row" data-reactid="738" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 _1Z8V_k7t" data-reactid="739" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"></a><br /> <div class="_29yJ1iJK _1PXMXl6P" data-reactid="740" style="background-color: #4099ff; border-radius: 100%; box-sizing: inherit; display: inline-block; height: 32px; margin-right: 5px; position: relative; width: 32px;"> <a class="column small-12 _1Z8V_k7t" data-reactid="739" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"><svg data-reactid="741" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 32 32"><path d="M15.874 12.354l.032.537-.533-.065c-1.943-.252-3.64-1.106-5.082-2.542l-.703-.712-.182.527c-.384 1.173-.138 2.41.662 3.243.427.46.33.526-.405.252-.257-.087-.48-.153-.502-.12-.075.076.18 1.073.384 1.468.278.548.844 1.085 1.463 1.402l.523.252-.62.01c-.597 0-.62.012-.554.242.213.712 1.056 1.468 1.996 1.797l.662.23-.577.35c-.854.505-1.857.79-2.86.812-.48.01-.876.054-.876.087 0 .11 1.303.723 2.06.964 2.275.713 4.976.406 7.004-.81 1.44-.866 2.882-2.586 3.554-4.25.363-.89.726-2.51.726-3.288 0-.504.032-.57.63-1.173.352-.35.683-.734.747-.843.108-.208.097-.208-.447-.022-.907.328-1.036.285-.587-.208.33-.35.726-.986.726-1.173 0-.034-.16.02-.342.12-.192.11-.62.274-.94.372l-.576.187-.523-.363c-.287-.197-.693-.416-.906-.482-.544-.153-1.377-.132-1.868.044-1.334.492-2.178 1.763-2.082 3.154z" data-reactid="742"></path></svg></a></div> <a class="column small-12 _1Z8V_k7t" data-reactid="739" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"> <div class="text size-2x-small _1t7J9tcj" data-reactid="743" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 28px; margin-left: 10px; vertical-align: top;"> Post on Twitter</div> </a></div> <div class="row" data-reactid="744" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 _3FEVom_C" data-reactid="745" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"></a><br /> <div class="_3lTVR2e4 _1hQp54YG" data-reactid="746" style="background-color: #797979; border-radius: 100%; box-sizing: inherit; display: inline-block; height: 32px; margin-right: 5px; position: relative; width: 32px;"> <a class="column small-12 _3FEVom_C" data-reactid="745" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"><svg data-reactid="747" height="100%" preserveaspectratio="xMinYMin meet" viewbox="21.7 35.7 60.4 35.7" width="100%"><path d="M27 66V43.6L50.3 61c.5.3 1 .5 1.6.5 0 0 1-.2 1-.5l24-17.5V66H27zm44.5-25L52 55.6 32.2 41h39.2zM82 38.3v-1h-.2s0-.3-.2-.4v-1c-.2 0-.2 0-.3-.2H23s0 .2-.2.2l-.2.2-.2.2-.2.4v.4l-.2.2v31.2c0 1.5 1 2.6 2.5 2.6h55c1.6 0 2.7-1.2 2.7-2.6V38.3z" data-reactid="748"></path></svg></a></div> <a class="column small-12 _3FEVom_C" data-reactid="745" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"> <div class="text size-2x-small _-86NuDsi" data-reactid="749" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 28px; margin-left: 10px; vertical-align: top;"> Email this story</div> </a></div> <div class="row" data-reactid="750" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 _1wZC0WNf" data-reactid="751" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"></a><br /> <div class="_2TUtAlE6 _3UghpoUW" data-reactid="752" style="border-radius: 100%; border: 2px solid rgb(0, 0, 0); box-sizing: inherit; display: inline-block; height: 32px; margin-right: 5px; position: relative; width: 31.5px;"> <a class="column small-12 _1wZC0WNf" data-reactid="751" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"><svg data-reactid="753" height="100%" preserveaspectratio="xMinYMin meet" viewbox="237.6 5.2 84.7 84.7" width="100%"><path d="M261.8 51.3c-.2.7-.4 1.3-.4 2 0 1.5.4 2.9 1.1 4 .7 1.1 1.7 2 2.8 2.2.6.2 1.1.4 1.5.4 1.3 0 2.6-.7 3.5-1.5.9-.9 1.7-2.2 1.8-3.8.2-.4.2-.9.2-1.1 0-1.3-.4-2.6-.9-3.7-.7-1.1-1.7-2-2.6-2.4-.6-.2-1.3-.2-1.8-.2-1.1 0-2.2.4-3.1 1.1-1 .6-1.8 1.7-2.1 3zm3.3 16.3c.6-.2.9-.4 1.5-.4s.9.2 1.3.4c3.9 2.6 8.3 4.2 12.5 4.2 3.3 0 6.6-.9 9.6-2.7.6-.2.9-.7 1.5-1.1.4-.2.6-.4.9-.7.4 0 .7-.2 1.1-.2.4 0 .7 0 .9.2h.2c.4.2.9.7 1.1 1.3.2.4.4 1.1.4 1.8 0 .4 0 1.1-.4 1.5-.2.4-.6.9-.9 1.1-4.2 3.5-9.2 5.1-14.2 5.1-4.6 0-9-1.3-13.1-3.5-.6-.4-1.3-.9-2-1.3-.2-.2-.6-.4-.9-.9-.2-.4-.4-.9-.6-1.3 0-.4-.2-.7-.2-.9 0-.4.2-.9.4-1.1.2-.6.5-1 .9-1.5zm29.8-8.2h-.2c-.6.2-1.1.4-1.7.4-1.3 0-2.6-.7-3.7-1.8-.9-1.1-1.7-2.6-1.7-4.4v-.4c0-1.8.7-3.3 1.7-4.4 1.1-1.1 2.4-1.8 3.7-1.8h1.1c1.8.4 3.5 2.2 4.1 4.4.2.7.4 1.3.4 1.8 0 1.5-.4 2.9-1.1 4-.5.9-1.5 1.8-2.6 2.2zm-57.3-15.8v.7c0 2.4.6 4.9 1.7 6.8s2.4 3.5 4.1 4.6c0 .9-.2 1.8-.2 2.9 0 5.3 1.7 10.6 4.3 14.8 5 7.7 12.5 12.3 20.3 14.8 4.1 1.1 8.3 1.8 12.3 1.8 6.3 0 12.5-1.3 18.4-4.2 6.1-2.9 11.8-7.7 15.3-14.6 2-3.8 2.9-8.2 2.9-12.6v-2.9c1.5-1.1 2.9-2.7 3.9-4.4 1.1-2 1.8-4.4 1.8-6.8 0-3.3-1.1-6.6-3.1-8.8-1.8-2.4-4.4-4-7.2-4H311c-1.3 0-2.8.2-4.1.9-1.3.4-2.4 1.3-3.3 2.2-.4-.2-.7-.4-1.1-.7-6.1-4.4-13.3-5.9-20.3-6.4 0-4.2-.4-8.6-2.2-12.4-1.3-3.1-3.7-5.5-6.6-6.4-1.1-.2-2.2-.4-3.3-.4-2.9 0-5.9.9-8.7 2.2-1.1-2.2-2.8-3.7-4.8-4.8-1.3-.4-2.6-.7-3.7-.7-1.5 0-2.8.2-4.1.9-1.7.9-3.3 2.4-4.2 4.4-1.1 1.8-1.8 4.2-1.8 6.4 0 .4 0 .9.2 1.3.2 3.1 1.5 5.7 3.3 7.7 1.7 1.8 4.1 2.9 6.4 2.9h1.3c2.4-.2 4.6-1.5 6.3-3.8 1.7-2 2.8-4.9 2.8-7.7v-.4c2.2-1.3 4.6-2.2 7-2.2h.9c1.8.2 3.5 1.5 4.2 3.5 1.3 2.9 1.5 6.2 1.7 9.5-6.8.4-13.8 2.4-19.9 6.6-.2.2-.4.2-.6.4-.4-.4-.9-.9-1.3-1.1-1.8-1.5-4.1-2.2-6.3-2.2-.9 0-1.8 0-2.8.4h-.2c-2.2.7-4 2.2-5.7 4.2-1.4 2.1-2.3 4.7-2.5 7.6zm20.1-26.9v.4c0 1.3-.5 2.6-1.5 3.8-.9.9-2 1.5-3.1 1.5h-.4c-1.1 0-2.2-.7-3.1-1.5-.9-.9-1.5-2.2-1.5-3.7v-.4c0-1.3.5-2.9 1.5-3.8.9-1.1 2-1.8 3.3-1.8.4 0 .7 0 1.1.2 1.1.2 2 1.1 2.6 2 .7.8 1.1 2.2 1.1 3.3zm50.5 22c.9-.4 1.8-.9 2.8-.9h.6c1.3 0 2.8.7 3.7 2 1.1 1.1 1.7 2.4 1.7 4.2.2.2.2.2.2.4 0 1.1-.4 2-.7 2.9-.4.7-.7 1.3-1.3 1.8-1.9-4-4.3-7.6-7-10.4zm-59.5 20.1c0-3.8 1.1-7.3 2.8-10.4 3.7-6 9.2-9.7 14.9-11.9 1.1-.4 2.2-.9 3.3-1.1 3.3-.9 6.8-1.3 10.3-1.3 4.6 0 9.2.9 13.6 2.4 5.7 2.2 11.2 5.9 14.9 11.9 1.7 3.1 2.8 6.8 2.8 10.4 0 1.3-.2 2.6-.4 4-.7 3.1-2 5.7-3.7 7.9-1.5 2.4-3.5 4.4-5.7 6-.4.2-.9.7-1.3.9-6.3 4.2-13.3 6-20.2 6-1.3 0-2.4 0-3.7-.2-7-.7-14-3.1-19.9-8.1-1.7-1.8-3.5-3.5-4.8-5.7-1.3-2.4-2.4-4.9-2.8-7.5-.1-1.3-.1-2.2-.1-3.3zM243 44.3c0-.9.2-1.8.5-2.6.6-1.3 1.3-2.2 2.2-2.9 1.1-.7 2.2-.9 3.3-.9.9 0 1.8.2 2.8.9-2.8 2.9-5.1 6.4-6.8 10.4-.6-.4-.9-1.1-1.3-1.8-.3-1.2-.7-2-.7-3.1z" data-reactid="754"></path></svg></a></div> <a class="column small-12 _1wZC0WNf" data-reactid="751" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"> <div class="text size-2x-small _1Q8MYTkE" data-reactid="755" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 28px; margin-left: 10px; vertical-align: top;"> Share on Reddit</div> </a></div> <div class="row" data-reactid="756" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 _2kYh07WT" data-reactid="757" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"></a><br /> <div class="_2E9SYY9Z _3zyCwcb-" data-reactid="758" style="background-color: #bd081c; border-radius: 100%; box-sizing: inherit; display: inline-block; height: 32px; margin-right: 5px; position: relative; width: 32px;"> <a class="column small-12 _2kYh07WT" data-reactid="757" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"><svg data-reactid="759" height="100%" preserveaspectratio="xMinYMin meet" viewbox="602.4 5.5 104.1 104.1" width="100%"><path d="M654.5 5.5c-28.7 0-52 23.3-52 52 0 21.3 12.8 39.6 31.1 47.7-.1-3.6 0-8 .9-11.9l6.7-28.3s-1.7-3.3-1.7-8.2c0-7.7 4.5-13.5 10-13.5 4.7 0 7 3.6 7 7.8 0 4.8-3 11.9-4.6 18.5-1.3 5.5 2.8 10 8.2 10 9.9 0 16.5-12.7 16.5-27.7 0-11.4-7.7-19.9-21.6-19.9-15.8 0-25.6 11.8-25.6 24.9 0 4.5 1.3 7.7 3.4 10.2 1 1.1 1.1 1.6.8 2.9-.3.9-.8 3.3-1.1 4.2-.3 1.3-1.4 1.8-2.6 1.3-7.3-3-10.7-10.9-10.7-19.9 0-14.8 12.5-32.5 37.2-32.5 19.9 0 32.9 14.4 32.9 29.8 0 20.4-11.3 35.7-28.1 35.7-5.6 0-10.9-3-12.7-6.5 0 0-3 12-3.7 14.3-1.1 4-3.3 8-5.2 11.1 4.7 1.4 9.6 2.1 14.7 2.1 28.7 0 52-23.3 52-52 .2-28.8-23.1-52.1-51.8-52.1" data-reactid="760"></path></svg></a></div> <a class="column small-12 _2kYh07WT" data-reactid="757" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"> <div class="text size-2x-small _2NYJAX3X" data-reactid="761" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 28px; margin-left: 10px; vertical-align: top;"> Share on Pinterest</div> </a></div> <div class="row" data-reactid="762" style="box-sizing: inherit; margin-left: -0.9375rem; margin-right: -0.9375rem; max-width: none;"> <a class="column small-12 _1Q9d_dmj" data-reactid="763" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"></a><br /> <div class="_1I1Pxxrh _1_AQxgIJ" data-reactid="764" style="background-color: #007bb6; border-radius: 100%; box-sizing: inherit; display: inline-block; height: 32px; margin-right: 5px; position: relative; width: 32px;"> <a class="column small-12 _1Q9d_dmj" data-reactid="763" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"><svg data-reactid="765" height="100%" preserveaspectratio="xMinYMin meet" viewbox="0 0 32 32" width="100%"><path d="M11.983 13.645H8.416V24.54h3.567M12.218 10.275c-.023-1.068-.775-1.882-1.995-1.882-1.22 0-2.017.814-2.017 1.882 0 1.046.774 1.883 1.97 1.883h.024c1.243 0 2.018-.837 2.018-1.883zM24.845 18.293c0-3.346-1.76-4.904-4.106-4.904-1.895 0-2.743 1.057-3.216 1.8v-1.544h-3.567c.047 1.022 0 10.894 0 10.894h3.567v-6.084c0-.326.023-.65.117-.884.26-.65.846-1.324 1.83-1.324 1.293 0 1.81 1 1.81 2.463v5.83h3.565v-6.247z" data-reactid="766"></path></svg></a></div> <a class="column small-12 _1Q9d_dmj" data-reactid="763" href="http://time.com/4798400/best-technology-2017-so-far/#" style="background-color: transparent; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: inherit; color: #e90606; float: left; outline: none; padding: 8px 20px 4px; text-decoration: none; width: 320px;"> <div class="text size-2x-small OHyEkPZB" data-reactid="767" style="box-sizing: inherit; color: #202020; display: inline-block; font-family: 'PT Serif', Georgia, serif; font-size: 0.75rem; line-height: 28px; margin-left: 10px; vertical-align: top;"> Share on LinkedIn</div> </a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column small-12 _3Dc-gnpk" data-reactid="768" style="box-sizing: inherit; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); width: 1263px;"> </div> <div class="_2nPT3-sW" data-reactid="769" style="background-color: rgba(0, 0, 0, 0.498039); box-sizing: inherit; cursor: pointer; height: 865px; left: 0px; margin: 0px !important; opacity: 0; padding: 0px; position: fixed; top: 0px; transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1); width: 100vw; will-change: opacity, z-index; z-index: -1;"> </div> </div> </div> </div> </div> </div> </div> <div class="uc-video-toolbar" style="background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; box-sizing: inherit; color: #0a0a0a; display: inline-block; float: right; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 16px; height: 30px !important; line-height: 16px; overflow: hidden; position: absolute; right: 525px; top: 1673px; width: initial !important; z-index: 2147483647;"> <ul class="list i18n hide" data-hide="list" style="-webkit-user-select: none; background: rgb(62, 153, 255); border: none; box-sizing: border-box; display: inline-block !important; font-size: 12px; height: 30px; margin: 0px; max-width: 375px; min-width: 110px; overflow: hidden; padding: 0px; transform: translate(0px, 50px); transition: transform 0.3s ease-in-out;"> <li class="info item" data-hide="info-loading" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: top; visibility: visible; width: 110px; z-index: 2;"><div class="loading-tip" style="background: linear-gradient(to right, rgba(32, 200, 255, 0) 0px, rgb(32, 200, 255) 80%); border: none; box-sizing: border-box; height: 30px; overflow: visible; position: relative; width: 110px;"> </div> </li> <li class="info item" data-hide="info-fail" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: top; visibility: visible; width: 110px; z-index: 2;"></li> <li class="logo item" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px 4px 0px 0px; overflow: visible; padding: 0px; position: relative; vertical-align: top; visibility: visible; width: 48px; z-index: 99;"><div class="icon icon-logo" style="background: url("data:image/png; border: none; box-sizing: border-box; cursor: default; height: 30px; margin: 0px; overflow: visible; padding: 0px; width: 48px;"> </div> </li>   <li class="item popup interactive" loading-hide="" style="background-size: cover; border: none; box-sizing: border-box; cursor: pointer; display: inline-block; height: 30px; margin: 0px 6px 0px 0px; overflow: visible; padding: 0px; position: relative; vertical-align: top; visibility: visible; width: 40px; z-index: 2;"><div class="icon" style="background: 0px 0px / cover; border: none; box-sizing: border-box; height: 30px; margin: 0px; overflow: visible; padding: 0px; width: 40px;"> <svg class="icon" p-id="1298" version="1.1" viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M750.933333 819.2H273.066667a68.266667 68.266667 0 0 1-68.266667-68.266667V273.066667a68.266667 68.266667 0 0 1 68.266667-68.266667h477.866666a68.266667 68.266667 0 0 1 68.266667 68.266667v477.866666a68.266667 68.266667 0 0 1-68.266667 68.266667zM238.933333 785.066667h204.8v-204.8H238.933333v204.8zM785.066667 238.933333H238.933333v307.2h170.666667a68.266667 68.266667 0 0 1 68.266667 68.266667v170.666667h307.2V238.933333z" p-id="1299"></path></svg></div> </li> </ul> <div class="download-list-anchor" style="background: rgba(0, 0, 0, 0.901961); border: 1px solid rgb(0, 0, 0); box-sizing: border-box; font-size: 12px; overflow: visible; padding-top: 0px; position: absolute; width: 110px;"> </div> </div> <div class="uc-video-toolbar" style="background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; box-sizing: inherit; color: #0a0a0a; display: inline-block; float: right; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 16px; height: 30px !important; line-height: 16px; overflow: hidden; position: absolute; right: 525px; top: 3016px; width: initial !important; z-index: 2147483647;"> <ul class="list i18n hide" data-hide="list" style="-webkit-user-select: none; background: rgb(62, 153, 255); border: none; box-sizing: border-box; display: inline-block !important; font-size: 12px; height: 30px; margin: 0px; max-width: 375px; min-width: 110px; overflow: hidden; padding: 0px; transform: translate(0px, 50px); transition: transform 0.3s ease-in-out;"> <li class="info item" data-hide="info-loading" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: top; visibility: visible; width: 110px; z-index: 2;"><div class="loading-tip" style="background: linear-gradient(to right, rgba(32, 200, 255, 0) 0px, rgb(32, 200, 255) 80%); border: none; box-sizing: border-box; height: 30px; overflow: visible; position: relative; width: 110px;"> </div> </li> <li class="info item" data-hide="info-fail" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: top; visibility: visible; width: 110px; z-index: 2;"></li> <li class="logo item" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px 4px 0px 0px; overflow: visible; padding: 0px; position: relative; vertical-align: top; visibility: visible; width: 48px; z-index: 99;"><div class="icon icon-logo" style="background: url("data:image/png; border: none; box-sizing: border-box; cursor: default; height: 30px; margin: 0px; overflow: visible; padding: 0px; width: 48px;"> </div> </li>   <li class="item popup interactive" loading-hide="" style="background-size: cover; border: none; box-sizing: border-box; cursor: pointer; display: inline-block; height: 30px; margin: 0px 6px 0px 0px; overflow: visible; padding: 0px; position: relative; vertical-align: top; visibility: visible; width: 40px; z-index: 2;"><div class="icon" style="background: 0px 0px / cover; border: none; box-sizing: border-box; height: 30px; margin: 0px; overflow: visible; padding: 0px; width: 40px;"> <svg class="icon" p-id="1298" version="1.1" viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M750.933333 819.2H273.066667a68.266667 68.266667 0 0 1-68.266667-68.266667V273.066667a68.266667 68.266667 0 0 1 68.266667-68.266667h477.866666a68.266667 68.266667 0 0 1 68.266667 68.266667v477.866666a68.266667 68.266667 0 0 1-68.266667 68.266667zM238.933333 785.066667h204.8v-204.8H238.933333v204.8zM785.066667 238.933333H238.933333v307.2h170.666667a68.266667 68.266667 0 0 1 68.266667 68.266667v170.666667h307.2V238.933333z" p-id="1299"></path></svg></div> </li> </ul> <div class="download-list-anchor" style="background: rgba(0, 0, 0, 0.901961); border: 1px solid rgb(0, 0, 0); box-sizing: border-box; font-size: 12px; overflow: visible; padding-top: 0px; position: absolute; width: 110px;"> </div> </div> <div class="uc-video-toolbar" style="background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; box-sizing: inherit; color: #0a0a0a; display: inline-block; float: right; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 16px; height: 30px !important; line-height: 16px; overflow: hidden; position: absolute; right: 525px; top: 9384px; width: initial !important; z-index: 2147483647;"> <ul class="list i18n hide" data-hide="list" style="-webkit-user-select: none; background: rgb(62, 153, 255); border: none; box-sizing: border-box; display: inline-block !important; font-size: 12px; height: 30px; margin: 0px; max-width: 375px; min-width: 110px; overflow: hidden; padding: 0px; transform: translate(0px, 50px); transition: transform 0.3s ease-in-out;"> <li class="info item" data-hide="info-loading" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: top; visibility: visible; width: 110px; z-index: 2;"><div class="loading-tip" style="background: linear-gradient(to right, rgba(32, 200, 255, 0) 0px, rgb(32, 200, 255) 80%); border: none; box-sizing: border-box; height: 30px; overflow: visible; position: relative; width: 110px;"> </div> </li> <li class="info item" data-hide="info-fail" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: top; visibility: visible; width: 110px; z-index: 2;"></li> <li class="logo item" style="background-size: cover; border: none; box-sizing: border-box; display: inline-block; height: 30px; margin: 0px 4px 0px 0px; overflow: visible; padding: 0px; position: relative; vertical-align: top; visibility: visible; width: 48px; z-index: 99;"><div class="icon icon-logo" style="background: url("data:image/png; border: none; box-sizing: border-box; cursor: default; height: 30px; margin: 0px; overflow: visible; padding: 0px; width: 48px;"> </div> </li>   <li class="item popup interactive" loading-hide="" style="background-size: cover; border: none; box-sizing: border-box; cursor: pointer; display: inline-block; height: 30px; margin: 0px 6px 0px 0px; overflow: visible; padding: 0px; position: relative; vertical-align: top; visibility: visible; width: 40px; z-index: 2;"><div class="icon" style="background: 0px 0px / cover; border: none; box-sizing: border-box; height: 30px; margin: 0px; overflow: visible; padding: 0px; width: 40px;"> <svg class="icon" p-id="1298" version="1.1" viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M750.933333 819.2H273.066667a68.266667 68.266667 0 0 1-68.266667-68.266667V273.066667a68.266667 68.266667 0 0 1 68.266667-68.266667h477.866666a68.266667 68.266667 0 0 1 68.266667 68.266667v477.866666a68.266667 68.266667 0 0 1-68.266667 68.266667zM238.933333 785.066667h204.8v-204.8H238.933333v204.8zM785.066667 238.933333H238.933333v307.2h170.666667a68.266667 68.266667 0 0 1 68.266667 68.266667v170.666667h307.2V238.933333z" p-id="1299"></path></svg></div> </li> </ul> <div class="download-list-anchor" style="background: rgba(0, 0, 0, 0.901961); border: 1px solid rgb(0, 0, 0); box-sizing: border-box; font-size: 12px; overflow: visible; padding-top: 0px; position: absolute; width: 110px;"> </div> </div> <span id="goog_936553887"></span><span id="goog_936553888"></span><iframe id="__bkframe" name="__bkframe" style="border-style: initial; border-width: 0px; box-sizing: inherit; color: #0a0a0a; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 16px; height: 0px; line-height: 16px; position: absolute; width: 0px;" title="bk"></iframe>

LATEST TECHNOLOGY 2017

Tech CHINAXi Jinping Designates No Obvious Successor, Laying the Foundation for a Long Reign SCIENCEA Handwritten Note on Happiness by Albert Einstein Has Sold at Auction for $1.3 Million COMPARECARDS SPONSORED REGULATIONThe Senate Votes to Repeal a…

Read more »