h2{
  margin-top:30px;
}

.news__category::after {
    content: "▪";
    margin: 0px 5px;
}

.commentsApp {
    padding-bottom: 30px;
  }
  
  .commentsApp * {
    outline: 0;
  }
  
  .commentsApp__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-flow: row wrap;
  }
  
  .commentsApp__heading {
    color: #222;
    font: 600 30px/35px calibre, sans-serif;
  }
  
  .commentsApp__headerCounter {
    font-weight: 400;
  }
  
  .commentsApp__sorting {
    position: relative;
  }
  
  .commentsApp__textStyledBtn {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    transition: all 0.2s ease-out;
  }
  
  .commentsApp__textStyledBtn:hover {
    opacity: 0.8;
  }
  
  .commentsApp__sortingSelected {
    font: 600 15px/18px calibre, sans-serif;
    color: #666;
  }
  
  .commentsApp__sortingSelected:first-letter {
    text-transform: uppercase;
  }
  
  .commentsApp__sortingTriangle {
    vertical-align: middle;
    margin-left: 7px;
  }
  
  .commentsApp__sortingTrianglePath {
    fill: #666;
  }
  
  .commentsApp__articleTitle {
    color: #999;
    font: 400 15px/21px calibre, sans-serif;
    padding: 10px 0 15px;
  }
  
  body {
    overflow-anchor: none;
  }
  
  .commentsApp__infoMessage {
    height: 0;
    transition: height 0.3s ease-in-out, margin-top 0.3s ease-in-out;
    width: 100%;
    font: 600 15px/18px calibre, sans-serif;
    padding: 0 6px;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  
  .commentsApp__comment .commentsApp__infoMessage {
    width: calc(100% - 40px);
    margin-left: 40px;
  }
  
  .commentsApp__infoMessageClose {
    cursor: pointer;
  }
  
  .commentsApp__textField {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
    border: 1px solid #ccc;
    border-radius: 2px;
  }
  
  .commentsApp__comment .commentsApp__textField {
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  
  .commentsApp__textField:not(.commentsApp__textField--active)
    ~ .commentsApp__infoMessage {
    width: 100%;
    margin-left: 0;
  }
  
  .commentsApp__addCommentTextarea {
    font: 400 18px/25px calibre, sans-serif;
    width: 100%;
    border: none;
    display: block;
    padding: 12px 20px 11px;
  }
  
  .commentsApp__addCommentTextarea--revealBottom {
    color: #222;
    resize: vertical;
    transition: min-height 1s ease-in-out;
    min-height: 110px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  }
  
  .commentsApp__addCommentTextarea--revealBottom::-webkit-input-placeholder {
    color: #222;
  }
  
  .commentsApp__addCommentTextarea::-webkit-input-placeholder {
    color: #999;
  }
  
  .commentsApp__bottom {
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    box-shadow: 0-2px 2px rgba(0, 0, 0, 0.04);
    border-radius: 0 0 2px 2px;
  }
  
  .commentsApp__addCommentTextarea--revealBottom + .commentsApp__bottom {
    padding: 20px;
    display: flex;
  }
  
  .commentsApp__bottomFrame {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 20px;
    transition: height 0.5s ease-in-out;
    padding-right: 10px;
    outline: 0;
  }
  
  .commentsApp:not(.commentsApp--logged) .commentsApp__bottomFrame {
    visibility: hidden;
    width: 1px;
  }
  
  .commentsApp__bottomFrame:after {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 8px;
    height: 4px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg\ fill=\'%23666\'\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'8\'\ height=\'4\'%3E%3Cpath\ d=\'M0\ 0l4\ 4\ 4-4z\'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    cursor: pointer;
  }
  
  .commentsApp__bottomFrame .commentsApp__bottomFrameElement {
    background: transparent;
    border: 0;
    text-align: left;
    font: 600 15px/18px calibre, sans-serif;
  }
  
  .commentsApp__bottomFrame .commentsApp__userName {
    padding: 0 6px 0 0;
    cursor: pointer;
    color: #666;
    transition: all 0.2s ease-out;
  }
  
  .commentsApp__bottomFrame .commentsApp__userName:hover {
    opacity: 0.8;
  }
  
  .commentsApp__button {
    background: #444;
    color: #fff;
    border: none;
    border-radius: 15px;
    padding: 6px 20px;
    text-transform: uppercase;
    transition: all 0.2s ease-out;
    font: 600 15px/18px calibre, sans-serif;
    cursor: pointer;
  }
  
  .commentsApp__button:hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 4px 7px 0 rgba(0, 0, 0, 0.2);
    filter: brightness(1.2);
    -webkit-filter: brightness(120%);
  }
  
  .commentsApp__commentsContainer {
    margin: 26px 0 0;
    display: flex;
    flex-direction: column;
  }
  
  .commentsApp__comment {
    margin: 0 0 5px;
    padding: 18px 0 0;
    border-top: 1px solid #e5e5e5;
  }
  
  .commentsApp__comment--first,
  .commentsApp__comment:first-of-type {
    padding: 0;
    border-top: none;
  }
  
  @keyframes blinkBackgorund {
    0% {
      background-color: #fff;
    }
  
    50% {
      background-color: #fdf2c0;
    }
  
    to {
      background-color: #fff;
    }
  }
  
  .commentsApp__commentHead {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }
  
  .commentsApp__commentAuthor {
    font: 600 18px/22px calibre, sans-serif;
    margin-right: 10px;
    color: #222;
  }
  
  .commentsApp__commentBody {
    font: 400 14px/25px calibre, sans-serif;
    color: #222;
    margin: 6px 0 10px;
    word-break: break-word;
  }
  
  .commentsApp__commentDate {
    font: 400 18px/22px calibre, sans-serif;
    color: #999;
  }
  
  .commentsApp__commentLink {
    margin: 0 10px;
    position: relative;
  }
  
  .commentsApp__commentLinkButton {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
  }
  
  .commentsApp__subComments {
    padding-left: 40px;
    transition: height 0.3s ease-in-out;
    height: 0;
    overflow: hidden;
  }
  
  .commentsApp__options {
    position: relative;
    margin-left: auto;
  }
  
  .commentsApp__optionsDots {
    position: relative;
    min-width: 16px;
    min-height: 16px;
  }
  
  .commentsApp__optionsDots:before {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'16\'\ height=\'16\'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%23666}%3C/style%3E%3C/defs%3E%3Cg\ transform=\'translate\(-3\ -3\)\'%3E%3Cpath\ class=\'a\'\ d=\'M14.316\ 3H7.684L3\ 7.684v6.631L7.684\ 19h6.631L19\ 14.316V7.684zm2.907\ 10.578l-3.644\ 3.644H8.422l-3.644-3.644V8.422l3.644-3.644h5.156l3.644\ 3.644v5.156z\'/%3E%3Ccircle\ class=\'a\'\ cx=\'.889\'\ cy=\'.889\'\ r=\'.889\'\ transform=\'translate\(10.111\ 13.667\)\'/%3E%3Cpath\ class=\'a\'\ d=\'M10.111\ 6.556h1.778v6.222h-1.778z\'/%3E%3C/g%3E%3C/svg%3E);
    width: 16px;
    height: 16px;
    margin-left: 2px;
  }
  
  .commentsApp__commentFooter {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }
  
  .commentsApp__commentFooter > :not(:last-child) {
    margin-right: 30px;
  }
  
  .commentsApp__votes {
    font: 400 15px/25px calibre, sans-serif;
    position: relative;
  }
  
  .commentsApp__vote {
    padding: 0;
    color: #666;
    font: 400 15px/25px calibre, sans-serif;
  }
  
  .commentsApp__vote--up {
    margin-right: 30px;
  }
  
  .commentsApp__vote--up:hover .commentsApp__voteSVGPath--fill {
    fill: #48c110;
  }
  
  .commentsApp__vote--down:hover .commentsApp__voteSVGPath--fill {
    fill: #e30000;
  }
  
  .commentsApp__voteSVG {
    vertical-align: middle;
    margin: 0 5px 0 0;
  }
  
  .commentsApp__voteSVGPath--transparent {
    fill: none;
  }
  
  .commentsApp__voteSVGPath--fill {
    fill: #666;
  }
  
  .commentsApp__reply,
  .commentsApp__showReplies {
    font: 600 15px/25px calibre, sans-serif;
  }
  
  .commentsApp__reply {
    color: #222;
  }
  
  .commentsApp__showReplies {
    color: #666;
    position: relative;
    padding: 0 15px 0 0;
  }
  
  .commentsApp__loadMore {
    padding: 8px 0 0;
  }
  
  .commentsApp__buttonLoadMore {
    border: 2px solid #444;
    background: #fff;
    color: #222;
    padding: 4px 20px 6px;
    height: 30px;
  }
  .commentsApp__buttonLoadMore a {
    color: black;
  }
  
  

  
  .my-link{
    color: rgb(16, 141, 204) !important;
    font-weight:600;
}

.customJS-styles__activation-message {
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: #073e86c2;
    padding: 10px;
    border-radius: 15px;
    display: flex;
    margin-bottom: 0px!important;
    margin-top: 0!important;
  }
  
  .customJS-styles__icon {
    color: red;
    font-size: 35px;
    text-align: center;
    margin-right: 7px;
  }
  
  
  
  
  /* FORM */
.sorser form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 350px;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  background-color: #1a1a1a;
  color: #fff;
  border: 1px solid #333;
  margin: 0 auto;
}

.sorser input {
  background-color: #333;
  color: #fff;
  width: 100%;
  padding: 10px 10px;
  outline: 0;
  border: 1px solid rgba(105, 105, 105, 0.397);
  border-radius: 10px;
}
.sorser .title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -1px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 30px;
  color: #00bfff;
}
.sorser .title::before,
.sorser .title::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  left: 0px;
  background-color: #00bfff;
}
.sorser .title::after {
  animation: pulse 1s linear infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
.sorser button:hover {
  background-color: #00bfff96;
}
.sorser button {
  border: none;
  outline: none;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  transform: 0.3s ease;
  background-color: #00bfff;
}
.logos svg {
  width: 300px;
  height: 200px;
}
#redblocks > * {
  transform: translate3d(160px, -93px, 0);
  -webkit-animation: moveblocks 4s 1s ease infinite;
  animation: moveblocks 4s 1s ease infinite;
}

@-webkit-keyframes moveblocks {
  0% {
    transform: translate3d(160px, -93px, 0);
  }
  50%,
  100% {
    transform: translate(0);
  }
}

@keyframes moveblocks {
  0% {
    transform: translate3d(160px, -93px, 0);
  }
  50%,
  100% {
    transform: translate(0);
  }
}
#firstBlock {
  transform: translate3d(160px, -93px, 0);
  -webkit-animation: firstBlock 4s 1s ease infinite;
  animation: firstBlock 4s 1s ease infinite;
}

#blockdis {
  -webkit-animation: blockdis 4s 1s ease infinite;
  animation: blockdis 4s 1s ease infinite;
}

@-webkit-keyframes blockdis {
  30% {
    opacity: 1;
  }
  40%,
  100% {
    opacity: 0;
    transform: translate3d(-160px, 93px, 0);
  }
}

@keyframes blockdis {
  30% {
    opacity: 1;
  }
  40%,
  100% {
    opacity: 0;
    transform: translate3d(-160px, 93px, 0);
  }
}
@-webkit-keyframes firstBlock {
  0%,
  15% {
    opacity: 0;
  }
  40%,
  100% {
    opacity: 1;
  }
}
@keyframes firstBlock {
  0%,
  15% {
    opacity: 0;
  }
  40%,
  100% {
    opacity: 1;
  }
}
#redblocksparticles g:nth-child(1) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(2) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(3) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(4) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

@-webkit-keyframes glow {
  0%,
  45% {
    opacity: 0;
  }
  60%,
  100% {
    opacity: 0.35;
  }
}

@keyframes glow {
  0%,
  45% {
    opacity: 0;
  }
  60%,
  100% {
    opacity: 0.35;
  }
}
@-webkit-keyframes dots {
  0%,
  35% {
    transform: translate(0);
    opacity: 0;
  }
  60%,
  80% {
    transform: translate(55px, -35px);
    opacity: 1;
  }
  100% {
    transform: translate(55px, -35px);
    opacity: 0;
  }
}
@keyframes dots {
  0%,
  35% {
    transform: translate(0);
    opacity: 0;
  }
  60%,
  80% {
    transform: translate(55px, -35px);
    opacity: 1;
  }
  100% {
    transform: translate(55px, -35px);
    opacity: 0;
  }
}
#purplebg > :nth-child(1) {
  -webkit-animation: up 2s 500ms ease infinite alternate;
  animation: up 2s 500ms ease infinite alternate;
}

#purplebg > :nth-child(2) {
  -webkit-animation: up 2s 1000ms ease infinite alternate;
  animation: up 2s 1000ms ease infinite alternate;
}

#purplebg > :nth-child(3) {
  -webkit-animation: up 2s 1500ms ease infinite alternate;
  animation: up 2s 1500ms ease infinite alternate;
}

#purplebg > :nth-child(4) {
  -webkit-animation: up 2s 2000ms ease infinite alternate;
  animation: up 2s 2000ms ease infinite alternate;
}

#purplebg > :nth-child(5) {
  -webkit-animation: up 2s 2500ms ease infinite alternate;
  animation: up 2s 2500ms ease infinite alternate;
}

#purplebg > :nth-child(6) {
  -webkit-animation: up 2s 3000ms ease infinite alternate;
  animation: up 2s 3000ms ease infinite alternate;
}

#purplebg > :nth-child(7) {
  -webkit-animation: up 2s 3500ms ease infinite alternate;
  animation: up 2s 3500ms ease infinite alternate;
}

#purplebg > :nth-child(8) {
  -webkit-animation: up 2s 4000ms ease infinite alternate;
  animation: up 2s 4000ms ease infinite alternate;
}

#purplebg > :nth-child(9) {
  -webkit-animation: up 2s 4500ms ease infinite alternate;
  animation: up 2s 4500ms ease infinite alternate;
}

#purplebg > :nth-child(10) {
  -webkit-animation: up 2s 5000ms ease infinite alternate;
  animation: up 2s 5000ms ease infinite alternate;
}

#purplebg > :nth-child(11) {
  -webkit-animation: up 2s 5500ms ease infinite alternate;
  animation: up 2s 5500ms ease infinite alternate;
}

#purplebg > :nth-child(12) {
  -webkit-animation: up 2s 6000ms ease infinite alternate;
  animation: up 2s 6000ms ease infinite alternate;
}

#purplebg > :nth-child(13) {
  -webkit-animation: up 2s 6500ms ease infinite alternate;
  animation: up 2s 6500ms ease infinite alternate;
}

#purplebg > :nth-child(14) {
  -webkit-animation: up 2s 7000ms ease infinite alternate;
  animation: up 2s 7000ms ease infinite alternate;
}

#purplebg > :nth-child(15) {
  -webkit-animation: up 2s 7500ms ease infinite alternate;
  animation: up 2s 7500ms ease infinite alternate;
}

#purplebg > :nth-child(16) {
  -webkit-animation: up 2s 8000ms ease infinite alternate;
  animation: up 2s 8000ms ease infinite alternate;
}

#purplebg > :nth-child(17) {
  -webkit-animation: up 2s 8500ms ease infinite alternate;
  animation: up 2s 8500ms ease infinite alternate;
}

#purplebg > :nth-child(18) {
  -webkit-animation: up 2s 9000ms ease infinite alternate;
  animation: up 2s 9000ms ease infinite alternate;
}

#purplebg > :nth-child(19) {
  -webkit-animation: up 2s 9500ms ease infinite alternate;
  animation: up 2s 9500ms ease infinite alternate;
}

#purplebg > :nth-child(20) {
  -webkit-animation: up 2s 10000ms ease infinite alternate;
  animation: up 2s 10000ms ease infinite alternate;
}

#purplebg > :nth-child(21) {
  -webkit-animation: up 2s 10500ms ease infinite alternate;
  animation: up 2s 10500ms ease infinite alternate;
}

@-webkit-keyframes up {
  to {
    transform: translate(0, -25px);
  }
}

@keyframes up {
  to {
    transform: translate(0, -25px);
  }
}
#bottomparticles > :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes p {
  85%,
  100% {
    opacity: 0;
  }
}

@keyframes p {
  85%,
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes particles {
  0%,
  100% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px, 15px);
  }
}
@keyframes particles {
  0%,
  100% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px, 15px);
  }
}
.particlespoly {
  -webkit-animation: p 2s ease infinite alternate;
  animation: p 2s ease infinite alternate;
}

#d-app g:nth-child(1) {
  -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
  animation: updown 2s 200ms ease-in-out infinite alternate;
}

#d-app g:nth-child(2) {
  -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
  animation: updown 2s 400ms ease-in-out infinite alternate;
}

#d-app g:nth-child(3) {
  -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
  animation: updown 2s 600ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(1) {
  -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
  animation: updown 2s 200ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(2) {
  -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
  animation: updown 2s 400ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(3) {
  -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
  animation: updown 2s 600ms ease-in-out infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(1) {
  -webkit-animation: updown 2s 50ms ease infinite alternate;
  animation: updown 2s 50ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(2) {
  -webkit-animation: updown 2s 100ms ease infinite alternate;
  animation: updown 2s 100ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(3) {
  -webkit-animation: updown 2s 150ms ease infinite alternate;
  animation: updown 2s 150ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(4) {
  -webkit-animation: updown 2s 200ms ease infinite alternate;
  animation: updown 2s 200ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(5) {
  -webkit-animation: updown 2s 250ms ease infinite alternate;
  animation: updown 2s 250ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(6) {
  -webkit-animation: updown 2s 300ms ease infinite alternate;
  animation: updown 2s 300ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(7) {
  -webkit-animation: updown 2s 350ms ease infinite alternate;
  animation: updown 2s 350ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(8) {
  -webkit-animation: updown 2s 400ms ease infinite alternate;
  animation: updown 2s 400ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(9) {
  -webkit-animation: updown 2s 450ms ease infinite alternate;
  animation: updown 2s 450ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(10) {
  -webkit-animation: updown 2s 500ms ease infinite alternate;
  animation: updown 2s 500ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(11) {
  -webkit-animation: updown 2s 550ms ease infinite alternate;
  animation: updown 2s 550ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(12) {
  -webkit-animation: updown 2s 600ms ease infinite alternate;
  animation: updown 2s 600ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(13) {
  -webkit-animation: updown 2s 650ms ease infinite alternate;
  animation: updown 2s 650ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(14) {
  -webkit-animation: updown 2s 700ms ease infinite alternate;
  animation: updown 2s 700ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(15) {
  -webkit-animation: updown 2s 750ms ease infinite alternate;
  animation: updown 2s 750ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(16) {
  -webkit-animation: updown 2s 800ms ease infinite alternate;
  animation: updown 2s 800ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(17) {
  -webkit-animation: updown 2s 850ms ease infinite alternate;
  animation: updown 2s 850ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(18) {
  -webkit-animation: updown 2s 900ms ease infinite alternate;
  animation: updown 2s 900ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(19) {
  -webkit-animation: updown 2s 950ms ease infinite alternate;
  animation: updown 2s 950ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(1) {
  -webkit-animation: updown 2s 50ms ease infinite alternate;
  animation: updown 2s 50ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(2) {
  -webkit-animation: updown 2s 100ms ease infinite alternate;
  animation: updown 2s 100ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(3) {
  -webkit-animation: updown 2s 150ms ease infinite alternate;
  animation: updown 2s 150ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(4) {
  -webkit-animation: updown 2s 200ms ease infinite alternate;
  animation: updown 2s 200ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(5) {
  -webkit-animation: updown 2s 250ms ease infinite alternate;
  animation: updown 2s 250ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(6) {
  -webkit-animation: updown 2s 300ms ease infinite alternate;
  animation: updown 2s 300ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(7) {
  -webkit-animation: updown 2s 350ms ease infinite alternate;
  animation: updown 2s 350ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(8) {
  -webkit-animation: updown 2s 400ms ease infinite alternate;
  animation: updown 2s 400ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(9) {
  -webkit-animation: updown 2s 450ms ease infinite alternate;
  animation: updown 2s 450ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(10) {
  -webkit-animation: updown 2s 500ms ease infinite alternate;
  animation: updown 2s 500ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(11) {
  -webkit-animation: updown 2s 550ms ease infinite alternate;
  animation: updown 2s 550ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(12) {
  -webkit-animation: updown 2s 600ms ease infinite alternate;
  animation: updown 2s 600ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(13) {
  -webkit-animation: updown 2s 650ms ease infinite alternate;
  animation: updown 2s 650ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(14) {
  -webkit-animation: updown 2s 700ms ease infinite alternate;
  animation: updown 2s 700ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(15) {
  -webkit-animation: updown 2s 750ms ease infinite alternate;
  animation: updown 2s 750ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(16) {
  -webkit-animation: updown 2s 800ms ease infinite alternate;
  animation: updown 2s 800ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(17) {
  -webkit-animation: updown 2s 850ms ease infinite alternate;
  animation: updown 2s 850ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(18) {
  -webkit-animation: updown 2s 900ms ease infinite alternate;
  animation: updown 2s 900ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(19) {
  -webkit-animation: updown 2s 950ms ease infinite alternate;
  animation: updown 2s 950ms ease infinite alternate;
}

@-webkit-keyframes updown {
  100% {
    transform: translate(0, -20px);
  }
}

@keyframes updown {
  100% {
    transform: translate(0, -20px);
  }
}
#Layer_1 > g:nth-child(2) > g:nth-child(18) > g:nth-child(12) {
  -webkit-animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes arrows {
  to {
    transform: translate(25px, 25px);
  }
}

@keyframes arrows {
  to {
    transform: translate(25px, 25px);
  }
}
#Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(13) {
  -webkit-animation: arrows2 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows2 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes arrows2 {
  to {
    transform: translate(-25px, -25px);
  }
}

@keyframes arrows2 {
  to {
    transform: translate(-25px, -25px);
  }
}
#Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(12) {
  -webkit-animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}