/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-web-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: -22%;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .cp-web-section {
      margin: 4rem 0; } }
  .cp-web-section .spider {
    margin-left: 30%; }
    @media only screen and (max-width: 768px) {
      .cp-web-section .spider {
        margin-left: 0;
        margin-top: -1rem; } }
  .cp-web-section .act-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3rem; }
    @media only screen and (max-width: 768px) {
      .cp-web-section .act-btn {
        bottom: 0rem; } }
    .cp-web-section .act-btn .btn {
      padding: 1rem;
      min-width: 13rem;
      font-size: 1.4rem; }
      @media only screen and (max-width: 768px) {
        .cp-web-section .act-btn .btn {
          padding: 0.8rem;
          min-width: 9.4rem;
          font-size: 1.2rem; } }

.bs-sec.typ-spiderweb {
  padding-bottom: 1rem;
  padding-top: 4rem; }

/* line 271, ../sass/radarChart.scss */
#chart {
  width: 70rem;
  height: auto;
  font-family: "Gotham-Medium";
  font-size: 1.2rem;
  position: relative; }
  @media only screen and (max-width: 768px) {
    #chart {
      width: 32rem;
      margin: 0 auto; } }

/* line 493, ../sass/radarChart.scss */
.yaxis,
.xaxis {
  font-size: 1.2rem;
  font-family: "Gotham-Medium";
  width: 100px; }

/* line 498, ../sass/radarChart.scss */
.yaxis path,
.yaxis line,
.yaxis tick {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges; }

/* line 507, ../sass/radarChart.scss */
.xaxis path,
.xaxis line {
  fill: none;
  stroke: black;
  stroke-dasharray: 10, 10;
  shape-rendering: crispEdges; }

.rec-bound {
  fill: none;
  stroke: none; }

.opts {
  /* display: none; */
  fill: none; }

.rec-bound.active {
  fill: #000000; }

.opts.active {
  /* display: block; */
  fill: #ffffff; }

.update-value {
  position: absolute;
  left: 505px;
  top: 365px;
  width: 65px;
  height: 65px;
  background-color: #a8a8a8;
  color: #ffffff;
  border-radius: 50%;
  cursor: default;
  opacity: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 9;
  display: none; }

.sipder-tooltip {
  background: #000000;
  padding: 5px;
  border: solid 1px #919191;
  border-radius: 4px;
  padding: 1rem 2rem;
  position: absolute;
  display: none;
  top: 40%;
  left: 0;
  text-align: center;
  font-family: "Gotham-Bold"; }
  @media only screen and (max-width: 768px) {
    .sipder-tooltip {
      top: -1.7rem;
      padding: 1rem; } }
  .sipder-tooltip .title {
    font-size: 1rem;
    display: block;
    color: #888;
    margin-bottom: .2rem; }
  .sipder-tooltip .text {
    font-size: 1.2rem;
    color: #ffffff; }

#dragarea {
  width: 80%;
  height: 80%;
  left: 50%;
  top: 50%;
  position: absolute;
  background: #ff0000;
  opacity: .5;
  transform: translate(-50%, -50%); }

@-moz-document url-prefix() {
  .rec-bond {
    transform: translate(-1%, 4%); } }

@-moz-document url-prefix() {
  .opt-group {
    transform: translate(-1%, 4%); } }