.header_container {
  position: fixed;
  background: transparent;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  z-index: 500; }

.header_logo .black {
  display: block; }
  .fp-viewing-INDEX .header_logo .black {
    display: none; }

.nav_button::before, .nav_button::after, .nav_button > span {
  background: #323232; }

[data-anchor="INDEX"] {
  background: #fff url(../img/index/block_top_bg.png) center bottom no-repeat;
  background-size: 100% 100%; }

[data-anchor="SOLUTION"] {
  background: #fff url(../img/index/block_top2_bg.png) center center no-repeat;
  background-size: contain; }
  [data-anchor="SOLUTION"] .block_container {
    width: 44.167%;
    margin: 0 0 0 15.834%; }
  [data-anchor="SOLUTION"] .block_sub {
    font-size: 2em;
    text-align: justify; }
  [data-anchor="SOLUTION"] .block_text {
    line-height: 3.167em;
    font-size: 0.858em;
    text-align: justify; }

.block_title {
  width: 33.334%;
  max-width: 400px;
  margin: 0 auto;
  line-height: 0;
  text-align: center; }

.block_sub {
  line-height: 1;
  font-size: 3.143em;
  text-align: center; }

.block_head {
  background: #fff;
  line-height: 1;
  font-size: 2.143em;
  text-align: center;
  color: #666;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.block_text {
  margin: 1.5em auto 0;
  line-height: 2.55em;
  font-size: 1.215em;
  text-align: center; }
  .block_text > a {
    color: inherit; }

.block_list {
  margin: 3.85% auto 0;
  text-align: center; }
  .block_list > li {
    line-height: 1;
    font-size: 1.143em; }
    .block_list > li + li {
      margin-top: 1em; }
      .block_list > li + li li {
        margin-left: 1.5em; }

.block_child > li {
  display: inline-block;
  margin: 0 0 0 1em; }
  .block_child > li a {
    text-decoration: none;
    color: #323232; }
    .block_child > li a.hover {
      opacity: 0.7; }
    .block_child > li a.noActive {
      text-decoration: line-through;
      opacity: 0.5;
      cursor: default;
      pointer-events: none; }

.block_address {
  position: absolute;
  left: 0;
  right: 0;
  top: 95.833%;
  margin: 0 auto 0;
  line-height: 1;
  font-size: 0.858em;
  text-align: center;
  color: #191919; }

.block_copylight {
  position: absolute;
  left: 0;
  right: 0;
  top: 95.833%;
  margin: 17px auto 0;
  line-height: 1;
  font-size: 0.858em;
  text-align: center;
  color: #191919; }

.block_anchor {
  position: absolute;
  width: 2.917%;
  left: 0;
  right: 0;
  top: 88.333%;
  margin: 0 auto;
  line-height: 0; }
  .block_anchor.hover {
    opacity: 0.7; }

[data-anchor="BUSINESS"] .block_anchor {
  top: 96.385%; }

.links_contanier {
  position: absolute;
  width: 89.167%;
  height: 83.735%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

.links_list {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .links_list::after {
    content: "";
    display: block;
    clear: both; }
  .links_list > li {
    display: block;
    float: left;
    position: relative;
    width: 29.907%;
    height: 46.044%;
    margin: 0 0 0 5.1395%;
    color: #fff; }
    .links_list > li:nth-child(3n+1) {
      margin-left: 0;
      clear: left; }
    .links_list > li:nth-child(n+4) {
      margin-top: 5.1395%; }
    .links_list > li.wed .links_panel {
      background-image: url(../img/index/links_wed_bg.png);
      right: 0;
      bottom: 0; }
    .links_list > li.mov .links_panel {
      background-image: url(../img/index/links_mov_bg.png);
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto; }
    .links_list > li.gra .links_panel {
      background-image: url(../img/index/links_gra_bg.png);
      left: 0;
      bottom: 0; }
    .links_list > li.prm {
      color: #323232; }
      .links_list > li.prm .links_panel {
        background-image: url(../img/index/links_prm_bg.png);
        right: 0;
        top: 0; }
    .links_list > li.pub .links_panel {
      background-image: url(../img/index/links_pub_bg.png);
      left: 0;
      right: 0;
      top: 0;
      margin: 0 auto; }
    .links_list > li.cns {
      color: #323232; }
      .links_list > li.cns .links_panel {
        background-image: url(../img/index/links_cns_bg.png);
        left: 0;
        top: 0; }

.links_panel {
  display: table;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  line-height: 0;
  text-decoration: none;
  vertical-align: middle;
  color: inherit; }
  .links_panel::before {
    content: "";
    position: absolute;
    background: radial-gradient(ellipse farthest-side, rgba(50, 50, 50, 0.1), rgba(50, 50, 50, 0.4), rgba(50, 50, 50, 0.8));
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s; }
  .links_panel > div {
    display: table-cell;
    position: relative;
    width: 100%;
    vertical-align: middle;
    text-align: center; }
    .links_panel > div > span {
      display: block;
      margin: 3.125% auto 0;
      line-height: 1;
      font-size: 10px;
      font-weight: bold; }
  .links_panel.hover::before {
    opacity: 1; }

[data-anchor="ABOUT"] .block_container {
  position: relative;
  width: 89.167%;
  height: 83.615%;
  margin: 0 auto; }

[data-anchor="ABOUT"] .block_anchor {
  top: 102.306%; }

.tab_container {
  position: absolute;
  height: 92.94%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

.tab_switch {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 60px;
  text-align: center; }
  .tab_switch > a {
    display: table-cell;
    font-size: 1.429em;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer; }
    .tab_switch > a.noActive {
      pointer-events: none;
      cursor: default; }
    .tab_switch > a:nth-child(1) {
      background: #fff500;
      -webkit-box-shadow: 0 0 50px rgba(255, 127, 0, 0.4) inset;
      box-shadow: 0 0 50px rgba(255, 127, 0, 0.4) inset; }
    .tab_switch > a:nth-child(2) {
      background: #1f1f1f;
      color: #fff; }
    .tab_switch > a:nth-child(3) {
      background: #303030;
      color: #fff; }

.tab_content {
  position: relative;
  height: calc(100% - 60px); }
  .tab_content iframe {
    position: absolute;
    background: #fff;
    border: none;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto; }

.map_container {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  bottom: 0;
  padding: 3% 0; }
  .map_container .logo {
    width: 123px;
    margin: 0 auto;
    line-height: 0; }
  .map_container .address {
    margin: 1.5em auto 0;
    line-height: 1.965em;
    font-size: 1em;
    text-align: center; }

.footer_text {
  position: absolute;
  bottom: 0; }
  .footer_text::after {
    background: -webkit-gradient(linear, left top, right top, from(#ffc800), color-stop(50%, #fff500), to(#ffc800));
    background: linear-gradient(to right, #ffc800 0%, #fff500 50%, #ffc800 100%); }

@media screen and (max-width: 750px) {
  .header_container {
    height: 44px;
    padding: 0; }
  .header_logo::before {
    background: transparent; }
  .nav_button2 > a {
    color: #323232; }
  [data-anchor="INDEX"] {
    background: #fff url(../img/index/block_top_bg_sm.png) center bottom no-repeat;
    background-size: contain; }
    [data-anchor="INDEX"] .block_anchor {
      width: 6.667%;
      top: 80.509%; }
  [data-anchor="SOLUTION"] {
    background: none; }
    [data-anchor="SOLUTION"] .block_container {
      width: 100%;
      margin: 0 auto; }
    [data-anchor="SOLUTION"] .block_sub {
      position: relative;
      font-size: 2.084em;
      text-align: center; }
      [data-anchor="SOLUTION"] .block_sub::before {
        content: "";
        display: block;
        background: url(../img/index/block_top2_bg_sm.png) center center no-repeat;
        background-size: contain;
        width: 100%;
        height: 0;
        padding: 58.667% 0 0; }
      [data-anchor="SOLUTION"] .block_sub > span {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
    [data-anchor="SOLUTION"] .block_text {
      line-height: 2.556em;
      font-size: 0.938em;
      font-weight: bold;
      text-align: center; }
  .block_title {
    width: 61.334%;
    max-width: 460px;
    padding: 0 0 26.267%; }
  .block_address, .block_copylight {
    top: 87.256%; }
  .block_anchor {
    width: 6.667%; }
  .links_contanier {
    width: 90%;
    max-width: 675px; }
  .links_list {
    height: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .links_list > li {
      width: 42.667vw;
      max-width: 23.989vh;
      height: 42.667vw;
      max-height: 23.989vh;
      margin-left: 0 !important; }
      .links_list > li:nth-child(3n+1) {
        clear: none; }
      .links_list > li:nth-child(2n) {
        float: right; }
      .links_list > li:nth-child(2n+1) {
        clear: left; }
      .links_list > li:nth-child(n+3) {
        margin-top: 5.184% !important; }
      .links_list > li.wed img {
        width: 75%; }
      .links_list > li.mov img {
        width: 27.188%; }
      .links_list > li.gra img {
        width: 39.688%; }
      .links_list > li.prm img {
        width: 51.25%; }
      .links_list > li.pub img {
        width: 63.75%; }
      .links_list > li.cns img {
        width: 65%; }
  .links_panel > div > span {
    margin-top: 5%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  [data-anchor="ABOUT"] .block_container {
    width: 90%;
    max-width: 675px;
    height: 83.359%; }
  [data-anchor="ABOUT"] .block_head {
    font-size: 1.042em; }
  [data-anchor="ABOUT"] .block_anchor {
    top: 82.734%; }
  .tab_container {
    height: 96.224%; }
  .tab_content {
    height: calc(100% - 30px);
    overflow: hidden; }
  .tab_switch {
    height: 30px; }
    .tab_switch > a {
      font-size: 1.042em; }
  .map_container {
    padding: 13.334% 0 2.963%; }
    .map_container .logo {
      width: 23.112%; }
    .map_container .address {
      margin: 1.482% auto 0;
      font-size: 0.834em; }
  .footer_button {
    width: 90%;
    max-width: 675px; } }