.albun-details p {text-align:justify;}
#moving-player h6 {line-height:24px;} 

h1, h2, h3, h4, h5, h6, p, span, div {
  -webkit-text-size-adjust: 100%;
  -webkit-text-size-adjust-font-variant-ligatures: none;
  -webkit-text-size-adjust--webkit-font-variant-ligatures: none;
  -webkit-text-size-adjust-text-rendering: optimizeLegibility;
  -webkit-text-size-adjust--moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust-font-smoothing: antialiased;
  -webkit-text-size-adjust--webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  -webkit-text-size-adjust-font-size: 100%;
}


  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  ##  Google Web Fonts
  --------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Changa:200,300,400,500,600,700,800");

body {
  font-size: 16px;
  line-height: 28px;
  color: #494848;
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

html {
  /* Adjust font size */
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

::-moz-selection {
  background: #838383;
}

::selection {
  background: #838383;
}



/* GLOBAL SETTINGS */
a {
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
}

ul, ol, figure {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.tim-container-box {
  width: 1200px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1600px) {
  .tim-container {
    padding: 0 6.5%;
  }
}

@media (max-width: 1599px) {
  .tim-container {
    padding: 0 5%;
  }
}

#site {
  position: relative;
  overflow: hidden;
}

.container {
  max-width: 1400px;
}

.container.con-pd {
  padding: 0 125px;
}

.section-padding {
  padding: 120px 0;
}

.section-padding-two {
  padding: 90px 0;
}

/* Reset */
.pt__100 {
  padding-top: 100px;
}

.pb__100px {
  padding-bottom: 100px;
}

.pr__30 {
  padding-right: 30px;
}

.pl__30 {
  padding-left: 30px;
}

.ml__15 {
  margin-left: 15px;
}

.pdlr {
  padding: 0 100px;
}

.pt__110 {
  padding-top: 110px;
}

.pt_70 {
  padding-top: 70px;
}

.mar-btn-30 {
  margin-bottom: 30px !important;
}







/* TYPOGRAPHY */


.section-title {
  margin-bottom: 50px;
}

.section-title h2 {
  font-size: 40px;
  line-height: 26px;
  color: #444;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 23px;
  padding-bottom: 25px;
  position: relative;
  display: inline-block;
}

.section-title h2:before, .section-title h2:after {
  position: absolute;
  content: '';
  bottom: 0;
  background: #e43a90;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.section-title h2:before {
  width: 200px;
  height: 1px;
}

.section-title h2:after {
  height: 3px;
  bottom: -1px;
  width: 30px;
  left: 50%;
}

.section-title h2 span {
  color: #e43a90;
}

.section-title p {
  color: #494848;
  font-size: 16px;
  margin: 0;
}

.section-title.title-two h2 {
  margin-bottom: 30px;
}

.section-title.title-two h2:before {
  display: none;
}

.section-title.title-two h2:after {
  background-image: url(../../media/background/2.png);
  background: transparent;
  height: 25px;
  max-width: 320px;
  background-repeat: no-repeat;
  width: 100%;
  left: 50%;
  bottom: -20px;
}

.section-title.title-three h2:before {
  background-image: url(../img/dm2.png);
  background-color: transparent;
  height: 15px;
  width: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -8px;
}

.section-title.title-three h2:after {
  display: none;
}

.section-title.style-four {
  width: 100%;
  text-align: center;
}

.section-title.style-four h2 {
  color: #f60038;
  font-weight: 700;
}

.section-title.style-four h2::before {
  width: 70px;
  height: 1px;
  background: #f60038;
}

.section-title.style-four h2::after {
  background: #f60038;
}

.section-title.style-four p {
  padding: 0px 28%;
  font-size: 18px;
}

.section-title.style-five {
  text-align: left;
  margin-bottom: 90px;
}

.section-title.style-five h2::before {
  width: 70px;
  height: 1px;
  left: 0;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.section-title.style-five h2::after {
  background: #f60038;
  left: 0;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.section-title.style-five p {
  padding: 0;
  width: 350px;
  font-weight: 300;
  font-size: 18px;
}

.section-title.style-five h2 {
  color: #f60038;
  font-weight: 700;
}

.section-title.style-six {
  text-align: left;
  margin-bottom: 12px;
}

.section-title.style-six p {
  width: 350px;
  font-weight: 300;
}

.section-title.style-six h2::before {
  width: 70px;
  height: 1px;
  left: 0;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.section-title.style-six h2::after {
  background: #f60038;
  left: 0;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.section-title.style-six p {
  padding: 0;
  width: 350px;
}

.section-title.style-six h2 {
  color: #f60038;
  font-weight: 700;
}

.section-dark .section-title h2 {
  color: #fff;
}

.section-dark .section-title p {
  color: #fff;
}

.section-dark .section-title.title-three h2:before {
  background-image: url(../img/dm2l.png);
}

/* Button */
.tim-btn {
  padding: 10px 41px;
  border: 1px solid #e4e4e4;
  color: #363636;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  font-family: "Changa", sans-serif;
  border-radius: 5px;
}

.tim-btn:hover {
  color: #e43a90;
}

.tim-btn.tim-btn-bgt {
  border: 1px solid #e4e4e4;
  color: #363636;
}

.tim-btn.tim-btn-bgt:hover {
  color: #fff;
}

.video-btn-two {
  padding: 13px 37px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 4px;
  vertical-align: middle;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Changa", sans-serif;
}

.video-btn-two i {
  margin-right: 20px;
  color: #e43a90;
  vertical-align: middle;
  font-size: 24px;
  position: relative;
}

.video-btn-two i:after {
  position: absolute;
  content: '';
  height: 20px;
  width: 1px;
  background: #7c7d81;
  right: -14px;
  top: 2px;
}

.video-btn-two:hover {
  background: #e43a90;
  border-color: #e43a90;
  color: #fff;
}

.video-btn-two:hover i {
  color: #fff;
}

.video-btn-two:hover i:after {
  background: #fff;
}

.store-btn {
  padding: 10px 25px;
  color: #fff;
  border: 2px solid #fff;
  font-weight: 600;
  border-radius: 4px;
  font-size: 18px;
  vertical-align: top;
  display: inline-block;
}

.store-btn i {
  font-size: 25px;
  margin-right: 7px;
}

.store-btn:hover {
  color: #fff;
  background: #e43a90;
  border-color: #e43a90;
}

/* Flat Icons */
@font-face {
  font-family: tim-icon;
  src: url("../fonts/tim-icon.eot");
  src: url("../fonts/tim-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/tim-icon.woff2") format("woff2"), url("../fonts/tim-icon.woff") format("woff"), url("../fonts/tim-icon.ttf") format("truetype"), url("../fonts/tim-icon.svg#tim-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: tim-icon;
    src: url("../fonts/tim-icon.svg#tim-icon") format("svg");
  }
}

[class^="tim-"]:before, [class*=" tim-"]:before,
[class^="tim-"]:after, [class*=" tim-"]:after {
  font-family: tim-icon;
  font-style: normal;
}

.Switcher__control {
  background-image: none;
  font-size: 25px;
  outline: 0 !important;
}

/* Flat Icons */
.tim-apple-logo:before {
  content: "\f100";
}

.tim-playstore:before {
  content: "\f101";
}

.tim-technology:before {
  content: "\f102";
}

.tim-photo:before {
  content: "\f103";
}

.tim-photo-camera:before {
  content: "\f104";
}

.tim-cross-out:before {
  content: "\f105";
}

.tim-repeat:before {
  content: "\f106";
}

.tim-favorite:before {
  content: "\f107";
}

.tim-eye:before {
  content: "\f108";
}

.tim-headphones:before {
  content: "\f109";
}

.tim-sound-frecuency:before {
  content: "\f10a";
}

.tim-code-rate:before {
  content: "\f10b";
}

.tim-slide:before {
  content: "\f10c";
}

.tim-music-player-play:before {
  content: "\f10d";
}

.tim-piano-keys:before {
  content: "\f10e";
}

.tim-piano-keyboard:before {
  content: "\f10f";
}

.tim-heart-outline:before {
  content: "\f110";
}

.tim-favorite-heart-button:before {
  content: "\f111";
}

.tim-drum-set-cartoon-variant:before {
  content: "\f112";
}

.tim-music-album-1:before {
  content: "\f113";
}

.tim-electric-guitar-music-instrument:before {
  content: "\f114";
}

.tim-cogwheel:before {
  content: "\f115";
}

.tim-pause-button:before {
  content: "\f116";
}

.tim-woofer-speaker:before {
  content: "\f117";
}

.tim-layers:before {
  content: "\f118";
}

.tim-view:before {
  content: "\f119";
}

.tim-guitar:before {
  content: "\f11a";
}

.tim-commerce:before {
  content: "\f11b";
}

.tim-support:before {
  content: "\f11c";
}

.tim-shopping-cart-1:before {
  content: "\f11d";
}

.tim-music:before {
  content: "\f11e";
}

.tim-newsletter:before {
  content: "\f11f";
}

.tim-tabs:before {
  content: "\f120";
}

.tim-monitor:before {
  content: "\f121";
}

.tim-music-album:before {
  content: "\f122";
}

.tim-shopping-cart:before {
  content: "\f123";
}

.tim-flute:before {
  content: "\f124";
}

.tim-keyboard:before {
  content: "\f125";
}

.tim-arrows:before {
  content: "\f126";
}

.tim-layout:before {
  content: "\f127";
}

.tim-zoom-out:before {
  content: "\f128";
}

.tim-computer:before {
  content: "\f129";
}

.tim-music-1:before {
  content: "\f12a";
}

.loader.is-active {
  background-color: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.loader-bar-ping-pong::before {
  background-color: #e7e3e3;
  border-radius: 16px;
  display: none;
}

.loader-bar-ping-pong::after, .loader-bar-ping-pong::before {
  content: "";
  height: 2px;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 100px);
}

@media (max-width: 768px) {
  .section-padding {
    padding: 50px 0;
  }
  .section-title h2 {
    font-size: 30px;
  }
  .section-title p br {
    display: none;
  }
  .pt__100 {
    padding-top: 50px;
  }
  .pt__110 {
    padding-top: 50px;
  }
  .section-padding-two {
    padding: 50px 0;
  }
}

@media (max-width: 500px) {
  .col-full-width {
    max-width: 400px;
    margin: 0 auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .container.con-pd {
    padding: 0;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .section-title.style-four p {
    padding: 0px 5%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-title.style-four {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .section-title.style-four {
    margin-bottom: 30px;
  }
  .section-title.style-four p {
    padding: 0px 5%;
    font-size: 14px;
    line-height: 24px;
  }
  .section-title.style-five p {
    font-size: 14px;
    line-height: 24px;
  }
}








/*--------------------------------------------------------------
  ##   Backtotop
  --------------------------------------------------------------*/
.backtotop {
  position: fixed;
  bottom: 25px;
  right: 25px;
  border: 2px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  z-index: 9999;
  -webkit-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);
  box-shadow: -1px 1px 5px 0px rgba(84, 84, 84, 0.35);
}

.backtotop i {
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-size: 20px;
  background: #fff;
  margin: 2px;
  color: #050303;
  text-align: center;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .backtotop i {
    height: 25px;
    width: 25px;
    line-height: 24px;
  }
}





















/*--------------------------------------------------------------
  ##  Header Five
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  ##   Header Five css
  --------------------------------------------------------------*/
.header-magic-line {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

.header-magic-line .user-login {
  float: right;
  margin-top: 18px;
}

.header-magic-line .user-login > li:after {
  display: none;
}

.header-magic-line .user-login li > a {
  color: #fff;
}

.header-magic-line .user-login li > a i {
  color: #fff;
}

.header-magic-line .user-login li > a:hover {
  color: #e43a90;
}

.header-magic-line .user-login li.cart-count .badge {
  color: #fff;
}

.header-magic-line .header-inner {
  background: transparent;
}

.header-magic-line .nav {
  padding-left: 0;
  float: right;
  margin-right: 50px;
}

.header-magic-line #site-logo {
  line-height: 80px;
}

.header-magic-line .user-login .search-input-wrapper {
  position: absolute;
  right: 5px;
  top: 80px;
  background: #f60038;
  height: 0;
  width: 320px;
  overflow: hidden;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  z-index: 1;
}

.header-magic-line .user-login .search-input-wrapper.active {
  height: 60px;
}

.header-magic-line .user-login .search-input-wrapper input {
  display: block;
  border: 1px solid #e43a90;
  border-radius: 2px;
  padding: 5px;
  width: 300px;
  margin-left: 10px;
  margin-top: 10px;
}

.header-magic-line .user-login {
  list-style: none;
}

.header-magic-line .user-login > li {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  font-family: "Changa", sans-serif;
  padding: 10px 0;
}

.header-magic-line .user-login li.cart-count {
  position: relative;
}

.header-magic-line .user-login li.cart-count .badge {
  position: absolute;
  top: 10px;
  left: 8px;
  background: #ffff;
  border-radius: 50%;
  line-height: 16px;
  width: 17px;
  font-size: 11px;
  height: 17px;
  display: block;
  padding: 0;
  font-weight: 500;
  text-align: center;
  color: #e43a90;
}

.header-magic-line .user-login li.cart-count .cart-overview {
  opacity: 0;
  visibility: hidden;
  z-index: 101;
  line-height: 1.8;
  position: absolute;
  background: #FFF;
  text-align: left;
  width: 350px;
  padding: 15px;
  margin-top: 0;
  right: 0;
  top: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item {
  margin-bottom: 10px;
  display: block;
  position: relative;
  margin-right: 0;
  padding: 0;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-thumbnail {
  margin-right: 1.3em;
  float: left;
  padding: 0 !important;
  display: inline-block;
  width: 70px;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-thumbnail img {
  max-width: 100%;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-details {
  position: relative;
  margin-left: 70px;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-details .product-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  display: block;
  text-decoration: none;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-details .product-title:hover {
  color: #f60038;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-details .product-remove {
  position: absolute;
  right: 0;
  top: 42%;
  height: 18px;
  width: 18px;
  font-size: 6px;
  background: #3e3e3e;
  color: #FFF;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  color: #f3f3f3;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-details .product-remove:hover {
  background: #444;
  color: #FFF;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-item .product-details .product-quantity {
  display: inline-block;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-subtotal {
  display: block;
  padding: 15px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-subtotal .amount {
  float: right;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-actions {
  display: block;
  padding-top: 20px;
}

.header-magic-line .user-login li.cart-count .cart-overview .cart-actions .view-cart, .header-magic-line .user-login li.cart-count .cart-overview .cart-actions .checkout {
  padding: 13px 25px !important;
  text-decoration: none;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  font-size: 16px !important;
  display: inline-block !important;
  letter-spacing: 1px;
  font-weight: 600;
}

.header-magic-line .user-login li.cart-count .view-cart {
  color: #363636;
  border: 1px solid #363636;
}

.header-magic-line .user-login li.cart-count .view-cart:hover {
  background: #f60038;
  color: #fff !important;
  border-color: #f60038;
}

.header-magic-line .user-login li.cart-count .checkout {
  background: #f60038;
  color: #FFF !important;
  float: right;
  border: 1px solid #f60038;
}

.header-magic-line .user-login li.cart-count .checkout:hover {
  background: #cf1c77;
}

.header-magic-line .user-login li:hover .cart-overview {
  opacity: 1 !important;
  top: 66px !important;
  visibility: visible !important;
}

.header-magic-line .user-login li:last-child {
  margin-right: 0;
}

.header-magic-line .user-login li:last-child:after {
  display: none;
}

.header-magic-line .user-login li a {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
}

.header-magic-line .user-login li a i {
  margin-right: 10px;
  color: #fff;
}

.hide-topbar.headroom--pinned .header-magic-line .user-login li a {
  color: #363636;
}

.hide-topbar.headroom--pinned .header-magic-line .user-login li a i {
  color: #363636;
}

.headroom--pinned {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  position: fixed;
  -webkit-animation-name: headerSlideDown;
          animation-name: headerSlideDown;
}

.headroom--pinned.hide-topbar .header-inner {
  background: #FFF;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.headroom--pinned.hide-topbar .header-inner #header-menu-magic-line li:after, .headroom--pinned.hide-topbar .header-inner #header-menu-magic-line li:before {
  background: #e43a90;
}

.headroom--pinned.hide-topbar .header-inner #header-menu-magic-line li a {
  color: #363636;
}

.headroom--pinned.hide-topbar .header-inner #header-menu-magic-line li.menu-item-has-children .sub-menu {
  background: #fff;
}

.headroom--pinned.hide-topbar .header-inner #header-menu-magic-line li.active > a {
  color: #e43a90;
}

.headroom--pinned.hide-topbar .header-inner .nav .head-btn {
  border-color: #d8d1d1;
  color: #363636;
}

.headroom--pinned.hide-topbar .header-inner .nav .head-btn:hover {
  color: #fff;
  border-color: #e43a90;
}

#header-menu-magic-line {
  list-style: none;
  float: right;
  width: 100%;
  position: relative;
}

#header-menu-magic-line > li a {
  position: relative;
  display: inline-block;
  font-family: "Changa", sans-serif;
}

#header-menu-magic-line > li a i {
  font-size: 13px;
  margin-left: 5px;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu {
  text-align: left;
  position: absolute;
  padding: 10px 20px;
  width: 240px;
  background: rgba(0, 0, 0, 0.95);
  top: 104%;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  left: auto;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  -o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  height: auto;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu li {
  display: block;
  padding: 5px 0;
  margin: 0;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu li:last-child {
  border-bottom: 0;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu li a {
  color: #fff;
  padding: 3px 0;
  font-size: 16px;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu li a:hover, #header-menu-magic-line > li.menu-item-has-children .sub-menu li a.current_page {
  color: #f60038;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu.mega-menu {
  width: 100%;
  padding: 20px 30px;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu.mega-menu > li {
  width: 25%;
  float: left;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu.mega-menu > li h3 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-left: 15px;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu.mega-menu li .sub-menu {
  background-color: transparent;
  border-top-color: transparent;
  float: left;
  padding: 0 15px;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu.mega-menu li .sub-menu li {
  display: block;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu.mega-menu li .sub-menu li a {
  display: block;
  padding: 3px 0;
}

#header-menu-magic-line > li.menu-item-has-children .sub-menu.mega-menu li:not(:last-child) .sub-menu {
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#header-menu-magic-line > li.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  z-index: 20;
  -webkit-transition-delay: 0s, 0s, 0.3s;
       -o-transition-delay: 0s, 0s, 0.3s;
          transition-delay: 0s, 0s, 0.3s;
}

#header-menu-magic-line li {
  display: inline-block;
  margin: 0 20px;
  padding: 28px 0;
}

#header-menu-magic-line li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
}

#header-menu-magic-line > li.active:before {
  left: -6px;
}

#header-menu-magic-line > li.active:after {
  right: -5px;
}

#header-menu-magic-line > li.active:before, #header-menu-magic-line > li.active:after {
  opacity: 1;
}

.headroom--pinned {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  position: fixed;
  -webkit-animation-name: headerSlideDown;
  animation-name: headerSlideDown;
}

.headroom--pinned.hide-topbar.header-magic-line .header-inner {
  background: #000;
}

.headroom--pinned.hide-topbar.header-magic-line .header-magic-line-inner {
  border-bottom: none;
}

.headroom--pinned.hide-topbar.header-magic-line .header-inner #header-menu-magic-line li a {
  color: #fff;
}

.hide-topbar.headroom--pinned.header-magic-line .user-login li a i {
  color: #fff;
}

.headroom--pinned.hide-topbar.header-magic-line .header-inner #header-menu-magic-line li.menu-item-has-children .sub-menu {
  background: #000;
}

.header-magic-line-inner {
  border-bottom: 1px solid #f60038;
}

.headroom--pinned.hide-topbar .header-magic-line-inner {
  border-bottom: 1px solid #fff;
}

#magic-line {
  position: absolute !important;
  bottom: -2px;
  left: 0;
  width: 100px;
  height: 4px;
  background: #f60038;
  padding: 0 !important;
  border-radius: 5px;
}

.header_player.style-fullwidth {
  position: relative;
  height: 80px;
  background: transparent;
  background: #111111;
  height: 100px;
  padding: 22px 0 0;
  height: 158px;
}

.header_player.style-fullwidth #main_player {
  display: none;
}

.header_player.style-fullwidth .current-tracks::after {
  display: none;
}

.header_player.style-fullwidth #nowPlaying {
  padding: 0 0 21px 15px;
  margin-top: -7px;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-controls {
  width: 80px;
  background: #252525;
  position: absolute;
  height: 80px;
  margin-top: 0;
  top: 0;
  left: 0;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface {
  padding: 26px 0 13px 110px;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play {
  border: 0px solid #fff;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-progress {
  max-width: 60%;
  height: 6px;
}

.header_player.style-fullwidth #nowPlaying .track-name {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.header_player.style-fullwidth .current-tracks {
  width: 277px;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist {
  height: 80px;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
  background: #f60038;
}

.header_player.style-fullwidth .jp-audio .jp-volume-bar .jp-volume-bar-value {
  background: #f60038;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-progress, .header_player.style-fullwidth .header_player .jp-audio .jp-volume-bar {
  background-color: #323232;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .vel-wrap {
  width: 140px;
  margin-left: 19px;
}

.header_player.style-fullwidth button#playlist-toggle {
  float: right;
  margin-right: 25px;
}

.header_player.style-fullwidth .jp-audio #playlist-toggle i {
  color: #f60038;
}

.player-container-fullwidth {
  -webkit-box-shadow: 0px 17px 15.5px 5.5px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 17px 15.5px 5.5px rgba(0, 0, 0, 0.32);
  background: #181818;
  margin: 0 6.5%;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play i {
  font-size: 29px;
  line-height: 80px;
  color: #f60038;
  margin-left: 6px;
}

.header_player.style-fullwidth #nowPlaying {
  color: #424242;
  font-size: 14px;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li.jp-playlist-current {
  background: #d31014;
}

.header_player.style-fullwidth .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li:hover {
  background: #d31014;
}

.banner-five {
  height: 840px;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.banner-five::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background: url(../../media/background/brushbg.png);
  height: 280px;
  bottom: -48px;
  width: 100%;
}

.banner-five .baneer-five-content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
  width: 100%;
  z-index: 99;
}

.banner-five .baneer-five-content h3 {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
  margin-top: 126px;
  font-family: "Roboto", sans-serif;
  position: relative;
}

.banner-five .baneer-five-content .tim-slide-btn {
  border: 2px dashed #ff6c00;
  color: #ff6c00;
  margin-top: 75px;
  padding: 15px 60px;
}

.banner-five .baneer-five-content .tim-slide-btn:hover {
  background: transparent;
}

@media (max-width: 1440px) {
  #header-menu-magic-line li {
    margin: 0 14px;
  }
}

@media (max-width: 1199px) {
  #header-menu-magic-line > li::before {
    top: 28px;
  }
  #header-menu-magic-line > li::after {
    bottom: 28px;
  }
  #header-menu-magic-line li {
    padding: 25px 0;
    margin: 0 10px;
  }
  #header-menu-magic-line li a {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  #header-menu-magic-line li {
    padding: 25px 0;
    margin: 0 10px;
  }
  #header-menu-magic-line li a {
    font-size: 14px;
  }
}
























/*--------------------------------------------------------------
  ##  Banner
  --------------------------------------------------------------*/
.banner-slider-one {
  height: 100vh;
}

.banner-slider-one .swiper-slide {
  background-size: cover;
}

.banner-slider-one .swiper-slide .slider-content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -25%);
      -ms-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%);
  width: 100%;
}

.banner-slider-one .swiper-slide .slider-content h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  line-height: 40px;
}

.banner-slider-one .swiper-slide .slider-content h2 {
  color: #fff;
  font-size: 70px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 70px;
  margin-bottom: 20px;
}

.banner-slider-one .swiper-slide .slider-content p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px;
}

.tim-slide-btn {
  padding: 18px 40px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 17px;
  line-height: 18px;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 2px;
}

.tim-slide-btn i {
  margin-right: 5px;
}

.tim-slide-btn:hover {
  color: #fff;
  background: rgba(109, 18, 66, 0.73);
}

.banner-slider-two {
  height: 100vh;
}

.banner-slider-two .swiper-slide {
  background-size: cover;
}

.banner-slider-two .swiper-slide .slider-content-two {
  position: absolute;
  top: 65%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  left: 10%;
}

.banner-slider-two .swiper-slide .slider-content-two img {
  float: left;
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
}

.banner-slider-two .swiper-slide .slider-content-two h3 {
  font-size: 40px;
  color: #fff;
  line-height: 40px;
  font-weight: 600;
}

.banner-slider-two .swiper-slide .slider-content-two h2 {
  color: #fff;
  font-size: 80px;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 20px;
}

.banner-slider-two .swiper-slide .slider-content-two p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
}

.banner-slider-two .swiper-slide .slider-content-two .tim-btn {
  padding: 13px 37px;
  font-size: 16px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  margin-right: 20px;
}

.banner-slider-two .swiper-slide .slider-content-two .tim-btn:hover {
  color: #fff;
  background: #e43a90;
  border-color: #e43a90;
}

.banner-slider-two .swiper-slide .slider-content-two.content-three {
  width: 80%;
}

.banner-slider-two .swiper-slide .slider-content-two.content-three h3 {
  font-size: 40px;
  font-weight: 500;
  color: #e43a90;
  line-height: 40px;
}

.banner-slider-two .swiper-slide .slider-content-two.content-three h2 {
  font-size: 70px;
  line-height: 70px;
}

.slider-nav-prev, .slider-nav-next {
  width: 60px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  font-size: 35px;
}

.slider-nav-next {
  right: 0;
}

/* Music Player */
.header_player {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 111;
}

.header_player button {
  background: transparent;
  border: 0;
  outline: 0;
}

.header_player .player-container {
  max-width: 1200px;
  margin: 0 auto;
}

.header_player .jp-audio {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.header_player .jp-audio .jp-type-playlist {
  display: block;
  position: relative;
  height: 100%;
}

.header_player .jp-audio .jp-type-playlist .jp-interface {
  padding: 36px 0;
}

.header_player .jp-audio .jp-type-playlist .jp-interface > div {
  float: left;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls {
  text-align: center;
  width: 170px;
  padding-top: 0;
  margin-top: -15px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls button {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  margin: 0 3px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls button i {
  width: 20px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play {
  height: 60px;
  width: 60px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  padding-left: 2px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play i {
  font-size: 20px;
  line-height: 40px;
  color: #e43a90;
  margin-left: 6px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist {
  display: none;
  position: absolute;
  bottom: 100px;
  right: 0;
  width: 100%;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: rgba(0, 0, 0, 0.95);
  padding: 15px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul {
  padding: 0;
  margin: 0;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li {
  display: block;
  border-bottom: 1px solid #333;
  padding: 5px 30px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li:last-child {
  border: none;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li:hover {
  background: #e43a90;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div {
  display: block;
  position: relative;
  padding-right: 20px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div .jp-free-media {
  display: block;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  color: #333333;
  text-decoration: none;
  outline: 0;
  padding: 10px 0;
  padding-right: 10px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div .jp-free-media a {
  color: #fff;
  text-decoration: none;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div > a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  outline: 0;
  padding: 14px 0;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div > a.jp-playlist-item-remove {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  right: 0;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div > a .jp-artist {
  font-style: normal;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li.jp-playlist-current {
  background: #e43a90;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li.jp-playlist-current div > a {
  color: #fff;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-progress {
  z-index: 30;
  margin-top: 10px;
  overflow: hidden;
  height: 8px;
  max-width: 32%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar {
  width: 0px;
  height: 100%;
  cursor: pointer;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
  background: #e43a90;
  width: 0px;
  height: 100%;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .jp-duration {
  color: #fff;
  font-family: "Changa", sans-serif;
  margin-left: 10px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .vel-wrap {
  width: 140px;
  margin-left: 20px;
}

.header_player .jp-audio .jp-type-playlist .jp-interface .vel-wrap .jp-mute {
  color: #fff;
  width: 20px;
  text-align: left;
}

.header_player .jp-audio .jp-type-playlist .jp-no-solution {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  padding: 10px;
  background: #ffffff;
}

.header_player .jp-audio .jp-type-playlist .jp-no-solution span {
  font-weight: 700;
  color: #e43a90;
}

.header_player .jp-audio .jp-volume-bar {
  display: inline-block;
  position: relative;
  width: 65%;
  height: 5px;
  background: #fff;
  margin-bottom: 4px;
  cursor: pointer;
}

.header_player .jp-audio .jp-volume-bar .jp-volume-bar-value {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #e43a90;
}

.header_player .jp-audio.jp-state-playing .jp-play i:before {
  content: "\f04c" !important;
}

.header_player .jp-audio.jp-state-muted .jp-mute i {
  color: #fff;
}

.header_player .jp-audio.jp-state-muted .jp-mute i:before {
  content: "\f026" !important;
}

.header_player .jp-audio.single-album-player {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.header_player .jp-audio.single-album-player .jp-type-playlist {
  display: block;
  height: auto;
  background: #ffffff;
}

.header_player .jp-audio #playlist-toggle i {
  color: #fff;
}

.header_player .jp-audio #playlist-toggle.close-icon i:before {
  content: "\f00d";
}

.header_player #nowPlaying {
  overflow: hidden;
  font-style: normal;
  color: #ffffff;
  padding: 21px 0 21px 15px;
}

.header_player #nowPlaying .track-name {
  font-size: 26px;
  font-family: "Changa", sans-serif;
  color: #fff;
  margin: 0;
  font-weight: 700;
}

.current-tracks {
  float: left;
  width: 365px;
  position: relative;
}

.current-tracks:after {
  position: absolute;
  top: 20px;
  right: 0;
  content: '';
  height: 60px;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
}

#main_player {
  width: 100px !important;
  height: 100px !important;
  float: left;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px);
}

#main_player img {
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 1440px) {
  .banner-slider-two .swiper-slide .slider-content-two {
    max-width: 80%;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    max-width: 380px;
  }
  .banner-slider-two .swiper-slide .slider-content-two h2 {
    font-size: 60px;
    line-height: 55px;
  }
  .banner-slider-two .swiper-slide .slider-content-two p br {
    display: none;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h3 {
    font-size: 30px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h2 {
    font-size: 55px;
    line-height: 60px;
  }
}

@media (max-width: 1280px) {
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-progress {
    max-width: 21%;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .vel-wrap {
    width: 115px;
  }
  .header_player #nowPlaying .track-name {
    font-size: 20px;
  }
  .current-tracks {
    width: 320px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h2 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 15px;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    max-width: 300px;
  }
}

@media (max-width: 1024px) {
  .banner-slider-one .swiper-slide .slider-content h3 {
    font-size: 40px;
    line-height: 40px;
  }
  .banner-slider-one .swiper-slide .slider-content h2 {
    font-size: 55px;
    line-height: 55px;
  }
  .banner-slider-two .swiper-slide .slider-content-two {
    top: 60%;
  }
  .banner-slider-two .swiper-slide .slider-content-two h2 {
    font-size: 50px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h2 {
    font-size: 50px;
  }
}

@media (max-width: 992px) {
  .header_player .player-container {
    max-width: 500px;
    margin: 0 auto;
  }
  .banner-slider-two .swiper-slide .slider-content-two {
    top: 45%;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    max-width: 280px;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  .banner-slider-two .swiper-slide .slider-content-two h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
  }
  .banner-slider-two .swiper-slide .slider-content-two h3 {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 22px;
  }
  .banner-slider-two .swiper-slide .slider-content-two p {
    margin-bottom: 15px;
  }
  .banner-slider-two .swiper-slide .slider-content-two .tim-btn {
    padding: 7px 15px;
  }
  .banner-slider-two .swiper-slide .slider-content-two .video-btn-two {
    padding: 7px 15px;
  }
  .banner-slider-two .swiper-slide .slider-content-two .video-btn-two i {
    font-size: 18px;
  }
  .banner-slider-two .swiper-slide .slider-content-two .video-btn-two i:after {
    height: 15px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls {
    width: 145px;
    margin-top: -8px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play {
    height: 40px;
    width: 40px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play i {
    line-height: 38px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-progress {
    max-width: 35%;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .vel-wrap {
    width: 70px;
  }
  .current-tracks {
    display: none;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    max-width: 200px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h2 {
    font-size: 35px;
    margin-bottom: 10px;
    line-height: 40px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 20px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three .store-btn {
    padding: 6px 15px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three .store-btn i {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .banner-slider-one .swiper-slide .slider-content h3 {
    font-size: 28px;
    line-height: 28px;
  }
  .banner-slider-one .swiper-slide .slider-content h2 {
    font-size: 35px;
    line-height: 35px;
  }
  .banner-slider-one .swiper-slide .slider-content p {
    max-width: 500px;
    margin: 0 auto 30px;
  }
  .banner-slider-one .swiper-slide .slider-content p br {
    display: none;
  }
  .tim-slide-btn {
    padding: 13px 15px;
    font-size: 14px;
  }
  .slider-nav-prev, .slider-nav-next {
    width: 30px;
    height: 100px;
    line-height: 100px;
  }
  .banner-slider-two .swiper-slide .slider-content-two {
    width: 90%;
    left: 0;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    max-width: 180px;
  }
  .banner-slider-two .swiper-slide .slider-content-two h2 {
    font-size: 35px;
    line-height: 40px;
  }
  .banner-slider-two .swiper-slide .slider-content-two p {
    display: none;
  }
  .banner-slider-two .swiper-slide .slider-content-two .tim-btn {
    margin-right: 8px;
    margin-top: 20px;
  }
  .banner-slider-two .swiper-slide .slider-content-two .tim-btn, .banner-slider-two .swiper-slide .slider-content-two .video-btn-two {
    padding: 10px 14px;
    font-size: 14px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist {
    width: 400px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-progress {
    width: 30%;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls {
    width: 140px;
  }
  .banner-slider-two .swiper-slide .slider-content-two {
    -webkit-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
            transform: translateY(-65%);
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h3 {
    font-size: 24px;
    line-height: 24px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three .store-btn {
    margin-bottom: 10px;
    padding: 5px 16px;
    font-size: 14px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three .store-btn i {
    font-size: 18px;
  }
}

@media (max-width: 500px) {
  .banner-slider-one .swiper-slide .slider-content h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .banner-slider-one .swiper-slide .slider-content h2 {
    font-size: 25px;
    line-height: 20px;
  }
  .banner-slider-one .swiper-slide .slider-content p {
    max-width: 300px;
    font-size: 16px;
    margin: 0 auto 20px;
  }
  .banner-slider-two .swiper-slide .slider-content-two {
    -webkit-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
            transform: translateY(-65%);
  }
  .banner-slider-two .swiper-slide .slider-content-two.text-left {
    text-align: center !important;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    max-width: 150px;
  }
  .banner-slider-two .swiper-slide .slider-content-two h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .banner-slider-two .swiper-slide .slider-content-two .video-btn-two, .banner-slider-two .swiper-slide .slider-content-two .tim-btn {
    width: 150px;
    padding: 10px;
    text-align: center;
    margin-right: 0;
  }
  .banner-slider-two .swiper-slide .slider-content-two .tim-btn {
    margin-top: 10px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h3 {
    font-size: 24px;
    line-height: 24px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three h2 {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .banner-slider-two .swiper-slide .slider-content-two.content-three .store-btn {
    margin-bottom: 10px;
    margin-left: 0 !important;
    padding: 5px 15px;
  }
  .tim-slide-btn {
    display: block;
    max-width: 200px;
    margin: 0 auto 10px;
  }
  .slider-nav-prev, .slider-nav-next {
    width: 30px;
    height: 100px;
    line-height: 100px;
    font-size: 28px;
  }
  .banner-slider-two {
    text-align: center !important;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    float: none;
    margin: 0 auto;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface {
    padding: 20px 0;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist {
    width: 100%;
    bottom: 70px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li {
    padding: 0 15px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-playlist ul li > div > a {
    font-size: 12px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-progress {
    width: 29%;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls {
    width: 120px;
    top: -4px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play {
    height: 35px;
    width: 35px;
    margin: 0;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play i {
    font-size: 15px;
    line-height: 32px;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls button {
    margin: 0;
  }
  .header_player .jp-audio .jp-type-playlist .jp-interface .jp-controls button i {
    font-size: 15px;
  }
  .header_player .jp-audio .jp-type-playlist .vel-wrap {
    display: none;
  }
  .banner-slider-two .swiper-slide .slider-content-two {
    width: 100%;
    left: 10%;
  }
}

@media (max-width: 378px) {
  .banner-slider-two .swiper-slide .slider-content-two .video-btn-two {
    margin-top: 10px;
  }
}

@media (min-width: 501px) and (max-width: 555px) {
  .banner-slider-two .swiper-slide .slider-content-two .tim-btn, .banner-slider-two .swiper-slide .slider-content-two .video-btn-two {
    padding: 7px 5px;
    font-size: 14px;
  }
  .banner-slider-two .swiper-slide .slider-content-two {
    width: 100%;
    left: 0;
  }
  .banner-slider-two .swiper-slide .slider-content-two img {
    max-width: 170px;
  }
}

.header_player.style-two {
  background: rgba(9, 14, 61, 0.6);
  left: 0;
}

.header_player.style-two .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play i {
  color: #d20f14;
}

.header_player.style-two .jp-audio .jp-volume-bar .jp-volume-bar-value {
  background: #d20f14;
}

.header_player.style-two .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
  background: #d31014;
}

.header_player.style-two .jp-audio .jp-type-playlist .jp-interface .jp-controls .jp-play {
  background: #fff;
}

.banner-slider-five .swiper-slide .slider-content-two .tim-btn {
  color: #636363;
  background: #fff;
}






























































/*--------------------------------------------------------------
  ##  About
  --------------------------------------------------------------*/
.about-details img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.about-details h3 {
  font-size: 34px;
  font-weight: 500;
}

.about-details h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.about-details p {
  margin-bottom: 50px;
}

.artist-details-two .artist-name {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

.artist-details-two .band-name {
  font-size: 18px;
  font-weight: 400;
  color: #e43a90;
  margin-bottom: 40px;
}

.artist-details-two .band-name span {
  color: #fff;
}

.artist-details-two .details {
  margin-bottom: 20px;
}

.artist-details-two .details p {
  color: #fff;
  margin-bottom: 50px;
}

.artist-music-inner {
  padding: 20px 0;
  border-top: 2px solid #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.artist-music-inner .aritist-music {
  padding: 0 30px;
  border-right: 2px solid #d9d9d9;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.artist-music-inner .aritist-music .icon {
  float: left;
  margin-right: 20px;
}

.artist-music-inner .aritist-music .icon i {
  color: #e43a90;
  font-size: 50px;
  line-height: 50px;
}

.artist-music-inner .aritist-music .content {
  margin-left: 70px;
}

.artist-music-inner .aritist-music .content p {
  color: #494848;
  font-size: 30px;
  margin: 0;
  font-weight: 600;
  font-family: "Changa", sans-serif;
  margin-bottom: 5px;
}

.artist-music-inner .aritist-music .content span {
  font-size: 20px;
  color: #494848;
  font-family: "Changa", sans-serif;
}

.artist-music-inner .aritist-music:last-child {
  border-right: 0;
}

.artist-music-inner .aritist-music:first-child {
  padding-left: 0;
}

.artist-music-inner.artist-music-inner-two {
  border-top: 2px dashed #717171;
  border-bottom: 2px dashed #717171;
  margin-bottom: 40px;
}

.artist-music-inner.artist-music-inner-two .aritist-music {
  border-color: #333;
  padding: 0 15px;
}

.artist-music-inner.artist-music-inner-two .aritist-music .icon {
  margin-right: 0;
}

.artist-music-inner.artist-music-inner-two .aritist-music .content {
  margin-left: 60px;
}

.artist-music-inner.artist-music-inner-two .aritist-music .content p, .artist-music-inner.artist-music-inner-two .aritist-music .content span {
  color: #fff;
}

.artist-music-inner.artist-music-inner-two .aritist-music .content span {
  display: block;
  line-height: 20px;
}

.album-cover-img {
  position: relative;
}

.album-cover-img img {
  max-width: 100%;
  margin-bottom: 30px;
}

.album-cover-img .popup-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  border: 2px solid #fff;
  text-align: center;
  border-radius: 50%;
  line-height: 46px;
  color: #fff;
  font-size: 20px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  outline: 0;
}

.artist-social-link {
  margin: 0;
  padding: 0;
  list-style: none;
}

.artist-social-link li {
  display: inline-block;
  margin-right: 5px;
}

.artist-social-link li a {
  display: inline-block;
  height: 40px;
  width: 40px;
  color: #fff;
  border: 1px dashed #fff;
  border-radius: 4px;
  text-align: center;
  line-height: 38px;
}

.artist-social-link li a:hover {
  border-color: #e43a90;
  color: #e43a90;
}

/* Music Playlist One */
.hit-plalist {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #f5f5f5;
}

.hit-plalist li {
  padding: 16px 0;
  border-bottom: 1px solid #f5f5f5;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hit-plalist li:last-child {
  border-bottom: 0;
}

.hit-plalist li .sm2_button {
  width: 7%;
  display: inline-block;
  font-family: "Changa", sans-serif;
  color: #363636;
  font-size: 18px;
  text-align: center;
}

.hit-plalist li .song-name {
  width: 63%;
  text-align: left;
  display: inline-block;
}

.hit-plalist li span {
  width: 10%;
  display: inline-block;
  text-align: center;
  font-family: "Changa", sans-serif;
}

.hit-plalist li .video-song, .hit-plalist li .song-download {
  width: 10%;
  display: inline-block;
  text-align: center;
  color: #363636;
}

.hit-plalist li .video-song:hover, .hit-plalist li .song-download:hover {
  color: #e43a90;
}

.hit-plalist li.active {
  background: #e43a90;
}

.hit-plalist li.active .sm2_button, .hit-plalist li.active .video-song, .hit-plalist li.active .song-download, .hit-plalist li.active span {
  color: #fff;
}

.hit-plalist li.active .video-song:hover, .hit-plalist li.active .song-download:hover {
  color: #751043;
}

/* About Two */
.artist-about .artist-name {
  font-size: 34px;
  font-weight: 500;
  margin-top: 0;
}

.artist-about .artist-name a {
  color: #363636;
}

.artist-about .artist-name a:hover {
  color: #e43a90;
}

.artist-about h6 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.artist-about span {
  display: block;
  margin-bottom: 10px;
  color: #828282;
}

.artist-about .tim-btn {
  padding: 7px 20px;
  font-size: 16px;
  margin-bottom: 20px;
  position: absolute;
  right: 30px;
  top: 0;
}

.artist-about .content {
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}

.artist-about .alb-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.alb-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.alb-single .single-items {
  display: inline-block;
  width: 20%;
  padding-right: 5px;
}

.alb-single .single-items img {
  max-width: 100%;
}

.album-feature {
  position: relative;
}

.album-feature img {
  max-width: 100%;
}

.album-feature .artist-music-inner {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(228, 58, 144, 0.8);
  border-top: 0;
  padding-left: 30px;
}

.album-feature .artist-music-inner .aritist-music {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.album-feature .artist-music-inner .aritist-music .icon i {
  color: #fff;
}

.album-feature .artist-music-inner .aritist-music .content p, .album-feature .artist-music-inner .aritist-music .content span {
  color: #fff;
}

.sm2_button {
  height: 30px;
  width: 30px;
  position: relative;
  background: transparent;
}

.sm2_button i:after {
  content: "\f04b";
  font: normal normal normal 14px/1 FontAwesome;
}

.sm2_button.sm2_playing i:after {
  content: "\f04c";
  font: normal normal normal 14px/1 FontAwesome;
}

.artist-about.pt_70 .tim-btn {
  top: 70px;
}

@media (max-width: 1600px) {
  .artist-about {
    margin-top: 0;
  }
}

@media (max-width: 1440px) {
  .alb-single {
    margin-bottom: 20px;
  }
  .artist-music-inner .aritist-music {
    padding: 0 15px;
  }
  .artist-music-inner .aritist-music .content {
    margin-left: 55px;
  }
  .artist-music-inner .aritist-music .content p {
    font-size: 26px;
  }
  .artist-music-inner .aritist-music .content span {
    font-size: 14px;
    display: block;
    line-height: 16px;
  }
  .artist-music-inner .aritist-music .icon {
    margin-right: 0;
  }
  .artist-music-inner .aritist-music .icon i {
    font-size: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .artist-music-inner .aritist-music {
    padding: 0 5px;
  }
  .artist-music-inner .aritist-music .icon i {
    font-size: 30px;
  }
  .artist-music-inner .aritist-music .content {
    margin-left: 35px;
  }
  .artist-music-inner .aritist-music .content p {
    margin: 0;
  }
  .artist-about.pt_70 {
    padding-top: 0;
  }
  .artist-about.pt_70 .tim-btn {
    top: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .artist-about .artist-name {
    font-size: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .artist-music-inner.artist-music-inner-two .aritist-music .content {
    margin-left: 40px;
  }
  .artist-details-two .band-name {
    margin-bottom: 20px;
  }
  .artist-details-two .details p {
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .artist-profile .profoile-image {
    max-width: 190px !important;
  }
  .artist-profile {
    padding: 30px 25px;
  }
  .artist-profile .content {
    margin-left: 210px !important;
  }
}

@media (max-width: 767px) {
  .artist-profile .profoile-image {
    float: none !important;
    margin: 0 auto;
  }
  .artist-profile .content {
    margin-left: 0 !important;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .album-feature {
    margin-bottom: 30px;
  }
  .artist-about.pl__30 {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .artist-music-inner .aritist-music {
    border-right: 0;
  }
}

@media (max-width: 768px) {
  .artist-music-inner .aritist-music {
    padding: 0 10px;
  }
  .album-feature .artist-music-inner .aritist-music {
    border-right: 0;
  }
}

@media (max-width: 580px) {
  .album-cover-img {
    margin: 0 auto 20px;
  }
  .artist-music-inner {
    display: block;
  }
  .artist-music-inner .aritist-music {
    border-right: 0;
    padding-left: 0;
    width: 50%;
    float: left;
    margin-bottom: 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .artist-music-inner .aritist-music .content {
    margin-left: 30px;
  }
  .artist-music-inner .aritist-music .content p {
    font-size: 21px;
  }
  .artist-music-inner .aritist-music .icon i {
    font-size: 20px;
    line-height: 30px;
  }
  .artist-about .tim-btn {
    position: relative;
    right: 0;
    top: 5px;
  }
  .artist-about.pt_70 .tim-btn {
    top: 6px;
  }
}


























/*--------------------------------------------------------------
  ##   Sticky Audio Player
  --------------------------------------------------------------*/
.app-player {
  background: rgba(228, 58, 144, 0.8);
}





























/*--------------------------------------------------------------
  ##  Latest release section
  --------------------------------------------------------------*/
.latest-relese {
  background-image: url(../../media/background/3.png);
  background-postion: top;
  background-size: 100%;
  background-repeat: no-repeat;
}

.latest-relese .section-title {
  margin-bottom: 95px;
}

.latest-album-left .cover-img {
  float: left;
  -webkit-box-shadow: 0px 50px 108.9px 12.1px black;
          box-shadow: 0px 50px 108.9px 12.1px black;
}

.latest-album-left .albun-details {
  overflow: hidden;
  padding-left: 30px;
}

.latest-album-left .albun-details h6 {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 26px;
  line-height: 11px;
}

.latest-album-left .albun-details p {
  font-size: 14px;
  color: #565656;
  font-family: "Roboto", sans-serif;
  line-height: 21px;
}

.latest-album-left .albun-details p span {
  color: #f60038;
}

.latest-album-right {
  padding-left: 128px;
}

.latest-album-right h6 {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 26px;
  line-height: 11px;
}

.latest-album-btn .sm2_button {
  color: #f60038;
  border: 2px solid #f60038;
  width: 58px;
  height: 58px;
  display: block;
  text-align: center;
  line-height: 60px;
  border-radius: 3px;
}

.latest-album-btn .sm2_button i:after {
  font-size: 27px;
}

.latest-album-btn .sm2_button:hover {
  color: #fff;
}

.player-main {
  text-align: center;
}

.record-player {
  position: relative;
  margin-top: 70px;
  width: 691px;
  margin: 0 auto;
  margin-top: 60px;
}

.record-player .player-main-shade {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  height: 691px;
  width: 691px;
  -webkit-box-shadow: 15px 13px 17px 5px rgba(0, 0, 0, 0.48);
  box-shadow: 15px 13px 17px 5px rgba(0, 0, 0, 0.48);
  border-radius: 100%;
  -webkit-box-shadow: 0px 17px 36.86px 1.14px rgba(0, 0, 0, 0.45);
          box-shadow: 0px 17px 36.86px 1.14px rgba(0, 0, 0, 0.45);
}

.record-player .record-key {
  position: absolute;
  top: -24px;
  right: -189px;
}

@-webkit-keyframes color_change {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes color_change {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.player-main {
  -webkit-animation: color_change 5s linear infinite;
          animation: color_change 5s linear infinite;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.player-main img {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

.player-main.active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.record-player .record-key {
  top: -24px;
  right: -189px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 149px 147px;
      -ms-transform-origin: 149px 147px;
          transform-origin: 149px 147px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.record-player .record-key.active {
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-transform-origin: 149px 147px;
      -ms-transform-origin: 149px 147px;
          transform-origin: 149px 147px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

@-webkit-keyframes move {
  100% {
    -webkit-transform: translate3d(300px, 100px, 0px);
            transform: translate3d(300px, 100px, 0px);
  }
}

@keyframes move {
  100% {
    -webkit-transform: translate3d(300px, 100px, 0px);
            transform: translate3d(300px, 100px, 0px);
  }
}

.bubble-wrap {
  position: absolute;
  top: 36%;
  left: 10%;
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(47deg);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bubble-wrap-right {
  position: absolute;
  top: 53%;
  right: 46%;
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(9deg);
  z-index: -1;
  opacity: 0;
}

@-webkit-keyframes bub_opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes bub_opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.bubble {
  position: absolute;
  position-opacity: 0;
  animation: move 3s infinite reverse;
  background-image: url(../../media/music/1.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.bubble-wrap.active, .bubble-wrap-right.active {
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bubble.icon-1 {
  background-image: url(../../media/music/1.png);
}

.bubble.icon-2 {
  background-image: url(../../media/music/2.png);
}

.bubble.icon-3 {
  background-image: url(../../media/music/3.png);
}

.bubble.icon-4 {
  background-image: url(../../media/music/4.png);
}

.bubble.icon-5 {
  background-image: url(../../media/music/5.png);
}

.bubble:nth-child(1) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  -webkit-transform: translate3d(719px, 274px, 816px);
          transform: translate3d(719px, 274px, 816px);
}

.bubble:nth-child(2) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
  -webkit-transform: translate3d(81px, 115px, 129px);
          transform: translate3d(81px, 115px, 129px);
}

.bubble:nth-child(3) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -2.7s;
          animation-delay: -2.7s;
  -webkit-transform: translate3d(178px, 88px, 1249px);
          transform: translate3d(178px, 88px, 1249px);
}

.bubble:nth-child(4) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
  -webkit-transform: translate3d(967px, 317px, 1995px);
          transform: translate3d(967px, 317px, 1995px);
}

.bubble:nth-child(5) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
  -webkit-transform: translate3d(286px, 981px, 588px);
          transform: translate3d(286px, 981px, 588px);
}

.bubble:nth-child(6) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
  -webkit-transform: translate3d(22px, 945px, 553px);
          transform: translate3d(22px, 945px, 553px);
}

.bubble:nth-child(7) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -6.3s;
          animation-delay: -6.3s;
  -webkit-transform: translate3d(994px, 402px, 312px);
          transform: translate3d(994px, 402px, 312px);
}

.bubble:nth-child(8) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
  -webkit-transform: translate3d(501px, 789px, 143px);
          transform: translate3d(501px, 789px, 143px);
}

.bubble:nth-child(9) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -8.1s;
          animation-delay: -8.1s;
  -webkit-transform: translate3d(717px, 758px, 1469px);
          transform: translate3d(717px, 758px, 1469px);
}

.bubble:nth-child(10) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
  -webkit-transform: translate3d(68px, 4px, 1308px);
          transform: translate3d(68px, 4px, 1308px);
}

.bubble:nth-child(11) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -9.9s;
          animation-delay: -9.9s;
  -webkit-transform: translate3d(8px, 118px, 1098px);
          transform: translate3d(8px, 118px, 1098px);
}

.bubble:nth-child(12) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
  -webkit-transform: translate3d(360px, 171px, 931px);
          transform: translate3d(360px, 171px, 931px);
}

.bubble:nth-child(13) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -11.7s;
          animation-delay: -11.7s;
  -webkit-transform: translate3d(205px, 591px, 1270px);
          transform: translate3d(205px, 591px, 1270px);
}

.bubble:nth-child(14) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -12.6s;
          animation-delay: -12.6s;
  -webkit-transform: translate3d(380px, 439px, 1276px);
          transform: translate3d(380px, 439px, 1276px);
}

.bubble:nth-child(15) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -13.5s;
          animation-delay: -13.5s;
  -webkit-transform: translate3d(131px, 188px, 638px);
          transform: translate3d(131px, 188px, 638px);
}

.bubble:nth-child(16) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
  -webkit-transform: translate3d(507px, 886px, 674px);
          transform: translate3d(507px, 886px, 674px);
}

.bubble:nth-child(17) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -15.3s;
          animation-delay: -15.3s;
  -webkit-transform: translate3d(848px, 377px, 1727px);
          transform: translate3d(848px, 377px, 1727px);
}

.bubble:nth-child(18) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -16.2s;
          animation-delay: -16.2s;
  -webkit-transform: translate3d(615px, 200px, 1267px);
          transform: translate3d(615px, 200px, 1267px);
}

.bubble:nth-child(19) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -17.1s;
          animation-delay: -17.1s;
  -webkit-transform: translate3d(156px, 559px, 294px);
          transform: translate3d(156px, 559px, 294px);
}

.bubble:nth-child(20) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -18s;
          animation-delay: -18s;
  -webkit-transform: translate3d(355px, 306px, 1150px);
          transform: translate3d(355px, 306px, 1150px);
}

.bubble:nth-child(21) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -18.9s;
          animation-delay: -18.9s;
  -webkit-transform: translate3d(155px, 586px, 1797px);
          transform: translate3d(155px, 586px, 1797px);
}

.bubble:nth-child(22) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -19.8s;
          animation-delay: -19.8s;
  -webkit-transform: translate3d(931px, 274px, 1140px);
          transform: translate3d(931px, 274px, 1140px);
}

.bubble:nth-child(23) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -20.7s;
          animation-delay: -20.7s;
  -webkit-transform: translate3d(75px, 611px, 569px);
          transform: translate3d(75px, 611px, 569px);
}

.bubble:nth-child(24) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -21.6s;
          animation-delay: -21.6s;
  -webkit-transform: translate3d(941px, 152px, 925px);
          transform: translate3d(941px, 152px, 925px);
}

.bubble:nth-child(25) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -22.5s;
          animation-delay: -22.5s;
  -webkit-transform: translate3d(54px, 431px, 291px);
          transform: translate3d(54px, 431px, 291px);
}

.bubble:nth-child(26) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -23.4s;
          animation-delay: -23.4s;
  -webkit-transform: translate3d(61px, 85px, 1000px);
          transform: translate3d(61px, 85px, 1000px);
}

.bubble:nth-child(27) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -24.3s;
          animation-delay: -24.3s;
  -webkit-transform: translate3d(437px, 797px, 1710px);
          transform: translate3d(437px, 797px, 1710px);
}

.bubble:nth-child(28) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -25.2s;
          animation-delay: -25.2s;
  -webkit-transform: translate3d(220px, 199px, 1455px);
          transform: translate3d(220px, 199px, 1455px);
}

.bubble:nth-child(29) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -26.1s;
          animation-delay: -26.1s;
  -webkit-transform: translate3d(684px, 144px, 472px);
          transform: translate3d(684px, 144px, 472px);
}

.bubble:nth-child(30) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -27s;
          animation-delay: -27s;
  -webkit-transform: translate3d(548px, 135px, 197px);
          transform: translate3d(548px, 135px, 197px);
}

.bubble:nth-child(31) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -27.9s;
          animation-delay: -27.9s;
  -webkit-transform: translate3d(115px, 465px, 1626px);
          transform: translate3d(115px, 465px, 1626px);
}

.bubble:nth-child(32) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -28.8s;
          animation-delay: -28.8s;
  -webkit-transform: translate3d(383px, 233px, 986px);
          transform: translate3d(383px, 233px, 986px);
}

.bubble:nth-child(33) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -29.7s;
          animation-delay: -29.7s;
  -webkit-transform: translate3d(133px, 812px, 729px);
          transform: translate3d(133px, 812px, 729px);
}

.bubble:nth-child(34) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -30.6s;
          animation-delay: -30.6s;
  -webkit-transform: translate3d(459px, 383px, 1174px);
          transform: translate3d(459px, 383px, 1174px);
}

.bubble:nth-child(35) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -31.5s;
          animation-delay: -31.5s;
  -webkit-transform: translate3d(426px, 721px, 1269px);
          transform: translate3d(426px, 721px, 1269px);
}

.bubble:nth-child(36) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -32.4s;
          animation-delay: -32.4s;
  -webkit-transform: translate3d(712px, 918px, 834px);
          transform: translate3d(712px, 918px, 834px);
}

.bubble:nth-child(37) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -33.3s;
          animation-delay: -33.3s;
  -webkit-transform: translate3d(299px, 302px, 1893px);
          transform: translate3d(299px, 302px, 1893px);
}

.bubble:nth-child(38) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -34.2s;
          animation-delay: -34.2s;
  -webkit-transform: translate3d(747px, 689px, 146px);
          transform: translate3d(747px, 689px, 146px);
}

.bubble:nth-child(39) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -35.1s;
          animation-delay: -35.1s;
  -webkit-transform: translate3d(980px, 62px, 707px);
          transform: translate3d(980px, 62px, 707px);
}

.bubble:nth-child(40) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -36s;
          animation-delay: -36s;
  -webkit-transform: translate3d(820px, 197px, 1050px);
          transform: translate3d(820px, 197px, 1050px);
}

.bubble:nth-child(41) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -36.9s;
          animation-delay: -36.9s;
  -webkit-transform: translate3d(527px, 36px, 834px);
          transform: translate3d(527px, 36px, 834px);
}

.bubble:nth-child(42) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -37.8s;
          animation-delay: -37.8s;
  -webkit-transform: translate3d(856px, 612px, 876px);
          transform: translate3d(856px, 612px, 876px);
}

.bubble:nth-child(43) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -38.7s;
          animation-delay: -38.7s;
  -webkit-transform: translate3d(826px, 626px, 745px);
          transform: translate3d(826px, 626px, 745px);
}

.bubble:nth-child(44) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -39.6s;
          animation-delay: -39.6s;
  -webkit-transform: translate3d(874px, 151px, 867px);
          transform: translate3d(874px, 151px, 867px);
}

.bubble:nth-child(45) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -40.5s;
          animation-delay: -40.5s;
  -webkit-transform: translate3d(279px, 218px, 487px);
          transform: translate3d(279px, 218px, 487px);
}

.bubble:nth-child(46) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -41.4s;
          animation-delay: -41.4s;
  -webkit-transform: translate3d(11px, 882px, 1622px);
          transform: translate3d(11px, 882px, 1622px);
}

.bubble:nth-child(47) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -42.3s;
          animation-delay: -42.3s;
  -webkit-transform: translate3d(201px, 231px, 1219px);
          transform: translate3d(201px, 231px, 1219px);
}

.bubble:nth-child(48) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -43.2s;
          animation-delay: -43.2s;
  -webkit-transform: translate3d(23px, 418px, 879px);
          transform: translate3d(23px, 418px, 879px);
}

.bubble:nth-child(49) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -44.1s;
          animation-delay: -44.1s;
  -webkit-transform: translate3d(696px, 462px, 1401px);
          transform: translate3d(696px, 462px, 1401px);
}

.bubble:nth-child(50) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -45s;
          animation-delay: -45s;
  -webkit-transform: translate3d(925px, 584px, 484px);
          transform: translate3d(925px, 584px, 484px);
}

.bubble:nth-child(51) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -45.9s;
          animation-delay: -45.9s;
  -webkit-transform: translate3d(238px, 963px, 469px);
          transform: translate3d(238px, 963px, 469px);
}

.bubble:nth-child(52) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -46.8s;
          animation-delay: -46.8s;
  -webkit-transform: translate3d(433px, 241px, 39px);
          transform: translate3d(433px, 241px, 39px);
}

.bubble:nth-child(53) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -47.7s;
          animation-delay: -47.7s;
  -webkit-transform: translate3d(520px, 221px, 980px);
          transform: translate3d(520px, 221px, 980px);
}

.bubble:nth-child(54) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -48.6s;
          animation-delay: -48.6s;
  -webkit-transform: translate3d(742px, 581px, 581px);
          transform: translate3d(742px, 581px, 581px);
}

.bubble:nth-child(55) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -49.5s;
          animation-delay: -49.5s;
  -webkit-transform: translate3d(290px, 704px, 443px);
          transform: translate3d(290px, 704px, 443px);
}

.bubble:nth-child(56) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -50.4s;
          animation-delay: -50.4s;
  -webkit-transform: translate3d(346px, 686px, 1483px);
          transform: translate3d(346px, 686px, 1483px);
}

.bubble:nth-child(57) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -51.3s;
          animation-delay: -51.3s;
  -webkit-transform: translate3d(859px, 630px, 643px);
          transform: translate3d(859px, 630px, 643px);
}

.bubble:nth-child(58) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -52.2s;
          animation-delay: -52.2s;
  -webkit-transform: translate3d(334px, 741px, 1705px);
          transform: translate3d(334px, 741px, 1705px);
}

.bubble:nth-child(59) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -53.1s;
          animation-delay: -53.1s;
  -webkit-transform: translate3d(899px, 511px, 362px);
          transform: translate3d(899px, 511px, 362px);
}

.bubble:nth-child(60) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -54s;
          animation-delay: -54s;
  -webkit-transform: translate3d(934px, 191px, 1223px);
          transform: translate3d(934px, 191px, 1223px);
}

.bubble:nth-child(61) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -54.9s;
          animation-delay: -54.9s;
  -webkit-transform: translate3d(144px, 472px, 973px);
          transform: translate3d(144px, 472px, 973px);
}

.bubble:nth-child(62) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -55.8s;
          animation-delay: -55.8s;
  -webkit-transform: translate3d(91px, 83px, 123px);
          transform: translate3d(91px, 83px, 123px);
}

.bubble:nth-child(63) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -56.7s;
          animation-delay: -56.7s;
  -webkit-transform: translate3d(645px, 344px, 763px);
          transform: translate3d(645px, 344px, 763px);
}

.bubble:nth-child(64) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -57.6s;
          animation-delay: -57.6s;
  -webkit-transform: translate3d(69px, 171px, 903px);
          transform: translate3d(69px, 171px, 903px);
}

.bubble:nth-child(65) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -58.5s;
          animation-delay: -58.5s;
  -webkit-transform: translate3d(809px, 426px, 1841px);
          transform: translate3d(809px, 426px, 1841px);
}

.bubble:nth-child(66) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -59.4s;
          animation-delay: -59.4s;
  -webkit-transform: translate3d(895px, 605px, 457px);
          transform: translate3d(895px, 605px, 457px);
}

.bubble:nth-child(67) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -60.3s;
          animation-delay: -60.3s;
  -webkit-transform: translate3d(863px, 527px, 547px);
          transform: translate3d(863px, 527px, 547px);
}

.bubble:nth-child(68) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -61.2s;
          animation-delay: -61.2s;
  -webkit-transform: translate3d(25px, 844px, 1366px);
          transform: translate3d(25px, 844px, 1366px);
}

.bubble:nth-child(69) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -62.1s;
          animation-delay: -62.1s;
  -webkit-transform: translate3d(525px, 386px, 1180px);
          transform: translate3d(525px, 386px, 1180px);
}

.bubble:nth-child(70) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -63s;
          animation-delay: -63s;
  -webkit-transform: translate3d(870px, 333px, 357px);
          transform: translate3d(870px, 333px, 357px);
}

.bubble:nth-child(71) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -63.9s;
          animation-delay: -63.9s;
  -webkit-transform: translate3d(88px, 851px, 571px);
          transform: translate3d(88px, 851px, 571px);
}

.bubble:nth-child(72) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -64.8s;
          animation-delay: -64.8s;
  -webkit-transform: translate3d(635px, 832px, 1407px);
          transform: translate3d(635px, 832px, 1407px);
}

.bubble:nth-child(73) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -65.7s;
          animation-delay: -65.7s;
  -webkit-transform: translate3d(454px, 29px, 1366px);
          transform: translate3d(454px, 29px, 1366px);
}

.bubble:nth-child(74) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -66.6s;
          animation-delay: -66.6s;
  -webkit-transform: translate3d(468px, 500px, 1610px);
          transform: translate3d(468px, 500px, 1610px);
}

.bubble:nth-child(75) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -67.5s;
          animation-delay: -67.5s;
  -webkit-transform: translate3d(121px, 726px, 1885px);
          transform: translate3d(121px, 726px, 1885px);
}

.bubble:nth-child(76) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -68.4s;
          animation-delay: -68.4s;
  -webkit-transform: translate3d(953px, 129px, 178px);
          transform: translate3d(953px, 129px, 178px);
}

.bubble:nth-child(77) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -69.3s;
          animation-delay: -69.3s;
  -webkit-transform: translate3d(224px, 802px, 1836px);
          transform: translate3d(224px, 802px, 1836px);
}

.bubble:nth-child(78) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -70.2s;
          animation-delay: -70.2s;
  -webkit-transform: translate3d(839px, 682px, 1453px);
          transform: translate3d(839px, 682px, 1453px);
}

.bubble:nth-child(79) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -71.1s;
          animation-delay: -71.1s;
  -webkit-transform: translate3d(607px, 279px, 1196px);
          transform: translate3d(607px, 279px, 1196px);
}

.bubble:nth-child(80) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -72s;
          animation-delay: -72s;
  -webkit-transform: translate3d(90px, 689px, 1683px);
          transform: translate3d(90px, 689px, 1683px);
}

.bubble:nth-child(81) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -72.9s;
          animation-delay: -72.9s;
  -webkit-transform: translate3d(603px, 926px, 100px);
          transform: translate3d(603px, 926px, 100px);
}

.bubble:nth-child(82) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -73.8s;
          animation-delay: -73.8s;
  -webkit-transform: translate3d(115px, 242px, 852px);
          transform: translate3d(115px, 242px, 852px);
}

.bubble:nth-child(83) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -74.7s;
          animation-delay: -74.7s;
  -webkit-transform: translate3d(411px, 951px, 273px);
          transform: translate3d(411px, 951px, 273px);
}

.bubble:nth-child(84) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -75.6s;
          animation-delay: -75.6s;
  -webkit-transform: translate3d(826px, 590px, 1269px);
          transform: translate3d(826px, 590px, 1269px);
}

.bubble:nth-child(85) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -76.5s;
          animation-delay: -76.5s;
  -webkit-transform: translate3d(566px, 654px, 1365px);
          transform: translate3d(566px, 654px, 1365px);
}

.bubble:nth-child(86) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -77.4s;
          animation-delay: -77.4s;
  -webkit-transform: translate3d(283px, 754px, 1907px);
          transform: translate3d(283px, 754px, 1907px);
}

.bubble:nth-child(87) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -78.3s;
          animation-delay: -78.3s;
  -webkit-transform: translate3d(640px, 494px, 586px);
          transform: translate3d(640px, 494px, 586px);
}

.bubble:nth-child(88) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -79.2s;
          animation-delay: -79.2s;
  -webkit-transform: translate3d(242px, 241px, 607px);
          transform: translate3d(242px, 241px, 607px);
}

.bubble:nth-child(89) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -80.1s;
          animation-delay: -80.1s;
  -webkit-transform: translate3d(552px, 673px, 869px);
          transform: translate3d(552px, 673px, 869px);
}

.bubble:nth-child(90) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -81s;
          animation-delay: -81s;
  -webkit-transform: translate3d(412px, 687px, 344px);
          transform: translate3d(412px, 687px, 344px);
}

.bubble:nth-child(91) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -81.9s;
          animation-delay: -81.9s;
  -webkit-transform: translate3d(21px, 915px, 569px);
          transform: translate3d(21px, 915px, 569px);
}

.bubble:nth-child(92) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -82.8s;
          animation-delay: -82.8s;
  -webkit-transform: translate3d(255px, 309px, 345px);
          transform: translate3d(255px, 309px, 345px);
}

.bubble:nth-child(93) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -83.7s;
          animation-delay: -83.7s;
  -webkit-transform: translate3d(78px, 462px, 532px);
          transform: translate3d(78px, 462px, 532px);
}

.bubble:nth-child(94) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -84.6s;
          animation-delay: -84.6s;
  -webkit-transform: translate3d(534px, 58px, 88px);
          transform: translate3d(534px, 58px, 88px);
}

.bubble:nth-child(95) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -85.5s;
          animation-delay: -85.5s;
  -webkit-transform: translate3d(815px, 917px, 1707px);
          transform: translate3d(815px, 917px, 1707px);
}

.bubble:nth-child(96) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -86.4s;
          animation-delay: -86.4s;
  -webkit-transform: translate3d(306px, 216px, 1174px);
          transform: translate3d(306px, 216px, 1174px);
}

.bubble:nth-child(97) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -87.3s;
          animation-delay: -87.3s;
  -webkit-transform: translate3d(175px, 861px, 88px);
          transform: translate3d(175px, 861px, 88px);
}

.bubble:nth-child(98) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -88.2s;
          animation-delay: -88.2s;
  -webkit-transform: translate3d(40px, 7px, 166px);
          transform: translate3d(40px, 7px, 166px);
}

.bubble:nth-child(99) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -89.1s;
          animation-delay: -89.1s;
  -webkit-transform: translate3d(535px, 239px, 1646px);
          transform: translate3d(535px, 239px, 1646px);
}

.bubble:nth-child(100) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -90s;
          animation-delay: -90s;
  -webkit-transform: translate3d(185px, 493px, 1092px);
          transform: translate3d(185px, 493px, 1092px);
}

.bubble:nth-child(101) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -90.9s;
          animation-delay: -90.9s;
  -webkit-transform: translate3d(750px, 77px, 1256px);
          transform: translate3d(750px, 77px, 1256px);
}

.bubble:nth-child(102) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -91.8s;
          animation-delay: -91.8s;
  -webkit-transform: translate3d(25px, 853px, 1699px);
          transform: translate3d(25px, 853px, 1699px);
}

.bubble:nth-child(103) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -92.7s;
          animation-delay: -92.7s;
  -webkit-transform: translate3d(561px, 499px, 1114px);
          transform: translate3d(561px, 499px, 1114px);
}

.bubble:nth-child(104) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -93.6s;
          animation-delay: -93.6s;
  -webkit-transform: translate3d(735px, 52px, 616px);
          transform: translate3d(735px, 52px, 616px);
}

.bubble:nth-child(105) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -94.5s;
          animation-delay: -94.5s;
  -webkit-transform: translate3d(464px, 572px, 231px);
          transform: translate3d(464px, 572px, 231px);
}

.bubble:nth-child(106) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -95.4s;
          animation-delay: -95.4s;
  -webkit-transform: translate3d(458px, 506px, 1730px);
          transform: translate3d(458px, 506px, 1730px);
}

.bubble:nth-child(107) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -96.3s;
          animation-delay: -96.3s;
  -webkit-transform: translate3d(550px, 239px, 855px);
          transform: translate3d(550px, 239px, 855px);
}

.bubble:nth-child(108) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -97.2s;
          animation-delay: -97.2s;
  -webkit-transform: translate3d(986px, 293px, 1845px);
          transform: translate3d(986px, 293px, 1845px);
}

.bubble:nth-child(109) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -98.1s;
          animation-delay: -98.1s;
  -webkit-transform: translate3d(648px, 739px, 1979px);
          transform: translate3d(648px, 739px, 1979px);
}

.bubble:nth-child(110) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -99s;
          animation-delay: -99s;
  -webkit-transform: translate3d(327px, 881px, 1613px);
          transform: translate3d(327px, 881px, 1613px);
}

.bubble:nth-child(111) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -99.9s;
          animation-delay: -99.9s;
  -webkit-transform: translate3d(374px, 357px, 1010px);
          transform: translate3d(374px, 357px, 1010px);
}

.bubble:nth-child(112) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -100.8s;
          animation-delay: -100.8s;
  -webkit-transform: translate3d(160px, 838px, 883px);
          transform: translate3d(160px, 838px, 883px);
}

.bubble:nth-child(113) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -101.7s;
          animation-delay: -101.7s;
  -webkit-transform: translate3d(486px, 777px, 276px);
          transform: translate3d(486px, 777px, 276px);
}

.bubble:nth-child(114) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -102.6s;
          animation-delay: -102.6s;
  -webkit-transform: translate3d(72px, 228px, 1909px);
          transform: translate3d(72px, 228px, 1909px);
}

.bubble:nth-child(115) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -103.5s;
          animation-delay: -103.5s;
  -webkit-transform: translate3d(17px, 528px, 1574px);
          transform: translate3d(17px, 528px, 1574px);
}

.bubble:nth-child(116) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -104.4s;
          animation-delay: -104.4s;
  -webkit-transform: translate3d(238px, 792px, 1963px);
          transform: translate3d(238px, 792px, 1963px);
}

.bubble:nth-child(117) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -105.3s;
          animation-delay: -105.3s;
  -webkit-transform: translate3d(534px, 144px, 789px);
          transform: translate3d(534px, 144px, 789px);
}

.bubble:nth-child(118) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -106.2s;
          animation-delay: -106.2s;
  -webkit-transform: translate3d(124px, 475px, 1825px);
          transform: translate3d(124px, 475px, 1825px);
}

.bubble:nth-child(119) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -107.1s;
          animation-delay: -107.1s;
  -webkit-transform: translate3d(126px, 655px, 236px);
          transform: translate3d(126px, 655px, 236px);
}

.bubble:nth-child(120) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -108s;
          animation-delay: -108s;
  -webkit-transform: translate3d(125px, 97px, 68px);
          transform: translate3d(125px, 97px, 68px);
}

.bubble:nth-child(121) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -108.9s;
          animation-delay: -108.9s;
  -webkit-transform: translate3d(353px, 203px, 169px);
          transform: translate3d(353px, 203px, 169px);
}

.bubble:nth-child(122) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -109.8s;
          animation-delay: -109.8s;
  -webkit-transform: translate3d(298px, 91px, 322px);
          transform: translate3d(298px, 91px, 322px);
}

.bubble:nth-child(123) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -110.7s;
          animation-delay: -110.7s;
  -webkit-transform: translate3d(679px, 22px, 1041px);
          transform: translate3d(679px, 22px, 1041px);
}

.bubble:nth-child(124) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -111.6s;
          animation-delay: -111.6s;
  -webkit-transform: translate3d(916px, 407px, 1174px);
          transform: translate3d(916px, 407px, 1174px);
}

.bubble:nth-child(125) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -112.5s;
          animation-delay: -112.5s;
  -webkit-transform: translate3d(398px, 436px, 1151px);
          transform: translate3d(398px, 436px, 1151px);
}

.bubble:nth-child(126) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -113.4s;
          animation-delay: -113.4s;
  -webkit-transform: translate3d(960px, 462px, 527px);
          transform: translate3d(960px, 462px, 527px);
}

.bubble:nth-child(127) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -114.3s;
          animation-delay: -114.3s;
  -webkit-transform: translate3d(781px, 431px, 1453px);
          transform: translate3d(781px, 431px, 1453px);
}

.bubble:nth-child(128) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -115.2s;
          animation-delay: -115.2s;
  -webkit-transform: translate3d(432px, 765px, 654px);
          transform: translate3d(432px, 765px, 654px);
}

.bubble:nth-child(129) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -116.1s;
          animation-delay: -116.1s;
  -webkit-transform: translate3d(762px, 773px, 191px);
          transform: translate3d(762px, 773px, 191px);
}

.bubble:nth-child(130) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -117s;
          animation-delay: -117s;
  -webkit-transform: translate3d(184px, 347px, 1251px);
          transform: translate3d(184px, 347px, 1251px);
}

.bubble:nth-child(131) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -117.9s;
          animation-delay: -117.9s;
  -webkit-transform: translate3d(876px, 225px, 1440px);
          transform: translate3d(876px, 225px, 1440px);
}

.bubble:nth-child(132) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -118.8s;
          animation-delay: -118.8s;
  -webkit-transform: translate3d(963px, 91px, 1768px);
          transform: translate3d(963px, 91px, 1768px);
}

.bubble:nth-child(133) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -119.7s;
          animation-delay: -119.7s;
  -webkit-transform: translate3d(171px, 920px, 1179px);
          transform: translate3d(171px, 920px, 1179px);
}

.bubble:nth-child(134) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -120.6s;
          animation-delay: -120.6s;
  -webkit-transform: translate3d(183px, 205px, 496px);
          transform: translate3d(183px, 205px, 496px);
}

.bubble:nth-child(135) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -121.5s;
          animation-delay: -121.5s;
  -webkit-transform: translate3d(975px, 450px, 1101px);
          transform: translate3d(975px, 450px, 1101px);
}

.bubble:nth-child(136) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -122.4s;
          animation-delay: -122.4s;
  -webkit-transform: translate3d(791px, 42px, 1151px);
          transform: translate3d(791px, 42px, 1151px);
}

.bubble:nth-child(137) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -123.3s;
          animation-delay: -123.3s;
  -webkit-transform: translate3d(574px, 256px, 605px);
          transform: translate3d(574px, 256px, 605px);
}

.bubble:nth-child(138) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -124.2s;
          animation-delay: -124.2s;
  -webkit-transform: translate3d(820px, 511px, 1230px);
          transform: translate3d(820px, 511px, 1230px);
}

.bubble:nth-child(139) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -125.1s;
          animation-delay: -125.1s;
  -webkit-transform: translate3d(657px, 200px, 511px);
          transform: translate3d(657px, 200px, 511px);
}

.bubble:nth-child(140) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -126s;
          animation-delay: -126s;
  -webkit-transform: translate3d(978px, 35px, 498px);
          transform: translate3d(978px, 35px, 498px);
}

.bubble:nth-child(141) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -126.9s;
          animation-delay: -126.9s;
  -webkit-transform: translate3d(446px, 122px, 1671px);
          transform: translate3d(446px, 122px, 1671px);
}

.bubble:nth-child(142) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -127.8s;
          animation-delay: -127.8s;
  -webkit-transform: translate3d(710px, 812px, 1508px);
          transform: translate3d(710px, 812px, 1508px);
}

.bubble:nth-child(143) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -128.7s;
          animation-delay: -128.7s;
  -webkit-transform: translate3d(921px, 315px, 1904px);
          transform: translate3d(921px, 315px, 1904px);
}

.bubble:nth-child(144) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -129.6s;
          animation-delay: -129.6s;
  -webkit-transform: translate3d(626px, 745px, 1008px);
          transform: translate3d(626px, 745px, 1008px);
}

.bubble:nth-child(145) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -130.5s;
          animation-delay: -130.5s;
  -webkit-transform: translate3d(200px, 868px, 341px);
          transform: translate3d(200px, 868px, 341px);
}

.bubble:nth-child(146) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -131.4s;
          animation-delay: -131.4s;
  -webkit-transform: translate3d(586px, 924px, 523px);
          transform: translate3d(586px, 924px, 523px);
}

.bubble:nth-child(147) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -132.3s;
          animation-delay: -132.3s;
  -webkit-transform: translate3d(4px, 750px, 1356px);
          transform: translate3d(4px, 750px, 1356px);
}

.bubble:nth-child(148) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -133.2s;
          animation-delay: -133.2s;
  -webkit-transform: translate3d(558px, 875px, 161px);
          transform: translate3d(558px, 875px, 161px);
}

.bubble:nth-child(149) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -134.1s;
          animation-delay: -134.1s;
  -webkit-transform: translate3d(151px, 587px, 1329px);
          transform: translate3d(151px, 587px, 1329px);
}

.bubble:nth-child(150) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -135s;
          animation-delay: -135s;
  -webkit-transform: translate3d(811px, 206px, 1817px);
          transform: translate3d(811px, 206px, 1817px);
}

.bubble:nth-child(151) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -135.9s;
          animation-delay: -135.9s;
  -webkit-transform: translate3d(277px, 253px, 1706px);
          transform: translate3d(277px, 253px, 1706px);
}

.bubble:nth-child(152) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -136.8s;
          animation-delay: -136.8s;
  -webkit-transform: translate3d(900px, 234px, 1956px);
          transform: translate3d(900px, 234px, 1956px);
}

.bubble:nth-child(153) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -137.7s;
          animation-delay: -137.7s;
  -webkit-transform: translate3d(222px, 668px, 896px);
          transform: translate3d(222px, 668px, 896px);
}

.bubble:nth-child(154) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -138.6s;
          animation-delay: -138.6s;
  -webkit-transform: translate3d(166px, 836px, 1810px);
          transform: translate3d(166px, 836px, 1810px);
}

.bubble:nth-child(155) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -139.5s;
          animation-delay: -139.5s;
  -webkit-transform: translate3d(515px, 368px, 361px);
          transform: translate3d(515px, 368px, 361px);
}

.bubble:nth-child(156) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -140.4s;
          animation-delay: -140.4s;
  -webkit-transform: translate3d(832px, 852px, 948px);
          transform: translate3d(832px, 852px, 948px);
}

.bubble:nth-child(157) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -141.3s;
          animation-delay: -141.3s;
  -webkit-transform: translate3d(674px, 901px, 1145px);
          transform: translate3d(674px, 901px, 1145px);
}

.bubble:nth-child(158) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -142.2s;
          animation-delay: -142.2s;
  -webkit-transform: translate3d(825px, 555px, 1554px);
          transform: translate3d(825px, 555px, 1554px);
}

.bubble:nth-child(159) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -143.1s;
          animation-delay: -143.1s;
  -webkit-transform: translate3d(964px, 917px, 1443px);
          transform: translate3d(964px, 917px, 1443px);
}

.bubble:nth-child(160) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -144s;
          animation-delay: -144s;
  -webkit-transform: translate3d(231px, 777px, 1619px);
          transform: translate3d(231px, 777px, 1619px);
}

.bubble:nth-child(161) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -144.9s;
          animation-delay: -144.9s;
  -webkit-transform: translate3d(516px, 801px, 883px);
          transform: translate3d(516px, 801px, 883px);
}

.bubble:nth-child(162) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -145.8s;
          animation-delay: -145.8s;
  -webkit-transform: translate3d(88px, 485px, 1227px);
          transform: translate3d(88px, 485px, 1227px);
}

.bubble:nth-child(163) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -146.7s;
          animation-delay: -146.7s;
  -webkit-transform: translate3d(628px, 304px, 1429px);
          transform: translate3d(628px, 304px, 1429px);
}

.bubble:nth-child(164) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -147.6s;
          animation-delay: -147.6s;
  -webkit-transform: translate3d(638px, 795px, 1801px);
          transform: translate3d(638px, 795px, 1801px);
}

.bubble:nth-child(165) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -148.5s;
          animation-delay: -148.5s;
  -webkit-transform: translate3d(935px, 433px, 1992px);
          transform: translate3d(935px, 433px, 1992px);
}

.bubble:nth-child(166) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -149.4s;
          animation-delay: -149.4s;
  -webkit-transform: translate3d(411px, 905px, 489px);
          transform: translate3d(411px, 905px, 489px);
}

.bubble:nth-child(167) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -150.3s;
          animation-delay: -150.3s;
  -webkit-transform: translate3d(179px, 942px, 1880px);
          transform: translate3d(179px, 942px, 1880px);
}

.bubble:nth-child(168) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -151.2s;
          animation-delay: -151.2s;
  -webkit-transform: translate3d(488px, 132px, 1112px);
          transform: translate3d(488px, 132px, 1112px);
}

.bubble:nth-child(169) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -152.1s;
          animation-delay: -152.1s;
  -webkit-transform: translate3d(406px, 610px, 450px);
          transform: translate3d(406px, 610px, 450px);
}

.bubble:nth-child(170) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -153s;
          animation-delay: -153s;
  -webkit-transform: translate3d(47px, 398px, 1359px);
          transform: translate3d(47px, 398px, 1359px);
}

.bubble:nth-child(171) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -153.9s;
          animation-delay: -153.9s;
  -webkit-transform: translate3d(247px, 628px, 1448px);
          transform: translate3d(247px, 628px, 1448px);
}

.bubble:nth-child(172) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -154.8s;
          animation-delay: -154.8s;
  -webkit-transform: translate3d(166px, 384px, 1915px);
          transform: translate3d(166px, 384px, 1915px);
}

.bubble:nth-child(173) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -155.7s;
          animation-delay: -155.7s;
  -webkit-transform: translate3d(451px, 629px, 516px);
          transform: translate3d(451px, 629px, 516px);
}

.bubble:nth-child(174) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -156.6s;
          animation-delay: -156.6s;
  -webkit-transform: translate3d(318px, 767px, 1215px);
          transform: translate3d(318px, 767px, 1215px);
}

.bubble:nth-child(175) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -157.5s;
          animation-delay: -157.5s;
  -webkit-transform: translate3d(75px, 178px, 387px);
          transform: translate3d(75px, 178px, 387px);
}

.bubble:nth-child(176) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -158.4s;
          animation-delay: -158.4s;
  -webkit-transform: translate3d(594px, 620px, 1755px);
          transform: translate3d(594px, 620px, 1755px);
}

.bubble:nth-child(177) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -159.3s;
          animation-delay: -159.3s;
  -webkit-transform: translate3d(167px, 733px, 1165px);
          transform: translate3d(167px, 733px, 1165px);
}

.bubble:nth-child(178) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -160.2s;
          animation-delay: -160.2s;
  -webkit-transform: translate3d(798px, 151px, 184px);
          transform: translate3d(798px, 151px, 184px);
}

.bubble:nth-child(179) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -161.1s;
          animation-delay: -161.1s;
  -webkit-transform: translate3d(725px, 914px, 1171px);
          transform: translate3d(725px, 914px, 1171px);
}

.bubble:nth-child(180) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -162s;
          animation-delay: -162s;
  -webkit-transform: translate3d(913px, 846px, 1507px);
          transform: translate3d(913px, 846px, 1507px);
}

.bubble:nth-child(181) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -162.9s;
          animation-delay: -162.9s;
  -webkit-transform: translate3d(101px, 859px, 355px);
          transform: translate3d(101px, 859px, 355px);
}

.bubble:nth-child(182) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -163.8s;
          animation-delay: -163.8s;
  -webkit-transform: translate3d(748px, 706px, 54px);
          transform: translate3d(748px, 706px, 54px);
}

.bubble:nth-child(183) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -164.7s;
          animation-delay: -164.7s;
  -webkit-transform: translate3d(365px, 567px, 1082px);
          transform: translate3d(365px, 567px, 1082px);
}

.bubble:nth-child(184) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -165.6s;
          animation-delay: -165.6s;
  -webkit-transform: translate3d(981px, 222px, 10px);
          transform: translate3d(981px, 222px, 10px);
}

.bubble:nth-child(185) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -166.5s;
          animation-delay: -166.5s;
  -webkit-transform: translate3d(48px, 929px, 976px);
          transform: translate3d(48px, 929px, 976px);
}

.bubble:nth-child(186) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -167.4s;
          animation-delay: -167.4s;
  -webkit-transform: translate3d(285px, 64px, 1679px);
          transform: translate3d(285px, 64px, 1679px);
}

.bubble:nth-child(187) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -168.3s;
          animation-delay: -168.3s;
  -webkit-transform: translate3d(540px, 831px, 1075px);
          transform: translate3d(540px, 831px, 1075px);
}

.bubble:nth-child(188) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -169.2s;
          animation-delay: -169.2s;
  -webkit-transform: translate3d(383px, 821px, 1358px);
          transform: translate3d(383px, 821px, 1358px);
}

.bubble:nth-child(189) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -170.1s;
          animation-delay: -170.1s;
  -webkit-transform: translate3d(535px, 698px, 848px);
          transform: translate3d(535px, 698px, 848px);
}

.bubble:nth-child(190) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -171s;
          animation-delay: -171s;
  -webkit-transform: translate3d(260px, 596px, 419px);
          transform: translate3d(260px, 596px, 419px);
}

.bubble:nth-child(191) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -171.9s;
          animation-delay: -171.9s;
  -webkit-transform: translate3d(230px, 745px, 1126px);
          transform: translate3d(230px, 745px, 1126px);
}

.bubble:nth-child(192) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -172.8s;
          animation-delay: -172.8s;
  -webkit-transform: translate3d(528px, 419px, 201px);
          transform: translate3d(528px, 419px, 201px);
}

.bubble:nth-child(193) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -173.7s;
          animation-delay: -173.7s;
  -webkit-transform: translate3d(781px, 713px, 1466px);
          transform: translate3d(781px, 713px, 1466px);
}

.bubble:nth-child(194) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -174.6s;
          animation-delay: -174.6s;
  -webkit-transform: translate3d(227px, 487px, 1683px);
          transform: translate3d(227px, 487px, 1683px);
}

.bubble:nth-child(195) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -175.5s;
          animation-delay: -175.5s;
  -webkit-transform: translate3d(675px, 925px, 288px);
          transform: translate3d(675px, 925px, 288px);
}

.bubble:nth-child(196) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -176.4s;
          animation-delay: -176.4s;
  -webkit-transform: translate3d(599px, 435px, 1154px);
          transform: translate3d(599px, 435px, 1154px);
}

.bubble:nth-child(197) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -177.3s;
          animation-delay: -177.3s;
  -webkit-transform: translate3d(984px, 22px, 1367px);
          transform: translate3d(984px, 22px, 1367px);
}

.bubble:nth-child(198) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -178.2s;
          animation-delay: -178.2s;
  -webkit-transform: translate3d(920px, 334px, 476px);
          transform: translate3d(920px, 334px, 476px);
}

.bubble:nth-child(199) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -179.1s;
          animation-delay: -179.1s;
  -webkit-transform: translate3d(426px, 261px, 1329px);
          transform: translate3d(426px, 261px, 1329px);
}

.bubble:nth-child(200) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -180s;
          animation-delay: -180s;
  -webkit-transform: translate3d(984px, 104px, 1117px);
          transform: translate3d(984px, 104px, 1117px);
}

.bubble:nth-child(201) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -180.9s;
          animation-delay: -180.9s;
  -webkit-transform: translate3d(205px, 871px, 1528px);
          transform: translate3d(205px, 871px, 1528px);
}

.bubble:nth-child(202) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -181.8s;
          animation-delay: -181.8s;
  -webkit-transform: translate3d(350px, 883px, 183px);
          transform: translate3d(350px, 883px, 183px);
}

.bubble:nth-child(203) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -182.7s;
          animation-delay: -182.7s;
  -webkit-transform: translate3d(723px, 370px, 799px);
          transform: translate3d(723px, 370px, 799px);
}

.bubble:nth-child(204) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -183.6s;
          animation-delay: -183.6s;
  -webkit-transform: translate3d(694px, 938px, 1320px);
          transform: translate3d(694px, 938px, 1320px);
}

.bubble:nth-child(205) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -184.5s;
          animation-delay: -184.5s;
  -webkit-transform: translate3d(901px, 635px, 1064px);
          transform: translate3d(901px, 635px, 1064px);
}

.bubble:nth-child(206) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -185.4s;
          animation-delay: -185.4s;
  -webkit-transform: translate3d(452px, 26px, 1034px);
          transform: translate3d(452px, 26px, 1034px);
}

.bubble:nth-child(207) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -186.3s;
          animation-delay: -186.3s;
  -webkit-transform: translate3d(530px, 772px, 1756px);
          transform: translate3d(530px, 772px, 1756px);
}

.bubble:nth-child(208) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -187.2s;
          animation-delay: -187.2s;
  -webkit-transform: translate3d(716px, 158px, 1541px);
          transform: translate3d(716px, 158px, 1541px);
}

.bubble:nth-child(209) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -188.1s;
          animation-delay: -188.1s;
  -webkit-transform: translate3d(846px, 389px, 444px);
          transform: translate3d(846px, 389px, 444px);
}

.bubble:nth-child(210) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -189s;
          animation-delay: -189s;
  -webkit-transform: translate3d(558px, 18px, 555px);
          transform: translate3d(558px, 18px, 555px);
}

.bubble:nth-child(211) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -189.9s;
          animation-delay: -189.9s;
  -webkit-transform: translate3d(737px, 621px, 609px);
          transform: translate3d(737px, 621px, 609px);
}

.bubble:nth-child(212) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -190.8s;
          animation-delay: -190.8s;
  -webkit-transform: translate3d(329px, 978px, 761px);
          transform: translate3d(329px, 978px, 761px);
}

.bubble:nth-child(213) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -191.7s;
          animation-delay: -191.7s;
  -webkit-transform: translate3d(60px, 704px, 1988px);
          transform: translate3d(60px, 704px, 1988px);
}

.bubble:nth-child(214) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -192.6s;
          animation-delay: -192.6s;
  -webkit-transform: translate3d(766px, 228px, 295px);
          transform: translate3d(766px, 228px, 295px);
}

.bubble:nth-child(215) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -193.5s;
          animation-delay: -193.5s;
  -webkit-transform: translate3d(207px, 508px, 1064px);
          transform: translate3d(207px, 508px, 1064px);
}

.bubble:nth-child(216) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -194.4s;
          animation-delay: -194.4s;
  -webkit-transform: translate3d(882px, 781px, 1520px);
          transform: translate3d(882px, 781px, 1520px);
}

.bubble:nth-child(217) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -195.3s;
          animation-delay: -195.3s;
  -webkit-transform: translate3d(933px, 976px, 876px);
          transform: translate3d(933px, 976px, 876px);
}

.bubble:nth-child(218) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -196.2s;
          animation-delay: -196.2s;
  -webkit-transform: translate3d(621px, 178px, 495px);
          transform: translate3d(621px, 178px, 495px);
}

.bubble:nth-child(219) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -197.1s;
          animation-delay: -197.1s;
  -webkit-transform: translate3d(285px, 234px, 616px);
          transform: translate3d(285px, 234px, 616px);
}

.bubble:nth-child(220) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -198s;
          animation-delay: -198s;
  -webkit-transform: translate3d(851px, 362px, 1042px);
          transform: translate3d(851px, 362px, 1042px);
}

.bubble:nth-child(221) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -198.9s;
          animation-delay: -198.9s;
  -webkit-transform: translate3d(149px, 444px, 1105px);
          transform: translate3d(149px, 444px, 1105px);
}

.bubble:nth-child(222) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -199.8s;
          animation-delay: -199.8s;
  -webkit-transform: translate3d(224px, 550px, 1824px);
          transform: translate3d(224px, 550px, 1824px);
}

.bubble:nth-child(223) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -200.7s;
          animation-delay: -200.7s;
  -webkit-transform: translate3d(565px, 173px, 1414px);
          transform: translate3d(565px, 173px, 1414px);
}

.bubble:nth-child(224) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -201.6s;
          animation-delay: -201.6s;
  -webkit-transform: translate3d(681px, 263px, 1778px);
          transform: translate3d(681px, 263px, 1778px);
}

.bubble:nth-child(225) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -202.5s;
          animation-delay: -202.5s;
  -webkit-transform: translate3d(272px, 272px, 862px);
          transform: translate3d(272px, 272px, 862px);
}

.bubble:nth-child(226) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -203.4s;
          animation-delay: -203.4s;
  -webkit-transform: translate3d(579px, 309px, 617px);
          transform: translate3d(579px, 309px, 617px);
}

.bubble:nth-child(227) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -204.3s;
          animation-delay: -204.3s;
  -webkit-transform: translate3d(573px, 323px, 1451px);
          transform: translate3d(573px, 323px, 1451px);
}

.bubble:nth-child(228) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -205.2s;
          animation-delay: -205.2s;
  -webkit-transform: translate3d(997px, 200px, 443px);
          transform: translate3d(997px, 200px, 443px);
}

.bubble:nth-child(229) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -206.1s;
          animation-delay: -206.1s;
  -webkit-transform: translate3d(597px, 453px, 1808px);
          transform: translate3d(597px, 453px, 1808px);
}

.bubble:nth-child(230) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -207s;
          animation-delay: -207s;
  -webkit-transform: translate3d(537px, 74px, 533px);
          transform: translate3d(537px, 74px, 533px);
}

.bubble:nth-child(231) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -207.9s;
          animation-delay: -207.9s;
  -webkit-transform: translate3d(839px, 710px, 734px);
          transform: translate3d(839px, 710px, 734px);
}

.bubble:nth-child(232) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -208.8s;
          animation-delay: -208.8s;
  -webkit-transform: translate3d(312px, 234px, 1017px);
          transform: translate3d(312px, 234px, 1017px);
}

.bubble:nth-child(233) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -209.7s;
          animation-delay: -209.7s;
  -webkit-transform: translate3d(380px, 719px, 622px);
          transform: translate3d(380px, 719px, 622px);
}

.bubble:nth-child(234) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -210.6s;
          animation-delay: -210.6s;
  -webkit-transform: translate3d(132px, 780px, 1064px);
          transform: translate3d(132px, 780px, 1064px);
}

.bubble:nth-child(235) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -211.5s;
          animation-delay: -211.5s;
  -webkit-transform: translate3d(520px, 542px, 1015px);
          transform: translate3d(520px, 542px, 1015px);
}

.bubble:nth-child(236) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -212.4s;
          animation-delay: -212.4s;
  -webkit-transform: translate3d(294px, 29px, 1800px);
          transform: translate3d(294px, 29px, 1800px);
}

.bubble:nth-child(237) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -213.3s;
          animation-delay: -213.3s;
  -webkit-transform: translate3d(375px, 72px, 1632px);
          transform: translate3d(375px, 72px, 1632px);
}

.bubble:nth-child(238) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -214.2s;
          animation-delay: -214.2s;
  -webkit-transform: translate3d(387px, 477px, 1335px);
          transform: translate3d(387px, 477px, 1335px);
}

.bubble:nth-child(239) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -215.1s;
          animation-delay: -215.1s;
  -webkit-transform: translate3d(328px, 858px, 1247px);
          transform: translate3d(328px, 858px, 1247px);
}

.bubble:nth-child(240) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -216s;
          animation-delay: -216s;
  -webkit-transform: translate3d(829px, 993px, 1849px);
          transform: translate3d(829px, 993px, 1849px);
}

.bubble:nth-child(241) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -216.9s;
          animation-delay: -216.9s;
  -webkit-transform: translate3d(423px, 403px, 844px);
          transform: translate3d(423px, 403px, 844px);
}

.bubble:nth-child(242) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -217.8s;
          animation-delay: -217.8s;
  -webkit-transform: translate3d(276px, 769px, 519px);
          transform: translate3d(276px, 769px, 519px);
}

.bubble:nth-child(243) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -218.7s;
          animation-delay: -218.7s;
  -webkit-transform: translate3d(481px, 859px, 559px);
          transform: translate3d(481px, 859px, 559px);
}

.bubble:nth-child(244) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -219.6s;
          animation-delay: -219.6s;
  -webkit-transform: translate3d(205px, 800px, 1014px);
          transform: translate3d(205px, 800px, 1014px);
}

.bubble:nth-child(245) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -220.5s;
          animation-delay: -220.5s;
  -webkit-transform: translate3d(959px, 706px, 1993px);
          transform: translate3d(959px, 706px, 1993px);
}

.bubble:nth-child(246) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -221.4s;
          animation-delay: -221.4s;
  -webkit-transform: translate3d(15px, 803px, 953px);
          transform: translate3d(15px, 803px, 953px);
}

.bubble:nth-child(247) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -222.3s;
          animation-delay: -222.3s;
  -webkit-transform: translate3d(561px, 426px, 130px);
          transform: translate3d(561px, 426px, 130px);
}

.bubble:nth-child(248) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -223.2s;
          animation-delay: -223.2s;
  -webkit-transform: translate3d(9px, 678px, 268px);
          transform: translate3d(9px, 678px, 268px);
}

.bubble:nth-child(249) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -224.1s;
          animation-delay: -224.1s;
  -webkit-transform: translate3d(696px, 249px, 1688px);
          transform: translate3d(696px, 249px, 1688px);
}

.bubble:nth-child(250) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -225s;
          animation-delay: -225s;
  -webkit-transform: translate3d(983px, 355px, 141px);
          transform: translate3d(983px, 355px, 141px);
}

.bubble:nth-child(251) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -225.9s;
          animation-delay: -225.9s;
  -webkit-transform: translate3d(822px, 628px, 1812px);
          transform: translate3d(822px, 628px, 1812px);
}

.bubble:nth-child(252) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -226.8s;
          animation-delay: -226.8s;
  -webkit-transform: translate3d(761px, 926px, 820px);
          transform: translate3d(761px, 926px, 820px);
}

.bubble:nth-child(253) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -227.7s;
          animation-delay: -227.7s;
  -webkit-transform: translate3d(23px, 267px, 1446px);
          transform: translate3d(23px, 267px, 1446px);
}

.bubble:nth-child(254) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -228.6s;
          animation-delay: -228.6s;
  -webkit-transform: translate3d(30px, 601px, 1728px);
          transform: translate3d(30px, 601px, 1728px);
}

.bubble:nth-child(255) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -229.5s;
          animation-delay: -229.5s;
  -webkit-transform: translate3d(527px, 977px, 673px);
          transform: translate3d(527px, 977px, 673px);
}

.bubble:nth-child(256) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -230.4s;
          animation-delay: -230.4s;
  -webkit-transform: translate3d(798px, 864px, 1189px);
          transform: translate3d(798px, 864px, 1189px);
}

.bubble:nth-child(257) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -231.3s;
          animation-delay: -231.3s;
  -webkit-transform: translate3d(286px, 772px, 1061px);
          transform: translate3d(286px, 772px, 1061px);
}

.bubble:nth-child(258) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -232.2s;
          animation-delay: -232.2s;
  -webkit-transform: translate3d(391px, 428px, 280px);
          transform: translate3d(391px, 428px, 280px);
}

.bubble:nth-child(259) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -233.1s;
          animation-delay: -233.1s;
  -webkit-transform: translate3d(163px, 206px, 171px);
          transform: translate3d(163px, 206px, 171px);
}

.bubble:nth-child(260) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -234s;
          animation-delay: -234s;
  -webkit-transform: translate3d(48px, 362px, 1460px);
          transform: translate3d(48px, 362px, 1460px);
}

.bubble:nth-child(261) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -234.9s;
          animation-delay: -234.9s;
  -webkit-transform: translate3d(502px, 554px, 1172px);
          transform: translate3d(502px, 554px, 1172px);
}

.bubble:nth-child(262) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -235.8s;
          animation-delay: -235.8s;
  -webkit-transform: translate3d(661px, 574px, 936px);
          transform: translate3d(661px, 574px, 936px);
}

.bubble:nth-child(263) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -236.7s;
          animation-delay: -236.7s;
  -webkit-transform: translate3d(543px, 976px, 234px);
          transform: translate3d(543px, 976px, 234px);
}

.bubble:nth-child(264) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -237.6s;
          animation-delay: -237.6s;
  -webkit-transform: translate3d(951px, 92px, 977px);
          transform: translate3d(951px, 92px, 977px);
}

.bubble:nth-child(265) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -238.5s;
          animation-delay: -238.5s;
  -webkit-transform: translate3d(578px, 936px, 1198px);
          transform: translate3d(578px, 936px, 1198px);
}

.bubble:nth-child(266) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -239.4s;
          animation-delay: -239.4s;
  -webkit-transform: translate3d(753px, 40px, 239px);
          transform: translate3d(753px, 40px, 239px);
}

.bubble:nth-child(267) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -240.3s;
          animation-delay: -240.3s;
  -webkit-transform: translate3d(872px, 168px, 898px);
          transform: translate3d(872px, 168px, 898px);
}

.bubble:nth-child(268) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -241.2s;
          animation-delay: -241.2s;
  -webkit-transform: translate3d(646px, 788px, 572px);
          transform: translate3d(646px, 788px, 572px);
}

.bubble:nth-child(269) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -242.1s;
          animation-delay: -242.1s;
  -webkit-transform: translate3d(688px, 585px, 1297px);
          transform: translate3d(688px, 585px, 1297px);
}

.bubble:nth-child(270) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -243s;
          animation-delay: -243s;
  -webkit-transform: translate3d(509px, 701px, 919px);
          transform: translate3d(509px, 701px, 919px);
}

.bubble:nth-child(271) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -243.9s;
          animation-delay: -243.9s;
  -webkit-transform: translate3d(732px, 580px, 1464px);
          transform: translate3d(732px, 580px, 1464px);
}

.bubble:nth-child(272) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -244.8s;
          animation-delay: -244.8s;
  -webkit-transform: translate3d(341px, 958px, 1599px);
          transform: translate3d(341px, 958px, 1599px);
}

.bubble:nth-child(273) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -245.7s;
          animation-delay: -245.7s;
  -webkit-transform: translate3d(92px, 572px, 949px);
          transform: translate3d(92px, 572px, 949px);
}

.bubble:nth-child(274) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -246.6s;
          animation-delay: -246.6s;
  -webkit-transform: translate3d(842px, 824px, 1144px);
          transform: translate3d(842px, 824px, 1144px);
}

.bubble:nth-child(275) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -247.5s;
          animation-delay: -247.5s;
  -webkit-transform: translate3d(220px, 465px, 475px);
          transform: translate3d(220px, 465px, 475px);
}

.bubble:nth-child(276) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -248.4s;
          animation-delay: -248.4s;
  -webkit-transform: translate3d(392px, 420px, 1487px);
          transform: translate3d(392px, 420px, 1487px);
}

.bubble:nth-child(277) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -249.3s;
          animation-delay: -249.3s;
  -webkit-transform: translate3d(554px, 259px, 415px);
          transform: translate3d(554px, 259px, 415px);
}

.bubble:nth-child(278) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -250.2s;
          animation-delay: -250.2s;
  -webkit-transform: translate3d(986px, 664px, 1460px);
          transform: translate3d(986px, 664px, 1460px);
}

.bubble:nth-child(279) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -251.1s;
          animation-delay: -251.1s;
  -webkit-transform: translate3d(414px, 5px, 1452px);
          transform: translate3d(414px, 5px, 1452px);
}

.bubble:nth-child(280) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -252s;
          animation-delay: -252s;
  -webkit-transform: translate3d(557px, 66px, 1489px);
          transform: translate3d(557px, 66px, 1489px);
}

.bubble:nth-child(281) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -252.9s;
          animation-delay: -252.9s;
  -webkit-transform: translate3d(213px, 380px, 1869px);
          transform: translate3d(213px, 380px, 1869px);
}

.bubble:nth-child(282) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -253.8s;
          animation-delay: -253.8s;
  -webkit-transform: translate3d(468px, 771px, 1543px);
          transform: translate3d(468px, 771px, 1543px);
}

.bubble:nth-child(283) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -254.7s;
          animation-delay: -254.7s;
  -webkit-transform: translate3d(887px, 227px, 258px);
          transform: translate3d(887px, 227px, 258px);
}

.bubble:nth-child(284) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -255.6s;
          animation-delay: -255.6s;
  -webkit-transform: translate3d(87px, 437px, 1222px);
          transform: translate3d(87px, 437px, 1222px);
}

.bubble:nth-child(285) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -256.5s;
          animation-delay: -256.5s;
  -webkit-transform: translate3d(460px, 189px, 1786px);
          transform: translate3d(460px, 189px, 1786px);
}

.bubble:nth-child(286) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -257.4s;
          animation-delay: -257.4s;
  -webkit-transform: translate3d(545px, 1px, 1638px);
          transform: translate3d(545px, 1px, 1638px);
}

.bubble:nth-child(287) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -258.3s;
          animation-delay: -258.3s;
  -webkit-transform: translate3d(413px, 827px, 1504px);
          transform: translate3d(413px, 827px, 1504px);
}

.bubble:nth-child(288) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -259.2s;
          animation-delay: -259.2s;
  -webkit-transform: translate3d(654px, 513px, 205px);
          transform: translate3d(654px, 513px, 205px);
}

.bubble:nth-child(289) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -260.1s;
          animation-delay: -260.1s;
  -webkit-transform: translate3d(618px, 976px, 1160px);
          transform: translate3d(618px, 976px, 1160px);
}

.bubble:nth-child(290) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -261s;
          animation-delay: -261s;
  -webkit-transform: translate3d(201px, 424px, 1276px);
          transform: translate3d(201px, 424px, 1276px);
}

.bubble:nth-child(291) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -261.9s;
          animation-delay: -261.9s;
  -webkit-transform: translate3d(433px, 826px, 1371px);
          transform: translate3d(433px, 826px, 1371px);
}

.bubble:nth-child(292) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -262.8s;
          animation-delay: -262.8s;
  -webkit-transform: translate3d(715px, 851px, 1241px);
          transform: translate3d(715px, 851px, 1241px);
}

.bubble:nth-child(293) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -263.7s;
          animation-delay: -263.7s;
  -webkit-transform: translate3d(4px, 262px, 700px);
          transform: translate3d(4px, 262px, 700px);
}

.bubble:nth-child(294) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -264.6s;
          animation-delay: -264.6s;
  -webkit-transform: translate3d(270px, 609px, 1335px);
          transform: translate3d(270px, 609px, 1335px);
}

.bubble:nth-child(295) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -265.5s;
          animation-delay: -265.5s;
  -webkit-transform: translate3d(965px, 260px, 356px);
          transform: translate3d(965px, 260px, 356px);
}

.bubble:nth-child(296) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -266.4s;
          animation-delay: -266.4s;
  -webkit-transform: translate3d(595px, 669px, 368px);
          transform: translate3d(595px, 669px, 368px);
}

.bubble:nth-child(297) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -267.3s;
          animation-delay: -267.3s;
  -webkit-transform: translate3d(730px, 686px, 1301px);
          transform: translate3d(730px, 686px, 1301px);
}

.bubble:nth-child(298) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -268.2s;
          animation-delay: -268.2s;
  -webkit-transform: translate3d(456px, 441px, 1278px);
          transform: translate3d(456px, 441px, 1278px);
}

.bubble:nth-child(299) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -269.1s;
          animation-delay: -269.1s;
  -webkit-transform: translate3d(363px, 836px, 684px);
          transform: translate3d(363px, 836px, 684px);
}

.bubble:nth-child(300) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -270s;
          animation-delay: -270s;
  -webkit-transform: translate3d(998px, 175px, 1012px);
          transform: translate3d(998px, 175px, 1012px);
}

.bubble:nth-child(301) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -270.9s;
          animation-delay: -270.9s;
  -webkit-transform: translate3d(35px, 263px, 1007px);
          transform: translate3d(35px, 263px, 1007px);
}

.bubble:nth-child(302) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -271.8s;
          animation-delay: -271.8s;
  -webkit-transform: translate3d(67px, 167px, 1995px);
          transform: translate3d(67px, 167px, 1995px);
}

.bubble:nth-child(303) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -272.7s;
          animation-delay: -272.7s;
  -webkit-transform: translate3d(185px, 175px, 1351px);
          transform: translate3d(185px, 175px, 1351px);
}

.bubble:nth-child(304) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -273.6s;
          animation-delay: -273.6s;
  -webkit-transform: translate3d(193px, 787px, 473px);
          transform: translate3d(193px, 787px, 473px);
}

.bubble:nth-child(305) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -274.5s;
          animation-delay: -274.5s;
  -webkit-transform: translate3d(143px, 138px, 1921px);
          transform: translate3d(143px, 138px, 1921px);
}

.bubble:nth-child(306) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -275.4s;
          animation-delay: -275.4s;
  -webkit-transform: translate3d(107px, 471px, 828px);
          transform: translate3d(107px, 471px, 828px);
}

.bubble:nth-child(307) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -276.3s;
          animation-delay: -276.3s;
  -webkit-transform: translate3d(842px, 21px, 1376px);
          transform: translate3d(842px, 21px, 1376px);
}

.bubble:nth-child(308) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -277.2s;
          animation-delay: -277.2s;
  -webkit-transform: translate3d(999px, 298px, 1650px);
          transform: translate3d(999px, 298px, 1650px);
}

.bubble:nth-child(309) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -278.1s;
          animation-delay: -278.1s;
  -webkit-transform: translate3d(828px, 177px, 433px);
          transform: translate3d(828px, 177px, 433px);
}

.bubble:nth-child(310) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -279s;
          animation-delay: -279s;
  -webkit-transform: translate3d(695px, 103px, 106px);
          transform: translate3d(695px, 103px, 106px);
}

.bubble:nth-child(311) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -279.9s;
          animation-delay: -279.9s;
  -webkit-transform: translate3d(170px, 41px, 1829px);
          transform: translate3d(170px, 41px, 1829px);
}

.bubble:nth-child(312) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -280.8s;
          animation-delay: -280.8s;
  -webkit-transform: translate3d(281px, 406px, 1648px);
          transform: translate3d(281px, 406px, 1648px);
}

.bubble:nth-child(313) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -281.7s;
          animation-delay: -281.7s;
  -webkit-transform: translate3d(24px, 944px, 126px);
          transform: translate3d(24px, 944px, 126px);
}

.bubble:nth-child(314) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -282.6s;
          animation-delay: -282.6s;
  -webkit-transform: translate3d(794px, 149px, 1266px);
          transform: translate3d(794px, 149px, 1266px);
}

.bubble:nth-child(315) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -283.5s;
          animation-delay: -283.5s;
  -webkit-transform: translate3d(362px, 299px, 937px);
          transform: translate3d(362px, 299px, 937px);
}

.bubble:nth-child(316) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -284.4s;
          animation-delay: -284.4s;
  -webkit-transform: translate3d(111px, 482px, 315px);
          transform: translate3d(111px, 482px, 315px);
}

.bubble:nth-child(317) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -285.3s;
          animation-delay: -285.3s;
  -webkit-transform: translate3d(989px, 485px, 1351px);
          transform: translate3d(989px, 485px, 1351px);
}

.bubble:nth-child(318) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -286.2s;
          animation-delay: -286.2s;
  -webkit-transform: translate3d(738px, 567px, 110px);
          transform: translate3d(738px, 567px, 110px);
}

.bubble:nth-child(319) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -287.1s;
          animation-delay: -287.1s;
  -webkit-transform: translate3d(851px, 832px, 1739px);
          transform: translate3d(851px, 832px, 1739px);
}

.bubble:nth-child(320) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -288s;
          animation-delay: -288s;
  -webkit-transform: translate3d(185px, 940px, 185px);
          transform: translate3d(185px, 940px, 185px);
}

.bubble:nth-child(321) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -288.9s;
          animation-delay: -288.9s;
  -webkit-transform: translate3d(741px, 809px, 1423px);
          transform: translate3d(741px, 809px, 1423px);
}

.bubble:nth-child(322) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -289.8s;
          animation-delay: -289.8s;
  -webkit-transform: translate3d(430px, 42px, 1618px);
          transform: translate3d(430px, 42px, 1618px);
}

.bubble:nth-child(323) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -290.7s;
          animation-delay: -290.7s;
  -webkit-transform: translate3d(155px, 741px, 474px);
          transform: translate3d(155px, 741px, 474px);
}

.bubble:nth-child(324) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -291.6s;
          animation-delay: -291.6s;
  -webkit-transform: translate3d(528px, 557px, 1412px);
          transform: translate3d(528px, 557px, 1412px);
}

.bubble:nth-child(325) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -292.5s;
          animation-delay: -292.5s;
  -webkit-transform: translate3d(460px, 697px, 625px);
          transform: translate3d(460px, 697px, 625px);
}

.bubble:nth-child(326) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -293.4s;
          animation-delay: -293.4s;
  -webkit-transform: translate3d(267px, 611px, 1051px);
          transform: translate3d(267px, 611px, 1051px);
}

.bubble:nth-child(327) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -294.3s;
          animation-delay: -294.3s;
  -webkit-transform: translate3d(87px, 158px, 670px);
          transform: translate3d(87px, 158px, 670px);
}

.bubble:nth-child(328) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -295.2s;
          animation-delay: -295.2s;
  -webkit-transform: translate3d(552px, 294px, 1869px);
          transform: translate3d(552px, 294px, 1869px);
}

.bubble:nth-child(329) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -296.1s;
          animation-delay: -296.1s;
  -webkit-transform: translate3d(806px, 958px, 637px);
          transform: translate3d(806px, 958px, 637px);
}

.bubble:nth-child(330) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -297s;
          animation-delay: -297s;
  -webkit-transform: translate3d(934px, 864px, 1635px);
          transform: translate3d(934px, 864px, 1635px);
}

.bubble:nth-child(331) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -297.9s;
          animation-delay: -297.9s;
  -webkit-transform: translate3d(629px, 28px, 405px);
          transform: translate3d(629px, 28px, 405px);
}

.bubble:nth-child(332) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -298.8s;
          animation-delay: -298.8s;
  -webkit-transform: translate3d(781px, 595px, 1186px);
          transform: translate3d(781px, 595px, 1186px);
}

.bubble:nth-child(333) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -299.7s;
          animation-delay: -299.7s;
  -webkit-transform: translate3d(310px, 567px, 1420px);
          transform: translate3d(310px, 567px, 1420px);
}

.bubble:nth-child(334) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -300.6s;
          animation-delay: -300.6s;
  -webkit-transform: translate3d(315px, 447px, 481px);
          transform: translate3d(315px, 447px, 481px);
}

.bubble:nth-child(335) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -301.5s;
          animation-delay: -301.5s;
  -webkit-transform: translate3d(787px, 334px, 857px);
          transform: translate3d(787px, 334px, 857px);
}

.bubble:nth-child(336) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -302.4s;
          animation-delay: -302.4s;
  -webkit-transform: translate3d(845px, 11px, 613px);
          transform: translate3d(845px, 11px, 613px);
}

.bubble:nth-child(337) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -303.3s;
          animation-delay: -303.3s;
  -webkit-transform: translate3d(419px, 216px, 367px);
          transform: translate3d(419px, 216px, 367px);
}

.bubble:nth-child(338) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -304.2s;
          animation-delay: -304.2s;
  -webkit-transform: translate3d(720px, 868px, 1805px);
          transform: translate3d(720px, 868px, 1805px);
}

.bubble:nth-child(339) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -305.1s;
          animation-delay: -305.1s;
  -webkit-transform: translate3d(80px, 533px, 1327px);
          transform: translate3d(80px, 533px, 1327px);
}

.bubble:nth-child(340) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -306s;
          animation-delay: -306s;
  -webkit-transform: translate3d(235px, 665px, 24px);
          transform: translate3d(235px, 665px, 24px);
}

.bubble:nth-child(341) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -306.9s;
          animation-delay: -306.9s;
  -webkit-transform: translate3d(593px, 283px, 1673px);
          transform: translate3d(593px, 283px, 1673px);
}

.bubble:nth-child(342) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -307.8s;
          animation-delay: -307.8s;
  -webkit-transform: translate3d(737px, 126px, 1008px);
          transform: translate3d(737px, 126px, 1008px);
}

.bubble:nth-child(343) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -308.7s;
          animation-delay: -308.7s;
  -webkit-transform: translate3d(413px, 447px, 1068px);
          transform: translate3d(413px, 447px, 1068px);
}

.bubble:nth-child(344) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -309.6s;
          animation-delay: -309.6s;
  -webkit-transform: translate3d(271px, 317px, 1948px);
          transform: translate3d(271px, 317px, 1948px);
}

.bubble:nth-child(345) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -310.5s;
          animation-delay: -310.5s;
  -webkit-transform: translate3d(725px, 99px, 571px);
          transform: translate3d(725px, 99px, 571px);
}

.bubble:nth-child(346) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -311.4s;
          animation-delay: -311.4s;
  -webkit-transform: translate3d(388px, 32px, 547px);
          transform: translate3d(388px, 32px, 547px);
}

.bubble:nth-child(347) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -312.3s;
          animation-delay: -312.3s;
  -webkit-transform: translate3d(581px, 739px, 1323px);
          transform: translate3d(581px, 739px, 1323px);
}

.bubble:nth-child(348) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -313.2s;
          animation-delay: -313.2s;
  -webkit-transform: translate3d(987px, 80px, 44px);
          transform: translate3d(987px, 80px, 44px);
}

.bubble:nth-child(349) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -314.1s;
          animation-delay: -314.1s;
  -webkit-transform: translate3d(210px, 728px, 434px);
          transform: translate3d(210px, 728px, 434px);
}

.bubble:nth-child(350) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -315s;
          animation-delay: -315s;
  -webkit-transform: translate3d(123px, 136px, 1709px);
          transform: translate3d(123px, 136px, 1709px);
}

.bubble:nth-child(351) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -315.9s;
          animation-delay: -315.9s;
  -webkit-transform: translate3d(930px, 345px, 1161px);
          transform: translate3d(930px, 345px, 1161px);
}

.bubble:nth-child(352) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -316.8s;
          animation-delay: -316.8s;
  -webkit-transform: translate3d(1000px, 598px, 587px);
          transform: translate3d(1000px, 598px, 587px);
}

.bubble:nth-child(353) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -317.7s;
          animation-delay: -317.7s;
  -webkit-transform: translate3d(583px, 25px, 1224px);
          transform: translate3d(583px, 25px, 1224px);
}

.bubble:nth-child(354) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -318.6s;
          animation-delay: -318.6s;
  -webkit-transform: translate3d(411px, 257px, 576px);
          transform: translate3d(411px, 257px, 576px);
}

.bubble:nth-child(355) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -319.5s;
          animation-delay: -319.5s;
  -webkit-transform: translate3d(379px, 966px, 318px);
          transform: translate3d(379px, 966px, 318px);
}

.bubble:nth-child(356) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -320.4s;
          animation-delay: -320.4s;
  -webkit-transform: translate3d(54px, 704px, 554px);
          transform: translate3d(54px, 704px, 554px);
}

.bubble:nth-child(357) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -321.3s;
          animation-delay: -321.3s;
  -webkit-transform: translate3d(820px, 737px, 1427px);
          transform: translate3d(820px, 737px, 1427px);
}

.bubble:nth-child(358) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -322.2s;
          animation-delay: -322.2s;
  -webkit-transform: translate3d(930px, 62px, 663px);
          transform: translate3d(930px, 62px, 663px);
}

.bubble:nth-child(359) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -323.1s;
          animation-delay: -323.1s;
  -webkit-transform: translate3d(477px, 3px, 661px);
          transform: translate3d(477px, 3px, 661px);
}

.bubble:nth-child(360) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -324s;
          animation-delay: -324s;
  -webkit-transform: translate3d(934px, 756px, 54px);
          transform: translate3d(934px, 756px, 54px);
}

.bubble:nth-child(361) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -324.9s;
          animation-delay: -324.9s;
  -webkit-transform: translate3d(121px, 347px, 254px);
          transform: translate3d(121px, 347px, 254px);
}

.bubble:nth-child(362) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -325.8s;
          animation-delay: -325.8s;
  -webkit-transform: translate3d(186px, 269px, 268px);
          transform: translate3d(186px, 269px, 268px);
}

.bubble:nth-child(363) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -326.7s;
          animation-delay: -326.7s;
  -webkit-transform: translate3d(770px, 28px, 475px);
          transform: translate3d(770px, 28px, 475px);
}

.bubble:nth-child(364) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -327.6s;
          animation-delay: -327.6s;
  -webkit-transform: translate3d(39px, 712px, 1470px);
          transform: translate3d(39px, 712px, 1470px);
}

.bubble:nth-child(365) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -328.5s;
          animation-delay: -328.5s;
  -webkit-transform: translate3d(894px, 374px, 338px);
          transform: translate3d(894px, 374px, 338px);
}

.bubble:nth-child(366) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -329.4s;
          animation-delay: -329.4s;
  -webkit-transform: translate3d(546px, 411px, 650px);
          transform: translate3d(546px, 411px, 650px);
}

.bubble:nth-child(367) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -330.3s;
          animation-delay: -330.3s;
  -webkit-transform: translate3d(539px, 340px, 1124px);
          transform: translate3d(539px, 340px, 1124px);
}

.bubble:nth-child(368) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -331.2s;
          animation-delay: -331.2s;
  -webkit-transform: translate3d(692px, 810px, 1109px);
          transform: translate3d(692px, 810px, 1109px);
}

.bubble:nth-child(369) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -332.1s;
          animation-delay: -332.1s;
  -webkit-transform: translate3d(745px, 158px, 579px);
          transform: translate3d(745px, 158px, 579px);
}

.bubble:nth-child(370) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -333s;
          animation-delay: -333s;
  -webkit-transform: translate3d(802px, 719px, 971px);
          transform: translate3d(802px, 719px, 971px);
}

.bubble:nth-child(371) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -333.9s;
          animation-delay: -333.9s;
  -webkit-transform: translate3d(51px, 641px, 517px);
          transform: translate3d(51px, 641px, 517px);
}

.bubble:nth-child(372) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -334.8s;
          animation-delay: -334.8s;
  -webkit-transform: translate3d(585px, 392px, 1385px);
          transform: translate3d(585px, 392px, 1385px);
}

.bubble:nth-child(373) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -335.7s;
          animation-delay: -335.7s;
  -webkit-transform: translate3d(711px, 446px, 1135px);
          transform: translate3d(711px, 446px, 1135px);
}

.bubble:nth-child(374) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -336.6s;
          animation-delay: -336.6s;
  -webkit-transform: translate3d(17px, 685px, 156px);
          transform: translate3d(17px, 685px, 156px);
}

.bubble:nth-child(375) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -337.5s;
          animation-delay: -337.5s;
  -webkit-transform: translate3d(500px, 867px, 113px);
          transform: translate3d(500px, 867px, 113px);
}

.bubble:nth-child(376) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -338.4s;
          animation-delay: -338.4s;
  -webkit-transform: translate3d(28px, 718px, 39px);
          transform: translate3d(28px, 718px, 39px);
}

.bubble:nth-child(377) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -339.3s;
          animation-delay: -339.3s;
  -webkit-transform: translate3d(828px, 877px, 303px);
          transform: translate3d(828px, 877px, 303px);
}

.bubble:nth-child(378) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -340.2s;
          animation-delay: -340.2s;
  -webkit-transform: translate3d(879px, 780px, 1583px);
          transform: translate3d(879px, 780px, 1583px);
}

.bubble:nth-child(379) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -341.1s;
          animation-delay: -341.1s;
  -webkit-transform: translate3d(54px, 984px, 1637px);
          transform: translate3d(54px, 984px, 1637px);
}

.bubble:nth-child(380) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -342s;
          animation-delay: -342s;
  -webkit-transform: translate3d(137px, 104px, 109px);
          transform: translate3d(137px, 104px, 109px);
}

.bubble:nth-child(381) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -342.9s;
          animation-delay: -342.9s;
  -webkit-transform: translate3d(752px, 249px, 1185px);
          transform: translate3d(752px, 249px, 1185px);
}

.bubble:nth-child(382) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -343.8s;
          animation-delay: -343.8s;
  -webkit-transform: translate3d(43px, 467px, 274px);
          transform: translate3d(43px, 467px, 274px);
}

.bubble:nth-child(383) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -344.7s;
          animation-delay: -344.7s;
  -webkit-transform: translate3d(396px, 187px, 1856px);
          transform: translate3d(396px, 187px, 1856px);
}

.bubble:nth-child(384) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -345.6s;
          animation-delay: -345.6s;
  -webkit-transform: translate3d(144px, 510px, 831px);
          transform: translate3d(144px, 510px, 831px);
}

.bubble:nth-child(385) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -346.5s;
          animation-delay: -346.5s;
  -webkit-transform: translate3d(100px, 222px, 185px);
          transform: translate3d(100px, 222px, 185px);
}

.bubble:nth-child(386) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -347.4s;
          animation-delay: -347.4s;
  -webkit-transform: translate3d(986px, 196px, 838px);
          transform: translate3d(986px, 196px, 838px);
}

.bubble:nth-child(387) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -348.3s;
          animation-delay: -348.3s;
  -webkit-transform: translate3d(236px, 997px, 1507px);
          transform: translate3d(236px, 997px, 1507px);
}

.bubble:nth-child(388) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -349.2s;
          animation-delay: -349.2s;
  -webkit-transform: translate3d(867px, 814px, 1608px);
          transform: translate3d(867px, 814px, 1608px);
}

.bubble:nth-child(389) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -350.1s;
          animation-delay: -350.1s;
  -webkit-transform: translate3d(985px, 637px, 1813px);
          transform: translate3d(985px, 637px, 1813px);
}

.bubble:nth-child(390) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -351s;
          animation-delay: -351s;
  -webkit-transform: translate3d(897px, 873px, 1566px);
          transform: translate3d(897px, 873px, 1566px);
}

.bubble:nth-child(391) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -351.9s;
          animation-delay: -351.9s;
  -webkit-transform: translate3d(886px, 920px, 1884px);
          transform: translate3d(886px, 920px, 1884px);
}

.bubble:nth-child(392) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -352.8s;
          animation-delay: -352.8s;
  -webkit-transform: translate3d(592px, 96px, 9px);
          transform: translate3d(592px, 96px, 9px);
}

.bubble:nth-child(393) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -353.7s;
          animation-delay: -353.7s;
  -webkit-transform: translate3d(64px, 625px, 841px);
          transform: translate3d(64px, 625px, 841px);
}

.bubble:nth-child(394) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -354.6s;
          animation-delay: -354.6s;
  -webkit-transform: translate3d(95px, 864px, 336px);
          transform: translate3d(95px, 864px, 336px);
}

.bubble:nth-child(395) {
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -355.5s;
          animation-delay: -355.5s;
  -webkit-transform: translate3d(17px, 661px, 617px);
          transform: translate3d(17px, 661px, 617px);
}

.bubble:nth-child(396) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -356.4s;
          animation-delay: -356.4s;
  -webkit-transform: translate3d(112px, 159px, 1791px);
          transform: translate3d(112px, 159px, 1791px);
}

.bubble:nth-child(397) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -357.3s;
          animation-delay: -357.3s;
  -webkit-transform: translate3d(580px, 321px, 1273px);
          transform: translate3d(580px, 321px, 1273px);
}

.bubble:nth-child(398) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -358.2s;
          animation-delay: -358.2s;
  -webkit-transform: translate3d(172px, 426px, 1294px);
          transform: translate3d(172px, 426px, 1294px);
}

.bubble:nth-child(399) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -359.1s;
          animation-delay: -359.1s;
  -webkit-transform: translate3d(396px, 87px, 730px);
          transform: translate3d(396px, 87px, 730px);
}

.bubble:nth-child(400) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -360s;
          animation-delay: -360s;
  -webkit-transform: translate3d(365px, 352px, 977px);
          transform: translate3d(365px, 352px, 977px);
}

.bubble:nth-child(401) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -360.9s;
          animation-delay: -360.9s;
  -webkit-transform: translate3d(163px, 420px, 1304px);
          transform: translate3d(163px, 420px, 1304px);
}

.bubble:nth-child(402) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -361.8s;
          animation-delay: -361.8s;
  -webkit-transform: translate3d(283px, 279px, 1473px);
          transform: translate3d(283px, 279px, 1473px);
}

.bubble:nth-child(403) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -362.7s;
          animation-delay: -362.7s;
  -webkit-transform: translate3d(697px, 676px, 1135px);
          transform: translate3d(697px, 676px, 1135px);
}

.bubble:nth-child(404) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -363.6s;
          animation-delay: -363.6s;
  -webkit-transform: translate3d(620px, 173px, 1222px);
          transform: translate3d(620px, 173px, 1222px);
}

.bubble:nth-child(405) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -364.5s;
          animation-delay: -364.5s;
  -webkit-transform: translate3d(822px, 640px, 1107px);
          transform: translate3d(822px, 640px, 1107px);
}

.bubble:nth-child(406) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -365.4s;
          animation-delay: -365.4s;
  -webkit-transform: translate3d(112px, 231px, 945px);
          transform: translate3d(112px, 231px, 945px);
}

.bubble:nth-child(407) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -366.3s;
          animation-delay: -366.3s;
  -webkit-transform: translate3d(482px, 985px, 1042px);
          transform: translate3d(482px, 985px, 1042px);
}

.bubble:nth-child(408) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -367.2s;
          animation-delay: -367.2s;
  -webkit-transform: translate3d(729px, 632px, 398px);
          transform: translate3d(729px, 632px, 398px);
}

.bubble:nth-child(409) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -368.1s;
          animation-delay: -368.1s;
  -webkit-transform: translate3d(567px, 3px, 516px);
          transform: translate3d(567px, 3px, 516px);
}

.bubble:nth-child(410) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -369s;
          animation-delay: -369s;
  -webkit-transform: translate3d(513px, 823px, 1935px);
          transform: translate3d(513px, 823px, 1935px);
}

.bubble:nth-child(411) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -369.9s;
          animation-delay: -369.9s;
  -webkit-transform: translate3d(586px, 650px, 357px);
          transform: translate3d(586px, 650px, 357px);
}

.bubble:nth-child(412) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -370.8s;
          animation-delay: -370.8s;
  -webkit-transform: translate3d(734px, 336px, 931px);
          transform: translate3d(734px, 336px, 931px);
}

.bubble:nth-child(413) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -371.7s;
          animation-delay: -371.7s;
  -webkit-transform: translate3d(48px, 781px, 1541px);
          transform: translate3d(48px, 781px, 1541px);
}

.bubble:nth-child(414) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -372.6s;
          animation-delay: -372.6s;
  -webkit-transform: translate3d(492px, 453px, 797px);
          transform: translate3d(492px, 453px, 797px);
}

.bubble:nth-child(415) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -373.5s;
          animation-delay: -373.5s;
  -webkit-transform: translate3d(343px, 919px, 600px);
          transform: translate3d(343px, 919px, 600px);
}

.bubble:nth-child(416) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -374.4s;
          animation-delay: -374.4s;
  -webkit-transform: translate3d(833px, 423px, 50px);
          transform: translate3d(833px, 423px, 50px);
}

.bubble:nth-child(417) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -375.3s;
          animation-delay: -375.3s;
  -webkit-transform: translate3d(783px, 624px, 826px);
          transform: translate3d(783px, 624px, 826px);
}

.bubble:nth-child(418) {
  height: 24px;
  width: 24px;
  -webkit-animation-delay: -376.2s;
          animation-delay: -376.2s;
  -webkit-transform: translate3d(282px, 942px, 411px);
          transform: translate3d(282px, 942px, 411px);
}

.bubble:nth-child(419) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -377.1s;
          animation-delay: -377.1s;
  -webkit-transform: translate3d(432px, 73px, 1567px);
          transform: translate3d(432px, 73px, 1567px);
}

.bubble:nth-child(420) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -378s;
          animation-delay: -378s;
  -webkit-transform: translate3d(73px, 990px, 879px);
          transform: translate3d(73px, 990px, 879px);
}

.bubble:nth-child(421) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -378.9s;
          animation-delay: -378.9s;
  -webkit-transform: translate3d(766px, 195px, 1354px);
          transform: translate3d(766px, 195px, 1354px);
}

.bubble:nth-child(422) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -379.8s;
          animation-delay: -379.8s;
  -webkit-transform: translate3d(342px, 121px, 1278px);
          transform: translate3d(342px, 121px, 1278px);
}

.bubble:nth-child(423) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -380.7s;
          animation-delay: -380.7s;
  -webkit-transform: translate3d(348px, 366px, 1196px);
          transform: translate3d(348px, 366px, 1196px);
}

.bubble:nth-child(424) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -381.6s;
          animation-delay: -381.6s;
  -webkit-transform: translate3d(727px, 932px, 1280px);
          transform: translate3d(727px, 932px, 1280px);
}

.bubble:nth-child(425) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -382.5s;
          animation-delay: -382.5s;
  -webkit-transform: translate3d(754px, 533px, 1245px);
          transform: translate3d(754px, 533px, 1245px);
}

.bubble:nth-child(426) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -383.4s;
          animation-delay: -383.4s;
  -webkit-transform: translate3d(915px, 148px, 309px);
          transform: translate3d(915px, 148px, 309px);
}

.bubble:nth-child(427) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -384.3s;
          animation-delay: -384.3s;
  -webkit-transform: translate3d(860px, 240px, 1044px);
          transform: translate3d(860px, 240px, 1044px);
}

.bubble:nth-child(428) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -385.2s;
          animation-delay: -385.2s;
  -webkit-transform: translate3d(213px, 198px, 1009px);
          transform: translate3d(213px, 198px, 1009px);
}

.bubble:nth-child(429) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -386.1s;
          animation-delay: -386.1s;
  -webkit-transform: translate3d(550px, 346px, 33px);
          transform: translate3d(550px, 346px, 33px);
}

.bubble:nth-child(430) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -387s;
          animation-delay: -387s;
  -webkit-transform: translate3d(275px, 756px, 997px);
          transform: translate3d(275px, 756px, 997px);
}

.bubble:nth-child(431) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -387.9s;
          animation-delay: -387.9s;
  -webkit-transform: translate3d(519px, 627px, 456px);
          transform: translate3d(519px, 627px, 456px);
}

.bubble:nth-child(432) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -388.8s;
          animation-delay: -388.8s;
  -webkit-transform: translate3d(633px, 29px, 261px);
          transform: translate3d(633px, 29px, 261px);
}

.bubble:nth-child(433) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -389.7s;
          animation-delay: -389.7s;
  -webkit-transform: translate3d(780px, 315px, 91px);
          transform: translate3d(780px, 315px, 91px);
}

.bubble:nth-child(434) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -390.6s;
          animation-delay: -390.6s;
  -webkit-transform: translate3d(838px, 766px, 763px);
          transform: translate3d(838px, 766px, 763px);
}

.bubble:nth-child(435) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -391.5s;
          animation-delay: -391.5s;
  -webkit-transform: translate3d(501px, 452px, 1102px);
          transform: translate3d(501px, 452px, 1102px);
}

.bubble:nth-child(436) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -392.4s;
          animation-delay: -392.4s;
  -webkit-transform: translate3d(999px, 569px, 913px);
          transform: translate3d(999px, 569px, 913px);
}

.bubble:nth-child(437) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -393.3s;
          animation-delay: -393.3s;
  -webkit-transform: translate3d(568px, 979px, 1723px);
          transform: translate3d(568px, 979px, 1723px);
}

.bubble:nth-child(438) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -394.2s;
          animation-delay: -394.2s;
  -webkit-transform: translate3d(258px, 129px, 1489px);
          transform: translate3d(258px, 129px, 1489px);
}

.bubble:nth-child(439) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -395.1s;
          animation-delay: -395.1s;
  -webkit-transform: translate3d(874px, 787px, 1356px);
          transform: translate3d(874px, 787px, 1356px);
}

.bubble:nth-child(440) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -396s;
          animation-delay: -396s;
  -webkit-transform: translate3d(88px, 288px, 206px);
          transform: translate3d(88px, 288px, 206px);
}

.bubble:nth-child(441) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -396.9s;
          animation-delay: -396.9s;
  -webkit-transform: translate3d(604px, 297px, 551px);
          transform: translate3d(604px, 297px, 551px);
}

.bubble:nth-child(442) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -397.8s;
          animation-delay: -397.8s;
  -webkit-transform: translate3d(764px, 524px, 980px);
          transform: translate3d(764px, 524px, 980px);
}

.bubble:nth-child(443) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -398.7s;
          animation-delay: -398.7s;
  -webkit-transform: translate3d(100px, 250px, 761px);
          transform: translate3d(100px, 250px, 761px);
}

.bubble:nth-child(444) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -399.6s;
          animation-delay: -399.6s;
  -webkit-transform: translate3d(650px, 683px, 779px);
          transform: translate3d(650px, 683px, 779px);
}

.bubble:nth-child(445) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -400.5s;
          animation-delay: -400.5s;
  -webkit-transform: translate3d(648px, 489px, 256px);
          transform: translate3d(648px, 489px, 256px);
}

.bubble:nth-child(446) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -401.4s;
          animation-delay: -401.4s;
  -webkit-transform: translate3d(571px, 176px, 1069px);
          transform: translate3d(571px, 176px, 1069px);
}

.bubble:nth-child(447) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -402.3s;
          animation-delay: -402.3s;
  -webkit-transform: translate3d(280px, 680px, 38px);
          transform: translate3d(280px, 680px, 38px);
}

.bubble:nth-child(448) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -403.2s;
          animation-delay: -403.2s;
  -webkit-transform: translate3d(864px, 885px, 1664px);
          transform: translate3d(864px, 885px, 1664px);
}

.bubble:nth-child(449) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -404.1s;
          animation-delay: -404.1s;
  -webkit-transform: translate3d(631px, 798px, 1132px);
          transform: translate3d(631px, 798px, 1132px);
}

.bubble:nth-child(450) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -405s;
          animation-delay: -405s;
  -webkit-transform: translate3d(346px, 905px, 1115px);
          transform: translate3d(346px, 905px, 1115px);
}

.bubble:nth-child(451) {
  height: 16px;
  width: 16px;
  -webkit-animation-delay: -405.9s;
          animation-delay: -405.9s;
  -webkit-transform: translate3d(927px, 804px, 1761px);
          transform: translate3d(927px, 804px, 1761px);
}

.bubble:nth-child(452) {
  height: 28px;
  width: 28px;
  -webkit-animation-delay: -406.8s;
          animation-delay: -406.8s;
  -webkit-transform: translate3d(183px, 197px, 124px);
          transform: translate3d(183px, 197px, 124px);
}

.bubble:nth-child(453) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -407.7s;
          animation-delay: -407.7s;
  -webkit-transform: translate3d(634px, 515px, 1271px);
          transform: translate3d(634px, 515px, 1271px);
}

.bubble:nth-child(454) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -408.6s;
          animation-delay: -408.6s;
  -webkit-transform: translate3d(961px, 800px, 1998px);
          transform: translate3d(961px, 800px, 1998px);
}

.bubble:nth-child(455) {
  height: 11px;
  width: 11px;
  -webkit-animation-delay: -409.5s;
          animation-delay: -409.5s;
  -webkit-transform: translate3d(495px, 737px, 821px);
          transform: translate3d(495px, 737px, 821px);
}

.bubble:nth-child(456) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -410.4s;
          animation-delay: -410.4s;
  -webkit-transform: translate3d(820px, 861px, 717px);
          transform: translate3d(820px, 861px, 717px);
}

.bubble:nth-child(457) {
  height: 13px;
  width: 13px;
  -webkit-animation-delay: -411.3s;
          animation-delay: -411.3s;
  -webkit-transform: translate3d(83px, 142px, 934px);
          transform: translate3d(83px, 142px, 934px);
}

.bubble:nth-child(458) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -412.2s;
          animation-delay: -412.2s;
  -webkit-transform: translate3d(309px, 519px, 1081px);
          transform: translate3d(309px, 519px, 1081px);
}

.bubble:nth-child(459) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -413.1s;
          animation-delay: -413.1s;
  -webkit-transform: translate3d(911px, 29px, 1778px);
          transform: translate3d(911px, 29px, 1778px);
}

.bubble:nth-child(460) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -414s;
          animation-delay: -414s;
  -webkit-transform: translate3d(765px, 630px, 1575px);
          transform: translate3d(765px, 630px, 1575px);
}

.bubble:nth-child(461) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -414.9s;
          animation-delay: -414.9s;
  -webkit-transform: translate3d(722px, 441px, 1639px);
          transform: translate3d(722px, 441px, 1639px);
}

.bubble:nth-child(462) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -415.8s;
          animation-delay: -415.8s;
  -webkit-transform: translate3d(707px, 222px, 1317px);
          transform: translate3d(707px, 222px, 1317px);
}

.bubble:nth-child(463) {
  height: 25px;
  width: 25px;
  -webkit-animation-delay: -416.7s;
          animation-delay: -416.7s;
  -webkit-transform: translate3d(883px, 446px, 1317px);
          transform: translate3d(883px, 446px, 1317px);
}

.bubble:nth-child(464) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -417.6s;
          animation-delay: -417.6s;
  -webkit-transform: translate3d(47px, 682px, 544px);
          transform: translate3d(47px, 682px, 544px);
}

.bubble:nth-child(465) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -418.5s;
          animation-delay: -418.5s;
  -webkit-transform: translate3d(212px, 504px, 1275px);
          transform: translate3d(212px, 504px, 1275px);
}

.bubble:nth-child(466) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -419.4s;
          animation-delay: -419.4s;
  -webkit-transform: translate3d(785px, 749px, 1763px);
          transform: translate3d(785px, 749px, 1763px);
}

.bubble:nth-child(467) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -420.3s;
          animation-delay: -420.3s;
  -webkit-transform: translate3d(171px, 937px, 166px);
          transform: translate3d(171px, 937px, 166px);
}

.bubble:nth-child(468) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -421.2s;
          animation-delay: -421.2s;
  -webkit-transform: translate3d(697px, 947px, 844px);
          transform: translate3d(697px, 947px, 844px);
}

.bubble:nth-child(469) {
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -422.1s;
          animation-delay: -422.1s;
  -webkit-transform: translate3d(766px, 928px, 1901px);
          transform: translate3d(766px, 928px, 1901px);
}

.bubble:nth-child(470) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -423s;
          animation-delay: -423s;
  -webkit-transform: translate3d(687px, 182px, 931px);
          transform: translate3d(687px, 182px, 931px);
}

.bubble:nth-child(471) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -423.9s;
          animation-delay: -423.9s;
  -webkit-transform: translate3d(924px, 307px, 276px);
          transform: translate3d(924px, 307px, 276px);
}

.bubble:nth-child(472) {
  height: 29px;
  width: 29px;
  -webkit-animation-delay: -424.8s;
          animation-delay: -424.8s;
  -webkit-transform: translate3d(889px, 673px, 1401px);
          transform: translate3d(889px, 673px, 1401px);
}

.bubble:nth-child(473) {
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -425.7s;
          animation-delay: -425.7s;
  -webkit-transform: translate3d(356px, 379px, 1899px);
          transform: translate3d(356px, 379px, 1899px);
}

.bubble:nth-child(474) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -426.6s;
          animation-delay: -426.6s;
  -webkit-transform: translate3d(431px, 518px, 989px);
          transform: translate3d(431px, 518px, 989px);
}

.bubble:nth-child(475) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -427.5s;
          animation-delay: -427.5s;
  -webkit-transform: translate3d(121px, 444px, 1689px);
          transform: translate3d(121px, 444px, 1689px);
}

.bubble:nth-child(476) {
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -428.4s;
          animation-delay: -428.4s;
  -webkit-transform: translate3d(416px, 879px, 1957px);
          transform: translate3d(416px, 879px, 1957px);
}

.bubble:nth-child(477) {
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -429.3s;
          animation-delay: -429.3s;
  -webkit-transform: translate3d(941px, 396px, 325px);
          transform: translate3d(941px, 396px, 325px);
}

.bubble:nth-child(478) {
  height: 20px;
  width: 20px;
  -webkit-animation-delay: -430.2s;
          animation-delay: -430.2s;
  -webkit-transform: translate3d(608px, 847px, 233px);
          transform: translate3d(608px, 847px, 233px);
}

.bubble:nth-child(479) {
  height: 3px;
  width: 3px;
  -webkit-animation-delay: -431.1s;
          animation-delay: -431.1s;
  -webkit-transform: translate3d(691px, 58px, 1707px);
          transform: translate3d(691px, 58px, 1707px);
}

.bubble:nth-child(480) {
  height: 5px;
  width: 5px;
  -webkit-animation-delay: -432s;
          animation-delay: -432s;
  -webkit-transform: translate3d(674px, 956px, 1653px);
          transform: translate3d(674px, 956px, 1653px);
}

.bubble:nth-child(481) {
  height: 18px;
  width: 18px;
  -webkit-animation-delay: -432.9s;
          animation-delay: -432.9s;
  -webkit-transform: translate3d(650px, 235px, 435px);
          transform: translate3d(650px, 235px, 435px);
}

.bubble:nth-child(482) {
  height: 23px;
  width: 23px;
  -webkit-animation-delay: -433.8s;
          animation-delay: -433.8s;
  -webkit-transform: translate3d(705px, 200px, 1631px);
          transform: translate3d(705px, 200px, 1631px);
}

.bubble:nth-child(483) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -434.7s;
          animation-delay: -434.7s;
  -webkit-transform: translate3d(531px, 329px, 1005px);
          transform: translate3d(531px, 329px, 1005px);
}

.bubble:nth-child(484) {
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -435.6s;
          animation-delay: -435.6s;
  -webkit-transform: translate3d(979px, 774px, 1961px);
          transform: translate3d(979px, 774px, 1961px);
}

.bubble:nth-child(485) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -436.5s;
          animation-delay: -436.5s;
  -webkit-transform: translate3d(522px, 793px, 871px);
          transform: translate3d(522px, 793px, 871px);
}

.bubble:nth-child(486) {
  height: 12px;
  width: 12px;
  -webkit-animation-delay: -437.4s;
          animation-delay: -437.4s;
  -webkit-transform: translate3d(33px, 932px, 828px);
          transform: translate3d(33px, 932px, 828px);
}

.bubble:nth-child(487) {
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -438.3s;
          animation-delay: -438.3s;
  -webkit-transform: translate3d(521px, 173px, 1253px);
          transform: translate3d(521px, 173px, 1253px);
}

.bubble:nth-child(488) {
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -439.2s;
          animation-delay: -439.2s;
  -webkit-transform: translate3d(224px, 45px, 1916px);
          transform: translate3d(224px, 45px, 1916px);
}

.bubble:nth-child(489) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -440.1s;
          animation-delay: -440.1s;
  -webkit-transform: translate3d(321px, 525px, 1755px);
          transform: translate3d(321px, 525px, 1755px);
}

.bubble:nth-child(490) {
  height: 27px;
  width: 27px;
  -webkit-animation-delay: -441s;
          animation-delay: -441s;
  -webkit-transform: translate3d(12px, 319px, 1226px);
          transform: translate3d(12px, 319px, 1226px);
}

.bubble:nth-child(491) {
  height: 4px;
  width: 4px;
  -webkit-animation-delay: -441.9s;
          animation-delay: -441.9s;
  -webkit-transform: translate3d(66px, 276px, 515px);
          transform: translate3d(66px, 276px, 515px);
}

.bubble:nth-child(492) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -442.8s;
          animation-delay: -442.8s;
  -webkit-transform: translate3d(442px, 213px, 1179px);
          transform: translate3d(442px, 213px, 1179px);
}

.bubble:nth-child(493) {
  height: 17px;
  width: 17px;
  -webkit-animation-delay: -443.7s;
          animation-delay: -443.7s;
  -webkit-transform: translate3d(758px, 170px, 1138px);
          transform: translate3d(758px, 170px, 1138px);
}

.bubble:nth-child(494) {
  height: 26px;
  width: 26px;
  -webkit-animation-delay: -444.6s;
          animation-delay: -444.6s;
  -webkit-transform: translate3d(507px, 252px, 1111px);
          transform: translate3d(507px, 252px, 1111px);
}

.bubble:nth-child(495) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -445.5s;
          animation-delay: -445.5s;
  -webkit-transform: translate3d(33px, 14px, 565px);
          transform: translate3d(33px, 14px, 565px);
}

.bubble:nth-child(496) {
  height: 14px;
  width: 14px;
  -webkit-animation-delay: -446.4s;
          animation-delay: -446.4s;
  -webkit-transform: translate3d(938px, 113px, 122px);
          transform: translate3d(938px, 113px, 122px);
}

.bubble:nth-child(497) {
  height: 22px;
  width: 22px;
  -webkit-animation-delay: -447.3s;
          animation-delay: -447.3s;
  -webkit-transform: translate3d(243px, 225px, 1760px);
          transform: translate3d(243px, 225px, 1760px);
}

.bubble:nth-child(498) {
  height: 2px;
  width: 2px;
  -webkit-animation-delay: -448.2s;
          animation-delay: -448.2s;
  -webkit-transform: translate3d(818px, 999px, 294px);
          transform: translate3d(818px, 999px, 294px);
}

.bubble:nth-child(499) {
  height: 30px;
  width: 30px;
  -webkit-animation-delay: -449.1s;
          animation-delay: -449.1s;
  -webkit-transform: translate3d(163px, 989px, 200px);
          transform: translate3d(163px, 989px, 200px);
}

.bubble:nth-child(500) {
  height: 1px;
  width: 1px;
  -webkit-animation-delay: -450s;
          animation-delay: -450s;
  -webkit-transform: translate3d(854px, 312px, 1117px);
          transform: translate3d(854px, 312px, 1117px);
}

@media (min-width: 768px) and (max-width: 1199px) {
  .record-player .record-key {
    top: -24px;
    right: -117px;
    width: 169px;
    -webkit-transform-origin: 95px 95px;
        -ms-transform-origin: 95px 95px;
            transform-origin: 95px 95px;
  }
  .record-player .player-main-shade {
    height: 400px;
    width: 400px;
  }
  .record-player {
    width: 400px;
  }
  .bubble-wrap {
    left: 21%;
  }
  .bubble-wrap-right {
    right: 62%;
  }
  .record-player .record-key.active {
    -webkit-transform-origin: 95px 95px;
        -ms-transform-origin: 95px 95px;
            transform-origin: 95px 95px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .latest-album-right {
    padding-left: 0;
  }
  .latest-relese .section-title {
    margin-bottom: 30px;
  }
  .latest-album-left .albun-details p {
    font-size: 12px;
    line-height: 19px;
  }
  .latest-album-left .albun-details h6 {
    margin-bottom: 15px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .record-player .record-key {
    top: -24px;
    right: -117px;
    width: 169px;
    -webkit-transform-origin: 95px 95px;
        -ms-transform-origin: 95px 95px;
            transform-origin: 95px 95px;
  }
  .record-player .player-main-shade {
    height: 380px;
    width: 380px;
  }
  .record-player {
    width: 380px;
  }
  .bubble-wrap {
    left: 21%;
  }
  .bubble-wrap-right {
    right: 62%;
  }
  .record-player .record-key.active {
    -webkit-transform-origin: 95px 95px;
        -ms-transform-origin: 95px 95px;
            transform-origin: 95px 95px;
  }
  .latest-album-right {
    padding-left: 0;
  }
  .latest-relese .section-title {
    margin-bottom: 30px;
  }
  .latest-album-left .albun-details p {
    font-size: 12px;
    line-height: 19px;
  }
  .latest-album-left .albun-details h6 {
    margin-bottom: 15px;
  }
  .cover-img {
    display: none;
  }
  .bubble-wrap, .bubble-wrap-right {
    display: none;
  }
  .latest-relese {
    background-size: cover;
    background-position: 45% -124px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .record-player .record-key {
    top: -4px;
    right: -65px;
    width: 80px;
    -webkit-transform-origin: 45px 45px;
        -ms-transform-origin: 45px 45px;
            transform-origin: 45px 45px;
  }
  .record-player .player-main-shade {
    height: 200px;
    width: 200px;
  }
  .record-player {
    width: 200px;
  }
  .bubble-wrap {
    left: 21%;
  }
  .bubble-wrap-right {
    right: 62%;
  }
  .record-player .record-key.active {
    -webkit-transform-origin: 45px 45px;
        -ms-transform-origin: 45px 45px;
            transform-origin: 45px 45px;
  }
  .latest-album-right {
    padding-left: 0;
  }
  .latest-relese .section-title {
    margin-bottom: 30px;
  }
  .latest-album-left .albun-details p {
    font-size: 12px;
    line-height: 19px;
  }
  .latest-album-left .albun-details h6 {
    margin-bottom: 15px;
  }
  .cover-img {
    display: none;
  }
  .bubble-wrap, .bubble-wrap-right {
    display: none;
  }
  .latest-relese {
    background-size: cover;
    background-position: 55% -85px;
  }
  .latest-album-left .albun-details {
    padding-left: 0;
    margin-bottom: 10px;
  }
  .record-player {
    margin-top: 10px;
  }
  .section-title.style-five {
    margin-bottom: 30px;
  }
  .latest-album-btn .sm2_button {
    width: 42px;
    height: 42px;
    line-height: 47px;
  }
}