@import url(http://fonts.googleapis.com/css?family=Bad+Script|Roboto:400,300,500,700);

html, body {
  height: 100%;
}

body {
  background: #fff;
  min-height: 100%;
  overflow: hidden;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #677777;
  line-height: 150%;
  background: url('../CSimg/sfondo_costasoft.jpg') no-repeat fixed center top;
  background-size: 100% 100%;
  margin:0;
  padding:0;
  overflow: hidden;
}
a {
  color: #677777;
}
a:visited {
  color: #677777;
}
a:active {
  color: #677777;
}
a:hover {
  color: #677777;
}
img {
  border-width: 0px;
}
.CScontenuto{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.logo{
width: 100%;
max-width:310px;
margin: 40px 0px 0px 0px;
}
.cs{
width: 100%;
max-width:256px;
}
img {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
img:hover {
  
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
@-webkit-keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, -1000px);
            transform: translate3d(0, 0, -1000px);
  }
}

@keyframes move {
  100% {
    -webkit-transform: translate3d(0, 0, -1000px);
            transform: translate3d(0, 0, -1000px);
  }
}
.container {
  position: relative;
  width: 100%;
  min-height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.bubble-wrap {
  margin: 0 auto;
  width: 500px;
  height: 500px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-perspective: 600px;
          perspective: 600px;
}

.bubble {
  position: absolute;
  background: black;
  opacity: .7;
  border-radius: 50%;
  -webkit-animation: move 20s infinite;
          animation: move 20s infinite;
}

.bubble:nth-child(1) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  -webkit-transform: translate3d(448px, 271px, 1141px);
          transform: translate3d(448px, 271px, 1141px);
  background: #26acd9;
}

.bubble:nth-child(2) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  -webkit-transform: translate3d(978px, 91px, 665px);
          transform: translate3d(978px, 91px, 665px);
  background: #d98b26;
}

.bubble:nth-child(3) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  -webkit-transform: translate3d(183px, 222px, 151px);
          transform: translate3d(183px, 222px, 151px);
  background: #d96b26;
}

.bubble:nth-child(4) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  -webkit-transform: translate3d(922px, 286px, 758px);
          transform: translate3d(922px, 286px, 758px);
  background: #a6d926;
}

.bubble:nth-child(5) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-transform: translate3d(511px, 552px, 1398px);
          transform: translate3d(511px, 552px, 1398px);
  background: #267dd9;
}

.bubble:nth-child(6) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
  -webkit-transform: translate3d(852px, 927px, 1181px);
          transform: translate3d(852px, 927px, 1181px);
  background: #26d94a;
}

.bubble:nth-child(7) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
  -webkit-transform: translate3d(321px, 627px, 1703px);
          transform: translate3d(321px, 627px, 1703px);
  background: #be26d9;
}

.bubble:nth-child(8) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
  -webkit-transform: translate3d(361px, 735px, 1086px);
          transform: translate3d(361px, 735px, 1086px);
  background: #d926d0;
}

.bubble:nth-child(9) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
  -webkit-transform: translate3d(163px, 297px, 1153px);
          transform: translate3d(163px, 297px, 1153px);
  background: #d92c26;
}

.bubble:nth-child(10) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
  -webkit-transform: translate3d(188px, 541px, 1053px);
          transform: translate3d(188px, 541px, 1053px);
  background: #d926b2;
}

.bubble:nth-child(11) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -2.2s;
          animation-delay: -2.2s;
  -webkit-transform: translate3d(376px, 678px, 583px);
          transform: translate3d(376px, 678px, 583px);
  background: #d92668;
}

.bubble:nth-child(12) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
  -webkit-transform: translate3d(638px, 686px, 1839px);
          transform: translate3d(638px, 686px, 1839px);
  background: #264ad9;
}

.bubble:nth-child(13) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -2.6s;
          animation-delay: -2.6s;
  -webkit-transform: translate3d(583px, 327px, 968px);
          transform: translate3d(583px, 327px, 968px);
  background: #d92656;
}

.bubble:nth-child(14) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
  -webkit-transform: translate3d(201px, 310px, 1839px);
          transform: translate3d(201px, 310px, 1839px);
  background: #d97d26;
}

.bubble:nth-child(15) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  -webkit-transform: translate3d(622px, 850px, 1644px);
          transform: translate3d(622px, 850px, 1644px);
  background: #26a6d9;
}

.bubble:nth-child(16) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
  -webkit-transform: translate3d(282px, 203px, 395px);
          transform: translate3d(282px, 203px, 395px);
  background: #d9269a;
}

.bubble:nth-child(17) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -3.4s;
          animation-delay: -3.4s;
  -webkit-transform: translate3d(860px, 280px, 34px);
          transform: translate3d(860px, 280px, 34px);
  background: #d9a326;
}

.bubble:nth-child(18) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
  -webkit-transform: translate3d(15px, 818px, 1051px);
          transform: translate3d(15px, 818px, 1051px);
  background: #26acd9;
}

.bubble:nth-child(19) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -3.8s;
          animation-delay: -3.8s;
  -webkit-transform: translate3d(658px, 616px, 204px);
          transform: translate3d(658px, 616px, 204px);
  background: #2f26d9;
}

.bubble:nth-child(20) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-transform: translate3d(885px, 807px, 1652px);
          transform: translate3d(885px, 807px, 1652px);
  background: #26d9d3;
}

.bubble:nth-child(21) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
  -webkit-transform: translate3d(548px, 712px, 426px);
          transform: translate3d(548px, 712px, 426px);
  background: #26d9ac;
}

.bubble:nth-child(22) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
  -webkit-transform: translate3d(649px, 982px, 845px);
          transform: translate3d(649px, 982px, 845px);
  background: #26afd9;
}

.bubble:nth-child(23) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
  -webkit-transform: translate3d(641px, 8px, 23px);
          transform: translate3d(641px, 8px, 23px);
  background: #d94426;
}

.bubble:nth-child(24) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
  -webkit-transform: translate3d(513px, 612px, 485px);
          transform: translate3d(513px, 612px, 485px);
  background: #d98526;
}

.bubble:nth-child(25) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
  -webkit-transform: translate3d(990px, 227px, 979px);
          transform: translate3d(990px, 227px, 979px);
  background: #26d991;
}

.bubble:nth-child(26) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
  -webkit-transform: translate3d(374px, 55px, 1672px);
          transform: translate3d(374px, 55px, 1672px);
  background: #26b8d9;
}

.bubble:nth-child(27) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
  -webkit-transform: translate3d(785px, 297px, 378px);
          transform: translate3d(785px, 297px, 378px);
  background: #a9d926;
}

.bubble:nth-child(28) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
  -webkit-transform: translate3d(479px, 273px, 833px);
          transform: translate3d(479px, 273px, 833px);
  background: #97d926;
}

.bubble:nth-child(29) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -5.8s;
          animation-delay: -5.8s;
  -webkit-transform: translate3d(542px, 911px, 1584px);
          transform: translate3d(542px, 911px, 1584px);
  background: #26d9c7;
}

.bubble:nth-child(30) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
  -webkit-transform: translate3d(795px, 235px, 1696px);
          transform: translate3d(795px, 235px, 1696px);
  background: #2fd926;
}

.bubble:nth-child(31) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -6.2s;
          animation-delay: -6.2s;
  -webkit-transform: translate3d(639px, 941px, 128px);
          transform: translate3d(639px, 941px, 128px);
  background: #26d9a3;
}

.bubble:nth-child(32) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -6.4s;
          animation-delay: -6.4s;
  -webkit-transform: translate3d(279px, 376px, 1256px);
          transform: translate3d(279px, 376px, 1256px);
  background: #85d926;
}

.bubble:nth-child(33) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
  -webkit-transform: translate3d(134px, 135px, 1290px);
          transform: translate3d(134px, 135px, 1290px);
  background: #d92632;
}

.bubble:nth-child(34) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -6.8s;
          animation-delay: -6.8s;
  -webkit-transform: translate3d(586px, 16px, 576px);
          transform: translate3d(586px, 16px, 576px);
  background: #26d9b5;
}

.bubble:nth-child(35) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
  -webkit-transform: translate3d(64px, 548px, 1191px);
          transform: translate3d(64px, 548px, 1191px);
  background: #d92650;
}

.bubble:nth-child(36) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
  -webkit-transform: translate3d(19px, 157px, 1681px);
          transform: translate3d(19px, 157px, 1681px);
  background: #2668d9;
}

.bubble:nth-child(37) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -7.4s;
          animation-delay: -7.4s;
  -webkit-transform: translate3d(288px, 831px, 1874px);
          transform: translate3d(288px, 831px, 1874px);
  background: #2644d9;
}

.bubble:nth-child(38) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -7.6s;
          animation-delay: -7.6s;
  -webkit-transform: translate3d(629px, 322px, 192px);
          transform: translate3d(629px, 322px, 192px);
  background: #26d977;
}

.bubble:nth-child(39) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -7.8s;
          animation-delay: -7.8s;
  -webkit-transform: translate3d(150px, 249px, 441px);
          transform: translate3d(150px, 249px, 441px);
  background: #d326d9;
}

.bubble:nth-child(40) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
  -webkit-transform: translate3d(417px, 851px, 1747px);
          transform: translate3d(417px, 851px, 1747px);
  background: #d98526;
}

.bubble:nth-child(41) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -8.2s;
          animation-delay: -8.2s;
  -webkit-transform: translate3d(392px, 870px, 1494px);
          transform: translate3d(392px, 870px, 1494px);
  background: #b2d926;
}

.bubble:nth-child(42) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -8.4s;
          animation-delay: -8.4s;
  -webkit-transform: translate3d(279px, 356px, 1238px);
          transform: translate3d(279px, 356px, 1238px);
  background: #d926bb;
}

.bubble:nth-child(43) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -8.6s;
          animation-delay: -8.6s;
  -webkit-transform: translate3d(348px, 827px, 82px);
          transform: translate3d(348px, 827px, 82px);
  background: #91d926;
}

.bubble:nth-child(44) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -8.8s;
          animation-delay: -8.8s;
  -webkit-transform: translate3d(545px, 580px, 1331px);
          transform: translate3d(545px, 580px, 1331px);
  background: #26acd9;
}

.bubble:nth-child(45) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
  -webkit-transform: translate3d(434px, 18px, 977px);
          transform: translate3d(434px, 18px, 977px);
  background: #2682d9;
}

.bubble:nth-child(46) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -9.2s;
          animation-delay: -9.2s;
  -webkit-transform: translate3d(34px, 504px, 791px);
          transform: translate3d(34px, 504px, 791px);
  background: #4ad926;
}

.bubble:nth-child(47) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -9.4s;
          animation-delay: -9.4s;
  -webkit-transform: translate3d(200px, 92px, 1792px);
          transform: translate3d(200px, 92px, 1792px);
  background: #2694d9;
}

.bubble:nth-child(48) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
  -webkit-transform: translate3d(930px, 749px, 1737px);
          transform: translate3d(930px, 749px, 1737px);
  background: #bed926;
}

.bubble:nth-child(49) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -9.8s;
          animation-delay: -9.8s;
  -webkit-transform: translate3d(286px, 967px, 1425px);
          transform: translate3d(286px, 967px, 1425px);
  background: #2c26d9;
}

.bubble:nth-child(50) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
  -webkit-transform: translate3d(223px, 620px, 927px);
          transform: translate3d(223px, 620px, 927px);
  background: #266bd9;
}

.bubble:nth-child(51) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -10.2s;
          animation-delay: -10.2s;
  -webkit-transform: translate3d(612px, 6px, 1652px);
          transform: translate3d(612px, 6px, 1652px);
  background: #26b2d9;
}

.bubble:nth-child(52) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -10.4s;
          animation-delay: -10.4s;
  -webkit-transform: translate3d(923px, 165px, 1440px);
          transform: translate3d(923px, 165px, 1440px);
  background: #26d9be;
}

.bubble:nth-child(53) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -10.6s;
          animation-delay: -10.6s;
  -webkit-transform: translate3d(711px, 291px, 934px);
          transform: translate3d(711px, 291px, 934px);
  background: #d0d926;
}

.bubble:nth-child(54) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
  -webkit-transform: translate3d(709px, 943px, 971px);
          transform: translate3d(709px, 943px, 971px);
  background: #d9266e;
}

.bubble:nth-child(55) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -11s;
          animation-delay: -11s;
  -webkit-transform: translate3d(713px, 379px, 76px);
          transform: translate3d(713px, 379px, 76px);
  background: #d926ac;
}

.bubble:nth-child(56) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -11.2s;
          animation-delay: -11.2s;
  -webkit-transform: translate3d(965px, 416px, 1530px);
          transform: translate3d(965px, 416px, 1530px);
  background: #c126d9;
}

.bubble:nth-child(57) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -11.4s;
          animation-delay: -11.4s;
  -webkit-transform: translate3d(806px, 329px, 1543px);
          transform: translate3d(806px, 329px, 1543px);
  background: #2638d9;
}

.bubble:nth-child(58) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -11.6s;
          animation-delay: -11.6s;
  -webkit-transform: translate3d(69px, 73px, 471px);
          transform: translate3d(69px, 73px, 471px);
  background: #268bd9;
}

.bubble:nth-child(59) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -11.8s;
          animation-delay: -11.8s;
  -webkit-transform: translate3d(965px, 947px, 1368px);
          transform: translate3d(965px, 947px, 1368px);
  background: #7126d9;
}

.bubble:nth-child(60) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -12s;
          animation-delay: -12s;
  -webkit-transform: translate3d(870px, 878px, 251px);
          transform: translate3d(870px, 878px, 251px);
  background: #4126d9;
}

.bubble:nth-child(61) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -12.2s;
          animation-delay: -12.2s;
  -webkit-transform: translate3d(274px, 22px, 471px);
          transform: translate3d(274px, 22px, 471px);
  background: #26d982;
}

.bubble:nth-child(62) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -12.4s;
          animation-delay: -12.4s;
  -webkit-transform: translate3d(836px, 158px, 1101px);
          transform: translate3d(836px, 158px, 1101px);
  background: #26d96b;
}

.bubble:nth-child(63) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -12.6s;
          animation-delay: -12.6s;
  -webkit-transform: translate3d(440px, 293px, 427px);
          transform: translate3d(440px, 293px, 427px);
  background: #d92635;
}

.bubble:nth-child(64) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -12.8s;
          animation-delay: -12.8s;
  -webkit-transform: translate3d(234px, 133px, 432px);
          transform: translate3d(234px, 133px, 432px);
  background: #26d9c7;
}

.bubble:nth-child(65) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -13s;
          animation-delay: -13s;
  -webkit-transform: translate3d(968px, 279px, 1331px);
          transform: translate3d(968px, 279px, 1331px);
  background: #26d991;
}

.bubble:nth-child(66) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -13.2s;
          animation-delay: -13.2s;
  -webkit-transform: translate3d(714px, 761px, 716px);
          transform: translate3d(714px, 761px, 716px);
  background: #d92680;
}

.bubble:nth-child(67) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -13.4s;
          animation-delay: -13.4s;
  -webkit-transform: translate3d(539px, 914px, 987px);
          transform: translate3d(539px, 914px, 987px);
  background: #d926a6;
}

.bubble:nth-child(68) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -13.6s;
          animation-delay: -13.6s;
  -webkit-transform: translate3d(555px, 653px, 1555px);
          transform: translate3d(555px, 653px, 1555px);
  background: #3ed926;
}

.bubble:nth-child(69) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -13.8s;
          animation-delay: -13.8s;
  -webkit-transform: translate3d(824px, 198px, 1019px);
          transform: translate3d(824px, 198px, 1019px);
  background: #d96826;
}

.bubble:nth-child(70) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -14s;
          animation-delay: -14s;
  -webkit-transform: translate3d(317px, 881px, 88px);
          transform: translate3d(317px, 881px, 88px);
  background: #264dd9;
}

.bubble:nth-child(71) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -14.2s;
          animation-delay: -14.2s;
  -webkit-transform: translate3d(946px, 223px, 1899px);
          transform: translate3d(946px, 223px, 1899px);
  background: #6226d9;
}

.bubble:nth-child(72) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
  -webkit-transform: translate3d(663px, 217px, 1817px);
          transform: translate3d(663px, 217px, 1817px);
  background: #d92659;
}

.bubble:nth-child(73) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -14.6s;
          animation-delay: -14.6s;
  -webkit-transform: translate3d(134px, 150px, 1650px);
          transform: translate3d(134px, 150px, 1650px);
  background: #3226d9;
}

.bubble:nth-child(74) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -14.8s;
          animation-delay: -14.8s;
  -webkit-transform: translate3d(582px, 266px, 1480px);
          transform: translate3d(582px, 266px, 1480px);
  background: #ca26d9;
}

.bubble:nth-child(75) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -15s;
          animation-delay: -15s;
  -webkit-transform: translate3d(851px, 213px, 264px);
          transform: translate3d(851px, 213px, 264px);
  background: #2fd926;
}

.bubble:nth-child(76) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -15.2s;
          animation-delay: -15.2s;
  -webkit-transform: translate3d(590px, 357px, 1269px);
          transform: translate3d(590px, 357px, 1269px);
  background: #26d926;
}

.bubble:nth-child(77) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -15.4s;
          animation-delay: -15.4s;
  -webkit-transform: translate3d(101px, 634px, 484px);
          transform: translate3d(101px, 634px, 484px);
  background: #d92650;
}

.bubble:nth-child(78) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -15.6s;
          animation-delay: -15.6s;
  -webkit-transform: translate3d(255px, 380px, 277px);
          transform: translate3d(255px, 380px, 277px);
  background: #26b2d9;
}

.bubble:nth-child(79) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -15.8s;
          animation-delay: -15.8s;
  -webkit-transform: translate3d(403px, 99px, 1997px);
          transform: translate3d(403px, 99px, 1997px);
  background: #26d92c;
}

.bubble:nth-child(80) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -16s;
          animation-delay: -16s;
  -webkit-transform: translate3d(437px, 559px, 123px);
          transform: translate3d(437px, 559px, 123px);
  background: #26d977;
}

.bubble:nth-child(81) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -16.2s;
          animation-delay: -16.2s;
  -webkit-transform: translate3d(683px, 748px, 1322px);
          transform: translate3d(683px, 748px, 1322px);
  background: #2638d9;
}

.bubble:nth-child(82) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -16.4s;
          animation-delay: -16.4s;
  -webkit-transform: translate3d(963px, 978px, 308px);
          transform: translate3d(963px, 978px, 308px);
  background: #7d26d9;
}

.bubble:nth-child(83) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -16.6s;
          animation-delay: -16.6s;
  -webkit-transform: translate3d(232px, 881px, 289px);
          transform: translate3d(232px, 881px, 289px);
  background: #d926b8;
}

.bubble:nth-child(84) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -16.8s;
          animation-delay: -16.8s;
  -webkit-transform: translate3d(68px, 631px, 501px);
          transform: translate3d(68px, 631px, 501px);
  background: #bed926;
}

.bubble:nth-child(85) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -17s;
          animation-delay: -17s;
  -webkit-transform: translate3d(307px, 161px, 1534px);
          transform: translate3d(307px, 161px, 1534px);
  background: #d99426;
}

.bubble:nth-child(86) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -17.2s;
          animation-delay: -17.2s;
  -webkit-transform: translate3d(331px, 698px, 1006px);
          transform: translate3d(331px, 698px, 1006px);
  background: #268ed9;
}

.bubble:nth-child(87) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -17.4s;
          animation-delay: -17.4s;
  -webkit-transform: translate3d(180px, 583px, 440px);
          transform: translate3d(180px, 583px, 440px);
  background: #26d9a6;
}

.bubble:nth-child(88) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -17.6s;
          animation-delay: -17.6s;
  -webkit-transform: translate3d(480px, 241px, 1635px);
          transform: translate3d(480px, 241px, 1635px);
  background: #26d9d9;
}

.bubble:nth-child(89) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -17.8s;
          animation-delay: -17.8s;
  -webkit-transform: translate3d(73px, 185px, 1693px);
          transform: translate3d(73px, 185px, 1693px);
  background: #d92685;
}

.bubble:nth-child(90) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -18s;
          animation-delay: -18s;
  -webkit-transform: translate3d(920px, 931px, 1906px);
          transform: translate3d(920px, 931px, 1906px);
  background: #59d926;
}

.bubble:nth-child(91) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -18.2s;
          animation-delay: -18.2s;
  -webkit-transform: translate3d(250px, 470px, 1946px);
          transform: translate3d(250px, 470px, 1946px);
  background: #d97426;
}

.bubble:nth-child(92) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -18.4s;
          animation-delay: -18.4s;
  -webkit-transform: translate3d(734px, 512px, 536px);
          transform: translate3d(734px, 512px, 536px);
  background: #26a6d9;
}

.bubble:nth-child(93) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -18.6s;
          animation-delay: -18.6s;
  -webkit-transform: translate3d(807px, 35px, 1636px);
          transform: translate3d(807px, 35px, 1636px);
  background: #26d9ac;
}

.bubble:nth-child(94) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -18.8s;
          animation-delay: -18.8s;
  -webkit-transform: translate3d(54px, 169px, 1760px);
          transform: translate3d(54px, 169px, 1760px);
  background: #2629d9;
}

.bubble:nth-child(95) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -19s;
          animation-delay: -19s;
  -webkit-transform: translate3d(195px, 49px, 505px);
          transform: translate3d(195px, 49px, 505px);
  background: #d9be26;
}

.bubble:nth-child(96) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -19.2s;
          animation-delay: -19.2s;
  -webkit-transform: translate3d(152px, 181px, 1283px);
          transform: translate3d(152px, 181px, 1283px);
  background: #26d9d0;
}

.bubble:nth-child(97) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -19.4s;
          animation-delay: -19.4s;
  -webkit-transform: translate3d(758px, 244px, 1554px);
          transform: translate3d(758px, 244px, 1554px);
  background: #d93b26;
}

.bubble:nth-child(98) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -19.6s;
          animation-delay: -19.6s;
  -webkit-transform: translate3d(770px, 459px, 1383px);
          transform: translate3d(770px, 459px, 1383px);
  background: #26c7d9;
}

.bubble:nth-child(99) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -19.8s;
          animation-delay: -19.8s;
  -webkit-transform: translate3d(133px, 823px, 1310px);
          transform: translate3d(133px, 823px, 1310px);
  background: #2650d9;
}

.bubble:nth-child(100) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -20s;
          animation-delay: -20s;
  -webkit-transform: translate3d(352px, 730px, 386px);
          transform: translate3d(352px, 730px, 386px);
  background: #d92665;
}