/* line 93, ../sass/screen.scss */
.c8 {
  position: relative;
  /* [1] */
  width: 100%;
  height: 820px;
  font-size: 24px;
  padding: 0;
  border-radius: 50%;
  list-style: none;
  /* [2] */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* [3] */
  margin: 0;
  text-align: center;
  vertical-align: middle; }
  /* line 33, ../sass/screen.scss */
  .c8 > * {
    /* [4] */
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 2.5em;
    border-radius: 50%; }
    /* line 64, ../sass/screen.scss */
    .c8 > *:nth-of-type(1) {
      -moz-transform: rotate(180deg) rotate(-180deg);
      -ms-transform: rotate(180deg) rotate(-180deg);
      -webkit-transform: rotate(180deg) rotate(-180deg);
      transform: rotate(180deg) rotate(-180deg); }
    /* line 64, ../sass/screen.scss */
    .c8 > *:nth-of-type(2) {
      -moz-transform: rotate(225deg) rotate(-225deg);
      -ms-transform: rotate(225deg) rotate(-225deg);
      -webkit-transform: rotate(225deg) rotate(-225deg);
      transform: rotate(225deg) rotate(-225deg); }
    /* line 64, ../sass/screen.scss */
    .c8 > *:nth-of-type(3) {
      -moz-transform: rotate(270deg) rotate(-270deg);
      -ms-transform: rotate(270deg) rotate(-270deg);
      -webkit-transform: rotate(270deg) rotate(-270deg);
      transform: rotate(270deg) rotate(-270deg); }
    /* line 64, ../sass/screen.scss */
    .c8 > *:nth-of-type(4) {
      -moz-transform: rotate(315deg) rotate(-315deg);
      -ms-transform: rotate(315deg) rotate(-315deg);
      -webkit-transform: rotate(315deg) rotate(-315deg);
      transform: rotate(315deg) rotate(-315deg); }
    /* line 64, ../sass/screen.scss */
    .c8 > *:nth-of-type(5) {
      -moz-transform: rotate(360deg) rotate(-360deg);
      -ms-transform: rotate(360deg) rotate(-360deg);
      -webkit-transform: rotate(360deg) rotate(-360deg);
      transform: rotate(360deg) rotate(-360deg); }
    /* line 64, ../sass/screen.scss */
    /* line 82, ../sass/screen.scss */
    .c8 > * > p {
      text-align: center;
      /* height: 24px; */
      margin-top: 10px;
      font-size: 24px;
      line-height: 33px; 
      position: relative;
    }


/* line 103, ../sass/screen.scss */
.node div.label {
  font-size: 0.6em;
  line-height: 1em; }

/* line 113, ../sass/screen.scss */
.source-icon {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em; }

/* line 120, ../sass/screen.scss */
.center {
    font-size: 48px;
    display: flex;
    width: auto;
    height: auto;
    border: 13px solid white;
    left: 50%;
    top: 26%;
    transform: translateX(-50%);
}

/* line 124, ../sass/screen.scss */
.center div.label {
  font-size: 0.6em;
  line-height: 1em; }


.c8 .center p{
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
    width: 300px;
    height: 300px;
    margin: 0;
    display: flex;
    align-items: center;

}

.node.fadeChange.ng-scope.circle1{
    left: 50%;
    top: 3%;
    width: 640px;
    transform: translateX(-50%);
    margin:0;
}


.node.fadeChange.ng-scope.circle2{
    width:300px;
    left: 68%;
    top: 50%;
    transform: translateY(-50%);
}

.node.fadeChange.ng-scope.circle3{
    width:428px;
    top: 70%;
    left: 55%;
}

.node.fadeChange.ng-scope.circle4{
    width:400px;
    top: 70%;
    left: 15%;
}
.node.fadeChange.ng-scope.circle5{
    width:300px;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
}

.node.fadeChange.ng-scope p::before{
  content: url('../img/elipse-before-circle.png'); 
  position:absolute;
}

.node.fadeChange.ng-scope p:hover::before{
  content: url('../img/elipse-before-circle-hover.png'); 
}

.node.fadeChange.ng-scope.circle1 p::before{
    bottom: -25%;
    left: 50%;
    transform: translateX(-50%);
}


.node.fadeChange.ng-scope.circle2 p::before{
     top: 45%;
    transform: translateY(-59%);
    left: -15%;
}

.node.fadeChange.ng-scope.circle3 p::before{
    left: 5%;
    top: -45%;
}

.node.fadeChange.ng-scope.circle4 p::before{
    top: -45%;
    left:70%;
}

.node.fadeChange.ng-scope.circle5 p::before{
    top: 45%;
    transform: translateY(-59%);
    right: -10%;
}

@media screen and (max-width: 1220px){
  .center{
    top:25%;
  } 

  .node.fadeChange.ng-scope.circle1 p::before, .node.fadeChange.ng-scope.circle2 p::before, .node.fadeChange.ng-scope.circle3 p::before, .node.fadeChange.ng-scope.circle4 p::before, .node.fadeChange.ng-scope.circle5 p::before{
    display: none;
  }
}


@media screen and (max-width: 1210px){
  .node.fadeChange.ng-scope.circle5{
    left:0;
  }
}



@media screen and (max-width: 992px){
  .c8.circles{
    display: none;
  }
}