.node--type-topop.teaser {
  transition: all ease 0.6s;
}
.node--type-topop.teaser .card .card-header .ranking-wrap {
  background: #333333;
  border-radius: 8px;
  color: #ffffff;
}
.node--type-topop.teaser .card .card-header .state-wrap {
  background: #3434b4;
  color: #ffffff;
}
.node--type-topop.teaser .card .card-footer {
  background: #ffffff;
  color: #666666;
}
.page-node-type-topop .topop-introduction-wrapper {
  padding: 4rem 0;
  background: url("/themes/custom/autolia_top_front/images/mobile/m-top-operation-banner_bg.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
.page-node-type-topop .topop-introduction-wrapper .content-wrap {
  background: #ffffff;
  border-radius: 16px;
}
.page-node-type-topop .topop-introduction-wrapper .content-wrap .score-wrap {
  background: #e74011;
  color: #ffffff;
}
.page-node-type-topop .topop-introduction-wrapper .content-wrap .page-title {
  color: #000000;
}
.page-node-type-topop .topop-introduction-wrapper .content-wrap .animation-counter .num {
  background: #f4f4f4;
  box-shadow: none;
}
.page-node-type-topop .op-results-wrapper {
  padding: 4rem 0;
  background: url("/themes/custom/autolia_top_front/images/mobile/m-top-operation-scores_bg.jpg") no-repeat center center;
  background-size: cover;
}
.page-node-type-topop .op-results-wrapper .section-title {
  color: #ffffff;
  text-transform: uppercase;
  margin: 1.5rem 0 4rem;
}
.page-node-type-topop .op-results-wrapper .card.op-resume-card {
  border: 0;
}
.page-node-type-topop .op-results-wrapper .card.op-resume-card .card-header {
  background: #111111;
  padding: 24px 16px;
  border-top: 10px solid #e74011;
}
.page-node-type-topop .op-results-wrapper .card.op-resume-card .card-header .card-title {
  color: #ffffff;
}
.page-node-type-topop .op-results-wrapper .card.op-resume-card .card-body {
  color: #748690;
}
.page-node-type-topop .op-results-wrapper .card.op-resume-card .card-body .ranking-wrap .ranking .value {
  color: #748690;
}
.page-node-type-topop .op-results-wrapper .card.op-resume-card .card-body .score-wrap {
  background: #f4f4f4;
}
.topop-wrapper {
  padding: 4rem 0;
}
.ranking-topop-wrap .ranking-topop .label-wrap {
  background: #a1b1b9;
  color: #ffffff;
  border-radius: 8px 0 0 8px;
}
.ranking-topop-wrap .ranking-topop .value-wrap {
  background: #5c707b;
  color: #ffffff;
  border-radius: 0 8px 8px 0;
}
@media all and (min-width: 1024px) {
  .page-node-type-topop .topop-introduction-wrapper {
    background-image: url("/themes/custom/autolia_top_front/images/desk/d-top-operation-banner_bg.jpg");
  }
  .page-node-type-topop .op-results-wrapper {
    background-image: url("/themes/custom/autolia_top_front/images/desk/d-top-operation-scores_bg.jpg");
  }
}