@media (max-width: 900px) {
  .standard-logo {
    display: none; }

  .gc-user-guest .pair-content {
    padding-top: 10px; } }
.pair-content {
  min-height: 430px;
  overflow: hidden; }

.pair-content .pair-item.setted img {
  border: 2px solid green; }

.pair-content.clicked .pair-item .pair-item-result {
  display: block; }

.pair-content {
  max-width: 1020px;
  overflow: hidden;
  padding-top: 10px; }
  .pair-content.show-achievement .pair-item {
    display: none; }
  .pair-content.show-achievement .progress-block {
    display: none; }
  .pair-content.show-achievement .achievement-block {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    height: 400px;
    background: #9a342a;
    color: white;
    text-align: center;
    font-size: 18px;
    padding-top: 100px; }
    .pair-content.show-achievement .achievement-block h2 {
      font-size: 25px;
      margin-bottom: 30px;
      font-weight: bold; }
  .pair-content .pair-item {
    float: left;
    width: 45%;
    max-width: 500px;
    max-height: 500px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px; }
    .pair-content .pair-item .loading-item {
      width: 100%;
      height: 100%;
      min-height: 400px;
      border: 1px solid #eee;
      text-align: center;
      padding-top: 45%; }
    .pair-content .pair-item > img {
      border: 2px solid transparent;
      cursor: pointer;
      max-width: 100%;
      width: 100%; }
    .pair-content .pair-item .pair-item-result {
      display: none;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .pair-content .pair-item .pair-item-result .fade {
        z-index: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background: red;
        opacity: 0.2;
        top: 0;
        left: 0; }
      .pair-content .pair-item .pair-item-result .points {
        position: absolute;
        width: 100%;
        left: 0;
        top: 40%;
        z-index: 1000;
        text-align: center;
        color: white; }
        .pair-content .pair-item .pair-item-result .points .change-value {
          font-size: 18px; }
        .pair-content .pair-item .pair-item-result .points .new-value {
          font-size: 30px; }
    .pair-content .pair-item.setted .pair-item-result .fade {
      background: green; }
  .pair-content .loading {
    text-align: center;
    padding-top: 100px; }

.progress-block {
  margin-bottom: 10px;
  width: 400px;
  height: 25px;
  position: relative;
  clear: both;
  background: #c6c9cc;
  border-radius: 5px; }
  .progress-block .progress-text {
    color: white;
    position: absolute;
    width: 100%;
    padding-top: 3px;
    text-align: center; }
  .progress-block .progress-bar {
    position: absolute;
    width: 50%;
    left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 100%;
    background: #33b569; }

@media (max-width: 760px) {
  .pair-page-content {
    padding-left: 10px; }

  .pair-content {
    margin: 0 !important;
    padding-top: 0; }
    .pair-content .pair-item {
      float: none;
      width: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-bottom: 5px; }
      .pair-content .pair-item img {
        border: 0px solid transparent; }
      .pair-content .pair-item.setted img {
        border: 0px solid transparent;
        opacity: 0.5; }

  .progress-block {
    margin-top: 10px;
    width: 96%;
    margin-left: auto;
    margin-right: auto; }

  .gc-main-content.with-left-menu .container {
    margin: 0 !important;
    padding: 0; } }
.table.history-table {
  max-width: 500px; }
  .table.history-table .pair-item {
    color: #999; }
    .table.history-table .pair-item .rating-after {
      font-size: 20px;
      font-weight: normal;
      color: black; }
    .table.history-table .pair-item .image-td {
      width: 90px; }
    .table.history-table .pair-item td {
      border-top: 0;
      padding: 0px;
      padding-right: 20px;
      padding-bottom: 20px; }
    .table.history-table .pair-item img {
      max-width: 90px; }

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