@font-face {
     font-family: "ScalaOT Regular";
     src: url("../fonts/ScalaOT-Regular.otf");
 }

 @font-face {
     font-family: "Scala Light";
     src: url("../fonts/ScalaSansOT-Light.otf");
 }

 @font-face {
     font-family: "ScalaSansOT";
     src: url("../fonts/ScalaSansOT-Bold.otf");
 }

 @font-face {
     font-family: "ScalaOT Bold";
     src: url("../fonts/ScalaOT-Bold.otf");
 }

 @font-face {
     font-family: "Merriweather";
     src: url("../fonts/Merriweather-Regular-9.ttf");
 }

 @font-face {
     font-family: "HelveticaNeue-Bold";
     src: url("../fonts/HelveticaNeue Bold.ttf");
 }

 @font-face {
     font-family: "Helvetica Neue";
     src: url("../fonts/Helvetica-Neue-2.ttf");
 }

 @font-face {
     font-family: "HelveticaNeue Light";
     src: url("../fonts/helveticaneue-light.otf");
 }

 @font-face {
     font-family: "PingFangSC-Regular";
     src: url("../fonts/PingFangSCRegular.ttf");
 }

 body {
     font-family: Helvetica Neue, HelveticaNeue-Bold, Arial, Helvetica, sans-serif;
     background: #fff;
     color: #000;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     width: 100%;
     overflow-x: hidden;
     //background-image: url(../images/body_bg.jpg);
     //background-size: 100% auto;
 }

 .main_bg,
 .main_bg .container {
     position: relative;
 }

 .enter_main {
     width: 100%;
     height: auto;
 }

 .enter_main img {
     width: 100%;
     height: auto;
 }

 .main_bg .next_arr {
     position: absolute;
     left: calc((100% - 30px)/2);
     cursor: pointer;
 }

 /*  .main_bg .next_arr{
position: absolute;
} */
 /* ,.main_bg .next_arr:after */
 .main_bg .next_arr:before {
     position: absolute;
     content: '';
     border-top: 10px transparent dashed;
     border-left: 10px transparent dashed;
     border-bottom: 10px transparent dashed;
     border-right: 10px transparent solid;
 }

 .main_bg .next_arr:before {
     border-top: 10px #BD1D21 solid;
 }

 .main_bg .next_arr:after {
     //top: 1px; /*覆盖并错开1px*/
     //border-top: 10px #fff solid;
 }

 .main_bg .next_arr::before {
     content: "";
     height: 20px;
     width: 20px;
     top: 6px;
     border-width: 2px 2px 0 0;
     border-color: #BD1D21;
     border-style: solid;
     transform: rotate(135deg);
     position: absolute;
 }

 .main_bg .next_arr::after {
     content: "";
     height: 20px;
     width: 20px;
     top: 18px;
     border-width: 2px 2px 0 0;
     border-color: #BD1D21;
     border-style: solid;
     transform: rotate(135deg);
     position: absolute;
 }

 .main_bg .play_btn {
     position: absolute;
     top: 16px;
     right: 16px;
     z-index: 2;
     width: 17px;
     height: 28px;
     cursor: pointer;
 }

 .main_bg .play_btn img {
     width: 100%;
     height: 100%;
 }

 .step_title {
     font-family: ScalaOT Bold;
     font-size: 30px;
     line-height: 50px;
     font-weight: bold;
     text-align: center;
     margin-top: 80px;
     letter-spacing: -0.5px
 }

 .step_title .red_text {
     color: #d03531;
 }

 .step_para {
     width: 100%;
 }

 .step_para p {
     font-family: ScalaOT Regular;
     font-size: 20px;
     line-height: 28px;
     font-weight: normal;
     max-width: 560px;
     margin: 0 auto;
     margin-top: 60px;
     color: #222222;
     //margin-bottom: 20px;
 }

 #chart01_container {
     //max-height: 600px;
     margin-top: 60px;
     min-height: 600px;
     position: relative;
 }

 .article-header__headline {
     max-width: 660px;
     margin: 0 auto
 }

 .hp-text h2 {}

 .footernote {
     max-width: none !important
 }

 .footernote:before,
 .footernote__section {
     max-width: 640px;
     margin: 0 auto
 }

 .article-header__byline {
     line-height: 20px !important
 }

 .article-header__meta {
     margin-top: 20px !important
 }

 .article-header__meta:after {
     display: none !important
 }

 .hp-container {
     position: relative;
     height: 400vh
 }

 .hp-container .hp-content {
     position: -webkit-sticky;
     position: sticky;
     left: 0;
     top: 0;
     background-color: #fff;
     height: 100vh;
     //height: 70vh;
     overflow: hidden
 }

 .hp-content img {
     height: 100vh;
     display: block
 }

 .hp-content .hp-spacer,
 .hp-elements,
 .hp-layer--positioner {
     width: 300vw;
     min-width: 4000px
 }

 .hp-layer--positioner {
     width: calc(300vw - 50vw);
     min-width: calc(4000px - 50vw)
 }

 .hp-elements {
     position: absolute;
     top: 0;
     left: 0
 }

 .hp-layer {
     position: absolute;
     left: 0
 }

 .hp-text {
     text-align: center;
     width: 25em;
     position: absolute;
     top: 50%;
     opacity: 0;
     transition: opacity .3s
 }

 .hp-text.hp-visible {
     opacity: 1
 }

 .hp-layer--1949 .hp-text .hp-text-top {
     margin-bottom: 43%;
 }

 .hp-layer--2017 .hp-text .hp-text-top {
     margin-bottom: 28%;
 }

 .hp-layer--2006 .hp-text .hp-text-top {
     margin-bottom: 43%;
 }

 .hp-layer--2019 .hp-text .hp-text-top {
     margin-bottom: 36%;
 }

 .hp-text .hp-text-top {
     position: absolute;
     bottom: -120%;
     transform: translate(-50%, 0);
     left: 50%;
     width: 100%;
     margin-bottom: 32%
 }

 .hp-layer--2017 .hp-text .hp-text-top,
 .hp-layer--1978 .hp-text .hp-text-top {
     //bottom: -30px;
 }

 /* .hp-layer--2006 .hp-text .hp-text-top {
     bottom: 60px !important;
 } */

 .hp-layer--2017 .hp-text .hp-text-top:after,
 .hp-layer--1978 .hp-text .hp-text-top:after {
     left: 50% !important;
     bottom: -100px !important;
     height: 100px !important;
 }

 .hp-text .hp-text-bottom {
     position: absolute;
     transform: translate(-50%, 0);
     left: 50%;
     width: 100%;
     top: 0;
     margin-top: 50%
 }

 .hp-text:after {
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 20px 20px 0;
     border-color: #fff transparent transparent;
     position: absolute;
     bottom: -20px;
     left: 50%;
     transform: translateX(-50%)
 }

 .hp-text p {
     font-family: ScalaOT Bold;
     font-size: 20px;
     font-weight: bold;
     color: #222222;
     line-height: 28px;
     text-align: center;
     margin-top: 8px;
 }

 .hp-text ul {
     margin: 0 0 5px;
     font: 300 14px/1.3 Retina, sans-serif
 }

 .hp-text ul {
     padding-right: 0;
     bottom: 35%;
     padding-left: 0;
     list-style-type: none
 }

 .hp-text ul li {
     padding-left: 0;
     margin-bottom: 3px;
     list-style-type: disc;
     margin-left: 18px
 }

 .hp-text ul li:before {
     display: none
 }

 .hp-text h1 {
     font-size: 24px;
     font-family: ScalaOT Bold;
     font-weight: bold;
     line-height: 44px;
     text-align: center;
     color: #bec1c4;
 }

 .hp-text h2 {
     //margin: 0 0 2px;
     //font: 500 18px/1.4 Retina, sans-serif;
     font-family: ScalaOT Bold;
     font-size: 20px;
     font-weight: bold;
     color: #121212;
     line-height: 28px;
     text-align: center;
 }

 .hp-layer--road {
     width: 160%;
     background: url(../images/scroll_bg08.png) center bottom/auto 100% repeat-x;
     z-index: 110;
     bottom: 30%;
     height: 50px
 }

 .hp-layer--house {
     width: 420px;
     background: url(../images/house.png) center bottom/100% auto no-repeat;
     z-index: 200;
     left: 2%;
     bottom: calc(36% + 70px);
     height: 190px
 }

 .hp-layer--1921 {
     background: url(../images/1921.png) center bottom/100% auto no-repeat;
     z-index: 200;
     width: 500px;
     height: 246px;
     bottom: calc(10% + 60px);
     left: 3%;
 }

 .hp-layer.hp-layer--house .hp-text {
     width: 24em
 }

 .hp-layer--house .hp-text .hp-text-bottom:after {
     display: none
 }

 .hp-layer.hp-layer--house .hp-text .hp-text-top {
     margin-bottom: 32%
 }

 .hp-layer.hp-layer--house .hp-text .hp-text-bottom {
     margin-top: 60%
 }

 .hp-layer .hp-text .hp-text-bottom:after,
 .hp-layer .hp-text .hp-text-top:after {
     display: none;
     position: absolute;
     left: 45%;
     border-right: 1px solid #000;
     content: '';
     z-index: 10000;
     height: 30px;
     //bottom: -50px;
     bottom: -30px
 }

 .hp-layer.hp-layer--subway-train .hp-text .hp-text-top:after {
     left: 30%
 }

 .hp-layer .hp-text .hp-text-bottom:after {
     top: -220px;
     margin-top: 50%
 }

 .hp-layer--bus {
     width: 270px;
     background: url(../images/bus.png) center bottom/100% auto no-repeat;
     z-index: 200;
     left: 25%;
     height: 100px;
     bottom: calc(34% + 28px)
 }

 .hp-layer--positioner {
     position: absolute;
     top: 0;
     //height: 100vh;
     height: 80vh;
     left: 36vw
 }

 .hp-layer--subway-station {
     width: 870px;
     background: url(../images/subway-station.png) center bottom/100% auto no-repeat;
     z-index: 200;
     left: 25%;
     height: 160px;
     bottom: calc(34% - 138px)
 }

 .hp-layer--subway-train {
     width: 325px;
     background: url(../images/subway-train.png) center bottom/100% auto no-repeat;
     z-index: 210;
     left: 38%;
     bottom: calc(34% - 133px);
     height: 70px
 }

 .hp-layer--school {
     width: 330px;
     background: url(../images/school.png) center bottom/100% auto no-repeat;
     z-index: 200;
     left: 42%;
     bottom: calc(35% + 70px);
     height: 240px
 }

 .hp-layer--1945 {
     background: url(../images/1945_02.png) center bottom/100% auto no-repeat;
     z-index: 200;
     width: 506px;
     height: 260px;
     bottom: calc(10% + 60px);
     left: 18%;
 }

 .hp-layer.hp-layer--school .hp-text .hp-text-top {
     left: 24%;
     margin-bottom: 25%
 }

 .hp-layer.school .hp-text .hp-text-bottom {
     padding-top: 72%
 }

 .hp-layer.hp-layer--school .hp-text {
     width: 40em
 }

 .hp-layer--car {
     width: 160px;
     background: url(../images/car.png) center bottom/100% auto no-repeat;
     z-index: 200;
     left: 70%;
     bottom: calc(34% + 44px);
     height: 50px
 }

 .hp-layer--car .hp-text .hp-text-bottom {
     margin-top: 44%;
     left: 71%
 }

 .hp-layer--cab {
     width: 160px;
     background: url(../images/cab.png) center bottom/100% auto no-repeat;
     left: 66%;
     bottom: calc(34% + 15px);
     z-index: 1000;
     height: 50px
 }

 .hp-layer.hp-layer--car .hp-text {
     left: -180%;
     top: -20%
 }

 .hp-layer--office {
     width: 350px;
     background: url(../images/office.png) center bottom/100% auto no-repeat;
     z-index: 200;
     left: 72%;
     bottom: calc(36% + 70px);
     height: 250px
 }

 .hp-layer--1949 {
     background: url(../images/1949_03.png) center bottom/100% auto no-repeat;
     z-index: 200;
     width: 376px;
     height: 280px;
     bottom: calc(10% + 60px);
     left: 32%;
 }

 .hp-layer.hp-layer--office .hp-text,
 .hp-layer.hp-layer--subway-station .hp-text {
     width: 30em
 }

 .hp-layer.hp-layer--office .hp-text .hp-text-top {
     margin-bottom: 32%;
     left: 40%
 }

 .hp-layer.hp-layer--subway-station .hp-text .hp-text-top {
     margin-bottom: 50%;
     left: 60%
 }

 .hp-layer.hp-layer--subway-station .hp-text .hp-text-top:after {
     height: 40px;
     bottom: -60px;
     left: 30%
 }

 .hp-layer.hp-layer--subway-station .hp-text .hp-text-top:before {
     position: absolute;
     left: 30%;
     border: 1px solid #000;
     border-left: 0;
     content: '';
     z-index: 10000;
     bottom: -184px;
     width: 240px;
     height: 150px;
     border-bottom: 0
 }

 .hp-layer--church {
     width: 130px;
     background: url(../images/church.png) center bottom/100% auto no-repeat;
     z-index: 200;
     left: 95%;
     bottom: 44%;
     height: 220px
 }

 .hp-layer--1978 {
     background: url(../images/1978_02.png) center bottom/100% auto no-repeat;
     z-index: 200;
     width: 481px;
     height: 246px;
     bottom: calc(10% + 60px);
     left: 46%;
 }

 .hp-layer--2006 {
     background: url(../images/2012.png) center bottom/100% auto no-repeat;
     z-index: 200;
     width: 410px;
     height: 260px;
     bottom: calc(10% + 60px);
     left: 63%;
 }

 .hp-layer--2017 {
     background: url(../images/2017.png) center bottom/100% auto no-repeat;
     z-index: 200;
     width: 528px;
     height: 270px;
     bottom: calc(10% + 60px);
     left: 77%;
 }

 .hp-layer--2019 {
     background: url(../images/2021.png) center bottom/100% auto no-repeat;
     z-index: 200;
     width: 424px;
     height: 270px;
     bottom: calc(10% + 60px);
     left: 94%;
 }

 .hp-layer.hp-layer--church .hp-text .hp-text-top {
     margin-bottom: 29%;
     left: 20%
 }

 .hp-layer--skyline {
     height: 100%;
     width: 120%;
     background: url(../images/fact01_bg03.png) center bottom/auto 100% repeat-x;
     bottom: calc(30% + 40px);
     opacity: .8;
     z-index: 51
 }

 .hp-layer.hp-layer--background {
     position: static
 }

 .hp-fixed-text {
     opacity: 0;
     width: calc(100vw - 40px);
     position: absolute;
     top: 20vh;
     left: 20px;
     height: calc(100vh - 40px);
     z-index: 100;
 }

 .hp-layer--positioner .hp-text {
     width: 100%;
 }

 .hp-fixed-text .hp-text {
     left: 0;
     transform: none;
     top: 0;
     position: static;

 }

 .hp-fixed-text .hp-text .hp-text-bottom,
 .hp-fixed-text .hp-text .hp-text-top {
     left: 0;
     transform: none;
     top: 0;
     position: static;
     margin: 0
 }

 .hp-fixed-text .hp-text .hp-text-bottom {
     position: absolute;
     bottom: 15%;
     top: auto;
     margin-top: 60%
 }


 .chart01_table {
     opacity: 0;
     transition: opacity 2s;
 }

 .step01_title_img:after,
 .chart01_table .t_row:after {
     content: "";
     display: block;
     clear: both;
 }

 .chart01_table .line_left {
     float: left;
 }

 .chart01_table .line_right {
     float: right;
 }

 .chart01_table .table_header .line_left {
     font-size: 16px;
     font-family: ScalaOT Bold;
     font-weight: 700;
     line-height: 24px;
 }

 .chart01_table .table_header .line_right {
     font-size: 16px;
     font-family: Helvetica Neue;
     font-weight: 700;
     line-height: 24px;
 }

 .chart01_table .table_header {
     border-bottom: 1px solid #b5b5b5;
 }

 .chart01_table .table_line {
     position: relative;
 }

 .chart01_table .table_line .line_left {
     font-size: 15px;
     font-family: ScalaOT Regular;
     font-weight: 400;
     line-height: 16px;
     padding: 10px 0 10px 16px;
 }

 .chart01_table .table_line .color_dot {
     content: "";
     position: absolute;
     border: 5px solid;
     border-radius: 50%;
     vertical-align: middle;
     //transform: translate(0, -50%);
     //-webkit-transform: translate(0, -50%);
     top: 13px;
 }

 .highcharts-tooltip path {
     stroke: unset !important;
 }

 .charts_title {
     font-family: ScalaOT Bold;
     font-size: 22px;
     line-height: 22px;
     font-weight: normal;
     text-align: center;
     margin-top: 60px;
 }

 #step03_chart .charts_title {
     margin-bottom: 20px;
 }

 .step03_chart {
     //margin-left: 6%;
     //margin-top: 80px;
     max-width: 880px;
     margin: 0 auto;
     position: relative;
 }

 .chart03_row {
     line-height: 40px;
     display: inline-flex;
     width: 100%;
     margin-bottom: 20px;
     opacity: 0;
     transition: opacity 2s;
 }

 .chart03_x {
     width: 100%;
     overflow: hidden;
 }

 .chart03_x span {
     font-family: Helvetica Neue;
     font-size: 16px;
     font-weight: normal
 }

 .chart03_row .chart03_year {
     font-family: Helvetica Neue;
     font-size: 16px;
     margin-right: 10px;
     font-weight: normal;
     min-width: 80px;
     text-align: center;
 }

 .chart03_row .chart03_img {
     background-image: url(../images/hat02.png);
     background-size: auto 100%;
     background-repeat: repeat-x;
     margin-right: 20px;
     height: 40px;
     background-position-x: left;
 }

 .chart03_row .chart03_data {
     font-family: Helvetica Neue;
     font-size: 15px;
     font-weight: lighter;
     //padding: 8px;
     //background-color:#F4CE54;
 }

 .chart03_row .chart03_data .data_sec {
     line-height: 16px;
     padding: 8px;
     background-color: #F4CE54;
 }

 .step04_chart {
     margin-top: 60px;
     position: relative;
     //min-height: 920px;
 }

 .chart04_row {
     display: inline-flex;
     width: 100%;
     vertical-align: middle;
     opacity: 0;
     transition: opacity 2s;
 }

 .step04_chart .chart04_year {
     display: inline-flex;
     width: 100%;
     margin-bottom: 100px;
 }

 .step04_chart .chart04_year .col {
     text-align: center;
     font-family: Helvetica Neue;
     font-size: 16px;
     line-height: 50px;
     font-weight: bold;
 }

 .step04_chart .chart04_year .row_label,
 .chart04_row .row_label {
     min-width: 80px;
     text-align: center;
     font-family: ScalaOT Bold;
     font-size: 18px;
     font-weight: normal;
 }

 .chart04_row .col {
     display: inline-flex;
     position: relative;
 }

 .chart04_row .col .col_circle {
     width: 0;
     height: 0;
     border-radius: 50%;
     opacity: 0.66;
     position: relative;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .chart04_row .col .col_num {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     line-height: 18px;
     padding: 2px;
     background-color: #ffffff;
     box-shadow: 0px -2px 2px 1px rgb(4 0 0 / 10%);
 }


 .step04_full {
     padding-bottom: 130px;
 }

 .step03_full,
 .step04_full {
     position: relative;
 }

 #chart03_sec .step03_bg,
 .step04_full .step04_bg {
     position: absolute;
     width: auto;
     height: 100%;
     top: 0;
 }

 .step04_full .step04_bg {
     right: 0;
 }

 .step04_full .step04_bg img {
     width: auto;
     height: 70%;
     margin-top: 26%;
 }

 #chart03_sec .step03_bg img {
     width: auto;
     height: 100%;
 }

 /* .step04_full {
     background-image: url(../images/chart04_bg.png);
     background-size: 100% auto;
     background-repeat: no-repeat;
 }*/
 /*  .step05_line01 {
    max-width:1170px;
    display: inline-flex;
    justify-content: right;
    align-content: right;
} */
 .step05_scroll {
     margin-top: 60px;
     padding-bottom: 240px;
 }

 .step05_scroll,
 .step05_bg {
     position: relative;
 }

 .step05_scroll .step05_main_bg {
     width: auto;
     height: 100%;
     //margin-top: 16%;
     position: absolute;
     top: 0;
     left: 0
 }

 .step05_bg {
     margin-top: 50px;
 }

 .step05_bg .step05_label {

     height: auto;
     //position: absolute;
     //top: 40px;
     opacity: 0;
     transition: opacity 1s;
 }

 .step05_bg .step05_label img {
     max-width: 100%;
 }

 .step05_charts_img .step05_line01 {
     width: 1170px;
     text-align: right;
     margin: 0 auto;
 }

 .step05_bg .label_01 {
     //transform: translate(-50%, 0);
     display: inline-block;
     margin-right: 26px;
 }

 .step05_bg .label_02 {
     //left: 50%;
     //transform: translate(-50%, 0);
     display: inline-block;
 }

 .step05_bg .label_03 {
     //transform: translate(50%, 0);
     padding-right: 80px;
     margin-top: 24px;
 }

 .step05_bg .label_03:after,
 .step05_bg .label_02:after,
 .step05_bg .label_01:after {
     /* content: "";
     position: absolute;
     bottom: -100%;
     left: 50%;
     width: 2px;
     height: 100%;
     background-color: #748189; */
 }

 .end_container {
     margin-top: 30px;
 }

 .end_sec {
     text-align: center;
     max-width: 800px;
     position: relative;
 }

 .end_sec .end_title {
     display: inline-block;
     text-align: center;
     color: #8F1B1E;
     font-family: ScalaOT Regular;
     font-weight: 700;
     font-size: 22px;
     line-height: 22px;
     padding-bottom: 20px;
     border-bottom: 5px solid #8F1B1E;
 }

 .end_sec .end_subtitle {
     font-family: ScalaOT Bold;
     font-weight: normal;
     font-size: 19px;
     line-height: 27px;
     color: #af2326;
     margin-top: 46px;
 }

 .end_sec h2 {
     font-family: ScalaOT Regular;
     font-size: 19px;
     font-weight: normal;
     line-height: 30px;
     color: #121212;
 }

 .end_sec .end_desc {
     text-align: center;
     font-family: ScalaOT Regular;
     font-weight: lighter;
     font-size: 19px;
     line-height: 27px;
     margin-top: 26px;
 }

 .end_sec .end_credit {
     text-align: center;
     font-family: ScalaOT Regular;
     font-weight: lighter;
     font-size: 16px;
     line-height: 27px;
     margin-top: 24px;
 }

 .stop_scroll {
     height: 100%;
     overflow: hidden;
 }

 .step01_yellow,
 .step03_yellow {
     transition: background 2.5s;
 }

 .chart01_label {
     position: absolute;
 }

 .chart01_name {
     font-family: ScalaOT Bold;
     font-size: 22px;
     line-height: 22px;
     font-weight: normal;
     color: #121212;
     text-align: center;
     margin-top: 60px;
 }

 .body_stop {
     height: 100%;
     overflow: hidden;
 }

 .step02 .step_title {
     margin-top: 0;
 }

 .step02_full {
     position: relative;
     margin-top: -80px;
 }

 .step02_bg {
     width: 100%;
     position: absolute;
     top: 15%;
     left: 0;
 }

 .step02_bg img {
     width: 100%;
     height: auto;
 }

 .step03 .step_title {
     margin-top: 140px;
 }

 .chart03_tooltip {
     //position: absolute;
     //right: 10%;
     //top: 20%;
     //max-width: 200px;
     margin-bottom: 20px;
     font-family: ScalaOT Regular;
     font-size: 15px;
     line-height: 25px;
 }

 .chart03_tooltip .tooltip01 {
     text-align: center;
     line-height: 30px;
     vertical-align: middle;
 }

 .chart03_tooltip .tooltip01 span {
     margin-right: 20px;
 }

 .chart03_tooltip .tooltip01 img {
     max-width: 30px;
 }

 .chart03_tooltip .tooltip01 .yellow_tip {
     //margin-left: 20px;
     display: inline-block;
     width: 0;
     height: 0;
     border-left: 10px solid #F4CE54;
     border-right: 10px solid #F4CE54;
     border-top: 5px solid #F4CE54;
     border-bottom: 5px solid #F4CE54;
     //background-color: #F4CE54;
 }

 .chart03_tooltip .tooltip01,
 .chart03_tooltip .tooltip02 {}

 .step04 {
     position: relative;
 }

 .step04 .step_title {
     margin-top: 100px;
 }

 .step04_chart .charts_title {
     margin-bottom: 60px;
 }

 .chart04_year {
     font-family: Helvetica Neue;
     font-size: 16px;
     line-height: 50px;
     color: #121212;
 }

 .step01_title_img {
     display: inline-flex;
     width: 100%;
     align-content: center;
     justify-content: center;
     margin-top: 35px;
 }

 .step01_title_img img {
     //max-width: 100%;
     width: 206px;
     height: 68px;
     //float: left;
 }

 .step01_title_img h1 {
     //float: left;
     font-family: Helvetica Neue;
     font-size: 50px;
     font-weight: bold;
     margin-left: 15px;
     color: #D03632;
     line-height: 68px;
 }

 #chart03_sec {
     padding-bottom: 60px;
 }

 #footer {
     position: relative;
     border-top: unset;
 }

 .icondianzibao:before,
 .iconshouji:before,
 .iconfacebook:before,
 .iconTwitter:before {
     color: #121212;
 }

 .step01_title_img .peoples {
     max-width: 230px;
 }

 .step01_title_img .peoples img {
     width: 10px;
     height: 30px;
     opacity: 0;
     transition: opacity 0.2s;
 }

 .step01_title_img h1 {
     opacity: 0;
     transition: opacity 1s;
 }

 #chart04_container {
     //height: calc(100% - 50px);
     //min-height: 700px;
     width: 100%;
     transition: opacity 1.5s;
 }

 @media screen and (max-width:979px) {
     #chart01_container {
         min-height: 500px;
     }

     .step05_bg .step05_label {
         position: relative;
         left: 0 !important;
     }

     .step05_bg .label_01 {
         transform: translate(0, 0);
     }

     .step05_bg .label_02 {
         transform: translate(0, 0);
     }

     .step05_bg .label_03 {
         transform: translate(0, 0);
     }

     .container .row {
         margin-left: 0;
         margin-right: 0;
     }

     .step05_bg .label_03:after,
     .step05_bg .label_02:after,
     .step05_bg .label_01:after {
         display: none;
     }

     .hp-layer--skyline {
         //opacity: 0;
     }

     .hp-layer--1921 {
         width: 306px;
         height: 140px;
     }

     .hp-layer--2019 {
         width: 306px;
         height: 130px;
     }

     .hp-layer--1945 {
         width: 268px;
         height: 140px;
     }

     .hp-layer--1949 {
         width: 237px;
         height: 140px;
     }

     .hp-layer--1978 {
         height: 150px;
         width: 293px;
     }

     .hp-layer--2006 {
         height: 210px;
         width: 210px;
     }

     .hp-layer--2017 {
         height: 130px;
         width: 276px;
     }

     .hp-layer--2019 {
         height: 170px;
         width: 258px;
     }

     .hp-layer--positioner {
         height: 100vh;
     }

     /* .hp-layer--2019{
          width:300px;
     } */
     .step05_charts_img .step05_line01 {
         width: 100%;
     }

     .step05_bg .label_01,
     .step05_bg .label_02,
     .step05_bg .label_03 {
         display: unset;
         width: 100%;
     }

     .step01_title_img h1 {
         margin-left: 0;
         font-size: 40px;
     }

     #chart03_sec .step03_bg,
     .step04_full .step04_bg {
         width: 100%;
         height: auto;
     }

     #chart03_sec .step03_bg {
         bottom: 10%;
         top: unset;
     }

     #chart03_sec .step03_bg img,
     .step04_full .step04_bg img {
         width: 100%;
         height: auto;
     }

     .step05_scroll .step05_main_bg {
         width: 100%;
         height: auto;
         top: unset;
         bottom: 3%;
     }

     .step04_full {
         padding-bottom: 30px;
     }

     .step02_bg {
         top: 50%;
     }

     .step04_full .step04_bg {
         top: unset;
         bottom: 20%;

     }

     .chart03_row .chart03_img {
         margin-right: 6px;
     }

     .chart03_row .chart03_data {
         font-size: 12px;
     }

     .chart03_row .chart03_data .data_sec {
         padding: 2px;
         font-weight: normal;
     }

     #chart04_container svg g text {
         font-size: 16px !important;
     }

     .step01_title_img {
         display: block;
         text-align: center;
     }

     .step01_title_img .peoples {
         margin: 0 auto;
     }

     .step02_full {
         margin-top: 40px;
     }

     .step05_scroll {
          margin-top: 0;
         padding-bottom: 120px;
     }

     .step04 .step_title {
         margin-top: 0;
     }

     .step04 {
         margin-top: 80px;
     }

     #footer .footer_share .footer_logo img {
         width: auto;
         height: 100%;
     }

     #footer .footer_info ul {
         padding-left: 0;
     }

     #chart04_container rect {
         height: 307px !important;
     }

     .step05 .step_title {
         margin-top: 10px;
     }

     .chart03_row .chart03_year {
         margin-right: 0;
     }

     .chart03_tooltip .tooltip01 img {
         height: 10px;
     }
     .chart03_row .chart03_year{
          min-width: 70px;
     }
     .chart01_table .table_header .line_right{
          font-size: 13px;
     }
 }

 @media screen and (max-width:650px) {
     #chart01_container {
         min-height: 260px;
     }
 }

 @media screen and (max-height:650px) {

     .hp-content .hp-spacer,
     .hp-elements {
         width: 440vw;
         min-width: 0;
         max-width: 5000px
     }

     .hp-layer--positioner {
         min-width: 0
     }

     .hp-text p,
     .hp-text ul {
         font-size: 13px
     }

     .hp-text h2 {
         font-size: 16px
     }

     .hp-text {
         top: 90%
     }

     .hp-layer--positioner {
         left: 46vw;
         width: 440vw;
         max-width: 5000px
     }

     .hp-text {
         width: 23em !important
     }

     .hp-text .hp-text-top {
         position: absolute;
         bottom: 0 !important;
         transform: translate(0%, 0) !important;
         left: -100% !important;
         margin: 0 !important
     }

     .hp-layer--2017 .hp-text .hp-text-top,
     .hp-layer--1978 .hp-text .hp-text-top {
         bottom: 40px !important;
         left: -50% !important;
     }

     .hp-layer--2006 .hp-text .hp-text-top {
         // bottom: 100px !important;
     }

     .hp-text .hp-text-bottom {
         position: absolute;
         bottom: 0;
         transform: translate(0%, 0);
         left: -100%;
         margin: calc(21% + 26px) 0 0 !important
     }

     .hp-layer .hp-text .hp-text-bottom:after,
     .hp-layer .hp-text .hp-text-top:after,
     .hp-layer .hp-text .hp-text-top:before {
         display: none
     }

     .hp-layer--skyline {
         height: 300%
     }

     .hp-layer--house {
         bottom: calc(36% + 40px);
         width: 280px
     }

     .hp-layer--bus {
         width: 200px;
         bottom: calc(34% + 9px)
     }

     .hp-layer--subway-train {
         width: 220px;
         bottom: calc(34% + -92px)
     }

     .hp-layer--subway-station .hp-text .hp-text-top {
         margin-bottom: -11% !important
     }

     .hp-layer--subway-station {
         width: 580px;
         bottom: calc(34% + -96px)
     }

     .hp-layer--school {
         width: 235px;
         bottom: calc(35% + 40px)
     }

     .hp-layer--cab {
         width: 122px;
         left: 66%;
         bottom: calc(34% + 11px)
     }

     .hp-layer--car {
         width: 122px;
         left: 70%;
         bottom: calc(34% + 28px)
     }

     .hp-layer.hp-layer--car .hp-text {
         left: 0;
         top: 0;
         margin-top: 16px
     }

     .hp-layer--car .hp-text .hp-text-bottom {
         left: -30%
     }

     .hp-layer--office {
         width: 240px;
         bottom: calc(38% + 40px)
     }

     .hp-layer--church {
         width: 100px;
         bottom: calc(37% + 40px)
     }

     .hp-layer--road {
         height: 40px
     }

     .hp-layer .hp-text {
         opacity: 1
     }
 }

 @media screen and (max-width:760px) and (orientation:portrait) {

     .hp-content .hp-spacer,
     .hp-elements {
         width: 600vw;
         min-width: 0
     }

     .hp-text {
         width: auto
     }

     .hp-layer--positioner {
         left: 0vw;
         width: calc(600vw + 50vw);
         min-width: 0
     }

     .hp-layer--skyline {
         height: 50%
     }

     .hp-layer--house {
         width: 300px
     }

     .hp-layer--bus {
         width: 220px
     }

     .hp-layer--subway-train {
         width: 260px;
         bottom: calc(34% - 96px)
     }

     .hp-layer--subway-station {
         width: 620px;
         bottom: calc(34% - 99px)
     }

     .hp-layer--school {
         width: 235px
     }

     .hp-layer--cab,
     .hp-layer--car {
         width: 122px
     }

     .hp-layer--office {
         width: 250px
     }

     .hp-layer--church {
         width: 120px
     }

     .hp-layer .hp-text {
         opacity: 0;
         visibility: hidden
     }

     .hp-fixed-text {
         opacity: 1
     }

     .hp-layer--car .hp-text .hp-text-bottom,
     .hp-layer.hp-layer--car .hp-text {
         left: 0
     }
 }

 @media screen and (max-height:650px) and (orientation:portrait) {

     .hp-content .hp-spacer,
     .hp-elements {
         width: 570vw
     }

     .hp-layer--positioner {
         left: 5vw;
         width: 590vw
     }
 }

 @media screen and (max-width:400px) {
     .hp-text h2 {
         font-size: 16px
     }

     .hp-text p,
     .hp-text ul {
         font-size: 13px
     }
 }

 @media screen and (max-height:400px) {
     .hp-text {
         width: 18em !important
     }

     .hp-text h2 {
         font-size: 14px
     }

     .hp-text p,
     .hp-text ul {
         font-size: 11px
     }
 }

 .wsjgraphics .btn {
     display: inline-block;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     outline: 0;
     border-radius: 0;
     background-image: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     padding: 12px 14px 10px;
     margin-bottom: 0;
     margin-right: 10px;
     background-color: #fff;
     border: 1px solid transparent;
     border-color: #bfbfbf;
     color: #333;
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 13px;
     letter-spacing: 1px;
     line-height: 15px;
     text-transform: uppercase;
     white-space: nowrap;
     text-align: center;
     vertical-align: middle;
     -webkit-transition-property: background-color, border;
     transition-property: background-color, border;
     -webkit-transition-duration: 100ms;
     transition-duration: 100ms;
     -webkit-transition-timing-function: ease-in-out;
     transition-timing-function: ease-in-out
 }

 .wsjgraphics .btn:focus {
     box-shadow: rgba(0, 0, 0, .2) 0 0 5px
 }

 .wsjgraphics .btn:hover {
     background-color: #eeeff0
 }

 .wsjgraphics .btn:active {
     background-color: #e2e3e4
 }

 .wsjgraphics .btn:active,
 .wsjgraphics .btn:focus,
 .wsjgraphics .btn:hover {
     position: relative;
     z-index: 2
 }

 .wsjgraphics .btn.disabled,
 .wsjgraphics .btn[disabled],
 fieldset[disabled] .wsjgraphics .btn {
     cursor: not-allowed;
     opacity: .65
 }

 .wsjgraphics a.btn.disabled,
 fieldset[disabled] .wsjgraphics a.btn {
     pointer-events: none
 }

 .wsjgraphics .btn.btn-primary {
     color: #fff;
     background-color: #0080c3;
     border-color: #0080c3
 }

 .wsjgraphics .btn.btn-primary:focus {
     box-shadow: rgba(0, 0, 0, .4) 0 0 5px
 }

 .wsjgraphics .btn.btn-primary:hover {
     background-color: #0098db;
     border-color: #0098db
 }

 .wsjgraphics .btn.btn-primary:active {
     background-color: #00a1f6;
     border-color: #01a8ff
 }

 .wsjgraphics .btn.btn-primary[disabled]:focus,
 .wsjgraphics .btn.btn-primary[disabled]:hover,
 fieldset[disabled] .wsjgraphics .btn.btn-primary:focus,
 fieldset[disabled] .wsjgraphics .btn.btn-primary:hover {
     background-color: #0080c3;
     border-color: #0080c3
 }

 .wsjgraphics .btn.btn-narrow,
 .wsjgraphics .btn.btn-sm {
     padding: 6px 8px 4px
 }

 .wsjgraphics .btn.btn-link {
     position: relative;
     font-weight: 500;
     background: 0 0;
     border: none;
     padding-left: 6px;
     padding-right: 6px;
     color: #0080c3;
     text-decoration: none
 }

 .wsjgraphics .btn.btn-link::after {
     position: absolute;
     content: '';
     bottom: 0;
     left: 50%;
     width: 0;
     height: 2px;
     background-color: transparent;
     -webkit-transition-property: left, width, background-color;
     transition-property: left, width, background-color;
     -webkit-transition-duration: 100ms;
     transition-duration: 100ms;
     -webkit-transition-timing-function: ease-in-out;
     transition-timing-function: ease-in-out
 }

 .wsjgraphics .btn.btn-link:visited {
     color: #003d5d
 }

 .wsjgraphics .btn.btn-link:hover {
     color: #0098db
 }

 .wsjgraphics .btn.btn-link:hover::after {
     left: 0;
     width: 100%;
     height: 2px;
     background-color: #0098db
 }

 .wsjgraphics .btn.btn-link:active {
     color: #0fb6ff
 }

 .wsjgraphics .btn.btn-link:active::after {
     background-color: #0fb6ff
 }

 .wsjgraphics .btn-group,
 .wsjgraphics .btn-group-vertical {
     display: inline-block;
     vertical-align: middle
 }

 .wsjgraphics .btn-group-vertical>.btn,
 .wsjgraphics .btn-group>.btn {
     margin: 0;
     float: left
 }

 .wsjgraphics .btn-group-vertical>.btn.selected,
 .wsjgraphics .btn-group>.btn.selected {
     background-color: #eeeff0
 }

 .wsjgraphics .btn-group .btn+.btn,
 .wsjgraphics .btn-group .btn+.btn-group,
 .wsjgraphics .btn-group .btn-group+.btn,
 .wsjgraphics .btn-group .btn-group+.btn-group {
     margin-left: -1px
 }

 .template-embed header .header-text .wsjgraphics h1.headline,
 .wsjgraphics .chart-headline,
 .wsjgraphics .template-embed header .header-text h1.headline {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 500;
     color: #333;
     fill: #333;
     font-size: 18px;
     line-height: 20px;
     margin: 5px 0 0;
     padding-bottom: 5px
 }

 .wsjgraphics .chart-title {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 500;
     color: #333;
     fill: #333;
     font-size: 15px;
     line-height: 20px;
     margin: 6px 0 0;
     padding-bottom: 4px
 }

 .wsjgraphics .chart-key-title {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 300;
     color: #333;
     fill: #333;
     font-size: 15px;
     line-height: 20px;
     margin: 6px 0 0;
     padding-bottom: 4px
 }

 .wsjgraphics .chart-dek {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     line-height: 20px;
     font-weight: 300;
     color: #333;
     fill: #333;
     margin: -4px 0 0;
     padding-bottom: 14px
 }

 .template-embed header .wsjgraphics h2.deck,
 .wsjgraphics .chart-title-qualifier,
 .wsjgraphics .template-embed header h2.deck {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     line-height: 20px;
     font-weight: 300;
     color: #333;
     fill: #333;
     margin: -4px 0 0;
     padding-bottom: 4px
 }

 .wsjgraphics .chart-key {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     line-height: 20px;
     font-weight: 300;
     color: #333;
     fill: #333;
     margin: 6px 0 0;
     padding-bottom: 4px
 }

 .wsjgraphics .chart-key.box {
     display: inline-block;
     width: 10px;
     height: 10px;
     background-color: #999;
     vertical-align: baseline;
     margin-top: 0;
     margin-right: 5px
 }

 .wsjgraphics .chart-key-title+.chart-key {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     line-height: 20px;
     font-weight: 300;
     color: #333;
     fill: #333;
     margin: -4px 0 0;
     padding-bottom: 4px
 }

 .wsjgraphics .chart-callout {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     line-height: 18px;
     color: #333;
     fill: #333;
     font-weight: 300
 }

 .wsjgraphics .chart-callout-emphasis,
 .wsjgraphics .chart-label {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     line-height: 18px;
     color: #333;
     fill: #333;
     font-weight: 500
 }

 .wsjgraphics .axis-title,
 .wsjgraphics .chart-axis-title {
     font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 15px;
     letter-spacing: 1px;
     font-weight: 300;
     text-transform: uppercase;
     color: #333;
     fill: #333;
     font-variant-numeric: tabular-nums
 }

 .wsjgraphics .axis text,
 .wsjgraphics .chart-axis-label {
     font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 15px;
     font-weight: 300;
     color: #333;
     fill: #333;
     font-variant-numeric: tabular-nums
 }

 .wsjgraphics .axis .tick line,
 .wsjgraphics .axis line,
 .wsjgraphics .chart-axis-line,
 .wsjgraphics .tick line {
     stroke: #ccc
 }

 .wsjgraphics .chart-axis-line,
 .wsjgraphics .line.chart-axis-line {
     width: 55px;
     height: 1px;
     background-color: #ccc
 }

 .wsjgraphics .chart-axis-line.baseline,
 .wsjgraphics .line.chart-axis-line.baseline {
     background-color: #333;
     stroke: #333
 }

 .wsjgraphics .chart-axis-tick {
     background-color: #333;
     width: 1px;
     height: 5px
 }

 .wsjgraphics .chart-axis-tick.tall {
     height: 16px
 }

 .wsjgraphics .chart-axis-tick.short {
     height: 3px
 }

 .wsjgraphics .chart-note,
 .wsjgraphics .chart-source {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 17px;
     font-weight: 300;
     color: #666;
     margin: 8px 0 0;
     padding-bottom: 5px
 }

 .wsjgraphics .chart-note+.chart-source {
     margin: -2px 0 0;
     padding-bottom: 5px
 }

 @-webkit-keyframes loadspin {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }

 @keyframes loadspin {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }

 .wsjgraphics .loader {
     margin: 0 auto;
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-animation-name: loadspin;
     animation-name: loadspin;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite
 }

 .wsjgraphics .loader svg {
     display: block
 }

 .wsjgraphics .loader--s {
     width: 20px;
     height: 20px
 }

 .wsjgraphics .loader--m {
     width: 40px;
     height: 40px
 }

 .wsjgraphics .loader--l {
     width: 60px;
     height: 60px
 }


 .wsjgraphics .photo-caption {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: #666;
     line-height: 18px;
     margin-top: 0;
     font-weight: 400;
     font-size: 13px;
     text-align: left
 }

 .wsjgraphics .photo-credit {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: #666;
     line-height: 18px;
     margin-top: 0;
     font-weight: 400;
     font-size: 11px;
     font-style: italic;
     text-transform: uppercase
 }

 .wsjgraphics table.wsjgraphics {
     width: 100%;
     max-width: 100%;
     margin-bottom: 20px
 }

 .wsjgraphics table.wsjgraphics>tbody>tr>td,
 .wsjgraphics table.wsjgraphics>tbody>tr>th,
 .wsjgraphics table.wsjgraphics>tfoot>tr>td,
 .wsjgraphics table.wsjgraphics>tfoot>tr>th,
 .wsjgraphics table.wsjgraphics>thead>tr>td,
 .wsjgraphics table.wsjgraphics>thead>tr>th {
     padding: 8px;
     line-height: 18px;
     vertical-align: top;
     border-top: 1px solid #ddd;
     border-bottom: 0;
     text-align: left
 }

 .wsjgraphics table.wsjgraphics>thead>tr>th {
     font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 15px;
     letter-spacing: 1px;
     font-weight: 300;
     text-transform: uppercase;
     color: #333
 }

 .wsjgraphics table.wsjgraphics>tbody>tr>td,
 .wsjgraphics table.wsjgraphics>tfoot>tr>td {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     line-height: 18px;
     font-weight: 300;
     color: #333;
     font-variant-numeric: tabular-nums
 }

 .wsjgraphics table.wsjgraphics>tbody>tr:hover {
     background-color: #f3f3f3
 }

 .wsjgraphics table.wsjgraphics>thead>tr>th {
     vertical-align: bottom
 }

 .wsjgraphics table.wsjgraphics>caption+thead>tr:first-child>td,
 .wsjgraphics table.wsjgraphics>caption+thead>tr:first-child>th,
 .wsjgraphics table.wsjgraphics>colgroup+thead>tr:first-child>td,
 .wsjgraphics table.wsjgraphics>colgroup+thead>tr:first-child>th,
 .wsjgraphics table.wsjgraphics>thead:first-child>tr:first-child>td,
 .wsjgraphics table.wsjgraphics>thead:first-child>tr:first-child>th {
     border-top: 0
 }

 .wsjgraphics table.wsjgraphics>tbody+tbody {
     border-top: 2px solid #ddd
 }

 .wsjgraphics .tooltip {
     background-color: rgba(255, 255, 255, .95);
     box-shadow: 0;
     border: 1px solid #a8a7a5;
     color: #000;
     padding: 8px;
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     margin: 0;
     position: relative;
     display: inline-block
 }

 .wsjgraphics .tooltip h1,
 .wsjgraphics .tooltip h2,
 .wsjgraphics .tooltip h3,
 .wsjgraphics .tooltip h4,
 .wsjgraphics .tooltip h5,
 .wsjgraphics .tooltip h6 {
     margin: 0 0 2px;
     font-size: 14px;
     font-weight: 600
 }

 .wsjgraphics .tooltip p {
     margin: 3px 0;
     font-size: 14px;
     font0weught: 300px
 }

 .wsjgraphics .tooltip table.table {
     border-collapse: collapse;
     border-spacing: 0;
     margin: 0;
     font-size: 12px
 }

 .wsjgraphics .tooltip table.table td,
 .wsjgraphics .tooltip table.table th {
     padding: 3px
 }

 .wsjgraphics .tooltip table.table th {
     color: #999;
     text-transform: uppercase;
     font-size: 9px;
     font-weight: 400;
     letter-spacing: .75px;
     text-align: left
 }

 .wsjgraphics .tooltip table.table td {
     color: #708090;
     background-color: rgba(211, 211, 211, .34)
 }

 .wsjgraphics .tooltip.tooltip-dark {
     background-color: rgba(51, 51, 51, .95);
     border: 1px solid #1C1C1C;
     color: #fff
 }

 .wsjgraphics .tooltip.tooltip-dark table tr td,
 .wsjgraphics .tooltip.tooltip-dark table tr th {
     border-top: 1px solid #6F6E6E;
     border-bottom: 1px solid #6F6E6E;
     color: rgba(255, 255, 255, .8);
     background: 0 0
 }

 .wsjgraphics .tooltip:after,
 .wsjgraphics .tooltip:before {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none
 }

 .wsjgraphics .tooltip:after {
     border-color: rgba(255, 255, 255, 0);
     border-top-color: rgba(255, 255, 255, .95);
     border-width: 8px;
     margin-left: -8px
 }

 .wsjgraphics .tooltip:before {
     border-color: rgba(168, 167, 165, 0);
     border-top-color: #696866;
     border-width: 9px;
     margin-left: -9px
 }

 .wsjgraphics .tooltip.tooltip-dark:after {
     border-color: transparent;
     border-top-color: rgba(51, 51, 51, .95);
     border-width: 8px;
     margin-left: -8px
 }

 .wsjgraphics .tooltip.tooltip-dark:before {
     border-color: #1C1C1C transparent transparent;
     border-width: 9px;
     margin-left: -9px
 }

 .wsjgraphics .tooltip-noarrow:after,
 .wsjgraphics .tooltip-noarrow:before {
     border: 0
 }

 .wsjgraphics .ui-slider-horizontal {
     position: relative;
     text-align: left
 }

 .wsjgraphics .ui-slider {
     background-color: #e6e6e6;
     margin: 10px 0;
     border-radius: 4px
 }

 .wsjgraphics .ui-slider .ui-slider-handle {
     width: 18px;
     height: 18px;
     background-color: #d9d9d9;
     border-radius: 5px;
     border: 1px solid #fff;
     margin-top: -2px;
     position: absolute;
     cursor: pointer
 }

 .wsjgraphics .ui-slider .ui-slider-handle:before {
     content: 'III';
     position: absolute;
     left: 2px;
     top: 1px;
     width: 100%;
     font-size: 1rem;
     font-weight: 300;
     color: #bdbdbd
 }

 .wsjgraphics .slider-color .ui-slider-handle {
     background-color: #0080c3
 }

 .wsjgraphics .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     font-size: .7em;
     display: block;
     border: 0;
     background-position: 0 0
 }

 .wsjgraphics .ui-slider-pips {
     margin-bottom: 0;
     margin-top: 1.4em
 }

 .wsjgraphics .ui-slider-pips .ui-slider-pip {
     height: 1em;
     line-height: 1em;
     position: absolute;
     font-size: .8em;
     color: #999;
     overflow: visible;
     text-align: center;
     margin-left: -1em;
     cursor: pointer;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .wsjgraphics .ui-slider-pips .ui-slider-label {
     position: absolute;
     top: -50px;
     left: 50%;
     margin-left: -1em;
     width: 2em
 }

 .wsjgraphics .ui-slider-pips .ui-slider-pip-initial-2 {
     color: #1897C9
 }

 .wsjgraphics .ui-slider-pips [class*=ui-slider-pip-selected] {
     font-weight: 600;
     color: #737373
 }

 .wsjgraphics .ui-slider-pips .ui-slider-pip-inrange {
     color: #000
 }

 .wsjgraphics .ui-slider-pips .ui-slider-line {
     display: none
 }

 .wsjgraphics .ui-slider.ui-state-disabled .ui-slider-handle,
 .wsjgraphics .ui-slider.ui-state-disabled .ui-slider-range {
     -webkit-filter: inherit;
     filter: inherit
 }

 .wsjgraphics .ui-slider-horizontal {
     height: .3em
 }

 .wsjgraphics .ui-slider:before {
     top: -1.4rem
 }

 .wsjgraphics .ui-slider:after {
     bottom: -1.4rem
 }

 .wsjgraphics .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%
 }

 .wsjgraphics .ui-slider-horizontal .ui-slider-range-min {
     left: 0
 }

 .wsjgraphics .ui-slider-horizontal .ui-slider-range-max {
     right: 0
 }

 .wsjgraphics .ui-slider-vertical {
     width: .8em;
     height: 100px
 }

 .wsjgraphics .ui-slider-vertical .ui-slider-handle {
     left: -.3em;
     margin-left: 0;
     margin-bottom: -.6em
 }

 .wsjgraphics .ui-slider-vertical .ui-slider-range {
     left: 0;
     width: 100%
 }

 .wsjgraphics .ui-slider-vertical .ui-slider-range-min {
     bottom: 0
 }

 .wsjgraphics .ui-slider-vertical .ui-slider-range-max {
     top: 0
 }

 .wsjgraphics * {
     box-sizing: border-box
 }

 a,
 abbr,
 acronym,
 address,
 applet,
 article,
 aside,
 audio,
 b,
 big,
 blockquote,
 body,
 canvas,
 caption,
 center,
 cite,
 code,
 dd,
 del,
 details,
 dfn,
 div,
 dl,
 dt,
 em,
 embed,
 fieldset,
 figcaption,
 figure,
 footer,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 header,
 hgroup,
 html,
 i,
 iframe,
 img,
 ins,
 kbd,
 label,
 legend,
 mark,
 menu,
 nav,
 object,
 output,
 p,
 pre,
 q,
 ruby,
 s,
 samp,
 section,
 small,
 span,
 strike,
 strong,
 sub,
 summary,
 sup,
 table,
 tbody,
 td,
 tfoot,
 th,
 thead,
 time,
 tr,
 tt,
 u,
 var,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     vertical-align: baseline
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block
 }

 html {
     position: relative;
     min-height: 100%
 }

 body {
     line-height: 1.7;
     margin: 0
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 body {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     font-weight: 300
 }

 * {
     box-sizing: border-box
 }


 @media screen and (min-width:981px) and (max-width:1300px) {
     .container {
         width: 960px
     }
 }

 @media screen and (min-width:661px) and (max-width:980px) {
     .container {
         width: 640px
     }
 }

 @media screen and (min-width:1px) and (max-width:660px) {
     .container {
         width: 100%
     }
 }

 .article-text,
 .article-text p {
     font-family: Exchange, "Times Roman", "Times New Roman", Georgia, serif;
     font-weight: 300;
     font-size: 17px;
     line-height: 27px
 }

 p {
     margin: 0 0 20px
 }

 blockquote,
 q {
     quotes: none
 }

 blockquote:after,
 blockquote:before,
 q:after,
 q:before {
     content: "";
     content: none
 }

 a:link {
     color: #0080c3;
     text-decoration: none
 }

 a:visited {
     color: #0080c3;
     outline: 0
 }

 a:hover {
     color: #0080c3;
     text-decoration: underline
 }

 h3.subhed {
     text-align: left;
     font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 26px;
     line-height: 30px;
     font-weight: 500;
     letter-spacing: 1px;
     font-style: normal;
     text-transform: uppercase;
     margin-top: 40px;
     margin-bottom: 20px;
     color: #333
 }

 h4.subhed {
     text-align: left;
     font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 23px;
     line-height: 26px;
     font-style: normal;
     font-weight: 500;
     letter-spacing: 0;
     margin-top: 40px;
     margin-bottom: 20px;
     text-transform: none;
     color: #333
 }

 .footnote {
     color: #666;
     line-height: 1.5;
     font-size: 11px;
     font-weight: 400
 }

 .highlight {
     background-color: #ffd63d;
     box-shadow: 5px 5px 0 #ffd63d, -5px -5px 0 #ffd63d, 5px -5px 0 #ffd63d, -5px 5px 0 #ffd63d;
     -webkit-box-decoration-break: clone;
     -ms-box-decoration-break: clone;
     -o-box-decoration-break: clone;
     box-decoration-break: clone;
     margin-right: 7.5px
 }

 bold,
 strong {
     font-weight: 500
 }

 em,
 i {
     font-style: italic
 }

 .article-header__eyebrow {
     display: inline-block;
     padding: 0;
     border-bottom: 2px solid #333;
     margin: 5px auto 10px;
     font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 15px;
     font-weight: 500;
     line-height: 1.5;
     letter-spacing: 1px;
     text-transform: uppercase
 }

 .article-header__headline {
     margin-top: 3px;
     margin-bottom: 3px;
     font-family: "Escrow Banner Compressed", "Times Roman", "Times New Roman", Georgia, serif;
     font-weight: 700;
     font-size: 77px;
     line-height: 1em;
     word-spacing: -3px
 }

 @media screen and (max-width:660px) {
     .article-header__headline {
         font-size: 48px
     }
 }

 .article-header__deck {
     margin: 20px auto;
     width: 75%;
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 21px;
     line-height: 30px;
     font-weight: 300;
     color: #333
 }

 @media screen and (max-width:660px) {
     .article-header__deck {
         width: 100%;
         font-size: 19px;
         line-height: 26px
     }
 }

 .article-header__byline {
     color: #333;
     clear: both;
     font-family: Exchange, "Times Roman", "Times New Roman", Georgia, serif;
     font-style: italic;
     font-weight: 400;
     font-size: 17px
 }

 .article-header__byline a,
 .article-header__byline span {
     font-weight: 500
 }

 .article-header__byline a {
     color: #333
 }

 .article-header__meta {
     font-size: 14px;
     line-height: 22px;
     color: #666;
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 300
 }

 .article-header__meta .meta-split {
     display: inline
 }

 .article-header__meta:after {
     content: "";
     height: 2px;
     margin: 30px auto 10px;
     border: 0;
     background-color: #333;
     width: 60px
 }

 .article-header__related-link {
     text-align: center;
     display: block;
     margin-bottom: 20px;
     font-family: Exchange, "Times Roman", "Times New Roman", Georgia, serif;
     font-weight: 300
 }

 .article-header__related-link a {
     margin-left: 5px;
     font-weight: 400
 }

 .article-header__hero-image {
     margin-top: 30px;
     margin-bottom: 30px
 }

 .article-header__hero-image img {
     width: 100%;
     display: block
 }

 @media screen and (max-width:660px) {
     .article-header__hero-image {
         margin-top: 25px;
         margin-bottom: 25px
     }
 }

 .article-header__crown {
     max-width: 250px;
     display: block;
     margin-left: auto;
     margin-right: auto
 }

 .pro-header,
 .top-header {
     background-color: #111;
     text-align: left;
     padding: 15px
 }

 .pro-header #pro-link,
 .top-header #pro-link {
     display: none
 }

 .pro-header #wsj-link,
 .top-header #wsj-link {
     display: block;
     height: 15px;
     width: 180px;
     margin-left: 0;
     opacity: .9;
     background-image: url(../images/wsj-logo-big.svg);
     background-size: contain;
     background-repeat: no-repeat
 }

 .pro-header #pro-link,
 .top-header #pro-link {
     margin: 0 auto;
     height: 26px;
     width: 100px;
     background-image: url(../images/wsjpro_1.png);
     background-size: contain;
     background-repeat: no-repeat
 }

 .pro-header a img,
 .top-header a img {
     height: 24px
 }

 .pro-header,
 .top-header.pro-header {
     text-align: center;
     background-color: #1a2f35
 }

 .pro-header #wsj-link,
 .top-header.pro-header #wsj-link {
     display: none
 }

 .pro-header #pro-link,
 .top-header.pro-header #pro-link {
     display: block
 }

 header.article-header {
     width: 960px;
     margin: 30px auto 20px;
     padding-bottom: 20px;
     text-align: center
 }

 @media screen and (max-width:980px) {
     header.article-header {
         width: 100%;
         padding-left: 10px;
         padding-right: 10px
     }
 }

 @media screen and (max-width:660px) {
     header.article-header {
         margin-top: 20px;
         margin-bottom: 15px
     }
 }

 .splitter {
     padding-top: 10px
 }

 .splitter:after {
     content: "";
     height: 2px;
     display: block;
     margin: 0 auto 28px;
     border: 0;
     background-color: #333;
     width: 60px
 }

 .data-viz {
     margin: 35px auto;
     width: 800px;
     padding: 0 10px
 }

 @media screen and (max-width:980px) {
     .data-viz {
         width: 100%
     }
 }

 .data-viz p {
     font-size: 14px;
     line-height: 20px
 }

 main ul {
     padding-left: 40px;
     padding-right: 40px;
     margin-top: 30px;
     margin-bottom: 30px
 }

 @media screen and (max-width:660px) {
     main ul {
         padding: 0
     }
 }

 main li {
     margin-bottom: 15px;
     list-style: none
 }

 @media screen and (max-width:660px) {
     main li {
         padding-left: 25px;
         padding-right: 15px
     }
 }

 main li:before {
     content: "\25C6";
     margin-left: -25px;
     margin-right: 15px
 }

 @media screen and (max-width:660px) {
     main li:before {
         margin-left: -25px;
         margin-right: 14px
     }
 }

 p.related-link {
     text-align: center
 }

 #main-wrapper {
     position: relative;
     margin: 0 auto
 }

 .article-spine {
     width: 100%;
     max-width: 640px;
     padding: 0 10px;
     margin: 0 auto
 }

 .footernote {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 20px;
     font-weight: 300;
     color: #666;
     margin: 20px auto 0;
     padding: 0 10px
 }

 .footernote:before {
     content: "";
     height: 2px;
     display: block;
     margin: 0 auto;
     border: 0;
     background-color: #333;
     width: 100%
 }

 .footernote .footernote__section {
     text-align: left;
     padding: 20px 0
 }

 .footernote .footernote__section p {
     margin-bottom: 10px
 }

 .footernote .footernote__section p:last-child {
     margin-bottom: 0
 }

 .footernote .footernote__subsection:not(:last-child) {
     margin-bottom: 10px
 }

 .footernote .footernote__section--follow,
 .footernote .footernote__section--social {
     text-align: center;
     padding: 20px 0
 }

 .footernote .footernote__section,
 .footernote .footernote__section--social {
     border-bottom: 1px solid #666
 }

 .footernote .footernote__section--social {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .footernote .footernote__subheader {
     display: inline-block;
     font-weight: 500;
     margin-right: 5px
 }

 .footernote .social-links {
     display: inline-block;
     font-size: 0;
     line-height: 0
 }

 .footernote h6 {
     display: inline-block;
     font-family: "Escrow Condensed", "Times Roman", "Times New Roman", Georgia, serif;
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: initial;
     font-style: initial;
     padding-right: 10px
 }

 .footernote .footernote__section--follow ul {
     display: inline-block;
     padding: 0;
     list-style-type: none
 }

 .footernote .footernote__section--follow li {
     font-size: 15px;
     display: inline-block;
     margin-bottom: 0
 }

 .footernote .footernote__section--follow li:not(:first-child):before {
     content: "/";
     display: inline-block;
     margin: 0 10px;
     color: #ccc
 }

 .related-links-holder .related-wrapper {
     margin-bottom: 80px
 }

 .related-links-holder .related {
     width: 100%;
     padding: 10px 5px;
     background-color: #f7f7f7
 }

 .related-links-holder .related div {
     margin: 0 auto;
     max-width: 620px;
     text-align: center
 }

 .related-links-holder .related-items-module .related-feature {
     padding-top: 20px 0
 }

 .related-links-holder .related-items-module .related-feature h5 {
     margin-bottom: 15px;
     padding: 10px;
     border-bottom: 1px solid #ccc;
     border-top: 2px solid #000;
     font-family: "Escrow Condensed", "Times Roman", "Times New Roman", Georgia, serif;
     color: #333;
     font-weight: 700;
     position: relative
 }

 .related-links-holder .related-items-module .related-feature h5 a {
     display: block;
     font-size: 18px;
     line-height: 20px
 }

 .related-links-holder .related-items-module .related-feature h5 a:after {
     content: "\2192";
     font-weight: 400;
     position: absolute;
     right: 0
 }

 .related-links-holder .related-items-module .related-feature h5 a:active,
 .related-links-holder .related-items-module .related-feature h5 a:hover {
     color: #0080c3;
     text-decoration: none
 }

 .related-links-holder .related-items-module .related-feature a {
     color: #333;
     font-size: 20px;
     line-height: 22px
 }

 .related-links-holder .related-feature h6 {
     margin-bottom: 20px
 }

 .related-links-holder .related-feature h6 a {
     color: #333
 }

 .related-links-holder .related-feature,
 .related-links-holder .related-feature h6 {
     margin-top: 10px;
     font-family: "Escrow Condensed", "Times Roman", "Times New Roman", Georgia, serif;
     line-height: 22px;
     font-weight: 700
 }

 .related-links-holder .related-feature .col-xs-9,
 .related-links-holder .related-feature h6 .col-xs-9 {
     line-height: 20px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     left: 25%
 }

 .related-links-holder .related-feature .col-sm-3,
 .related-links-holder .related-feature h6 .col-sm-3 {
     margin-bottom: 10px;
     padding: 0 10px
 }

 .related-links-holder .related-feature h6 img,
 .related-links-holder .related-feature img {
     width: 100%;
     margin-top: 5px
 }

 .related-links-holder .related-feature .col-xs-3,
 .related-links-holder .related-feature h6 .col-xs-3 {
     padding-right: 0
 }

 .related-links-holder .related-feature {
     margin-top: 50px
 }

 .related-links-holder .related-feature a,
 .related-links-holder .related-feature img {
     width: 100%
 }

 .related-links-holder .template-embed .related-items-module {
     display: none
 }

 .related-links-holder #related-links {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .related-links-holder .related-item {
     width: 320px;
     padding: 0 10px
 }

 @media screen and (max-width:1200px) {
     .related-links-holder .related-item:last-child {
         display: none
     }

     .related-links-holder .related-item:nth-last-child(2) {
         padding-right: 0
     }

     .related-links-holder .related-item {
         width: 32.33333%
     }
 }

 @media screen and (max-width:991px) {
     .related-links-holder #related-links {
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap
     }

     .related-links-holder .related-item:last-child {
         display: block
     }

     .related-links-holder .related-item {
         width: 320px;
         padding: 0 10px
     }
 }

 @media screen and (max-width:767px) {
     .related-links-holder .related-item {
         padding: 0 10px;
         margin-bottom: 10px;
         width: 100%
     }

     .related-links-holder .related-item:after {
         content: "";
         height: 1px;
         width: 100%;
         background-color: #eaeaea;
         display: block
     }

     .related-links-holder .related-feature {
         padding: 0
     }
 }

 body {
     margin-bottom: 90px
 }

 .flex-ad.mobile-ad div {
     display: block;
     border-bottom: none;
     padding-bottom: 0
 }

 .flex-ad>div {
     display: inline-block;
     border-bottom: 1px solid #d1d1d1;
     padding-bottom: 8px
 }

 .box-ad {
     text-align: center
 }

 .box-ad .ad-label {
     display: block;
     background: 0 0
 }

 .ad-label {
     font-size: 11px;
     text-align: center;
     line-height: 2.3;
     font-family: Helvetica, Arial, sans-serif;
     background: #f5f5f5;
     color: #444;
     height: 24px;
     width: 300px;
     margin: 0 auto;
     font-weight: 400
 }

 .box-ad {
     margin: 35px auto;
     position: relative;
     background: radial-gradient(ellipse at center, #efedec 0, rgba(239, 237, 236, 0) 100%);
     max-width: 621px;
     padding: 7px 0 15px;
     box-sizing: border-box;
     visibility: visible !important;
     clear: both;
     width: 100%;
     opacity: 1;
     -webkit-transition: all .3s ease;
     transition: all .3s ease
 }

 .box-ad:before {
     content: " ";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     height: 5px;
     width: 100%;
     text-align: right;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, 0)));
     background: linear-gradient(to bottom, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, 0) 100%)
 }

 .box-ad:after {
     content: " ";
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     height: 5px;
     width: 100%;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .05)));
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .05) 100%)
 }

 .standalone-only {
     display: inline-block
 }

 .embed-only {
     display: none
 }

 .template-embed-dev .template-embed-warning {
     position: fixed;
     top: -1px;
     right: -1px;
     background-color: red;
     color: #fff;
     border: 1px solid #d1d1d1;
     padding: 20px
 }

 .template-embed {
     height: auto;
     margin: 0
 }

 .template-embed .article-text {
     max-width: 100%;
     padding-left: 0;
     padding-right: 0
 }

 .template-embed .row {
     margin: 0
 }

 .template-embed .container-splash,
 .template-embed .footernote,
 .template-embed .no-embed,
 .template-embed .sidebar,
 .template-embed .standalone-only,
 .template-embed .top-header,
 .template-embed footer {
     display: none
 }

 .template-embed .container-narrow,
 .template-embed .text-container {
     max-width: inherit
 }

 .template-embed .container {
     max-width: inherit;
     width: inherit;
     padding: 0;
     overflow: hidden
 }

 .template-embed header,
 .template-embed header.row {
     padding-bottom: 0;
     border: 0;
     max-width: 100%;
     margin: 0
 }

 .template-embed header .byline,
 .template-embed header .header-ad,
 .template-embed header .meta,
 .template-embed header .social-riser,
 .template-embed header.row .byline,
 .template-embed header.row .header-ad,
 .template-embed header.row .meta,
 .template-embed header.row .social-riser {
     display: none
 }

 .template-embed header .header-text,
 .template-embed header.row .header-text {
     width: 100%;
     padding-top: 0;
     padding-left: 0;
     padding-right: 0;
     text-align: left
 }

 .template-embed header .header-text .eyebrow,
 .template-embed header.row .header-text .eyebrow {
     display: none
 }

 .template-embed header .header-text h1.headline,
 .template-embed header.row .header-text h1.headline {
     word-spacing: 0
 }

 .template-embed .embed-only {
     display: block
 }

 @media screen and (max-width:768px) {
     .template-embed .footer-ad {
         display: none
     }
 }

 .highcharts-tooltip path {
     stroke: #a8a7a5;
     fill: rgba(255, 255, 255, .95)
 }

 .highcharts-container svg {
     font-family: Retina, "Helvetica Neue", Helvetica, Arial, sans-serif
 }

 .social-riser .social-link:last-child {
     margin-right: 0
 }