.sidebox {
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 1260px;
  min-height: 600px;
  background-color: none;
  pointer-events: all; }
  .sidebox .shadow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #087c8d;
    opacity: 0.5;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    pointer-events: auto; }
  .sidebox .info_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    background-color: black;
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s linear;
    -moz-transition: -moz-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s linear;
    -ms-transition: -ms-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s linear;
    -o-transition: -o-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s linear;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s linear; }
    .sidebox .info_box * {
      pointer-events: auto; }
  .sidebox .wrap {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s; }
    .sidebox .wrap .info_container {
      position: absolute;
      height: 100%;
      width: 100%; }
      .sidebox .wrap .info_container .back_img {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .sidebox .wrap .info_container .back_img img {
          position: absolute;
          top: 100px;
          left: 100px; }
      .sidebox .wrap .info_container .left {
        position: relative;
        top: 50%;
        left: 150px;
        z-index: 1;
        min-width: 400px;
        width: -webkit-calc(65% - 150px);
        width: -moz-calc(65% - 150px);
        width: calc(65% - 150px);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        .sidebox .wrap .info_container .left .header {
          font-weight: bold;
          color: white;
          text-transform: uppercase;
          font-size: 60px;
          line-height: 52px;
          margin-bottom: 20px; }
        .sidebox .wrap .info_container .left .text {
          color: white;
          font-weight: 400;
          opacity: 0.9;
          font-size: 14px; }
          .sidebox .wrap .info_container .left .text p {
            padding: 0;
            padding-bottom: 10px; }
            .sidebox .wrap .info_container .left .text p a {
              color: #2fc7ff;
              text-decoration: none;
              -webkit-transition: 0.3s linear;
              -moz-transition: 0.3s linear;
              -ms-transition: 0.3s linear;
              -o-transition: 0.3s linear;
              transition: 0.3s linear;
              border-bottom: 1px solid rgba(47, 199, 255, 0); }
              .sidebox .wrap .info_container .left .text p a:hover {
                color: #ff51ab;
                border-bottom: 1px solid rgba(255, 81, 171, 0.7); }
          .sidebox .wrap .info_container .left .text > a {
            display: block;
            position: absolute;
            -webkit-font-smoothing: antialiased;
            margin-top: 12px;
            background: none;
            border: none;
            padding: 8px;
            font-weight: bold;
            font-size: 14px;
            line-height: 12px;
            color: #2fc7ff;
            text-transform: uppercase;
            text-decoration: none;
            opacity: 0.7;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
            -webkit-transform: perspective(800px) translateZ(0px);
            -moz-transform: perspective(800px) translateZ(0px);
            -ms-transform: perspective(800px) translateZ(0px);
            -o-transform: perspective(800px) translateZ(0px);
            transform: perspective(800px) translateZ(0px); }
            .sidebox .wrap .info_container .left .text > a::after {
              content: '';
              display: block;
              position: absolute;
              top: -3px;
              left: -1px;
              width: 100%;
              height: 100%;
              border: 1px solid #3394e6;
              opacity: 0.7;
              -webkit-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              -moz-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              -ms-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              -o-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              -webkit-transform: perspective(800px) rotateX(0deg);
              -moz-transform: perspective(800px) rotateX(0deg);
              -ms-transform: perspective(800px) rotateX(0deg);
              -o-transform: perspective(800px) rotateX(0deg);
              transform: perspective(800px) rotateX(0deg); }
            .sidebox .wrap .info_container .left .text > a:hover {
              opacity: 1;
              color: white; }
              .sidebox .wrap .info_container .left .text > a:hover::after {
                border: 1px solid white;
                -webkit-transform: perspective(800px) rotateX(180deg) translateZ(0px);
                -moz-transform: perspective(800px) rotateX(180deg) translateZ(0px);
                -ms-transform: perspective(800px) rotateX(180deg) translateZ(0px);
                -o-transform: perspective(800px) rotateX(180deg) translateZ(0px);
                transform: perspective(800px) rotateX(180deg) translateZ(0px); }
      .sidebox .wrap .info_container .right {
        position: absolute;
        height: auto;
        top: 50%;
        left: -webkit-calc(65% + 4px + 40px);
        left: -moz-calc(65% + 4px + 40px);
        left: calc(65% + 4px + 40px);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        .sidebox .wrap .info_container .right img {
          display: block; }
      .sidebox .wrap .info_container.error {
        position: relative;
        left: 8px;
        top: -webkit-calc(50% - 30px/2);
        top: -moz-calc(50% - 30px/2);
        top: calc(50% - 30px/2);
        font-size: 30px;
        line-height: 30px;
        color: white;
        font-weight: bold; }
    .sidebox .wrap.hide {
      opacity: 0;
      pointer-events: none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none; }
  .sidebox .close-btn {
    top: calc(50% - 66px/2);
    left: -33px;
    opacity: 1;
    -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s; }
    .sidebox .close-btn svg .bg {
      fill: #043c4e;
      opacity: 1; }
    .sidebox .close-btn svg:hover .bg {
      fill: #0a5f7b; }
  .sidebox.inactive {
    pointer-events: none; }
    .sidebox.inactive .shadow {
      opacity: 0;
      pointer-events: none; }
    .sidebox.inactive .info_box {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%);
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.4s linear, visibility 0.4s;
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.4s linear, visibility 0.4s;
      -ms-transition: -ms-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.4s linear, visibility 0.4s;
      -o-transition: -o-transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.4s linear, visibility 0.4s;
      transition: transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.4s linear, visibility 0.4s; }
      .sidebox.inactive .info_box * {
        pointer-events: none; }
    .sidebox.inactive .close-btn {
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: scaleY(0.5);
      -moz-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5);
      -webkit-transition: 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -moz-transition: 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -ms-transition: 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -o-transition: 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition: 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      opacity: 0; }
  .sidebox .info_container.sputnik1 .back_img img {
    top: -webkit-calc(50% - 935px/2 + 80px);
    top: -moz-calc(50% - 935px/2 + 80px);
    top: calc(50% - 935px/2 + 80px);
    left: 27%; }
  .sidebox .info_container.sputnik1 .left .header {
    color: #bc3769; }
  .sidebox .info_container.luna1 .back_img img {
    top: -webkit-calc(50% - 635px/2 - 30px);
    top: -moz-calc(50% - 635px/2 - 30px);
    top: calc(50% - 635px/2 - 30px);
    left: 30%; }
  .sidebox .info_container.luna1 .left .header {
    color: #bc3769; }
  .sidebox .info_container.belka-strelka .back_img img {
    top: -webkit-calc(50% - 432px/2 - 115px);
    top: -moz-calc(50% - 432px/2 - 115px);
    top: calc(50% - 432px/2 - 115px);
    left: 25%; }
  .sidebox .info_container.belka-strelka .left .header {
    color: #3e79ff; }
  .sidebox .info_container.venera1 .back_img img {
    top: -webkit-calc(50% - 503px/2 - 36px);
    top: -moz-calc(50% - 503px/2 - 36px);
    top: calc(50% - 503px/2 - 36px);
    left: 20%; }
  .sidebox .info_container.venera1 .left .header {
    color: #3e79ff; }
  .sidebox .info_container.gagarin .back_img img {
    top: -webkit-calc(50% - 609px/2 - 30px);
    top: -moz-calc(50% - 609px/2 - 30px);
    top: calc(50% - 609px/2 - 30px);
    left: -webkit-calc(50% - 255px/2 - 30px);
    left: -moz-calc(50% - 255px/2 - 30px);
    left: calc(50% - 255px/2 - 30px); }
  .sidebox .info_container.gagarin .left .header {
    color: #887fc7; }
  .sidebox .info_container.mariner4 .back_img img {
    top: -webkit-calc(50% - 393px/2 - 180px);
    top: -moz-calc(50% - 393px/2 - 180px);
    top: calc(50% - 393px/2 - 180px);
    left: 15%; }
  .sidebox .info_container.mariner4 .left .header {
    color: #c03b59; }
  .sidebox .info_container.leonov .back_img img {
    top: -webkit-calc(50% - 689px/2);
    top: -moz-calc(50% - 689px/2);
    top: calc(50% - 689px/2);
    left: -webkit-calc(50% - 558px/2);
    left: -moz-calc(50% - 558px/2);
    left: calc(50% - 558px/2); }
  .sidebox .info_container.leonov .left .header {
    color: #c03b59; }
  .sidebox .info_container.apollo11 .back_img img {
    top: -webkit-calc(50% - 768px/2);
    top: -moz-calc(50% - 768px/2);
    top: calc(50% - 768px/2);
    left: 55%; }
  .sidebox .info_container.apollo11 .left .header {
    color: #12a2bc; }
  .sidebox .info_container.lunokhod1 .back_img img {
    top: 50%;
    left: 30%; }
  .sidebox .info_container.lunokhod1 .left .header {
    color: #12a2bc; }
  .sidebox .info_container.pioneer10 .back_img img {
    top: -webkit-calc(50% - 433px);
    top: -moz-calc(50% - 433px);
    top: calc(50% - 433px);
    left: 15%; }
  .sidebox .info_container.pioneer10 .left .header {
    color: #ce7b0f; }
  .sidebox .info_container.soyuz-apollo .back_img img {
    top: -webkit-calc(50% - 420px);
    top: -moz-calc(50% - 420px);
    top: calc(50% - 420px);
    left: 30%; }
  .sidebox .info_container.soyuz-apollo .left .header {
    color: #ce7b0f; }
  .sidebox .info_container.pioneer11 .back_img img {
    top: -webkit-calc(50% - 447px/2 - 236px);
    top: -moz-calc(50% - 447px/2 - 236px);
    top: calc(50% - 447px/2 - 236px);
    left: 20%; }
  .sidebox .info_container.pioneer11 .left .header {
    color: #8541c4; }
  .sidebox .info_container.shuttle .back_img img {
    top: -webkit-calc(50% - 295px - 120px);
    top: -moz-calc(50% - 295px - 120px);
    top: calc(50% - 295px - 120px);
    left: 25%; }
  .sidebox .info_container.shuttle .left .header {
    color: #8541c4; }
  .sidebox .info_container.voyager2 .back_img img {
    top: -webkit-calc(50% - 827px/2);
    top: -moz-calc(50% - 827px/2);
    top: calc(50% - 827px/2);
    left: 30%; }
  .sidebox .info_container.voyager2 .left .header {
    color: #0f44af; }
  .sidebox .info_container.mir .back_img img {
    top: -webkit-calc(50% - 494px/2 - 214px);
    top: -moz-calc(50% - 494px/2 - 214px);
    top: calc(50% - 494px/2 - 214px);
    left: 24%; }
  .sidebox .info_container.mir .left .header {
    color: #4a9b8e; }
  .sidebox .info_container.hubble .back_img img {
    top: -webkit-calc(50% - 489px/2 - 217px);
    top: -moz-calc(50% - 489px/2 - 217px);
    top: calc(50% - 489px/2 - 217px);
    left: 44%; }
  .sidebox .info_container.hubble .left .header {
    color: #4a9b8e; }
  .sidebox .info_container.cassini .back_img img {
    top: -webkit-calc(50% - 705px/2 - 142px);
    top: -moz-calc(50% - 705px/2 - 142px);
    top: calc(50% - 705px/2 - 142px);
    left: 32%; }
  .sidebox .info_container.cassini .left .header {
    color: #89c576; }
  .sidebox .info_container.rosetta .back_img img {
    top: -webkit-calc(50% - 1037px/2 - 280px);
    top: -moz-calc(50% - 1037px/2 - 280px);
    top: calc(50% - 1037px/2 - 280px);
    left: 32%; }
  .sidebox .info_container.rosetta .left .header {
    color: #89c576; }
  .sidebox .info_container.new-horizons .back_img img {
    top: -webkit-calc(50% - 524px/2 - 164px);
    top: -moz-calc(50% - 524px/2 - 164px);
    top: calc(50% - 524px/2 - 164px);
    left: 32%; }
  .sidebox .info_container.new-horizons .left .header {
    color: #be4f5c; }

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