@charset "UTF-8";
body .header {
  margin-bottom: 0; }

.txt-white {
  color: white; }

.txt-population {
  color: #bae659; }

.txt-retail-sales {
  color: #f8a908; }

.txt-median-household-income {
  color: #ffdc53; }

.txt-university-ranking {
  color: #ff90a1; }

.txt-GDP {
  color: #df536a; }

.txt-gdp {
  color: #df536a; }

.fill-population {
  fill: #bae659; }

.fill-retail {
  fill: #f8a908; }

.fill-income {
  fill: #ffdc53; }

.fill-university {
  fill: #ff90a1; }

.fill-GDP {
  fill: #df536a; }

.fill-white {
  fill: white; }

.stroke-population {
  stroke: #bae659; }

.stroke-retail {
  stroke: #f8a908; }

.stroke-income {
  stroke: #ffdc53; }

.stroke-university {
  stroke: #ff90a1; }

.stroke-GDP {
  stroke: #df536a; }

.bg-global-city {
  background-color: #4f3398; }

.bg-blog {
  background-color: #bae659; }

.bg-about {
  background-color: #ff90a1; }

.bg-invest {
  background-color: #f8a908; }

.bg-team {
  background-color: #ea5204; }

.bg-video {
  background-color: #63c532; }

.bg-risks,
.bg-pink {
  background-color: #b71962; }

.bg-newsletter {
  background-color: transparent; }

@font-face {
  font-family: 'schroders';
  src: url("../fonts/schroders.eot?caeop2");
  src: url("../fonts/schroders.eot?caeop2#iefix") format("embedded-opentype"), url("../fonts/schroders.ttf?caeop2") format("truetype"), url("../fonts/schroders.woff?caeop2") format("woff"), url("../fonts/schroders.svg?caeop2#schroders") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'schroders' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-minus-two:before {
  content: "\e912"; }

.icon-plus-two:before {
  content: "\e911"; }

.icon-gdp:before {
  content: "\e910"; }

.icon-university-ranking:before {
  content: "\e90c"; }

.icon-population:before {
  content: "\e90b"; }

.icon-retail-sales:before {
  content: "\e90a"; }

.icon-median-household-income:before {
  content: "\e907"; }

.icon-trophy:before {
  content: "\e90f"; }

.icon-mag-plus:before {
  content: "\e908"; }

.icon-mag-center:before {
  content: "\e90d"; }

.icon-mag-minus:before {
  content: "\e90e"; }

.icon-globe:before {
  content: "\e909"; }

.icon-pointer:before {
  content: "\e905"; }

.icon-lens:before {
  content: "\e900"; }

.icon-cta-chevron:before {
  content: "\e906"; }

.icon-cta-arrow:before {
  content: "\e901"; }

.icon-cta-plus:before {
  content: "\e902"; }

.icon-cta-close:before {
  content: "\e903"; }

.icon-cta-minus:before {
  content: "\e904"; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.4, 1.4); }
  100% {
    transform: scale(1); } }

@keyframes explode {
  from {
    transform: scale(1); }
  to {
    transform: scale(30);
    opacity: 0; } }

@keyframes rotateUp {
  from {
    transform: rotate(90deg); }
  to {
    transform: scale(270deg); } }

@keyframes rotateDown {
  from {
    transform: scale(270deg); }
  to {
    transform: scale(90deg);
    opacity: 0; } }

@keyframes slideDown {
  0% {
    max-height: 0; }
  100% {
    max-height: 500px; } }

@keyframes slideUp {
  from {
    height: 0; }
  to {
    height: 242px; } }

#app-schr-global-cities-mar17 #globe-app {
  font-size: 18px;
  background-color: #001454;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: relative; }
  #app-schr-global-cities-mar17 #globe-app a {
    cursor: pointer;
    text-decoration: none; }
  #app-schr-global-cities-mar17 #globe-app ul li {
    list-style: none; }
  #app-schr-global-cities-mar17 #globe-app p {
    font-family: CircularStd-Bold;
    line-height: 17px; }
  #app-schr-global-cities-mar17 #globe-app .container {
    padding: 0;
    width: 100% !important;
    height: 520px;
    z-index: 2; }
  #app-schr-global-cities-mar17 #globe-app svg#defs {
    position: absolute;
    height: 0;
    max-height: 0; }
  #app-schr-global-cities-mar17 #globe-app .title-container {
    margin: 0 auto;
    max-width: 1140px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    left: 50%;
    z-index: 6; }
  #app-schr-global-cities-mar17 #globe-app .title-area {
    top: 40px;
    left: 15px;
    position: absolute; }
    #app-schr-global-cities-mar17 #globe-app .title-area h1, #app-schr-global-cities-mar17 #globe-app .title-area h2 {
      margin: 0; }
    #app-schr-global-cities-mar17 #globe-app .title-area h1 {
      font-family: "CircularStd-Book";
      color: white;
      font-size: 32px;
      line-height: 40px; }
    #app-schr-global-cities-mar17 #globe-app .title-area h2 {
      font-family: "NotoSans-Regular";
      color: #14e6f1;
      font-size: 22px;
      line-height: 30px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area {
    background-color: #2a52b5;
    padding: 0;
    position: relative; }
    #app-schr-global-cities-mar17 #globe-app .intro-area .intro {
      overflow: hidden;
      max-height: 0px;
      height: 400px;
      transition-property: all;
      transition-duration: .6s;
      transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
      #app-schr-global-cities-mar17 #globe-app .intro-area .intro .intro-content {
        margin: 0 auto;
        max-width: 1140px;
        overflow: hidden;
        padding: 50px 0 20px; }
        #app-schr-global-cities-mar17 #globe-app .intro-area .intro .intro-content p {
          font-family: "NotoSans-Regular",  CircularStd-Book;
          color: white;
          font-size: 16px;
          font-weight: 200;
          line-height: 22.8571px;
          padding: 70px 5px 0; }
    #app-schr-global-cities-mar17 #globe-app .intro-area .intro-cta {
      background-color: #2a52b5;
      cursor: pointer;
      display: block;
      height: 30px;
      position: absolute;
      width: 100%;
      z-index: 5;
      bottom: -29px; }
      #app-schr-global-cities-mar17 #globe-app .intro-area .intro-cta a {
        color: white;
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto; }
        #app-schr-global-cities-mar17 #globe-app .intro-area .intro-cta a span {
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          transform: rotate(90deg);
          line-height: 30px;
          transition: transform .4s linear;
          position: absolute; }
    #app-schr-global-cities-mar17 #globe-app .intro-area.selected .intro {
      max-height: 400px; }
    #app-schr-global-cities-mar17 #globe-app .intro-area.selected .intro-cta a span {
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      transform: rotate(270deg); }
  #app-schr-global-cities-mar17 #globe-app .control-overlay {
    margin: 0 auto;
    max-width: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
    #app-schr-global-cities-mar17 #globe-app .control-overlay > div,
    #app-schr-global-cities-mar17 #globe-app .control-overlay .selection-toggle {
      z-index: 4; }
  #app-schr-global-cities-mar17 #globe-app #map-area {
    position: relative; }
    #app-schr-global-cities-mar17 #globe-app #map-area #map {
      position: absolute;
      width: 100%;
      left: 0;
      z-index: 1; }
  #app-schr-global-cities-mar17 #globe-app .land {
    fill: #269eee;
    stroke: #fff;
    stroke-width: 0; }
  #app-schr-global-cities-mar17 #globe-app .countries {
    fill: #269eee;
    stroke: #fff;
    stroke-opacity: 0.3;
    stroke-width: 1; }
  #app-schr-global-cities-mar17 #globe-app .arcs {
    stroke: white;
    stroke-width: 2; }
  #app-schr-global-cities-mar17 #globe-app .flyers {
    stroke-width: 8;
    opacity: 1; }
  #app-schr-global-cities-mar17 #globe-app .arc, #app-schr-global-cities-mar17 #globe-app .flyer {
    stroke-linejoin: round;
    fill: none; }
  #app-schr-global-cities-mar17 #globe-app .city {
    position: relative; }
  #app-schr-global-cities-mar17 #globe-app .cities {
    position: absolute;
    fill: white;
    stroke-width: 2;
    fill-opacity: 1;
    cursor: pointer;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform: scale(1); }
    #app-schr-global-cities-mar17 #globe-app .cities.pulse {
      stroke-width: 2; }
    #app-schr-global-cities-mar17 #globe-app .cities.selected {
      -webkit-explode: 0.5s;
      -ms-explode: 0.5s;
      -moz-explode: 0.5s;
      explode: 0.5s; }
  #app-schr-global-cities-mar17 #globe-app .label rect {
    stroke-width: 1;
    stroke: white;
    height: 20px; }
  #app-schr-global-cities-mar17 #globe-app .label .label-text {
    font-family: CircularStd-Bold;
    fill: #002a5e;
    text-transform: uppercase; }
    #app-schr-global-cities-mar17 #globe-app .label .label-text.GDP {
      fill: white; }
  #app-schr-global-cities-mar17 #globe-app .label#beijing-label rect {
    width: 68px; }
  #app-schr-global-cities-mar17 #globe-app .label#brisbane-label rect {
    width: 78px; }
  #app-schr-global-cities-mar17 #globe-app .label#hong-kong-label rect, #app-schr-global-cities-mar17 #globe-app .label#melbourne-label rect, #app-schr-global-cities-mar17 #globe-app .label#mexico-city-label rect {
    width: 95px; }
  #app-schr-global-cities-mar17 #globe-app .label#shenzhen-label rect, #app-schr-global-cities-mar17 #globe-app .label#san-diego-label rect {
    width: 88px; }
  #app-schr-global-cities-mar17 #globe-app .label#singapore-label rect, #app-schr-global-cities-mar17 #globe-app .label#baltimore-label rect {
    width: 92px; }
  #app-schr-global-cities-mar17 #globe-app .label#sydney-label rect {
    width: 70px; }
  #app-schr-global-cities-mar17 #globe-app .label#tokyo-label rect {
    width: 62px; }
  #app-schr-global-cities-mar17 #globe-app .label#london-label rect, #app-schr-global-cities-mar17 #globe-app .label#boston-label rect {
    width: 72px; }
  #app-schr-global-cities-mar17 #globe-app .label#paris-label rect {
    width: 53px; }
  #app-schr-global-cities-mar17 #globe-app .label#chicago-label rect, #app-schr-global-cities-mar17 #globe-app .label#atlanta-label rect {
    width: 78px; }
  #app-schr-global-cities-mar17 #globe-app .label#dallas-label rect {
    width: 68px; }
  #app-schr-global-cities-mar17 #globe-app .label#houston-label rect, #app-schr-global-cities-mar17 #globe-app .label#toronto-label rect {
    width: 84px; }
  #app-schr-global-cities-mar17 #globe-app .label#los-angeles-label rect {
    width: 106px; }
  #app-schr-global-cities-mar17 #globe-app .label#miami-label rect {
    width: 58px; }
  #app-schr-global-cities-mar17 #globe-app .label#minneapolis-label rect {
    width: 106px; }
  #app-schr-global-cities-mar17 #globe-app .label#new-york-label rect {
    width: 84px; }
  #app-schr-global-cities-mar17 #globe-app .label#philadelphia-label rect {
    width: 106px; }
  #app-schr-global-cities-mar17 #globe-app .label#san-jose-label rect {
    width: 80px; }
  #app-schr-global-cities-mar17 #globe-app .label#san-francisco-label rect {
    width: 120px; }
  #app-schr-global-cities-mar17 #globe-app .label#seattle-label rect {
    width: 72px; }
  #app-schr-global-cities-mar17 #globe-app .label#washington-dc-label rect {
    width: 136px; }
  #app-schr-global-cities-mar17 #globe-app .controls {
    position: absolute;
    right: 15px;
    z-index: 2; }
  #app-schr-global-cities-mar17 #globe-app .zoom-area {
    left: auto;
    right: 15px;
    width: 50px;
    top: 140px; }
    #app-schr-global-cities-mar17 #globe-app .zoom-area a {
      background-color: #002a5e;
      color: white;
      cursor: pointer;
      display: block;
      font-size: 26px;
      line-height: 50px;
      margin-bottom: 10px;
      padding-left: 12px;
      width: 100%;
      height: 50px; }
      #app-schr-global-cities-mar17 #globe-app .zoom-area a.hover {
        background-color: #14e6f1;
        color: #002a5e; }
  #app-schr-global-cities-mar17 #globe-app a.selection-toggle {
    background-color: #032b5c;
    border: 1px solid #fff;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-family: "NotoSans-Regular";
    position: absolute;
    padding: 5px 42px 5px 12px;
    top: 140px;
    left: 15px;
    z-index: 5; }
    #app-schr-global-cities-mar17 #globe-app a.selection-toggle span {
      position: absolute;
      top: 8px;
      right: 16px;
      transform: rotate(90deg); }
  #app-schr-global-cities-mar17 #globe-app .city-selection-area {
    display: none;
    width: 184px;
    top: 140px;
    z-index: 4;
    left: 15px; }
    #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel {
      font-family: "NotoSans-Regular";
      font-size: 16px;
      background: transparent url("../img/bg-city-data.png") 0 0 repeat;
      border: 1px solid #fff;
      border-radius: 3px;
      margin: 0 0 12px; }
    #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-heading {
      padding: 0;
      width: 100%; }
      #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-heading a {
        background-color: #032b5c;
        color: #14e6f1;
        display: block;
        padding: 5px 12px;
        position: relative; }
        #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-heading a span.expand-indicator {
          -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          -moz-transform: rotate(270deg);
          transform: rotate(270deg);
          -webkit-transition: transform 0.4s linear;
          -ms-transition: transform 0.4s linear;
          -moz-transition: transform 0.4s linear;
          transition: transform 0.4s linear;
          position: absolute;
          right: 16px;
          top: 8px; }
        #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-heading a.collapsed {
          background-color: transparent;
          color: white; }
          #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-heading a.collapsed span.expand-indicator {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            transform: rotate(90deg); }
    #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-body {
      border: 0;
      margin: 0; }
      #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-body li {
        border-top: 1px solid #2a52b5;
        margin: 1px 0 0;
        position: relative; }
        #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-body li a {
          color: white;
          display: block;
          padding: 5px 7px 5px 12px; }
          #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-body li a:hover, #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-body li a.selected {
            background-color: #002a5e;
            color: #14e6f1; }
        #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel-body li span {
          position: absolute;
          left: 8px;
          top: 8px; }
    #app-schr-global-cities-mar17 #globe-app .city-selection-area .ss-container {
      height: 145px;
      overflow: hidden;
      width: 100%; }
    #app-schr-global-cities-mar17 #globe-app .city-selection-area #europe .ss-container {
      height: 68px; }
  #app-schr-global-cities-mar17 #globe-app .yass-scrollbar {
    position: absolute;
    background: #002a5e;
    display: block !important;
    top: 0;
    right: 0;
    z-index: 2;
    width: 9px;
    height: calc(100% - 3px);
    cursor: pointer;
    opacity: 1; }
  #app-schr-global-cities-mar17 #globe-app .yass-scrollbar-button {
    position: absolute;
    left: 1px;
    width: 7px;
    border-radius: 4px;
    background: #14e6f1; }
  #app-schr-global-cities-mar17 #globe-app .city-information {
    display: none;
    position: absolute;
    width: 226px;
    height: 400px;
    left: 15px;
    top: 190px;
    z-index: 3; }
    #app-schr-global-cities-mar17 #globe-app .city-information > div {
      position: absolute; }
    #app-schr-global-cities-mar17 #globe-app .city-information svg path,
    #app-schr-global-cities-mar17 #globe-app .city-information svg line,
    #app-schr-global-cities-mar17 #globe-app .city-information svg polyline {
      stroke: #fff;
      stroke-width: 3px; }
  #app-schr-global-cities-mar17 #globe-app .city-data {
    background: transparent url("../img/bg-city-data.png") 0 0 repeat;
    border: 1px solid white;
    border-radius: 3px;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition-property: max-height;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-property: max-height;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    left: 0; }
    #app-schr-global-cities-mar17 #globe-app .city-data .top-rank {
      border-bottom: 1px solid #b0bccc;
      color: white;
      overflow: hidden;
      padding: 11px 15px;
      position: relative; }
      #app-schr-global-cities-mar17 #globe-app .city-data .top-rank span.icon-trophy {
        color: white;
        display: inline-block;
        float: left;
        font-size: 18px;
        margin: 2px 8px 0 0; }
    #app-schr-global-cities-mar17 #globe-app .city-data .content-data {
      padding: 11px 15px; }
    #app-schr-global-cities-mar17 #globe-app .city-data h3 {
      margin: 2px 0; }
    #app-schr-global-cities-mar17 #globe-app .city-data .overall-score {
      margin-top: 8px;
      overflow: hidden; }
    #app-schr-global-cities-mar17 #globe-app .city-data .rank,
    #app-schr-global-cities-mar17 #globe-app .city-data .total-score {
      font-size: 15px;
      float: left; }
    #app-schr-global-cities-mar17 #globe-app .city-data .rank {
      float: right; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings {
      border-collapse: collapse;
      border-spacing: 0;
      font-family: "NotoSans-Regular";
      font-size: 12px;
      font-weight: 200;
      overflow: hidden;
      padding: 0 10px 0 0;
      position: relative;
      width: 100%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .headings {
        color: white;
        overflow: hidden;
        padding-bottom: 5px;
        text-align: center; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .ss-container {
        height: 210px;
        overflow: hidden;
        width: 100%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results {
        padding: 0;
        width: calc(100% - 20px); }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result {
          clear: left;
          margin: 0;
          text-align: center; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result .description-link {
            display: block;
            width: 12px; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result .row-info {
            overflow: hidden; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result .row-description {
            height: 118px;
            max-height: 0;
            overflow: hidden;
            text-align: left;
            transition-property: all;
            transition-duration: .6s;
            transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
            #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result .row-description div {
              border-bottom: 1px solid white;
              margin: 0 5px 6px 0;
              padding-bottom: 12px; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result .icon-cta-chevron {
            position: absolute;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
            transition-property: transform;
            transition-duration: .6s;
            transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.selected .row-description {
            max-height: 118px; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.selected .icon-cta-chevron {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            transform: rotate(90deg); }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-university-ranking .cell.info {
            padding-top: 18px; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-university-ranking .cell.scores, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-university-ranking .cell.ranking {
            line-height: 39px; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-median-household-income .cell.info {
            padding-top: 24px; }
          #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-median-household-income .cell.scores, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-median-household-income .cell.ranking {
            line-height: 52px; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1) .row-description {
          height: 120px; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1).selected .row-description {
          max-height: 120px; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2) .row-description {
          height: 152px; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2).selected .row-description {
          max-height: 152px; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5) .row-description {
          height: 100px; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5).selected .row-description {
          max-height: 100px; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell {
        font-family: "NotoSans-Bold";
        float: left;
        padding: 4px 3%;
        text-align: center; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell.key {
          font-family: "NotoSans-Bold";
          text-align: left;
          padding-left: 0;
          width: 42%; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell.info {
          padding-top: 8px;
          width: 12%; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell.scores {
          width: 26%; }
        #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell.ranking {
          padding-right: 0;
          width: 20%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .yass-wrapper,
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .ss-container {
        width: calc(100% + 10px); }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .yass-scrollbar {
        background: transparent url("../img/bg-city-data.png") 0 0 repeat;
        right: 10px; }
    #app-schr-global-cities-mar17 #globe-app .city-data.selected {
      max-height: 320px; }
  #app-schr-global-cities-mar17 #globe-app .info-line {
    display: none;
    width: 112px;
    height: 244px;
    left: 188px;
    top: 28px; }
  #app-schr-global-cities-mar17 #globe-app #city-building {
    bottom: 0;
    left: 378px; }
    #app-schr-global-cities-mar17 #globe-app #city-building svg path,
    #app-schr-global-cities-mar17 #globe-app #city-building svg line,
    #app-schr-global-cities-mar17 #globe-app #city-building svg polyline {
      stroke-width: 2px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-beijing {
      height: 72%;
      bottom: 57px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-brisbane {
      height: 89%;
      bottom: 36px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-hong-kong {
      height: 90%;
      bottom: 36px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-melbourne {
      height: 52%;
      bottom: 50px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-shanghai {
      height: 89%;
      bottom: 39px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-shenzhen {
      height: 88%;
      bottom: 39px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-singapore {
      height: 70%;
      bottom: 39px;
      left: 352px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-sydney {
      height: 36%;
      bottom: 70px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-tianjin {
      height: 89%;
      bottom: 70px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-tokyo {
      height: 92%;
      bottom: 28px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-london {
      height: 89%;
      bottom: 38px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-paris {
      height: 88%;
      bottom: 42px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-atlanta {
      height: 88%;
      bottom: 42px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-baltimore {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-boston {
      height: 89%;
      bottom: 38px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-chicago {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-dallas {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-houston {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-los-angeles {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-mexico-city {
      height: 70%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-miami {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-minneapolis {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-new-york {
      height: 84%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-philadelphia {
      height: 70%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-phoenix {
      height: 58%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-san-diego {
      height: 79%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-san-francisco {
      height: 55%;
      bottom: 59px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-san-jose {
      height: 47%;
      bottom: 54px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-são-paulo {
      height: 71%;
      bottom: 44px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-seattle {
      height: 85%;
      bottom: 49px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-toronto {
      height: 95%;
      bottom: 16px; }
    #app-schr-global-cities-mar17 #globe-app #city-building.building-washington-dc {
      height: 67%;
      bottom: 55px; }
    #app-schr-global-cities-mar17 #globe-app #city-building .building {
      height: 100%; }
  #app-schr-global-cities-mar17 #globe-app .search-tabs {
    display: none; }

.ie9 #app-schr-global-cities-mar17 #globe-app .title-container {
  left: 4.6%; }

.ie9 #app-schr-global-cities-mar17 #globe-app .city-data {
  max-height: 500px; }

@media screen and (min-width: 360px) {
  #app-schr-global-cities-mar17 #globe-app .intro-area .intro {
    height: 360px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area.selected .intro {
    max-height: 360px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1) .row-description {
    height: 102px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1).selected .row-description {
    max-height: 102px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2) .row-description {
    height: 135px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2).selected .row-description {
    max-height: 135px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(3) .row-description {
    height: 102px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(3).selected .row-description {
    max-height: 102px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(4) .row-description {
    height: 102px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(4).selected .row-description {
    max-height: 102px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5) .row-description {
    height: 82px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5).selected .row-description {
    max-height: 82px; }
  #app-schr-global-cities-mar17 #globe-app .city-information {
    width: 265px; } }

@media screen and (min-width: 600px) {
  #app-schr-global-cities-mar17 #globe-app .intro-area .intro {
    height: 300px; }
    #app-schr-global-cities-mar17 #globe-app .intro-area .intro .intro-content p {
      padding-top: 80px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area.selected .intro {
    max-height: 300px; }
  #app-schr-global-cities-mar17 #globe-app .title-area h1 {
    font-size: 38px;
    line-height: 46px; }
  #app-schr-global-cities-mar17 #globe-app .title-area h2 {
    font-size: 28px;
    line-height: 36px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .ss-container {
    height: 190px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1) .row-description {
    height: 86px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1).selected .row-description {
    max-height: 86px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2) .row-description {
    height: 118px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2).selected .row-description {
    max-height: 118px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(3) .row-description {
    height: 84px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(3).selected .row-description {
    max-height: 84px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5) .row-description {
    height: 70px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5).selected .row-description {
    max-height: 70px; }
  #app-schr-global-cities-mar17 #globe-app .city-data.selected {
    max-height: 330px; }
  #app-schr-global-cities-mar17 #globe-app .city-information {
    top: 210px;
    width: 300px;
    left: 50%;
    transform: translateX(-50%); }
  #app-schr-global-cities-mar17 #globe-app .zoom-area,
  #app-schr-global-cities-mar17 #globe-app a.selection-toggle,
  #app-schr-global-cities-mar17 #globe-app .city-selection-area {
    top: 160px; } }

@media screen and (min-width: 768px) {
  #app-schr-global-cities-mar17 #globe-app .container {
    height: 650px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area .intro {
    height: 270px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area.selected .intro {
    max-height: 270px; }
  #app-schr-global-cities-mar17 #globe-app .city-information {
    top: 173px;
    width: 300px; }
  #app-schr-global-cities-mar17 #globe-app .city-data .ratings .ss-container {
    height: 210px; }
  #app-schr-global-cities-mar17 #globe-app .city-data.selected {
    max-height: 360px; }
  #app-schr-global-cities-mar17 #globe-app a.selection-toggle {
    display: none; }
  #app-schr-global-cities-mar17 #globe-app .city-selection-area {
    top: 173px;
    display: block; }
    #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel {
      background-color: inherit; }
  #app-schr-global-cities-mar17 #globe-app .title-area {
    top: 50px; }
  #app-schr-global-cities-mar17 #globe-app .zoom-area {
    width: auto;
    top: auto;
    left: auto;
    top: 548px;
    right: 15px; }
    #app-schr-global-cities-mar17 #globe-app .zoom-area a {
      display: inline-block;
      font-size: 30px;
      line-height: 55px;
      margin-left: 8px;
      padding-left: 12px;
      width: 55px;
      height: 55px; } }

@media screen and (min-width: 960px) {
  #app-schr-global-cities-mar17 #globe-app .search-tabs {
    border: 1px solid white;
    border-radius: 3px;
    display: block;
    background: transparent url("../img/bg-city-data.png") 0 0 repeat;
    left: auto;
    padding: 8px 9px 4px;
    right: 20px;
    top: 150px;
    width: 180px;
    z-index: 5 !important; }
    #app-schr-global-cities-mar17 #globe-app .search-tabs header {
      margin-bottom: 10px;
      overflow: hidden;
      position: relative; }
      #app-schr-global-cities-mar17 #globe-app .search-tabs header span {
        color: white;
        display: inline-block; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs header span.icon-trophy {
          position: absolute;
          top: 9px; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs header span.instruct {
          font-size: 13px;
          padding-left: 30px;
          width: 100%; }
    #app-schr-global-cities-mar17 #globe-app .search-tabs ul {
      padding: 0; }
      #app-schr-global-cities-mar17 #globe-app .search-tabs ul li {
        border-radius: 3px;
        cursor: pointer;
        margin-bottom: 6px;
        padding: 0 8px;
        position: relative;
        height: 40px;
        width: 100%; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li.population {
          background: #bae659; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li.retail {
          background: #f8a908; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li.university {
          background: #ff90a1; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li.income {
          background: #ffdc53; }
          #app-schr-global-cities-mar17 #globe-app .search-tabs ul li.income .key {
            padding-left: 3px; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li.gdp {
          background: #df536a;
          color: white; }
          #app-schr-global-cities-mar17 #globe-app .search-tabs ul li.gdp .key {
            font-size: 27px;
            padding-left: 3px; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li:hover {
          background: #14e6f1;
          color: #002a5e; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li .value {
          padding-left: 38px;
          width: 100%; }
          #app-schr-global-cities-mar17 #globe-app .search-tabs ul li .value p {
            font-size: 12px;
            line-height: 14px;
            margin: 0;
            padding-top: 6px; }
            #app-schr-global-cities-mar17 #globe-app .search-tabs ul li .value p.single-line {
              padding-top: 12px; }
        #app-schr-global-cities-mar17 #globe-app .search-tabs ul li .key {
          font-size: 24px;
          position: absolute;
          line-height: 40px; }
    #app-schr-global-cities-mar17 #globe-app .search-tabs .description {
      background: transparent url("../img/bg-city-data.png") 0 0 repeat;
      border: 1px solid white;
      border-radius: 3px;
      color: white;
      display: none;
      left: -250px;
      font-family: "NotoSans-Regular";
      font-size: 12px;
      top: 0;
      padding: 10px 10px 12px;
      position: absolute;
      width: 230px; }
      #app-schr-global-cities-mar17 #globe-app .search-tabs .description:before {
        background: transparent url("../img/arrow-tooltip.png") 0 0 no-repeat;
        content: '';
        height: 20px;
        width: 12px;
        position: absolute;
        right: -12px;
        top: 8px; }
  #app-schr-global-cities-mar17 #globe-app .city-data {
    width: 240px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .headings .cell.scores span {
      display: none; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell {
      height: 29px;
      padding: 4px 3%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell.info {
        padding-top: 4px;
        width: 10%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell.key {
        width: 30%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell.scores {
        width: 40%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .cell span {
        line-height: 29px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .ss-container {
      height: 174px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result {
      margin: 4px 0; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result .key {
        font-size: 18px;
        text-align: center; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result .row-description div {
        margin: 8px; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-university-ranking .cell.info, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-university-ranking .cell.scores, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-university-ranking .cell.ranking, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-median-household-income .cell.info, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-median-household-income .cell.scores, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-median-household-income .cell.ranking {
        line-height: 29px;
        padding: 4px 3%; }
      #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-university-ranking .cell.ranking, #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result.txt-median-household-income .cell.ranking {
        padding-right: 0; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1) .row-description {
      height: 125px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(1).selected .row-description {
      max-height: 125px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2) .row-description {
      height: 160px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(2).selected .row-description {
      max-height: 160px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(3) .row-description {
      height: 126px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(3).selected .row-description {
      max-height: 126px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(4) .row-description {
      height: 124px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(4).selected .row-description {
      max-height: 124px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5) .row-description {
      height: 108px; }
    #app-schr-global-cities-mar17 #globe-app .city-data .ratings .results .result:nth-child(5).selected .row-description {
      max-height: 108px; }
    #app-schr-global-cities-mar17 #globe-app .city-data.selected {
      max-height: 316px; } }

@media screen and (min-width: 992px) {
  #app-schr-global-cities-mar17 #globe-app .control-overlay {
    max-width: 1140px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area .intro {
    height: 200px; }
    #app-schr-global-cities-mar17 #globe-app .intro-area .intro .intro-content .title {
      display: none; }
    #app-schr-global-cities-mar17 #globe-app .intro-area .intro .intro-content p {
      padding: 0 0 0 80px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area.selected .intro {
    max-height: 200px; }
  #app-schr-global-cities-mar17 #globe-app .city-selection-area {
    left: 5.3%;
    right: auto;
    top: 150px; }
    #app-schr-global-cities-mar17 #globe-app .city-selection-area .panel {
      background-color: inherit; }
  #app-schr-global-cities-mar17 #globe-app .zoom-area {
    right: 130px; }
  #app-schr-global-cities-mar17 #globe-app .title-area {
    display: block;
    top: 50px;
    left: 5.3%;
    z-index: 10; } }

@media screen and (min-width: 1170px) {
  .ie9 #app-schr-global-cities-mar17 #globe-app .city-information {
    left: 18.5%; }
  #app-schr-global-cities-mar17 #globe-app #map-area #map {
    top: 0; }
  #app-schr-global-cities-mar17 #globe-app .control-overlay {
    height: 650px;
    position: relative; }
  #app-schr-global-cities-mar17 #globe-app .intro-area .intro {
    height: 180px; }
  #app-schr-global-cities-mar17 #globe-app .intro-area.selected .intro {
    max-height: 180px; }
  #app-schr-global-cities-mar17 #globe-app .city-information {
    width: 708px;
    height: 348px;
    top: 200px;
    left: 50%; }
  #app-schr-global-cities-mar17 #globe-app .info-line {
    display: block;
    left: 255px; }
  #app-schr-global-cities-mar17 #globe-app .city-selection-area,
  #app-schr-global-cities-mar17 #globe-app .title-area {
    left: 0; }
  #app-schr-global-cities-mar17 #globe-app .search-tabs {
    right: 0; } }

#related-content-item-template {
  display: none; }

#app-schr-global-cities-mar17 #index-app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: white;
  position: relative;
  z-index: 10; }
  #app-schr-global-cities-mar17 #index-app .mobile-only {
    display: block; }
  #app-schr-global-cities-mar17 #index-app .mobile-no-pad {
    padding: 0; }
  #app-schr-global-cities-mar17 #index-app .boxed-content .container {
    padding: 0; }
  #app-schr-global-cities-mar17 #index-app .boxed-content.pink-bg {
    background-color: #b71962; }
  #app-schr-global-cities-mar17 #index-app .boxed-content .bordered {
    font-family: 'CircularStd-Bold', arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    padding-left: 0px; }
    #app-schr-global-cities-mar17 #index-app .boxed-content .bordered.light {
      font-family: 'CircularStd-Book', arial, sans-serif;
      font-size: 22px;
      line-height: 30px; }
  #app-schr-global-cities-mar17 #index-app h2,
  #app-schr-global-cities-mar17 #index-app h4 {
    color: #002a5e; }
  #app-schr-global-cities-mar17 #index-app h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 25px; }
  #app-schr-global-cities-mar17 #index-app h4 {
    font-size: 22px;
    line-height: 30px; }
  #app-schr-global-cities-mar17 #index-app p.larger {
    font-family: 'CircularStd-Book', arial, sans-serif;
    font-size: 22px;
    line-height: 30px; }
  #app-schr-global-cities-mar17 #index-app table thead th {
    color: #002a5e; }
    #app-schr-global-cities-mar17 #index-app table thead th.rank-right {
      text-align: right; }
  #app-schr-global-cities-mar17 #index-app table tbody tr:hover {
    background-color: #14e6f1 !important;
    cursor: pointer; }
  #app-schr-global-cities-mar17 #index-app table tbody tr:nth-child(even) {
    background-color: #eff1f4; }
  #app-schr-global-cities-mar17 #index-app table tbody tr:first-child td {
    border-top: 1px solid #929292; }
  #app-schr-global-cities-mar17 #index-app table tr.more {
    display: none; }
  #app-schr-global-cities-mar17 #index-app table td {
    font-size: 12px;
    line-height: 20px;
    line-height: 16px;
    border-top: 0; }
  #app-schr-global-cities-mar17 #index-app .category-box .content {
    padding: 0 0px 0 0px; }
  #app-schr-global-cities-mar17 #index-app .category-box img {
    position: absolute;
    left: 0;
    width: 60px; }
  #app-schr-global-cities-mar17 #index-app .global-cities-table-title {
    background-color: #2a52b5;
    margin-top: 40px;
    padding: 15px 23px;
    position: relative; }
    #app-schr-global-cities-mar17 #index-app .global-cities-table-title h4 {
      color: white;
      font-family: 'CircularStd-Bold', arial, sans-serif;
      font-size: 20px;
      line-height: 28px;
      line-height: 22px;
      margin: 0; }
    #app-schr-global-cities-mar17 #index-app .global-cities-table-title span {
      color: white; }
  #app-schr-global-cities-mar17 #index-app .table-show-more {
    margin: 0 auto 30px;
    position: relative;
    width: 100%;
    height: 53px; }
    #app-schr-global-cities-mar17 #index-app .table-show-more a {
      background-color: #002a5e;
      border: 1px solid white;
      border-radius: 3px;
      color: white;
      display: block;
      font-size: 18px;
      line-height: 26px;
      font-weight: 800;
      padding: 10px 78px 12px;
      position: absolute;
      text-decoration: none;
      text-align: center;
      width: 100%; }
      #app-schr-global-cities-mar17 #index-app .table-show-more a .centring {
        display: inline-block;
        margin: 0 auto;
        text-align: left;
        position: relative;
        width: 130px; }
      #app-schr-global-cities-mar17 #index-app .table-show-more a .icon-cta-plus,
      #app-schr-global-cities-mar17 #index-app .table-show-more a .icon-cta-minus {
        color: white;
        position: absolute;
        font-size: 24px;
        line-height: 32px;
        right: 0px;
        top: -1px; }
      #app-schr-global-cities-mar17 #index-app .table-show-more a:hover {
        background-color: #2a52b5; }
  #app-schr-global-cities-mar17 #index-app .related-content {
    background-color: #b71962;
    color: white;
    padding: 60px 0; }
    #app-schr-global-cities-mar17 #index-app .related-content h5 {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 10px; }
    #app-schr-global-cities-mar17 #index-app .related-content h3 {
      font-family: 'CircularStd-Bold', arial;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      line-height: 19.2px;
      margin: 4px 0 5px; }
      #app-schr-global-cities-mar17 #index-app .related-content h3 a {
        color: white; }
        #app-schr-global-cities-mar17 #index-app .related-content h3 a:hover {
          color: white;
          text-decoration: underline; }
    #app-schr-global-cities-mar17 #index-app .related-content .item {
      clear: left;
      margin-bottom: 40px;
      overflow: hidden; }
    #app-schr-global-cities-mar17 #index-app .related-content img {
      max-width: 100%; }
    #app-schr-global-cities-mar17 #index-app .related-content p.type {
      font-size: 14px;
      line-height: 22px;
      line-height: 14px;
      margin: 0;
      text-transform: uppercase; }
    #app-schr-global-cities-mar17 #index-app .related-content p.abstract {
      font-size: 14px;
      line-height: 22px;
      line-height: 19.6px;
      margin-top: 0; }
    #app-schr-global-cities-mar17 #index-app .related-content p.date {
      font-family: 'CircularStd-Bold', arial;
      font-size: 14px;
      line-height: 22px;
      line-height: 31px;
      position: relative;
      text-transform: uppercase;
      text-align: right; }
      #app-schr-global-cities-mar17 #index-app .related-content p.date span {
        font-family: 'CircularStd-Book', arial;
        font-size: 28px;
        line-height: 36px;
        right: 64px;
        position: absolute;
        bottom: 0; }
  #app-schr-global-cities-mar17 #index-app .social-area {
    margin-bottom: 20px; }
    #app-schr-global-cities-mar17 #index-app .social-area > div {
      padding: 0; }

@media screen and (min-width: 768px) {
  #app-schr-global-cities-mar17 #index-app .mobile-only {
    display: none; }
  #app-schr-global-cities-mar17 #index-app .boxed-content {
    padding: 30px 0; }
    #app-schr-global-cities-mar17 #index-app .boxed-content h2 {
      font-size: 23px;
      line-height: 31px; }
    #app-schr-global-cities-mar17 #index-app .boxed-content .container {
      padding: 0 10px; }
    #app-schr-global-cities-mar17 #index-app .boxed-content .bordered {
      border-left: 4px solid #14e6f1;
      font-size: 22px;
      line-height: 30px;
      padding-left: 36px; }
  #app-schr-global-cities-mar17 #index-app h2 {
    font-size: 24px;
    line-height: 32px;
    padding: 32px 0; }
  #app-schr-global-cities-mar17 #index-app h4 {
    font-size: 24px;
    line-height: 32px; }
    #app-schr-global-cities-mar17 #index-app h4.the-index {
      margin-bottom: 20px; }
  #app-schr-global-cities-mar17 #index-app table {
    margin-bottom: 50px; }
    #app-schr-global-cities-mar17 #index-app table tr.more {
      display: table-row; }
    #app-schr-global-cities-mar17 #index-app table td {
      font-size: 16px;
      line-height: 24px; }
  #app-schr-global-cities-mar17 #index-app .category-box .content {
    padding: 0 90px 0 10px; }
  #app-schr-global-cities-mar17 #index-app .category-box img {
    width: 85px; }
  #app-schr-global-cities-mar17 #index-app .global-cities-table-title {
    margin-top: 40px;
    padding: 28px 24px; }
    #app-schr-global-cities-mar17 #index-app .global-cities-table-title h4 {
      font-size: 24px;
      line-height: 32px; }
    #app-schr-global-cities-mar17 #index-app .global-cities-table-title span {
      font-size: 18px;
      line-height: 26px;
      position: absolute;
      right: 26px;
      top: 32px; }
  #app-schr-global-cities-mar17 #index-app .related-content h5 {
    margin-bottom: 40px; }
  #app-schr-global-cities-mar17 #index-app .social-area {
    margin-bottom: 40px; } }

@media screen and (min-width: 992px) {
  #app-schr-global-cities-mar17 #index-app .category-box .content {
    padding: 0 90px 0 20px; } }

@media screen and (min-width: 1140px) {
  #app-schr-global-cities-mar17 #index-app .category-box .content {
    padding: 0 90px 0 10px; } }

#app-schr-global-cities-mar17 #grid-app .expander {
  background-color: white;
  clear: left;
  display: none;
  position: relative;
  width: 100%;
  z-index: 1; }
  #app-schr-global-cities-mar17 #grid-app .expander .row {
    padding: 42px 10px 40px; }
  #app-schr-global-cities-mar17 #grid-app .expander .col {
    margin-bottom: 54px; }
  #app-schr-global-cities-mar17 #grid-app .expander h2 {
    font-family: CircularStd-Book;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 22px; }
  #app-schr-global-cities-mar17 #grid-app .expander .lens {
    font-size: 57px;
    display: block;
    position: absolute;
    top: 48px;
    left: 20px; }

#app-schr-global-cities-mar17 #grid-app .story-feed h3 {
  display: inline-block;
  font-family: CircularStd-Bold;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 5px;
  text-transform: uppercase; }

#app-schr-global-cities-mar17 #grid-app .story-feed ul {
  padding: 0; }
  #app-schr-global-cities-mar17 #grid-app .story-feed ul li {
    border-bottom: 1px solid #8d8d8d;
    list-style-type: none;
    padding: 12px 0; }
    #app-schr-global-cities-mar17 #grid-app .story-feed ul li:first-child {
      border-top: 1px solid #8d8d8d; }
    #app-schr-global-cities-mar17 #grid-app .story-feed ul li h6 {
      font-family: CircularStd-Bold;
      font-size: 16px;
      line-height: 24px;
      margin: 0;
      text-transform: uppercase; }
    #app-schr-global-cities-mar17 #grid-app .story-feed ul li h5 {
      font-family: 'NotoSans-Regular';
      font-size: 20px;
      line-height: 28px;
      margin: 8px 0 0; }
      #app-schr-global-cities-mar17 #grid-app .story-feed ul li h5 a {
        color: #2b2b2a; }
      #app-schr-global-cities-mar17 #grid-app .story-feed ul li h5 span {
        display: inline-block;
        font-size: 14px;
        padding-left: 8px; }

#app-schr-global-cities-mar17 #grid-app .cta-expander {
  background-color: white;
  border: 2px solid #032b5c;
  border-radius: 3px;
  color: #032b5c;
  display: inline-block;
  margin-top: 30px;
  padding: 14px 42px 16px;
  position: relative; }
  #app-schr-global-cities-mar17 #grid-app .cta-expander span {
    font-size: 22px;
    line-height: 30px;
    font-family: "CircularStd-Book"; }
    #app-schr-global-cities-mar17 #grid-app .cta-expander span.cta-icon {
      font-size: 34px;
      line-height: 42px;
      bottom: 10px;
      right: 26px; }

#app-schr-global-cities-mar17 #grid-app .accreditation {
  margin-top: 30px;
  width: 225px; }
  #app-schr-global-cities-mar17 #grid-app .accreditation img {
    max-width: 100%; }

#app-schr-global-cities-mar17 #grid-app .js-btn-close {
  cursor: pointer;
  display: none;
  bottom: 40px;
  right: 25px;
  position: absolute; }
  #app-schr-global-cities-mar17 #grid-app .js-btn-close span {
    display: inline-block; }
  #app-schr-global-cities-mar17 #grid-app .js-btn-close .close-text {
    font-size: 16px; }

@media screen and (min-width: 438px) {
  #app-schr-global-cities-mar17 #grid-app .expander .lens {
    top: 30px; } }

@media screen and (min-width: 992px) {
  #app-schr-global-cities-mar17 #grid-app .expander .row {
    padding: 42px 40px 40px; }
    #app-schr-global-cities-mar17 #grid-app .expander .row .col {
      padding: 0 10px 0 0px;
      margin-bottom: 0px; }
      #app-schr-global-cities-mar17 #grid-app .expander .row .col:last-child {
        padding-left: 98px; }
  #app-schr-global-cities-mar17 #grid-app .expander h2 {
    padding-left: 0; }
  #app-schr-global-cities-mar17 #grid-app .expander .lens {
    top: 30px;
    left: 14px; } }

#app-schr-global-cities-mar17 #grid-app {
  position: relative;
  z-index: 10; }
  #app-schr-global-cities-mar17 #grid-app .container {
    padding: 0; }
  #app-schr-global-cities-mar17 #grid-app .col-sm-4,
  #app-schr-global-cities-mar17 #grid-app .col-sm-8 {
    width: 100%; }
  #app-schr-global-cities-mar17 #grid-app .col-sm-push-4,
  #app-schr-global-cities-mar17 #grid-app .col-sm-push-8 {
    left: 0; }
  #app-schr-global-cities-mar17 #grid-app .feed {
    margin-top: -28px; }
  #app-schr-global-cities-mar17 #grid-app .row {
    margin: 0;
    padding: 0; }
  #app-schr-global-cities-mar17 #grid-app .tile {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    z-index: 2; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(1) {
      background-size: 100%;
      background-position: center 104%;
      height: 648px; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(2) {
      background-position: -300px 268px;
      height: 680px; }
      #app-schr-global-cities-mar17 #grid-app .tile:nth-child(2) .box {
        height: 40%; }
    #app-schr-global-cities-mar17 #grid-app .tile h1, #app-schr-global-cities-mar17 #grid-app .tile h3 {
      color: inherit; }
    #app-schr-global-cities-mar17 #grid-app .tile h1 {
      font-family: CircularStd-Bold;
      font-size: 28px;
      line-height: 36px;
      margin: 0; }
    #app-schr-global-cities-mar17 #grid-app .tile h3 {
      font-family: CircularStd-Book;
      font-size: 24px;
      line-height: 32px; }
    #app-schr-global-cities-mar17 #grid-app .tile h4 {
      font-size: 18px;
      line-height: 26px;
      margin: 0 0 28px;
      text-transform: uppercase; }
    #app-schr-global-cities-mar17 #grid-app .tile .js-arrow {
      font-size: 34px;
      position: absolute;
      bottom: -25px;
      left: calc(50% - 10px);
      width: 48px;
      height: 25px; }
    #app-schr-global-cities-mar17 #grid-app .tile.newsletter {
      background-color: transparent; }
      #app-schr-global-cities-mar17 #grid-app .tile.newsletter .box {
        background-color: rgba(1, 29, 74, 0.5) !important;
        color: white;
        margin: 100px auto;
        padding: 10px 20px 10px 44px;
        text-align: center;
        position: relative;
        width: 90%;
        height: auto; }
        #app-schr-global-cities-mar17 #grid-app .tile.newsletter .box .box-content {
          position: relative; }
        #app-schr-global-cities-mar17 #grid-app .tile.newsletter .box:hover {
          background-color: #66daf8 !important;
          color: black; }
      #app-schr-global-cities-mar17 #grid-app .tile.newsletter h4 {
        font-family: CircularStd-Book;
        font-size: 18px;
        line-height: 26px;
        margin: 0;
        text-transform: none; }
      #app-schr-global-cities-mar17 #grid-app .tile.newsletter .cta-icon {
        position: absolute;
        top: 2px;
        right: 0;
        font-size: 24px; }
  #app-schr-global-cities-mar17 #grid-app .box {
    display: block;
    padding: 30px 20px 60px;
    position: relative;
    text-decoration: none; }
    #app-schr-global-cities-mar17 #grid-app .box.txt-white {
      color: white; }
    #app-schr-global-cities-mar17 #grid-app .box.txt-black {
      color: black; }
    #app-schr-global-cities-mar17 #grid-app .box:hover {
      background-color: #66daf8 !important;
      color: black; }
    #app-schr-global-cities-mar17 #grid-app .box .box-content > div {
      padding: 0; }
    #app-schr-global-cities-mar17 #grid-app .box .box-content div.cta {
      position: absolute;
      bottom: 34px;
      padding-right: 25px; }
    #app-schr-global-cities-mar17 #grid-app .box .box-content .cta-icon {
      position: absolute;
      right: -10px;
      top: -2px;
      font-size: 24px; }

@media screen and (min-width: 600px) {
  #app-schr-global-cities-mar17 #grid-app .tile:nth-child(1) {
    background-position: center 100%;
    height: 780px; }
  #app-schr-global-cities-mar17 #grid-app .tile:nth-child(2) {
    background-position: -175px 268px; }
  #app-schr-global-cities-mar17 #grid-app .tile h1 {
    font-size: 32px;
    line-height: 40px; }
  #app-schr-global-cities-mar17 #grid-app .tile h3 {
    font-size: 24px;
    line-height: 32px; }
  #app-schr-global-cities-mar17 #grid-app .tile h4 {
    font-size: 20px;
    line-height: 28px; } }

@media screen and (min-width: 992px) {
  #app-schr-global-cities-mar17 #grid-app .col-sm-4 {
    width: 33.33333%; }
  #app-schr-global-cities-mar17 #grid-app .col-sm-8 {
    width: 66.66666%; }
  #app-schr-global-cities-mar17 #grid-app .col-sm-push-4 {
    left: 33.33333%; }
  #app-schr-global-cities-mar17 #grid-app .col-sm-push-8 {
    left: 66.66666%; }
  #app-schr-global-cities-mar17 #grid-app .tile {
    height: 340px; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(1) {
      height: auto;
      background-size: 52%;
      background-position: 120% 0; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(2) {
      background-position: 0 0;
      height: 780px; }
      #app-schr-global-cities-mar17 #grid-app .tile:nth-child(2) .box-11 {
        height: 350px;
        width: 50%; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(3) {
      height: 390px !important; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(4) {
      height: 390px !important; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(5), #app-schr-global-cities-mar17 #grid-app .tile:nth-child(6) {
      height: 360px !important; }
    #app-schr-global-cities-mar17 #grid-app .tile.newsletter .box {
      margin: 0;
      padding: 25px 15px 25px 30px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      text-align: left; }
    #app-schr-global-cities-mar17 #grid-app .tile.newsletter h4 {
      font-family: CircularStd-Book;
      font-size: 24px;
      line-height: 32px; }
    #app-schr-global-cities-mar17 #grid-app .tile.newsletter .cta-icon {
      font-size: 40px;
      top: -4px; }
    #app-schr-global-cities-mar17 #grid-app .tile .js-arrow {
      left: 44px; }
  #app-schr-global-cities-mar17 #grid-app .box {
    height: 100%;
    padding: 32px 34px; }
  #app-schr-global-cities-mar17 #grid-app .box-full {
    width: 100%;
    height: 100%; }
  .ie9 #app-schr-global-cities-mar17 #grid-app .tile.newsletter .box {
    left: 20px; } }

@media screen and (min-width: 1200px) {
  #app-schr-global-cities-mar17 #grid-app .tile {
    height: 300px; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(1) {
      background-size: 40%;
      background-position: 105% 0; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(2) {
      background-position: 0 0;
      height: 659px; }
      #app-schr-global-cities-mar17 #grid-app .tile:nth-child(2) .box-11 {
        height: 380px;
        width: 50%; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(3) {
      height: 330px !important; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(4) {
      height: 330px !important; }
    #app-schr-global-cities-mar17 #grid-app .tile:nth-child(5), #app-schr-global-cities-mar17 #grid-app .tile:nth-child(6) {
      height: 300px !important; } }

.touch #app-schr-global-cities-mar17 #globe-app .zoom-area a.hover {
  background-color: #002a5e;
  color: white; }

#app-schr-global-cities-mar17 #grid-app .container {
  overflow: visible;
  position: relative; }

#app {
  color: white; }
