html {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  font-family: century-gothic;
  font-size: 53%; }
  @media (max-width: 1800px) {
    html {
      font-size: 34%; } }
  @media (max-width: 1200px) {
    html {
      font-size: 40%; } }
  @media (max-width: 1080px) {
    html {
      font-size: 40%; } }
  @media (max-width: 760px) {
    html {
      font-size: 34%; } }

body {
  min-width: 320px;
  /*overflow:hidden;*/
  font-family: century-gothic;
  background: #000;
  color: #fff; }
  body * {
    box-sizing: border-box;
    -webkit-text-size-adjust: none; }

a, a:visited {
  color: #fff; }

@media (max-width: 1200px) {
  br {
    display: none; } }

.red {
  color: #dc002e; }

.next {
  position: absolute;
  bottom: 20px;
  font-size: 2.6rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 4.0rem;
  padding: 30px 0 30px 0;
  margin-right: 30px;
  cursor: pointer; }
  @media (max-width: 760px) {
    .next {
      font-size: 2.2rem; } }
  .next::after {
    position: absolute;
    content: '';
    display: block;
    margin-top: 2px;
    height: 1px;
    background: #fff;
    width: 0%;
    transition: all 0.3s ease-in-out; }
  .next:hover::after {
    width: 100%;
    transition: all 0.3s ease-in-out; }
  @media (max-width: 1800px) {
    .next {
      bottom: 10px; } }

.wrapper {
  overflow: hidden; }

.viewport {
  position: relative;
  padding-top: 80px; }
  .viewport.nopadding {
    padding-top: 0; }
  @media (max-width: 760px) {
    .viewport {
      padding-top: 40px;
      padding-bottom: 40px; } }

.tooltip {
  position: relative; }

.tooltip_content {
  content: 'Test';
  display: block;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  right: 55px;
  width: 170px;
  background: url("../img/tooltip_red.png") center right no-repeat;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 7px 18px 7px 12px;
  text-decoration: none;
  text-transform: uppercase; }

.tooltip_content_white {
  content: 'Test';
  display: block;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 170px;
  background: url("../img/tooltip_white.png") center right no-repeat;
  color: #000;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 7px 18px 7px 12px;
  text-decoration: none;
  text-transform: uppercase; }

.mobile {
  display: none; }
  @media (max-width: 760px) {
    .mobile {
      display: block; } }

.desktop {
  display: block; }
  @media (max-width: 760px) {
    .desktop {
      display: none; } }

/*
@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}*/
.controlls {
  /*
  top:0;
  left:0;
  width:100%;
  height:100%;
  */ }
  .controlls .controlls_logo {
    position: fixed;
    top: 6.0rem;
    left: 7.0rem;
    z-index: 11000; }
    .controlls .controlls_logo img {
      width: 220px; }
      @media (max-width: 1080px) {
        .controlls .controlls_logo img {
          width: 200px; } }
      @media (max-width: 760px) {
        .controlls .controlls_logo img {
          width: 140px; } }
  .controlls .controlls_top {
    position: fixed;
    background: url("../img/controlls_top.png") 50% 0 no-repeat;
    width: 100%;
    height: 175px;
    top: 0;
    z-index: 1500; }
  .controlls .controlls_nav {
    position: fixed;
    top: 6.0rem;
    right: 7.0rem;
    z-index: 10000; }
    @media (max-width: 760px) {
      .controlls .controlls_nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 200px;
        background: #000;
        display: none; } }
    .controlls .controlls_nav > ul {
      text-align: right; }
      @media (max-width: 760px) {
        .controlls .controlls_nav > ul {
          text-align: left; } }
      .controlls .controlls_nav > ul > li {
        display: inline-block; }
        @media (max-width: 760px) {
          .controlls .controlls_nav > ul > li {
            display: block; } }
        .controlls .controlls_nav > ul > li > a {
          color: #fff;
          display: block;
          font-size: 2.4rem;
          text-decoration: none;
          text-transform: uppercase;
          font-weight: bold;
          padding: 15px 2.5rem;
          margin-right: 4.0rem;
          position: relative; }
          .controlls .controlls_nav > ul > li > a::after {
            position: absolute;
            content: '';
            display: block;
            margin-top: 2px;
            height: 1px;
            background: #fff;
            width: 0%;
            transition: all 0.3s ease-in-out; }
          .controlls .controlls_nav > ul > li > a:hover::after {
            width: calc(100% - 5rem);
            transition: all 0.3s ease-in-out; }
          .controlls .controlls_nav > ul > li > a.controlls_nav_news {
            background: #dc002e;
            transition: background-color 0.5s ease; }
            @media (max-width: 760px) {
              .controlls .controlls_nav > ul > li > a.controlls_nav_news {
                background: none;
                color: #dc002e; } }
            .controlls .controlls_nav > ul > li > a.controlls_nav_news:hover {
              background: #fff;
              color: #000;
              transition: background-color 0.5s ease; }
              @media (max-width: 760px) {
                .controlls .controlls_nav > ul > li > a.controlls_nav_news:hover {
                  background: none;
                  color: #dc002e; } }
            .controlls .controlls_nav > ul > li > a.controlls_nav_news::after {
              position: absolute;
              content: '';
              display: block;
              margin-top: 2px;
              height: 1px;
              background: #fff;
              width: 0%;
              transition: all 0.3s ease-in-out; }
            .controlls .controlls_nav > ul > li > a.controlls_nav_news:hover::after {
              width: 0%;
              transition: all 0.3s ease-in-out; }
          @media (max-width: 1800px) {
            .controlls .controlls_nav > ul > li > a {
              font-size: 2.6rem; } }
          @media (max-width: 1080px) {
            .controlls .controlls_nav > ul > li > a {
              font-size: 2.2rem;
              margin-right: 4.0rem; } }
          @media (max-width: 760px) {
            .controlls .controlls_nav > ul > li > a {
              padding: 7px 6rem;
              font-size: 4.0rem;
              text-transform: none;
              display: inline-block;
              margin-right: 0; } }
        .controlls .controlls_nav > ul > li:last-child a {
          margin-right: 0; }
    .controlls .controlls_nav .controlls_nav_close {
      display: none;
      z-index: 10001;
      position: absolute;
      top: 0;
      right: 4.0rem;
      width: 50px;
      height: 110px;
      background: url("../img/video_close.png") 50% 50% no-repeat;
      background-size: 2.0rem auto;
      cursor: pointer; }
      @media (max-width: 760px) {
        .controlls .controlls_nav .controlls_nav_close {
          display: block; } }
    .controlls .controlls_nav .controlls_nav_docs {
      display: none;
      position: absolute;
      bottom: 6rem;
      left: 6rem; }
      @media (max-width: 760px) {
        .controlls .controlls_nav .controlls_nav_docs {
          display: block; } }
      .controlls .controlls_nav .controlls_nav_docs a {
        display: block;
        color: #a3a3a3;
        font-weight: bold;
        font-size: 3rem;
        text-decoration: none;
        padding: 4px 0; }
  .controlls .controlls_scrolldown {
    position: fixed;
    bottom: 6.0rem;
    left: 7.0rem;
    z-index: 1500;
    cursor: pointer; }
    .controlls .controlls_scrolldown img {
      width: 25px;
      margin: 0 auto; }
      @media (max-width: 1080px) {
        .controlls .controlls_scrolldown img {
          width: 25px; } }
    @media (max-width: 760px) {
      .controlls .controlls_scrolldown {
        display: none; } }
  .controlls .controlls_social {
    position: fixed;
    bottom: 10.0rem;
    right: 5.0rem;
    z-index: 11000; }
    @media (max-width: 1800px) {
      .controlls .controlls_social {
        bottom: 13.0rem; } }
    @media (max-width: 1200px) {
      .controlls .controlls_social {
        bottom: 12.0rem; } }
    @media (max-width: 760px) {
      .controlls .controlls_social {
        right: 2.0rem; } }
    .controlls .controlls_social > a {
      display: block;
      margin-bottom: 3.0rem;
      width: 66px;
      height: 20px;
      text-align: center;
      position: relative; }
      .controlls .controlls_social > a.fb {
        background: url("../img/controlls_social_fb.png") 50% 50% no-repeat;
        background-size: 20px; }
        .controlls .controlls_social > a.fb:hover {
          background: url("../img/controlls_social_fb_hover.png") 50% 50% no-repeat;
          background-size: 20px; }
      .controlls .controlls_social > a.li {
        background: url("../img/controlls_social_li.png") 50% 50% no-repeat;
        background-size: 20px; }
        .controlls .controlls_social > a.li:hover {
          background: url("../img/controlls_social_li_hover.png") 50% 50% no-repeat;
          background-size: 20px; }
      .controlls .controlls_social > a.tw {
        background: url("../img/controlls_social_tw.png") 50% 50% no-repeat;
        background-size: 20px; }
        .controlls .controlls_social > a.tw:hover {
          background: url("../img/controlls_social_tw_hover.png") 50% 50% no-repeat;
          background-size: 20px; }
      .controlls .controlls_social > a img {
        width: 20px; }
        @media (max-width: 1200px) {
          .controlls .controlls_social > a img {
            width: 18px; } }
  .controlls .controlls_email {
    position: fixed;
    bottom: 5.0rem;
    right: 5.6rem;
    z-index: 11000;
    width: 60px;
    height: 60px;
    margin: 0 auto; }
    @media (max-width: 760px) {
      .controlls .controlls_email {
        right: 2.6rem;
        bottom: 4.5rem; } }
    .controlls .controlls_email > a {
      display: block;
      width: 60px;
      height: 60px;
      background: url("../img/controlls_email.png") 50% 50% no-repeat;
      background-size: 35px; }
      .controlls .controlls_email > a:hover {
        background: url("../img/controlls_email_hover.png") 50% 50% no-repeat;
        background-size: 35px; }
    .controlls .controlls_email img {
      width: 60%;
      margin: 0 20%; }
      @media (max-width: 1200px) {
        .controlls .controlls_email img {
          width: 50%;
          margin: 0 25%; } }
  .controlls .controlls_indicators {
    position: fixed;
    right: 4.9rem;
    top: 40%;
    transform: translateY(-40%);
    z-index: 1500; }
    .controlls .controlls_indicators .controlls_indicator {
      display: block;
      background: #ffffff;
      border-radius: 0.6rem;
      width: 1.2rem;
      height: 1.2rem;
      /*background:url('../img/controlls_indicator.png') 50% 50% no-repeat;
      width:19px;
      height:19px;
      */
      margin: 35px 25px;
      cursor: pointer; }
      .controlls .controlls_indicators .controlls_indicator.current {
        border-radius: 1.1rem;
        width: 2.2rem;
        height: 2.2rem;
        top: -0.5rem;
        left: -0.5rem;
        position: relative;
        /*background-image:url('../img/controlls_indicator_current.png');*/ }
    @media (max-width: 760px) {
      .controlls .controlls_indicators {
        display: none; } }
  .controlls .controlls_nav_hamburger {
    display: none;
    position: fixed;
    top: 5rem;
    right: 5rem;
    background: url("../img/hamburger.png") 50% 50% no-repeat;
    width: 40px;
    height: 40px;
    z-index: 3002;
    cursor: pointer; }
    @media (max-width: 760px) {
      .controlls .controlls_nav_hamburger {
        display: block; } }

.hero {
  position: relative;
  background-size: cover;
  transition: opacity 0.25s ease-in-out;
  opacity: 1;
  /*cursor:pointer;*/ }
  .hero.exit {
    transition: opacity 0.25s ease-in-out;
    opacity: 0; }
  .hero .next {
    margin: 0 18.5rem; }
    @media (max-width: 760px) {
      .hero .next {
        margin: 0 6.0rem; } }
  .hero .hero_copy {
    position: absolute;
    margin: 0 18.5rem;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 760px) {
      .hero .hero_copy {
        margin: 0 6.0rem; } }
    .hero .hero_copy .hero_title {
      transition: opacity 0.5s ease-in-out;
      opacity: 1;
      padding-right: 30px; }
      .hero .hero_copy .hero_title > h1 {
        font-weight: bold;
        font-size: 11.0rem;
        line-height: 13.0rem; }
        @media (max-width: 1800px) {
          .hero .hero_copy .hero_title > h1 {
            font-size: 11rem;
            line-height: 13.0rem; } }
        @media (max-width: 760px) {
          .hero .hero_copy .hero_title > h1 {
            font-size: 7rem;
            line-height: 8.0rem;
            margin-bottom: 40px; } }
      .hero .hero_copy .hero_title.exit {
        transition: opacity 0.5s ease-in-out;
        opacity: 0; }
    .hero .hero_copy .hero_indicators {
      margin-top: 70px; }
      .hero .hero_copy .hero_indicators > .hero_indicator {
        display: inline-block;
        height: 1px;
        margin: 1px 17px 1px 0;
        background: #d0d0d1;
        width: 55px; }
        .hero .hero_copy .hero_indicators > .hero_indicator.current {
          height: 3px;
          margin: 0 17px 0 0;
          background: #ffffff; }
      @media (max-width: 760px) {
        .hero .hero_copy .hero_indicators {
          display: none; } }
    .hero .hero_copy .hero_play {
      position: absolute;
      left: 0;
      bottom: -1.5rem;
      font-size: 3.0rem;
      font-weight: bold;
      text-transform: uppercase;
      z-index: 3000;
      cursor: pointer; }
      .hero .hero_copy .hero_play::after {
        position: absolute;
        content: '';
        display: block;
        margin-top: 2px;
        height: 1px;
        background: #fff;
        width: 0%;
        transition: all 0.3s ease-in-out; }
      .hero .hero_copy .hero_play:hover::after {
        width: calc(100%);
        transition: all 0.3s ease-in-out; }
  .hero .hero_video {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .hero .hero_video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .hero .hero_video .hero_video_blind {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.55; }
  .hero .hero_video_overlay {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000000; }
    .hero .hero_video_overlay .hero_video_overlay_blind {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.8; }
    .hero .hero_video_overlay .hero_video_overlay_close {
      z-index: 10001;
      position: absolute;
      top: 30px;
      right: 5.0rem;
      width: 50px;
      height: 110px;
      background: url("../img/video_close.png") 50% 50% no-repeat;
      background-size: 2.0rem auto;
      cursor: pointer; }
    .hero .hero_video_overlay .hero_video_overlay_video {
      position: absolute;
      top: 5%;
      left: 10%;
      width: 80%;
      height: 90%; }
    .hero .hero_video_overlay .hero_video_overlay_video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.brands {
  padding: 17.0rem 18.5rem; }
  @media (max-width: 760px) {
    .brands {
      padding: 10.0rem 6rem; } }
  .brands .brands_title h2 {
    font-weight: bold;
    font-size: 8.0rem;
    margin-bottom: 6.0rem; }
    @media (max-width: 760px) {
      .brands .brands_title h2 {
        font-size: 6.5rem; } }
  .brands .brands_items {
    position: relative; }
    @media (max-width: 760px) {
      .brands .brands_items {
        padding: 0 7rem 10rem 0; } }
    .brands .brands_items .brands_item {
      float: left;
      width: 20%;
      padding-right: 1px;
      padding-bottom: 1px;
      cursor: pointer; }
      .brands .brands_items .brands_item.close {
        position: relative; }
        .brands .brands_items .brands_item.close:after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -21px;
          height: 32px;
          width: 100%;
          background: url("../img/brand_item_nose.png") 50% 0 no-repeat;
          z-index: 1500; }
        .brands .brands_items .brands_item.close .brands_item_inner {
          border: 10px solid #d8d8d8; }
      @media (max-width: 1080px) {
        .brands .brands_items .brands_item {
          width: 33.333%; } }
      @media (max-width: 760px) {
        .brands .brands_items .brands_item {
          width: 50%; } }
      .brands .brands_items .brands_item .brands_item_inner {
        position: relative;
        background: #fff;
        width: 100%;
        /*
        padding-bottom:100%;
        */ }
      .brands .brands_items .brands_item .brands_item_number {
        position: absolute;
        top: 7%;
        left: 7%;
        width: 4.0rem;
        height: 4.0rem;
        border-radius: 2.0rem;
        background: transparent;
        text-align: center;
        line-height: 4.0rem;
        color: #000;
        font-weight: bold;
        font-size: 2.2rem;
        z-index: 5; }
      .brands .brands_items .brands_item .brands_item_image {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        text-align: center; }
        .brands .brands_items .brands_item .brands_item_image img {
          max-width: 80%; }
      .brands .brands_items .brands_item .brands_item_rating {
        position: absolute;
        bottom: 12%;
        right: 12%;
        color: #000;
        font-size: 2.6rem; }
    .brands .brands_items .brands_detail {
      width: 100%;
      clear: both;
      background: #fff;
      margin-bottom: 1px;
      text-align: center;
      padding: 50px 0;
      position: relative; }
      .brands .brands_items .brands_detail .brands_detail_close {
        position: absolute;
        top: 3.0rem;
        right: 3.0rem;
        width: 50px;
        height: 110px;
        background: url("../img/brands_close.png") 50% 50% no-repeat;
        background-size: 4.0rem auto;
        cursor: pointer; }
      .brands .brands_items .brands_detail .brands_detail_number {
        /*
        margin:0 auto;                
        width:6.6rem;
        height:6.6rem;
        border-radius:3.3rem;
        background:#dc002e;
        text-align:center;
        line-height:6.6rem;
        color:#fff;
        font-size:3.7rem;
        margin-bottom:50px;
        */
        margin: 0 auto;
        width: 6.6rem;
        height: 6.6rem;
        border-radius: 3.3rem;
        background: #fff;
        text-align: center;
        line-height: 6.6rem;
        color: #000;
        font-size: 4.3rem;
        font-weight: bold;
        margin-bottom: 50px; }
      .brands .brands_items .brands_detail .brands_detail_image {
        text-align: center; }
        .brands .brands_items .brands_detail .brands_detail_image img {
          max-width: 80%; }
      .brands .brands_items .brands_detail .brands_detail_rating {
        color: #000;
        font-size: 3.5rem;
        font-weight: bold;
        text-align: center;
        margin-top: 50px; }
      .brands .brands_items .brands_detail .brands_detail_features {
        margin: 70px 70px 30px 70px; }
        @media (max-width: 760px) {
          .brands .brands_items .brands_detail .brands_detail_features {
            margin: 70px 40px 30px 40px; } }
        .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature {
          display: inline-block;
          width: 33%; }
          @media (max-width: 1080px) {
            .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature {
              width: 100%;
              margin-bottom: 40px; } }
          .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature .brands_detail_feature_image {
            margin-bottom: 30px; }
          .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature .brands_detail_feature_title {
            font-size: 3.0rem;
            font-weight: bold;
            color: #000; }
          .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature .brands_detail_feature_categories {
            padding-top: 50px; }
            .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature .brands_detail_feature_categories .brands_detail_feature_category {
              float: left;
              width: 33%;
              text-align: center;
              font-size: 2.0rem;
              line-height: 2.8rem;
              color: #000;
              padding: 0 3.0rem; }
              .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature .brands_detail_feature_categories .brands_detail_feature_category img {
                width: 90%;
                padding-bottom: 20px; }
                @media (max-width: 1080px) {
                  .brands .brands_items .brands_detail .brands_detail_features .brands_detail_feature .brands_detail_feature_categories .brands_detail_feature_category img {
                    width: 70%;
                    max-width: 100px; } }
      .brands .brands_items .brands_detail .brands_detail_methodology {
        display: inline-block;
        font-size: 3.0rem;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        color: #dc002e;
        position: relative; }
        .brands .brands_items .brands_detail .brands_detail_methodology::after {
          position: absolute;
          content: '';
          display: block;
          margin-top: 2px;
          height: 1px;
          background: #dc002e;
          width: 0%;
          transition: all 0.3s ease-in-out; }
        .brands .brands_items .brands_detail .brands_detail_methodology:hover::after {
          width: calc(100%);
          transition: all 0.3s ease-in-out; }

.map {
  padding: 9.0rem 18.5rem; }
  @media (max-width: 760px) {
    .map {
      padding: 10.0rem 6rem; } }
  .map .map_title h2 {
    font-weight: bold;
    font-size: 8.0rem;
    margin-bottom: 8.0rem; }
    @media (max-width: 760px) {
      .map .map_title h2 {
        font-size: 6.5rem; } }
  .map .map_items {
    position: relative;
    background: url("../img/map.png") 50% 50% no-repeat;
    background-size: 100% auto;
    clear: both; }
    @media (max-width: 1080px) {
      .map .map_items {
        background: none;
        padding-top: 4.0rem; } }
    .map .map_items .map_item {
      position: absolute; }
      @media (max-width: 1080px) {
        .map .map_items .map_item {
          padding-right: 30px;
          padding-bottom: 50px; } }
      @media (max-width: 760px) {
        .map .map_items .map_item {
          padding-right: 30px;
          padding-bottom: 0px; } }
      .map .map_items .map_item .map_item_title {
        font-weight: bold;
        font-size: 3.0rem;
        margin-bottom: 3.0rem;
        color: #dc002e; }
        @media (max-width: 1500px) {
          .map .map_items .map_item .map_item_title {
            font-size: 2.5rem;
            margin-bottom: 2.5rem; } }
        @media (max-width: 760px) {
          .map .map_items .map_item .map_item_title {
            margin-bottom: 4.5rem; } }
      .map .map_items .map_item .map_item_bullet {
        font-size: 2.5rem;
        line-height: 4.5rem;
        color: #fff;
        padding-left: 6.0rem;
        margin-bottom: 1.2rem;
        position: relative; }
        @media (max-width: 1500px) {
          .map .map_items .map_item .map_item_bullet {
            margin-bottom: 1.0rem;
            font-size: 2.4rem; } }
        @media (max-width: 760px) {
          .map .map_items .map_item .map_item_bullet {
            padding-left: 7rem;
            margin-bottom: 1.6rem; } }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_automotive:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/1.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
          @media (max-width: 760px) {
            .map .map_items .map_item .map_item_bullet.map_item_bullet_type_automotive:after {
              background-size: 30px 30px; } }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_electronics:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/2.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_travel:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/3.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_goods:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/4.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_food:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/5.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_transport:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/6.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_internet:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/7.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_financial:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 5rem;
          height: 5rem;
          background: url("../img/ranking/12.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_entertainment:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 4.7rem;
          height: 4.7rem;
          background: url("../img/ranking/7.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
        .map .map_items .map_item .map_item_bullet.map_item_bullet_type_retail:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 4.7rem;
          height: 4.7rem;
          background: url("../img/ranking/9.png") 50% 50% no-repeat #000;
          border-radius: 2.5rem;
          background-size: 3.5rem 3.5rem;
          filter: invert(100%); }
      .map .map_items .map_item.na {
        top: 10%;
        left: 10%; }
        @media (max-width: 1200px) {
          .map .map_items .map_item.na {
            position: static;
            top: auto;
            left: auto;
            width: 50%;
            float: left; } }
      .map .map_items .map_item.we {
        top: 20%;
        left: 40%; }
        @media (max-width: 1080px) {
          .map .map_items .map_item.we {
            position: static;
            top: auto;
            left: auto;
            width: 50%;
            float: left; } }
      .map .map_items .map_item.ee {
        top: 5%;
        left: 70%; }
        @media (max-width: 1080px) {
          .map .map_items .map_item.ee {
            position: static;
            top: auto;
            left: auto;
            width: 50%;
            float: left; } }
      .map .map_items .map_item.la {
        top: 60%;
        left: 20%; }
        @media (max-width: 1080px) {
          .map .map_items .map_item.la {
            position: static;
            top: auto;
            left: auto;
            width: 50%;
            float: left; } }
      .map .map_items .map_item.sea {
        top: 60%;
        left: 50%; }
        @media (max-width: 1080px) {
          .map .map_items .map_item.sea {
            position: static;
            top: auto;
            left: auto;
            width: 50%;
            float: left; } }
      .map .map_items .map_item.ea {
        top: 45%;
        left: 80%; }
        @media (max-width: 1080px) {
          .map .map_items .map_item.ea {
            position: static;
            top: auto;
            left: auto;
            width: 50%;
            float: left; } }

.ranking {
  padding: 9.0rem 18.5rem; }
  @media (max-width: 760px) {
    .ranking {
      padding: 10.0rem 6rem; } }
  .ranking .ranking_title h2 {
    font-weight: bold;
    font-size: 8.0rem;
    margin-bottom: 8.0rem; }
    @media (max-width: 760px) {
      .ranking .ranking_title h2 {
        font-size: 6.5rem; } }
  .ranking .ranking_items {
    position: relative;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-bottom: 60px; }
    @media (max-width: 760px) {
      .ranking .ranking_items {
        margin: 0 7rem 10rem 0; } }
    .ranking .ranking_items .ranking_item {
      position: absolute;
      width: 20%;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      background: #000; }
      @media (max-width: 1080px) {
        .ranking .ranking_items .ranking_item {
          position: relative;
          width: 33.333%;
          float: left; } }
      @media (max-width: 760px) {
        .ranking .ranking_items .ranking_item {
          position: relative;
          width: 50%;
          float: left; } }
      .ranking .ranking_items .ranking_item.photo {
        width: 40%;
        overflow: hidden; }
        @media (max-width: 1080px) {
          .ranking .ranking_items .ranking_item.photo {
            display: none; } }
        .ranking .ranking_items .ranking_item.photo img {
          width: 100%; }
      .ranking .ranking_items .ranking_item.photo2 {
        width: 40%;
        overflow: hidden; }
        @media (max-width: 1080px) {
          .ranking .ranking_items .ranking_item.photo2 {
            display: none; } }
        .ranking .ranking_items .ranking_item.photo2 img {
          width: 100%; }
      .ranking .ranking_items .ranking_item.photo3 {
        width: 20%;
        overflow: hidden; }
        @media (max-width: 1080px) {
          .ranking .ranking_items .ranking_item.photo3 {
            display: none; } }
        .ranking .ranking_items .ranking_item.photo3 img {
          width: 100%; }
      .ranking .ranking_items .ranking_item .ranking_item_number {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 4.0rem;
        height: 4.0rem;
        border-radius: 2.0rem;
        background: #4f4f4f;
        text-align: center;
        line-height: 4.0rem;
        color: #fff;
        font-size: 1.8rem;
        z-index: 2000; }
      .ranking .ranking_items .ranking_item .ranking_item_image {
        position: relative;
        top: 40%;
        transform: translateY(-40%);
        text-align: center; }
        .ranking .ranking_items .ranking_item .ranking_item_image img {
          max-width: 35%; }
      .ranking .ranking_items .ranking_item .ranking_item_title {
        position: absolute;
        bottom: 15%;
        width: 100%;
        font-size: 2.0rem;
        text-align: center;
        z-index: 2000;
        text-transform: uppercase; }

.roles {
  padding: 9.0rem 0; }
  .roles .next {
    margin: 0 18.5rem; }
  .roles .roles_title h2 {
    padding: 0 18.5rem;
    font-weight: bold;
    font-size: 8.0rem;
    margin-bottom: 8.0rem; }
    @media (max-width: 760px) {
      .roles .roles_title h2 {
        padding: 0 6rem;
        font-size: 6.5rem; } }
  .roles .roles_slider {
    overflow: hidden;
    position: relative; }
    .roles .roles_slider .roles_slider_prev {
      position: absolute;
      left: 100px;
      width: 100px;
      height: 100%;
      z-index: 1100;
      background: url("../img/roles_slider_prev.png") 30% 50% no-repeat;
      cursor: pointer; }
      @media (max-width: 760px) {
        .roles .roles_slider .roles_slider_prev {
          left: 0; } }
    .roles .roles_slider .roles_slider_next {
      position: absolute;
      right: 100px;
      width: 100px;
      height: 100%;
      z-index: 3000;
      background: url("../img/roles_slider_next.png") 70% 50% no-repeat;
      cursor: pointer; }
      @media (max-width: 760px) {
        .roles .roles_slider .roles_slider_next {
          right: 0; } }
    .roles .roles_slider .roles_slider_shade_left {
      position: absolute;
      left: 0;
      width: 285px;
      height: 100%;
      z-index: 1000;
      background: url("../img/roles_slider_shade_left.png") 0 0 repeat-y;
      cursor: pointer; }
      @media (max-width: 760px) {
        .roles .roles_slider .roles_slider_shade_left {
          left: -100px; } }
    .roles .roles_slider .roles_slider_shade_right {
      position: absolute;
      right: 0;
      width: 285px;
      height: 100%;
      z-index: 1000;
      background: url("../img/roles_slider_shade_right.png") 0 0 repeat-y;
      cursor: pointer; }
      @media (max-width: 760px) {
        .roles .roles_slider .roles_slider_shade_right {
          right: -100px; } }
    .roles .roles_slider .roles_slides {
      position: relative;
      clear: both;
      margin: 0 0;
      border-top: 1px solid #ffeeee;
      border-bottom: 1px solid #ffeeee;
      border-left: 1px solid #ffeeee;
      margin-bottom: 50px; }
      .roles .roles_slider .roles_slides .roles_slide {
        position: relative;
        float: left;
        height: 500px;
        border-right: 1px solid #fff; }
        @media (max-width: 760px) {
          .roles .roles_slider .roles_slides .roles_slide {
            height: 400px; } }
        .roles .roles_slider .roles_slides .roles_slide .roles_slide_image {
          text-align: center;
          padding: 70px 0 10px 0; }
          .roles .roles_slider .roles_slides .roles_slide .roles_slide_image img {
            width: 40%; }
        .roles .roles_slider .roles_slides .roles_slide .roles_slide_title {
          text-align: center;
          font-size: 3.0rem;
          font-weight: bold;
          text-transform: uppercase; }
        .roles .roles_slider .roles_slides .roles_slide .roles_slide_features {
          position: absolute;
          width: 65%;
          height: 35%;
          right: -30px;
          bottom: -30px;
          background: #fff;
          padding: 40px 15px; }
          @media (max-width: 760px) {
            .roles .roles_slider .roles_slides .roles_slide .roles_slide_features {
              right: -30px;
              width: 80%;
              padding: 15px 0px;
              height: 45%; } }
          .roles .roles_slider .roles_slides .roles_slide .roles_slide_features .roles_slide_feature {
            font-size: 24px;
            text-transform: uppercase;
            position: relative;
            padding-left: 70px;
            color: #000;
            margin: 15px 0; }
            @media (max-width: 760px) {
              .roles .roles_slider .roles_slides .roles_slide .roles_slide_features .roles_slide_feature {
                font-size: 18px;
                padding-left: 60px; } }
            .roles .roles_slider .roles_slides .roles_slide .roles_slide_features .roles_slide_feature .roles_slide_feature_number {
              position: absolute;
              top: 12%;
              left: 12%;
              width: 26px;
              height: 26px;
              border-radius: 13px;
              background: #dc002e;
              text-align: center;
              line-height: 26px;
              color: #fff;
              font-size: 15px; }

.subhero {
  position: relative; }
  @media (max-width: 760px) {
    .subhero {
      padding: 0 0 16rem 0; } }
  .subhero .next {
    margin: 0 18.5rem;
    position: static;
    bottom: auto;
    /*position:absolute;
    bottom:20px;
    */ }
    @media (max-width: 1080px) {
      .subhero .next {
        position: static;
        bottom: auto; } }
    @media (max-width: 760px) {
      .subhero .next {
        margin: 0 6rem; } }
  .subhero .subhero_title {
    background: url("../img/subhero.jpg") 50% 50% no-repeat;
    background-size: cover;
    padding: 24.0rem 40% 4.0rem 18.5rem; }
    @media (max-width: 1080px) {
      .subhero .subhero_title {
        padding: 24.0rem 18.5rem 4.0rem 18.5rem; } }
    @media (max-width: 760px) {
      .subhero .subhero_title {
        padding: 24.0rem 6rem 4.0rem 6rem; } }
    .subhero .subhero_title > h1 {
      font-weight: bold;
      font-size: 9.0rem;
      line-height: 11.0rem; }
      @media (max-width: 760px) {
        .subhero .subhero_title > h1 {
          font-size: 7rem;
          line-height: 8rem; } }
  .subhero .subhero_text {
    margin: 7.0rem 50% 7.0rem 18.5rem;
    font-size: 3.5rem;
    line-height: 5.5rem; }
    @media (max-width: 1080px) {
      .subhero .subhero_text {
        margin: 7.0rem 18.5rem; } }
    @media (max-width: 1080px) {
      .subhero .subhero_text {
        margin: 7.0rem 6rem; } }
  .subhero .subhero_circles {
    position: absolute;
    top: 0;
    left: 60%;
    width: calc(40% - 22.0rem);
    height: 100%; }
    .subhero .subhero_circles img {
      position: relative;
      width: 100%;
      top: 50%;
      transform: translateY(-50%); }
      @media (max-width: 1080px) {
        .subhero .subhero_circles img {
          position: static;
          top: auto;
          width: 300px;
          top: auto;
          transform: translateY(0);
          /*max-width:300px;*/ } }
    @media (max-width: 1080px) {
      .subhero .subhero_circles {
        position: static;
        top: auto;
        left: 0;
        width: 100%;
        text-align: center; } }
  .subhero .subhero_boxes {
    margin: 0 18.5rem; }
    .subhero .subhero_boxes > .subhero_boxes_inner {
      position: absolute;
      top: 0;
      left: 60%;
      width: calc(40% - 22.0rem);
      height: 100%; }
      @media (max-width: 1500px) {
        .subhero .subhero_boxes > .subhero_boxes_inner {
          left: 55%;
          width: calc(45% - 22.0rem);
          height: 100%; } }
      @media (max-width: 1080px) {
        .subhero .subhero_boxes > .subhero_boxes_inner {
          position: relative;
          top: auto;
          left: 0;
          width: 50%;
          margin: 0 25%;
          height: 100%; } }
      .subhero .subhero_boxes > .subhero_boxes_inner .subhero_box {
        position: absolute;
        font-size: 3.0rem;
        width: 50%;
        border: 1px solid #888888;
        background: #000; }
        .subhero .subhero_boxes > .subhero_boxes_inner .subhero_box > div {
          position: absolute;
          width: 100%;
          top: 50%;
          transform: translateY(-50%);
          text-align: center;
          padding: 2.0rem; }
        .subhero .subhero_boxes > .subhero_boxes_inner .subhero_box.one {
          left: 25%; }
        .subhero .subhero_boxes > .subhero_boxes_inner .subhero_box.two {
          left: 0%; }
        .subhero .subhero_boxes > .subhero_boxes_inner .subhero_box.three {
          left: 50%; }

.block {
  padding: 12.0rem 18.5rem; }
  @media (max-width: 760px) {
    .block {
      padding: 10.0rem 6rem; } }
  .block .block_title h2 {
    font-weight: bold;
    font-size: 8.0rem; }
    @media (max-width: 760px) {
      .block .block_title h2 {
        font-size: 6.5rem; } }
  .block .block_title h3 {
    font-weight: bold;
    font-size: 5.0rem;
    color: #dc002e;
    margin-top: 15px; }
  @media (max-width: 760px) {
    .block .block_table {
      padding-right: 7rem; } }
  .block .block_table > table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10.0rem; }
    .block .block_table > table th {
      padding: 3.5rem 4.0rem;
      font-size: 3.5rem;
      font-weight: bold;
      border-bottom: 1px solid #dc002e;
      color: #dc002e; }
      @media (max-width: 760px) {
        .block .block_table > table th {
          font-size: 2.6rem;
          padding: 3.5rem 1.0rem; } }
      .block .block_table > table th.level2 {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 400;
        border-bottom: 1px solid #808080; }
    .block .block_table > table td {
      padding: 3.5rem 4.0rem;
      font-size: 5.0rem;
      border-bottom: 1px solid #808080;
      text-align: center; }
      @media (max-width: 760px) {
        .block .block_table > table td {
          font-size: 2.6rem;
          padding: 3.5rem 1.0rem; } }
    .block .block_table > table tr:last-child th, .block .block_table > table tr:last-child td {
      border-bottom: none; }
  .block .block_image {
    margin-top: 8.0rem; }
    @media (max-width: 760px) {
      .block .block_image {
        padding-right: 7rem; } }
    .block .block_image img {
      width: 90%;
      margin: 0 auto; }
  .block .block_text1 {
    margin: 50px 20% 50px 0; }
    .block .block_text1.left_half {
      width: 60%; }
      @media (max-width: 1080px) {
        .block .block_text1.left_half {
          width: 100%; } }
    .block .block_text1.right_half {
      width: 60%;
      margin-left: 40%; }
      @media (max-width: 1080px) {
        .block .block_text1.right_half {
          width: 100%;
          margin-left: 0; } }
    .block .block_text1 h3 {
      font-weight: bold;
      font-size: 5.0rem;
      color: #dc002e;
      margin: 70px 0 40px 0; }
    .block .block_text1 p {
      margin: 10px 0;
      font-size: 3.5rem;
      line-height: 6.0rem; }
      @media (max-width: 760px) {
        .block .block_text1 p {
          font-size: 2.8rem;
          line-height: 4.4rem; } }
    .block .block_text1 ul {
      list-style: disc;
      margin: 20px 40px; }
    .block .block_text1 li {
      margin: 10px 0;
      font-size: 3.5rem;
      line-height: 6.0rem;
      padding-left: 20px; }
      @media (max-width: 760px) {
        .block .block_text1 li {
          font-size: 2.8rem;
          line-height: 4.4rem; } }
  .block .block_text2 {
    margin: 5.0rem 0 5.0rem 0; }
    .block .block_text2 p {
      margin: 15px 0;
      font-size: 3.0rem;
      line-height: 4.5rem; }
      @media (max-width: 760px) {
        .block .block_text2 p {
          font-size: 2.8rem;
          line-height: 4.4rem; } }
  .block .block_bullets {
    font-weight: bold;
    font-size: 6.0rem;
    line-height: 10rem;
    margin-top: 3.0rem; }
    @media (max-width: 760px) {
      .block .block_bullets {
        font-size: 4.0rem;
        line-height: 6.0rem; }
        .block .block_bullets > br {
          display: block !important; } }
  .block .block_columns .block_column {
    width: 33.333%;
    float: left;
    padding-right: 10%; }
    @media (max-width: 760px) {
      .block .block_columns .block_column {
        width: 100%;
        float: none;
        margin-bottom: 40px; } }
    .block .block_columns .block_column .block_column_title {
      font-size: 5.0rem;
      font-weight: bold;
      margin-bottom: 2.0rem; }
      @media (max-width: 760px) {
        .block .block_columns .block_column .block_column_title {
          font-size: 4.0rem;
          line-height: 4.4rem; } }
    .block .block_columns .block_column .block_column_copy {
      font-size: 3.0rem;
      line-height: 5.0rem; }
      @media (max-width: 760px) {
        .block .block_columns .block_column .block_column_copy {
          font-size: 2.8rem;
          line-height: 4.4rem; } }

.the6 {
  padding: 9.0rem 18.5rem; }
  @media (max-width: 760px) {
    .the6 {
      padding: 10.0rem 6rem; } }
  .the6 .the6_title h2 {
    font-weight: bold;
    font-size: 8.0rem;
    margin-bottom: 8.0rem; }
    @media (max-width: 760px) {
      .the6 .the6_title h2 {
        font-size: 6.5rem; } }
  @media (max-width: 760px) {
    .the6 .the6_items {
      padding: 0 7rem 0 0; } }
  .the6 .the6_items .the6_item {
    width: 33%;
    position: relative;
    float: left;
    margin-bottom: 50px; }
    @media (max-width: 1080px) {
      .the6 .the6_items .the6_item {
        width: 50%;
        margin-left: 0;
        float: left;
        text-align: center; } }
    .the6 .the6_items .the6_item.right {
      width: 16.5%;
      margin-left: 16.5%; }
      @media (max-width: 1080px) {
        .the6 .the6_items .the6_item.right {
          width: 50%;
          margin-left: 0;
          float: left;
          text-align: center; } }
      .the6 .the6_items .the6_item.right img {
        width: 70%;
        margin: 0 15%; }
        @media (max-width: 1080px) {
          .the6 .the6_items .the6_item.right img {
            width: 35%;
            margin: 0 15%; } }
    .the6 .the6_items .the6_item .the6_item_image {
      text-align: left;
      padding-bottom: 20px; }
      @media (max-width: 1080px) {
        .the6 .the6_items .the6_item .the6_item_image {
          text-align: center; } }
    .the6 .the6_items .the6_item .the6_item_title {
      font-size: 3.0rem;
      margin-bottom: 3.0rem;
      padding-left: 40px;
      text-transform: uppercase; }
      @media (max-width: 1080px) {
        .the6 .the6_items .the6_item .the6_item_title {
          padding-left: 0; } }
    .the6 .the6_items .the6_item img {
      width: 35%;
      margin: 0 15%; }
    .the6 .the6_items .the6_item .the6_item_number {
      display: none;
      position: absolute;
      bottom: 35px;
      left: 0;
      width: 26px;
      height: 26px;
      border-radius: 13px;
      background: #dc002e;
      text-align: center;
      line-height: 26px;
      color: #fff;
      font-size: 15px; }
      @media (max-width: 1800px) {
        .the6 .the6_items .the6_item .the6_item_number {
          bottom: 25px; } }
      @media (max-width: 1200px) {
        .the6 .the6_items .the6_item .the6_item_number {
          bottom: 20px; } }

.footer {
  padding: 1.70rem 18.5rem 7.0rem 18.5rem;
  position: relative; }
  @media (max-width: 760px) {
    .footer {
      padding: 1.70rem 6rem 6rem 6rem; } }
  .footer .footer_title {
    padding: 8.0rem 0;
    font-size: 7.0rem;
    font-weight: bold;
    color: #fff; }
    @media (max-width: 760px) {
      .footer .footer_title {
        font-size: 6.0rem; } }
  .footer .footer_subtitle {
    padding: 0 0 20.0rem 0;
    font-size: 5.0rem;
    font-weight: bold;
    color: #dc002e; }
    .footer .footer_subtitle a {
      color: #dc002e;
      text-decoration: none; }
  .footer .footer_links {
    padding: 0 0 7.0rem 0;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase; }
    @media (max-width: 760px) {
      .footer .footer_links {
        font-size: 14px;
        padding: 0 0 5.0rem 0; } }
    .footer .footer_links > a {
      display: inline-block;
      text-decoration: none;
      margin-right: 30px; }
      @media (max-width: 760px) {
        .footer .footer_links > a {
          display: block;
          margin-bottom: 7px; } }
  .footer .footer_copyright {
    padding: 0 0 0 0;
    font-size: 1.8rem;
    color: #fff; }
  .footer .footer_havas {
    position: absolute;
    bottom: 6.0rem;
    right: 18.5rem; }
    @media (max-width: 1080px) {
      .footer .footer_havas {
        position: static;
        margin: 30px 0 0 -10px; } }
    @media (max-width: 760px) {
      .footer .footer_havas {
        bottom: 12.0rem; } }

.page {
  padding: 0 18.5rem 17.0rem 18.5rem; }
  @media (max-width: 760px) {
    .page {
      padding: 0 6rem 17.0rem 6rem; } }
  .page .page_title {
    padding-top: 27rem; }
  .page .page_title h2 {
    font-weight: bold;
    font-size: 9.0rem;
    margin-bottom: 9.0rem; }
    @media (max-width: 760px) {
      .page .page_title h2 {
        font-size: 6.5rem; } }
  .page .page_copy {
    position: relative; }
    @media (max-width: 760px) {
      .page .page_copy {
        padding-right: 7rem; } }
    .page .page_copy .page_toc {
      position: absolute;
      top: 0;
      margin-left: 5px;
      padding-top: 20px;
      width: 33%; }
      @media (max-width: 760px) {
        .page .page_copy .page_toc {
          position: static;
          margin-left: 0;
          width: 100%;
          padding-top: 0; } }
      .page .page_copy .page_toc .page_toc_item {
        font-size: 2.6rem;
        text-transform: uppercase;
        color: #a3a3a3;
        margin-bottom: 4.0rem;
        padding-left: 40px;
        display: relative;
        cursor: pointer; }
        .page .page_copy .page_toc .page_toc_item.current {
          color: #fff; }
        .page .page_copy .page_toc .page_toc_item span {
          position: absolute;
          display: inline-block;
          left: 0; }
    .page .page_copy .page_text {
      margin-left: 40%;
      width: 60%; }
      @media (max-width: 760px) {
        .page .page_copy .page_text {
          margin-left: 0;
          width: 100%; } }
      .page .page_copy .page_text h3 {
        font-weight: bold;
        font-size: 7.0rem;
        margin: 6.0rem 0; }
      .page .page_copy .page_text p {
        font-size: 3.5rem;
        line-height: 5rem;
        margin: 6.0rem 0; }
        @media (max-width: 760px) {
          .page .page_copy .page_text p {
            font-size: 2.8rem;
            line-height: 4.4rem; } }

.whatsnew {
  display: none;
  /*position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  */
  z-index: 1600; }
  .whatsnew .whatsnew_copy {
    padding: 15.0rem 18.5rem;
    background: #000; }
    .whatsnew .whatsnew_copy h4 {
      font-size: 4.5rem;
      line-height: 5.5rem;
      font-weight: bold;
      margin: 9.0rem 0 7.0rem 0; }
    .whatsnew .whatsnew_copy p {
      font-size: 8.0rem;
      font-weight: bold;
      line-height: 9.0rem;
      margin: 7.0rem 0; }
  .whatsnew .whatsnew_close {
    z-index: 1700;
    position: fixed;
    top: 30px;
    right: 5.0rem;
    width: 50px;
    height: 110px;
    background: url("../img/video_close.png") 50% 50% no-repeat;
    background-size: 2.0rem auto;
    cursor: pointer; }

.whatsnew_page h4 {
  margin: 11rem 0 11rem 0 !important;
  font-size: 8.0rem !important;
  line-height: 9rem !important;
  font-weight: bold !important; }
.whatsnew_page p {
  font-size: 8.0rem !important;
  font-weight: bold !important;
  line-height: 9.0rem !important;
  margin: 7.0rem 0 !important; }
  @media (max-width: 760px) {
    .whatsnew_page p {
      font-size: 6.0rem !important;
      line-height: 7.0rem !important; } }

.error {
  padding: 25.0rem 18.5rem 17.0rem 18.5rem; }
  .error a {
    text-decoration: none;
    font-weight: bold; }
  .error .error_title h2 {
    font-weight: bold;
    font-size: 9.0rem;
    margin-bottom: 9.0rem; }
  .error .error_subtitle {
    font-size: 3.0rem;
    margin-bottom: 5.0rem; }

/*# sourceMappingURL=styles.css.map */