/* =======================================================================

::  Template Name: Acis - One Page Corporate HTML Template
::  Author: AsceticDesigners
::  Author URI: http://designing-world.com/
::  Version: 1.0
::  Description: This Template is created for business, corporate purpose.
    
--------------------------------------------------------------------------
    
:: CSS INDEX ::

----------------------------------------
Base CSS or Common CSS are in reset.css
----------------------------------------

::  1.0  ColorDemo
::  2.0  Header CSS
::  3.0  Features CSS
::  4.0  About CSS
::  5.0  Work Process CSS
::  6.0  Portfolio CSS
::  7.0  Purchase Area CSS
::  8.0  Our Team CSS
::  9.0  Blog CSS
::  10.0  Amazing Facts CSS
::  11.0  Pricing CSS
::  12.0  Testimonials CSS
::  13.0  Partner Section
::  14.0  Contact Form CSS
::  15.0  Footer CSS
::  16.0  Single Blog CSS
::  17.1.0  Color Theme Orange
::  17.2.0  Color Theme Green
::  17.3.0  Color Theme Violet

============================================== */

.menu_open_close_search,
.colorDemo,
.colorDemo > i.icon-tools-2,
.contact-form input,
.subscribe input[type="submit"],
.work-process-icon i,
.portfolio-item figure:after,
.colorDemo ul li span i,
.single_partner,
.menuOpenClose:before,
.menuOpenClose,
.menuOpenClose:after,
.menu_open_close_search span,
.single_contact_info i,
.zoom,
.single-post-img:before,
.author-name h5,
.commenter h5 {
    -webkit-transition: 500ms;
    transition: 500ms;
}

@font-face {
  font-family: Oswald-Regular; 
  src: url(css/fuentes/Oswald-Regular.ttf) format('truetype');
}
@font-face {
  font-family: AvenirNextCondensed-Bold; 
  src: url(css/fuentes/AvenirNextCondensed-Bold.ttf) format('truetype');
}
@font-face {
  font-family: AvenirNextCondensed-Regular; 
  src: url(css/fuentes/AvenirNextCondensed-Regular.ttf) format('truetype');
}
@font-face {
  font-family: TwCenClassMTStd-Regular; 
  src: url(css/fuentes/TwCenClassMTStd-Regular.otf) format('truetype');
}

/* ============================================
0.    Social Media
=============================================== */
#audio{
    width: 100%;
}
/* ============================================
0.    Social Media
=============================================== */
.social-link-area img{
    height: 40px; 
    width: 40PX;
}
.social-link-area ul{
    padding: 0;margin: 0;list-style: none;color: #fff; font-family: AvenirNextCondensed-Regular;
}
.social-link-area ul li{
    display: inline-block;margin: 0px 15px;
}
.social-link-area ul li a{
    color: #fff; 
    font-size:18px;
}
#img-log{
    height: 70px;
    width: auto;
}
.imgtest{
    width: 200px;
    height: 300px;
    background-color: yellow;
}
.main-slider{
    /*background-image: url(images/slider/delhi.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;*/
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1;
    background-color: #000;
}

.wi-100{
    width: 100% !important;
}
#particles-js {
  width: 100%;
  height: 100vh;
} 
.ul-menu{
    list-style: none;
}
.li-menu{
    padding-top: 30%;
}

.letras{
    background-color: #000;
}
.letras canvas{
    height: auto !important;
    width: 100%;
}
/* ============================================
  Modal
=============================================== */
.modal-footer-black{
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background: #000c;
    position: absolute;
    width: 100%;
    bottom: 0%;
    height: auto;
}

.contact-p{
    font-size: 500% !important;
}
.contact-div{
    margin-bottom: 80px;
}
/* ============================================
  Equipo
=============================================== */
#div-equipo{
    /*padding-right: 0px;
    padding-left: 0px;   */   
    
}
#team-inner{
    overflow: hidden;
}
/*#team-over{
    width: 370px;
    left: 15px;
}*/
/* ---- grid-item ---- */

.img-he{
    height: 100% !important;
}

.border-logo{
    border: 1px solid #f2f2f2;
}

.img-wi{
    width: 100% !important;
}
.grid {
  background: #eee0;
  max-width: 1200px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.text-right{
    text-align: right !important;
}

.text-left{
    text-align: left !important;
}

.text-center{
    text-align: center !important;
}

/* ---- grid-item ---- */

.grid-item {
  width: 160px;
  height: 120px;
  float: left;
  /* vertical gutter */
  margin-bottom: 20px;
  background: #d260;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}

.grid-item--width2 { width: 340px; }
.grid-item--width3 { width: 520px; }
.grid-item--width4 { width: 780px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }
.grid-item--height5 { height: 520px; }


/* ============================================
  Servicios
=============================================== */
#modalContent{
    background: #000;
    border:none;
}
#modalHeader{
    border-bottom: none;
}
#close{
    font-size: 40px;
    text-shadow: 0 4px 0 #fff;
}
#modalFooter{
    border-top: none;
    text-align: left;
}
#modalFooter p{
    color:#fff;
    padding-left: 5px;
}
#imgModal{
    width: 100%;
}
.titulo-pad{
    padding-bottom: 40px;
}

#div-servicios{
    padding-right: 0px;
    padding-left: 0px;
    overflow: hidden;
}

.img-contenedor img {

-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
width:100%;
}
.img-contenedor:hover img {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.serv-over{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
cursor:pointer;
}

._5pcb{
    width: 100% !important;
}
.serv-over-color{
    background-color: #fff;
}
.serv-over-color-2{
    background-color: #0000;
}
.serv-over:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.8;
}
.serv-info{
    position: absolute;
    left: 0;
    height: 40px;
    margin-bottom: -25px;
    width: 100%;
    text-align: center;
    color: #FFF;
}
.serv-info-position{
     top: calc(50% - 35px);
}
.serv-info-position-2{
     top: calc(50% - 100px);
}
.serv-info ul{
    list-style: none;
}
.serv-info h1,h2,h3{
    color: #FFF;
    -webkit-animation: fadeInDown 1s;
    animation: fadeInDown 1s;
}
.serv-info a {
    color: #fff;
}
.serv-info a i{
    padding: 0 20px;
}
.option-serv {
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
}

.slider-items{
    margin-top: 35%;
}

.circle{
    font-size: 20px;
    position: absolute;
    z-index: 2;
    color: #a0a0a0;
}

.grey-crew h3{
    color: #8c8a8a;
}

.black-back{
    background-color: black;
    padding-top: 40px;
    padding-bottom: 40px;
}

.vl {
    border-left: 1px solid #a0a0a0;
    height: 850px;
    position: absolute;
    z-index: 0;
    margin-top: 100%;
    margin-left: 12%;
}

.link-a{
    color: #dadada !important;
}

.loader{
    position: absolute !important;
    top: 80%;
    right: 1%;
}

.ldBar path.mainline {
    stroke-width: 10;
    stroke: #09f;
    stroke-linecap: round;
  }
  .ldBar path.baseline {
    stroke-width: 14;
    stroke: #f1f2f3;
    stroke-linecap: round;
    filter:url(#custom-shadow);
  }

  #myProgress {
      width: 100%;
      background-color: #dddddd54;
      border-radius: 20px;
      margin-top: 5%;
    }

    #myBar {
      width: 12.5%;
      height: 10px;
      border-radius: 20px;
      background-color: #dcdcdc;
    }
.img-rad{
    border-radius: 8px;
}

.slick-carousel img {
    width: 200px;
}

.white-text{
    color: #fff !important;
}
/*#pie-testdriver{
    width: 50% !important;
    height: 50% !important;

}*/

/* ============================================
1.  Buttons Effects
=============================================== */
#hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border: 1px solid #111;
    background-color: #fff;
    padding: 10px 30px;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
#hvr-shutter-in-horizontal:before {
  content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#hvr-shutter-in-horizontal:hover, #hvr-shutter-in-horizontal:focus, #hvr-shutter-in-horizontal:active {
  color: #000;
}
#hvr-shutter-in-horizontal:hover:before, #hvr-shutter-in-horizontal:focus:before, #hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/* ============================================
1.  ColorDemo start
=============================================== */

.colorDemo {
    background: rgba(255, 255, 255, .9);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    left: -200px;
    position: fixed;
    top: 100px;
    width: 200px;
    padding: 15px;
    z-index: 9999;
}

.colorDemo.open {
    left: 0;
}

.colorDemo:hover,
.colorDemo:hover i.icon-tools-2 {
    background: rgba(255, 255, 255, 1);
}

.colorDemo i.icon-tools-2 {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #ccc;
    border-radius: 0 3px 3px 0;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    cursor: pointer;
    height: 30px;
    left: 100%;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: -26;
}

.colorDemo h3 {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.colorDemo > ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin: 0 -5px;
}

.colorDemo ul li {
    color: #fff;
    float: left;
    list-style: outside none none;
    text-align: center;
    width: 35px;
    margin: 0 5px;
    cursor: pointer;
}

.colorDemo ul li span {
    height: 35px;
}

.colorDemo ul li[data-color="CCorange"] span {
    background: #f39c12;
    display: block;
}

.colorDemo ul li[data-color="CCdarkblue"] span {
    background: #2c3e50;
    display: block;
}

.colorDemo ul li[data-color="CCred"] span {
    background: #e74c3c;
    display: block;
}

.colorDemo ul li[data-color="CCdefault"] span {
    background: #3498db;
    display: block;
}

.colorDemo ul li span i {
    line-height: 35px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.colorDemo ul li.active span i {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* ============================================
2.    Nosotros
=============================================== */
#frase{
    width: 60%;
}
/* ============================================
2.    Start Header CSS
=============================================== */

.header-area {
    background-color: black;
    margin: 0 auto;
    max-width: 100%;
    -webkit-transition: background-color 0.25s cubic-bezier(0, 0, 0, .6) 0s;
    transition: background-color 0.25s cubic-bezier(0, 0, 0, .6) 0s;
}

.logo {
    margin-bottom: 26px;
    margin-top: 25px;
}

.logo img {
    height: 44px;
    width: auto;
}

.navbar-toggle .icon-bar {
    background: #fff;
}

ul#nav {
    /*padding-right: 82px;*/
}

#numero{
    color: white;
    font-size: 250%;
}

.mainmenu ul.nav li {
    position: relative;
    float: right !important;
}

.menu-color{
    color: #696969 !important;
}

.menu-position{
    margin-top: 95%;
    padding-bottom: 20%;
}

.mainmenu ul.nav li:first-child a {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.mainmenu ul.nav li:nth-child(2) a {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.mainmenu ul.nav li:nth-child(3) a {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mainmenu ul.nav li:nth-child(4) a {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.mainmenu ul.nav li:nth-child(5) a {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.mainmenu ul.nav li:nth-child(6) a {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.mainmenu ul.nav li:nth-child(7) a {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mainmenu ul.nav li:last-child a {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mainmenu ul.nav li a {
    color: #888;
    display: block;
    font-size: 15px;
    font-weight: 400;
    /*line-height: 65px;*/
    padding: 15px 50px;
    text-decoration: none;
    -webkit-transition: .36s;
    transition: .36s;
    opacity: 1;
    font-family: AvenirNextCondensed-Regular;
    text-transform: uppercase;

}

.menuEffect .mainmenu ul.nav li a {
    padding: 15px 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mainmenu ul.nav li a:before,
.mainmenu ul.nav li.active a:before {
    background: #0831ce  none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 50%;
    right: 50%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.mainmenu ul.nav li a:hover:before,
.mainmenu ul.nav li.active a:before {
    left: 0;
    right: 0;
}

.mainmenu ul.nav li a:after,
.mainmenu ul.nav li.active a:after {
    position: absolute;
    content: "";
    left: calc( 50% - 4px);
    bottom: -4px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    /*border-bottom: 4px solid #3498db;*/
    -webkit-transition: .36s;
    transition: .36s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mainmenu ul.nav li a:hover:after,
.mainmenu ul.nav li.active a:after {
    bottom: 2px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.mainmenu ul.nav li a:hover,
.mainmenu ul.nav li a:active {
    /*background-color: rgba(0, 0, 0, .4);*/
    color: #0831ce;
}

.mainmenu ul.nav li a:focus {
    background-color: transparent;
    color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #92a0aa;
}

.logo,
.logo img,
.mainmenu ul.nav li a,
.search-box,
.search-box i,
.is-sticky .search-box input {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.is-sticky .header-area {
    background-color: rgba(0, 0, 0, 1);
}

.is-sticky .logo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.is-sticky .logo img {
    height: 35px;
    width: auto;
}

.is-sticky .mainmenu ul.nav li a {
    padding: 5px 30px;
}

.mainmenu nav.navbar-default {
    background: transparent;
    border-color: transparent;
}

.mainmenu nav.navbar {
    margin: -1px 0;
}

.mainmenu nav .navbar-toggle {
    margin-top: 0px;
    border-radius: 0px;
    margin-right: 0px;
    top: -25px;
}

.menu_open_close_search {
    height: 100%;
    padding-top: 37px;
    position: absolute;
    right: 0;
    width: 82px;
}

.is-sticky .menu_open_close_search {
    padding-top: 27px;
}

.menu_open_close_search span {
    color: #3498db;
    cursor: pointer;
    font-size: 28px;
    font-weight: 700;
    line-height: 23px;
    position: absolute;
    right: 0;
    top: 42px;
    width: 15px;
    height: 13px;
    text-align: center;
}

.is-sticky .menu_open_close_search span {
    top: 32px;
}

.menu_open_close_search span .menuOpenClose {
    background: #3498db;
    height: 2px;
    position: absolute;
    top: 6px;
    width: 15px;
}

.menu_open_close_search span .menuOpenClose:before {
    background: #3498db;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -4px;
    width: 100%;
}

.menu_open_close_search span .menuOpenClose:after {
    background: #3498db;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 4px;
    width: 100%;
}

.menu_open_close_search span.Cross .menuOpenClose:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu_open_close_search span.Cross .menuOpenClose:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu_open_close_search span.Cross .menuOpenClose {
    background: transparent !important;
}

form.search-box {
    position: absolute;
    right: 37px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.menuEffect form.search-box {
    opacity: 0;
    filter: alpha(opacity=0);
}

.search-box i {
    color: #3498db;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    left: 5px;
    line-height: 15px;
    position: absolute;
    top: 4px;
    z-index: 1;
}

.search-box input[type="text"] {
    border: medium none;
    border-radius: 1px;
    height: 25px;
    line-height: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
    width: 20px;
}

.search-box input[type="submit"] {
    display: none;
}

.search-box:hover input,
.search-box input:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 165px;
    padding-left: 25px;
}


/* ============================================
2. Start Main Slider CSS
===============================================*/

#main_slider_area {
    /*border-bottom: 4px solid #3498db;*/
    position: relative;
    z-index: 0;
    margin-top: -100px;
}

.tp-simpleresponsive .tp-caption > a:hover {
    background: #3498db !important;
    color: #fff !important;
}

#blog28{
    position: absolute;
    top: 1%;
    right: 8%;
    z-index: 999;
    text-align: left; 
    font-family: AvenirNextCondensed-Regular;
}

/* =====================
3. Start Features CSS
====================== */

.features-content {
    border: 1px solid #E8E8E8;
    position: relative;
}

.featureIcon {
    background: #fff;
    border-color: #3498db transparent transparent #3498db;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    height: 138px;
    left: calc(50% - 69px);
    position: absolute;
    top: -69.9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 138px;
}

.featureIcon i {
    background: #f9f9f9;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    color: #666;
    font-size: 36px;
    height: 106px;
    left: calc(50% - 53px);
    padding-top: 35px;
    position: absolute;
    top: calc(50% - 53px);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 106px;
}

.features-content:hover i {
    background: #3498db;
    color: #fff;
    z-index: 1;
}

.featureIcon i:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 5px solid #F9F9F9;
    border-radius: 50%;
    -webkit-transition: opacity 0.9s ease 0s, -webkit-transform 0.36s ease 0s;
    transition: transform 0.36s ease 0s, opacity 0.9s ease 0s, -webkit-transform 0.36s ease 0s;
    z-index: -1;
}

.featureIcon i:hover:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.features-content h2 {
    color: #2c3e50;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 95px 0 29px;
}

.features-content p {
    color: #6f6f6f;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0;
    padding: 0 30px 48px;
}


/* =================
4. Start About CSS
================= */

.about-content h2 {
    color: #2c3e50;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 25px;
    font-family: "Oswald-Regular";
}

.about-content h2 span {
    color: #0085d5;
    text-transform: uppercase;
}

.about-content p {
    color: #6f6f6f;
}

.about-content ul {
    padding-top: 6px;
}

.about-content ul li {
    color: #6f6f6f;
    line-height: 30px;
    margin: 0;
}

.about-content ul li i {
    color: #bcc8d0;
    font-size: 18px;
    margin-right: 28px;
    vertical-align: middle;
}

.about-content button {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 45px;
    margin-top: 10px;
    padding: 0 25px;
}

.about-content button i {
    font-size: 17px;
    margin-left: 7px;
    vertical-align: -1px;
}


/* =======================
5. Start Work Process CSS
========================*/

#work-process-area {
    background: url("images/core-images/process-bg.jpg") no-repeat fixed center center / cover;
}

.overlay {
    /*background: url(images/overlay.png) repeat scroll center;*/
    opacity: .90;
    filter: alpha(opacity=90);
}

.breadcrumb_main .overlay {
    background: url(images/overlay-black.png) repeat scroll center;
}

.single-work-process {
    margin-right: 110px;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
}

.work-process-content .single-work-process:last-child {
    margin-right: 0;
}

.work-process-content .single-work-process:first-child .work-process-icon {
    background-image: url(images/process-images/process-1.png);
}

.work-process-content .single-work-process:nth-child(2) .work-process-icon {
    background-image: url(images/process-images/process-2.png);
}

.work-process-content .single-work-process:nth-child(3) .work-process-icon {
    background-image: url(images/process-images/process-3.png);
}

.work-process-content .single-work-process:nth-child(4) .work-process-icon {
    background-image: url(images/process-images/process-4.png);
}

.work-process-content .single-work-process:last-child .work-process-icon {
    background-image: url(images/process-images/process-5.png);
}

.work-process-icon {
    background-position: center center;
    background-size: auto 100%;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 140px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 140px;
}

.work-process-icon:after {
    background: rgba(255, 255, 255, 0.7);
    content: "";
    height: 2px;
    left: calc(100% + 10px);
    position: absolute;
    top: 50%;
    width: 98px;
}

.work-process-icon > i {
    background: rgba(44, 62, 80, 0.7);
    border-radius: 50%;
    color: #fff;
    font-size: 36px;
    height: 130px;
    line-height: 130px;
    width: 130px;
}

.work-process-icon:hover {
    border-color: #3498db;
}

.work-process-icon:hover i {
    color: #3498db;
}

.work-process-content .single-work-process:last-child .work-process-icon:after {
    display: none;
}

.work-process-icon:hover {
    background-position: center center;
    background-size: auto 130%;
}

.single-work-process h6 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}


/* ==============
6. Portfolio CSS
============== */

/*.portfolio-filter ul {
    list-style: none;
    text-align: center;
    margin: 55px 0;
}

.portfolio-filter ul li {
    border: 1px solid #ccc;
    border-radius: 50px;
    color: #6f6f6f;
    cursor: pointer;
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 5px 4px;
    padding: 10px 30px;
    -webkit-transition: all 600ms ease 0s;
    transition: all 600ms ease 0s;
}

.portfolio-filter ul li.active {
    color: #fff;
    background: #3498db none repeat scroll 0 0;
    border-color: #3498db;
}

.portfolio-filter ul li:hover {
    color: #fff;
    background: #3498db none repeat scroll 0 0;
    border: 1px solid transparent;
}*/
.portfolio-filter ul  li{
    display: inline-block;
    padding: 5px 15px;
    cursor: pointer;
    color: #111;
    opacity: 0.7;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.portfolio-filter ul  li.active{
    color: #111;
    opacity: 1;
}
.portfolio-filter ul  li:before,
.portfolio-filter ul  li:after{
    width: 40px;
    height: 100%;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    transition: all 0.5s ease-in-out; 
    opacity: 0;
    visibility: hidden;
}
.portfolio-filter ul  li:before{
    border-top: 1px solid #111;
    border-left: 1px solid #111;
}
.portfolio-filter ul  li:after{
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    left: auto;
    top: auto;
    right: 3px;
    bottom: 3px;
}
.portfolio-filter ul  li.active:before,
.portfolio-filter ul  li.active:after{
    opacity: 1;
    visibility: visible;
}
.portfolio-filter ul  li.active:before{
    left: 0;
    top: 0;
}
.portfolio-filter ul  li.active:after{
    right: 0;
    bottom: 0;
}

#content {
    margin-left: -1px;
    margin-top: -1px;
}

#content .mix {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    display: none;
}

.portfolio-item figure {
    position: relative;
    overflow: hidden;
    margin: 0;
}

.portfolio-item figure:hover:after {
    border-color: rgba(33, 194, 248, .8);
}

.portfolio-item figure:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 13px solid transparent;
}

.portfolio-item figure img {
    width: 100%;
}

.portfolio-item figcaption.portfolio-overlay {
    background: rgba(0, 48, 64, 0.9);
    color: #6f6f6f;
    height: calc(100% - 50px);
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 26px;
    top: 25px;
    -webkit-transition: all 0.8s ease-in-out 0s;
    transition: all 0.8s ease-in-out 0s;
    width: calc(100% - 52px);
    z-index: 9;
}

.portfolio-overlay .portfolio-caption {
    position: relative;
    top: calc(50% - 58px);
}

.portfolio-item figure:hover figcaption.portfolio-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

figcaption.portfolio-overlay a {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 5px;
    color: #fff;
}

figcaption.portfolio-overlay a i {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 45px;
    line-height: 42px;
    text-align: center;
    width: 45px;
    -webkit-transition: .35s;
    transition: .35s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

figcaption.portfolio-overlay a i:hover {
    background: #3498db;
    border-color: transparent;
}

.portfolio-item figure:hover figcaption.portfolio-overlay a i {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

figcaption.portfolio-overlay h6 {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-transition: 500ms;
    transition: 500ms;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    font-family: "Ubuntu", sans-serif;
}

.portfolio-item figure:hover figcaption.portfolio-overlay h6 {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

figcaption.portfolio-overlay p {
    color: #fff;
    margin-top: 7px;
    margin-bottom: 0;
    font-weight: 600;
    -webkit-transition: .40s;
    transition: .40s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.portfolio-item figure:hover figcaption.portfolio-overlay p {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


/* ===========================
    7.0 Purchase Area CSS
=========================== */

#purchase-area {
   /* background: url("images/parallax/mano.jpg") no-repeat fixed center center / cover;*/
    text-align: center;
    background-attachment: fixed;
}

#purchase-area img {
    display: inline-block;
}

#purchase-area h2 {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    letter-spacing: 1.15px;
    padding-left: 20px;
    padding-right: 25px;
    vertical-align: middle;
}
#purchase-area p {
    font-size: 15px;
    color: #fff;
   
}


/* ================
Start Services CSS
================ */

#services-area .section-padding {
    padding-bottom: 60px;
}

#services-area .section_title_black p {
    margin-bottom: 0px;
}

#services-area .single_service_area,
.single_service_area .service_icon i,
.single_service_area .service_text > h6,
.single_service_area .service_text > p {
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

#services-area .single_service_area {
    background-color: #f7f7f7;
    border: 8px solid #f4f4f4;
    padding: 40px 25px 35px;
    text-align: center;
    margin: 15px 0;
}

.single_service_area .service_icon i {
    color: #3498db;
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 50px;
}

.single_service_area .service_text > h6 {
    color: #2c3e50;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
}

.single_service_area .service_text > p {
    color: #6f6f6f;
    line-height: 24px;
    padding-top: 15px;
}

#services-area .single_service_area:hover {
    background-color: #3498db;
    border: 8px solid #52a7e0;
}

#services-area .single_service_area:hover .service_icon i {
    color: #fff;
}

#services-area .single_service_area:hover .service_text > h6 {
    color: #fff;
}

#services-area .single_service_area:hover .service_text > p {
    color: #fff;
}

#services-area .single_service_area:nth-child(4),
#services-area .single_service_area:nth-child(5),
#services-area .single_service_area:nth-child(6) {
    margin-bottom: 0;
}


/* ==================
8. Our Team CSS
=================== */

.our-team-img-tab ul {
    list-style: none;
}

.our-team-img-tab ul li a {
    display: block;
    border-right: 2px solid #fff;
}

.our-team-img-tab ul li a img {
    border-bottom: 4px solid #999999;
    -webkit-filter: grayscale(1);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray;
    -webkit-transition: .5s;
    transition: .5s;
}

.our-team-img-tab ul li.active a img {
    border-bottom: 4px solid #3498db;
    -webkit-filter: grayscale(0);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.our-team-img-tab ul li:hover a img {
    -webkit-filter: grayscale(0);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.our-team-img-tab ul li:after {
    position: absolute;
    content: "";
    width: 28px;
    height: 13px;
    background: url(images/our-team-indicator.png);
    bottom: -56px;
    right: calc( 50% - 14px);
    visibility: hidden;
    -webkit-transition: .36s;
    transition: .36s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.our-team-img-tab ul li.active:after {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.our-team-content {
    background: url(images/core-images/bg-image.jpg) no-repeat fixed center center / cover;
    background-attachment: fixed;
}

.single-team-info {
    margin: 65px 0;
}

.single-team-info h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 15px;
    margin: 0 0 10px;
    font-family: "Ubuntu", sans-serif;
}

.single-team-info p span {
    display: block;
    line-height: 18px;
    margin: 0;
    padding-bottom: 12px;
}

.single-team-info p {
    color: #cccccc;
    line-height: 30px;
    margin: 0;
}

.team-social-icon {
    border-top: 1px solid #4e7483;
    margin-top: 12px;
}

.team-social-icon a {
    display: inline-block;
    margin-top: 11px;
}

.team-social-icon a i {
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    -webkit-transition: .35s;
    transition: .35s;
}

.team-social-icon a i:hover {
    color: #3498db;
}

.single-team-skills {
    overflow: hidden;
    margin: 65px 0;
}

.single-team-skills .progress-bar {
    background: #3498db;
}

.single-team-skills .progress .lead {
    color: #ccc;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    position: absolute;
    top: -32px;
}

.single-team-skills .progress {
    background-color: #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    height: 5px;
    margin-top: 30px;
    margin-bottom: 56px;
    overflow: visible;
    position: relative;
}

.single-team-skills .progress:last-child {
    margin-bottom: 0;
}

.single-team-skills .progress-bar > span {
    background: #3498db none repeat scroll 0 0;
    float: right;
    font-size: 11px;
    margin-right: -15px;
    margin-top: -26px;
    position: relative;
    padding: 0 5px;
}

.single-team-skills .progress-bar > span:before,
.single-team-skills .progress-bar > span:after {
    border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

.single-team-skills .progress-bar > span:before {
    border-top-color: #3498db;
    border-width: 5px;
    left: calc( 50% - 5px);
}


/* ============================================
9. Blog CSS
===============================================*/

.single-blog {
    position: relative;
    border: 1px solid #ebebeb;
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

.single-blog:hover {
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
}

.single-blog img {
    padding: 10px;
}

.blog-status-bar {
    background: #000 none repeat scroll 0 0;
   /* border-radius: 25px;*/
    color: #fff;
    margin-left: calc(50% - 175px);
    margin-top: -25px;
    position: absolute;
    line-height: 30px;
    padding: 0 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .36s;
    transition: .36s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.single-blog:hover .blog-status-bar {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
}

.blog-status-bar span i {
    font-size: 14px;
    margin-right: 7px;
}

.blog-status-bar > span {
    margin-left: 47px;
}

.blog-status-bar > span:first-child {
    margin-left: 0;
}

.blog-title > h3 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 19px;
    font-family: "Ubuntu", sans-serif;
}

.blog-title > h3 a {
    color: #3e4044;
}

.blog-title > h3 a:hover,
.blog-title p a:hover {
    color: #3498db;
}

.blog-title p {
    color: #6f6f6f;
    display: inline-block;
    margin: 11px 5px;
}

.blog-title p a {
    color: #676c75;
}

.blog-title p i {
    font-size: 16px;
    margin: 0 10px;
    color: #000;
}

.blog-title .fa-tags {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.blog-details > p {
    color: #6f6f6f;
    line-height: 30px;
    padding: 0 35px 20px 35px;
    margin-top: 10px;
}

.single-blog .blog_button {
    bottom: -10px;
    left: calc(50% - 50px);
    margin: 0 auto;
    /*position: absolute;*/
    z-index: 9;
}

.single-blog .blog_button > a {
       border: 1px solid #111;
    background-color: #111;
    display: inline-block;
    padding: 10px 30px;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    
}

.single-blog:hover .blog_button > a {
   /* border: 1px solid transparent;
    background-color: #fff;
    color: #fff;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);*/
    color: #FFF;
  box-shadow: inset 200px 0px 0px 1px #1E1E1E, inset -200px 0px 0px 1px #1E1E1E;
  opacity: 1;
}

.size-div{
    height: 700px;
}


/* ============================================
10.               Start Amazing Facts CSS
===============================================*/

#amazing-facts-area {
    /*background: url(images/parallax/negro.jpg) no-repeat fixed center center / cover;*/
    margin-top: 90px;
}

.single-counter {
    width: 20%;
    height: auto;
}

.single-counter i {
    border-radius: 50%;
    color: #fff;
    font-size: 36px;
    height: 114px;
    line-height: 114px;
    position: relative;
    text-align: center;
    width: 114px;
    margin-bottom: 35px;
}

.single-counter i:after {
    border: 5px solid rgba( 0, 0, 0, 0.20);
    border-radius: 50%;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-transition: .36s;
    transition: .36s;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99);
}

.single-counter i:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

.single-counter h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.single-counter h6 {
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    font-family: "Ubuntu", sans-serif;
}

.project-counte i {
    background: #3498db;
}

.clients-counte i {
    background: #e2778f;
}

.coffee-counte i {
    background: #b983d6;
}

.services-counte i {
    background: #76c5b8;
}

.facebook-counte i {
    background: #ff5b40;
}


/* ===========
sonarEffect
============ */

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
        filter: alpha(opacity=30);
    }
    40% {
        opacity: 0.5;
        filter: alpha(opacity=50);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
        filter: alpha(opacity=30);
    }
    40% {
        opacity: 0.5;
        filter: alpha(opacity=50);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}


/* ====================
11.  Start Pricing CSS
===================== */

.plan,
.plan .price,
.plan .price h2,
.plan .price:before {
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

.plan {
    border: 1px solid #f3f3f3;
}

.plan .head {
    border-bottom: 1px solid #f2f2f2;
}

.plan .head h3 {
    color: #6f6f6f;
    font-size: 16px;
    padding: 15px 0;
}

.plan .price {
    position: relative;
    background-color: #f3f3f3;
}

.plan .price:before {
    border-bottom: 7px solid #f3f3f3;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    left: calc(50% - 8px);
    position: absolute;
    top: -7px;
    width: 0;
}

.plan .price h2 {
    font-weight: 500;
    padding: 40px 0;
    color: #2c3e50;
    font-family: "Ubuntu", sans-serif;
}

.plan .price h2 span {
    font-size: 16px;
}

.plan ul {
    list-style: outside none none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    margin-top: 0;
}

.plan ul li {
    border-bottom: 1px solid #ebebeb;
    color: #6f6f6f;
    font-size: 12px;
    margin: 0 auto;
    padding: 15px 0;
    width: 239px;
}

.plan ul > li > span {
    font-weight: 600;
}

.choose_a_plan_button {
    margin: 30px 0;
}

.choose_a_plan_button > a {
    border: 1px solid #ccc;
    padding: 8px 20px;
    color: #6f6f6f;
    font-size: 13px;
    border-radius: 50px;
}

#pricing-area .col-md-3:last-child .plan {
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #3498db;
}

#pricing-area .col-md-3:last-child .plan .price {
    background-color: #3498db;
}

#pricing-area .col-md-3:last-child .plan .choose_a_plan_button > a {
    border: 1px solid transparent;
    background-color: #3498db;
    color: #fff;
}

#pricing-area .col-md-3:last-child .plan .price:before {
    border-bottom: 7px solid #3498db;
}

#pricing-area .col-md-3:last-child .plan .price h2 {
    color: #fff;
}

.plan:hover {
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #3498db;
}

.plan:hover .choose_a_plan_button > a {
    border: 1px solid transparent;
    background-color: #3498db;
    color: #fff;
}

.plan:hover .price {
    background-color: #3498db;
}

.plan:hover .price:before {
    border-bottom: 7px solid #3498db;
}

.plan:hover .price h2 {
    color: #fff;
}


/* ================================
    12. Start Testimonials CSS
================================ */

#testimonials-area {
    background: url(images/core-images/bg-image.jpg) no-repeat fixed center center / cover;
    background-attachment: fixed;
}

#quote-carousel {
    padding: 0 10px 100px;
}

.testimonial-icon i {
    color: #fff;
    font-size: 48px;
    line-height: 35px;
}

#testimonials-area .item blockquote {
    border-left: none;
    margin: 0;
    font-style: normal;
    padding-bottom: 0;
}

.testimonial-content {
    position: relative;
}

.testimonial-content h3 {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 30px;
    margin-top: 35px;
    padding: 0 10px;
    line-height: 36px;
    font-family: "Ubuntu", sans-serif;
}

.client-photo {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 5px;
}

.client-photo > img {
    border-radius: 50%;
}

.testimonial-content p {
    color: #fff;
    font-size: 16px;
    margin: 8px 0 0;
    font-family: "Ubuntu", sans-serif;
}

.testimonial-content:before {
    color: #fff;
    content: "\f10d";
    font-family: FontAwesome;
    left: -15px;
    top: 0;
    position: absolute;
    font-size: 18px;
}

.testimonial-content:after {
    color: #fff;
    content: "\f10e";
    font-family: FontAwesome;
    right: -15px;
    top: 0;
    position: absolute;
    font-size: 18px;
}


/* ========================
    13.0 Partner Section
======================== */

#partner_carousel_area {
    background: #3498db;
    padding: 38px 0;
}

.single_partner {
    text-align: center;
    -webkit-filter: grayscale(1);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray;
}

.single_partner:hover {
    -webkit-filter: grayscale(0);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.single_partner > a {
    display: inline-block;
    margin-bottom: -4px;
}

#partner_carousel_area .single_partner img {
    width: auto;
}

#partner_carousel_area .owl-carousel .owl-controls .owl-nav .owl-prev,
#partner_carousel_area .owl-carousel .owl-controls .owl-nav .owl-next {
    background-color: transparent;
    height: auto;
    line-height: inherit;
}

#partner_carousel_area .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: -25px;
}

#partner_carousel_area .owl-carousel .owl-controls .owl-nav .owl-next {
    right: -25px;
}

#partner_carousel_area .owl-carousel .owl-controls .owl-nav .owl-prev i,
#partner_carousel_area .owl-carousel .owl-controls .owl-nav .owl-next i {
    font-size: 23px;
}


/* =========================
14. Start Contact Form CSS
==========================*/

.contact-form input[type="text"] {
    /*border: 1px solid #c2c2c2;
    border-radius: 6px;
    color: #6f6f6f;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    height: 60px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;*/

    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #555;
    color: #444;
    padding: 10px;
    width: 100%
}

.contact-form input[type="email"] {
    /*border: 1px solid #c2c2c2;
    border-radius: 6px;
    color: #6f6f6f;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    height: 60px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;*/

    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #555;
    color: #444;
    padding: 10px;
    width: 100%
}

.contact-form input:focus,
.contact-form textarea#message:focus {
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1);
}

.black{
    color: #444 !important;
}

.contact-form textarea#message {
    /*border: 1px solid #c2c2c2;
    height: 260px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
    padding-top: 15px;
    font-size: 14px;
    color: #6f6f6f;
    border-radius: 5px;
    font-family: "Ubuntu", sans-serif;*/

    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #555;
    color: #444;
    height: 260px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
    padding-top: 15px;
}

.contact-form input[type="submit"],
.submit-btn > a {
    /*background: transparent none repeat scroll 0 0;
    border: 1px solid #c2c2c2;
    border-radius: 30px;
    color: #6f6f6f;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    line-height: 55px;
    margin-bottom: 50px;
    padding: 0 37px;*/
        /*border: 1px solid #111;
    background-color: #111;
    display: inline-block;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;*/

    
}

.contact-form input[type="submit"]:hover {
    /*background: #3498db;
    color: #fff;
    border: 1px solid transparent;*/
}

.contact-info {
    background: #3498db;
    color: #fff;
    position: relative;
}

.contact-info .info-icon i {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 36px;
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 50%;
}

.contact-info .info-details h6 {
    color: #fff;
    font-size: 14px;
    margin-top: 25px;
    margin-left: 10px;
}

.info-details {
    overflow: hidden;
}

.info-details h6.custom-margin {
    margin-top: 10px;
}

.contact-info:after {
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #3498db;
    bottom: -24px;
    content: "";
    height: 0;
    left: calc(50% - 24px);
    position: absolute;
    width: 0;
    z-index: 111;
}

#contactgoogleMap {
    height: 343px;
}


/* =====================
15. Start Footer CSS
===================== */

#footer_area {
    background: #000;
}

.footer-content {
    padding: 40px 0;
}

.footer-content hr {
    background: #24c3f8 none repeat scroll 0 0;
    border: medium none;
    display: block;
    height: 3px;
    margin: 22px auto 16px;
    opacity: 0.05;
    filter: alpha(opacity=5);
    width: 80px;
}

.footer-content h6 {
    color: #fff;
    margin-bottom: 18px;
    font-size: 14px;
}

.subscribe input[type="text"] {
    background: #002430 none repeat scroll 0 0;
    border: 1px solid rgba(49, 170, 226, 0.05);
    border-radius: 20px 0 0 20px;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    height: 46px;
    margin: 0;
    padding-left: 28px;
    width: 25%;
}

.subscribe input[type="submit"] {
    background: #cccccc;
    border: 1px solid #cccccc;
    border-radius: 0 20px 20px 0;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 35px -5px;
    padding: 0 20px;
    height: 46px;
}

.subscribe input[type="submit"]:hover {
    background: #3498db;
    border: 1px solid #3498db;
}

.footer-icon a i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 25px;
    color: #1c272a;
    font-size: 24px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
    margin: 0 10px;
    /* text-shadow: 6px 3px 5px #333; */
    -webkit-transition: .36s;
    transition: .36s;
    overflow: hidden;
    /*text-shadow: 1px 1px rgba(0, 0, 0, 0.05), 2px 2px rgba(0, 0, 0, 0.05), 3px 3px rgba(0, 0, 0, 0.05), 4px 4px rgba(0, 0, 0, 0.05), 5px 5px rgba(0, 0, 0, 0.05), 6px 6px rgba(0, 0, 0, 0.05), 7px 7px rgba(0, 0, 0, 0.05), 8px 8px rgba(0, 0, 0, 0.05), 9px 9px rgba(0, 0, 0, 0.05), 10px 10px rgba(0, 0, 0, 0.05), 11px 11px rgba(0, 0, 0, 0.05), 12px 12px rgba(0, 0, 0, 0.05), 13px 13px rgba(0, 0, 0, 0.05), 14px 14px rgba(0, 0, 0, 0.05), 15px 15px rgba(0, 0, 0, 0.05), 16px 16px rgba(0, 0, 0, 0.05), 17px 17px rgba(0, 0, 0, 0.05), 18px 18px rgba(0, 0, 0, 0.05), 19px 19px rgba(0, 0, 0, 0.05), 20px 20px rgba(0, 0, 0, 0.05), 21px 21px rgba(0, 0, 0, 0.05), 22px 22px rgba(0, 0, 0, 0.05), 23px 23px rgba(0, 0, 0, 0.05), 24px 24px rgba(0, 0, 0, 0.05), 25px 25px rgba(0, 0, 0, 0.05);*/
}

.footer-icon a i:hover {
    color: #fff;
}

.footer-icon a i.facebook:hover {
    background: #3b5998;
}

.footer-icon a i.twitter:hover {
    background: #00aced;
}

.footer-icon a i.google-plus:hover {
    background: #dd4b39;
}

.footer-icon a i.linkedin:hover {
    background: #007bb5;
}

.footer-icon a i.instagram:hover {
    background: #125688;
}

.footer-icon a i.whatsapp:hover {
    background: #4CAF50;
}

.footer-icon a i.youtube:hover {
    background: #bb0000;
}

.footer-icon a i.pinterest:hover {
    background: #cb2027;
}

.footer-bottom {
    border-top: 1px solid #0d2f3b;
}

.footer-bottom.text-center > p {
    background: #232424 none repeat scroll 0 0;
    color: #ccc;
    margin: 0;
    padding: 28px 0;
}

.footer-bottom.text-center a {
    color: #ddd;
}

.footer-bottom.text-center a:hover {
    color: #3498db;
}


/* =======================
16. Start Single Blog CSS
======================== */
#blog-area{
    background: #f6f6f6;
}
.singl-blog-top-bg-area {
    background: url(images/blog-images/blog-breadcumb.jpg) no-repeat center center;
    position: relative;
    margin-top: -100px;
}

.singl-blog-top-bg-area h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    padding: 185px 0 95px;
}

.singl-blog-top-bg-area p {
    color: #3498db;
    padding: 40px 0;
    font-weight: 500;
    font-size: 18px;
}

.singl-blog-top-bg-area p a {
    color: #3498db;
}

#blog-carousel {
    padding: 5px;
    border: 1px solid #ededed;
    margin: 100px 0;
}

.blog-slide-control {
    background: #33ccff none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    left: -10px;
    margin-top: -8px;
    padding: 8px 16px;
    position: absolute;
    top: 50%;
}

.blog-slide-control.right {
    left: auto;
    right: -10px;
}

.blog-slide-control:hover {
    background: #333;
    color: #fff;
}

.singl-blog-title h3 {
    color: #404040;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 42px;
}

.singl-blog-status-bar {
    background: #ededed none repeat scroll 0 0;
    margin-bottom: 40px;
    position: relative;
}

.singl-blog-status-bar span {
    display: inline-block;
    padding: 20px;
    font-size: 14px;
    color: #6f6f6f;
}

.singl-blog-status-bar span i {
    margin-right: 10px;
    color: #6f6f6f;
    font-size: 18px;
}

.singl-blog-details p {
    color: #666;
    font-size: 14px;
    margin: 0;
    padding-bottom: 25px;
    line-height: 25px;
    letter-spacing: .8px;
}

.singl-blog-details blockquote p {
    padding-bottom: 0;
}

.singl-blog-details blockquote {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #23c2f8;
    margin-bottom: 40px;
}

.tag-share {
    overflow: hidden;
}

.blog-tag span {
    color: #666;
    font-size: 14px;
    padding: 0 10px;
}

.blog-tag button {
    background: #3498db;
    border: medium none transparent;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 4px;
    padding: 0 20px;
}

.tag-share {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    padding: 5px 0;
}

.blog-tag {
    padding: 9px 0;
}

.blog-share button {
    margin: 0 5px;
}

.blog-share button.like {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 25px;
    color: #6f6f6f;
    font-size: 10px;
    padding: 10px 0;
}

.blog-share button.like i {
    color: #3498db;
    font-size: 14px;
    margin: 0 20px;
}

.blog-share button.like span {
    background: #999 none repeat scroll 0 0;
    font-size: 10px;
    margin: 0 20px;
}

.blog-share button.share {
    background: #225b99 none repeat scroll 0 0;
    border: medium none transparent;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
}

.blog-share button.tweet {
    background: #00adf2 none repeat scroll 0 0;
    border: medium none transparent;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
}

.blog-share button.share i,
.blog-share button.tweet i {
    font-size: 14px;
    padding: 0 20px 0 0;
}


/* enable absolute positioning */

.inner-addon {
    position: relative;
}


/* style icon */

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}


/* align icon */

.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}


/* add padding  */

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}


/* Preloader CSS */


/* This only works with JavaScript,  if it's not present, don't show loader */

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

div#preloader {
    overflow: hidden;
    background-color: #000;
    background-image: url(images/core-images/loader2.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999;
}


/* Recent Post */

#about-author .media,
#comments .media {
    overflow: visible;
}

#recent-post {
    padding-top: 50px;
}

.recent-post-section-title h4 {
    font-size: 18px;
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 40px;
}

.recent-post-carousel-container {
    padding: 6px 0;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.item.recent-post-single {
    padding: 16px 10px 16px 40px;
}

#recent-post .owl-stage .active + .active {
    border-left: 1px solid #e5e5e5;
}

.item.recent-post-single h5 {
    color: #3d4d65;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
}

.item.recent-post-single p {
    color: #a1b1bc;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    background-color: #333333;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.owl-carousel .owl-controls .owl-nav .owl-prev i,
.owl-carousel .owl-controls .owl-nav .owl-next i {
    font-size: 19px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
    background-color: #33ccff;
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* About Author */

#about-author {
    padding-top: 62px;
}

.about-author-title h4 {
    font-size: 18px;
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 35px;
}

#about-author .media-object,
#comments .media-object {
    max-width: 119px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#about-author .media-body .media-heading {
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 13px;
    line-height: 15px;
}

#about-author .media-body span {
    color: #a1b1bc;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 13px;
    display: block;
    line-height: 12px;
}

#about-author .media-body {
    padding-top: 10px;
}

#about-author .media-body p {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

#about-author .media-left,
.media > .pull-left {
    padding-right: 30px;
}


/* Comments */

#comments {
    padding-top: 70px;
}

.comments-title h4 {
    font-size: 18px;
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 40px;
}

.comments-title h4 img {
    margin-right: 14px;
    max-width: 28px;
}

.comments-title {
    display: inline-block;
}

.leave-a-comment {
    float: right;
}

.leave-a-comment span {
    font-size: 14px;
    font-weight: 600;
    color: #999999;
}

.leave-a-comment i {
    color: #a1b1bc;
    font-size: 14.4px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #999999;
    border-radius: 6px;
    margin-right: 10px;
    vertical-align: middle;
}

.single-comment-box {
    padding: 20px 14px 20px 20px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    position: relative;
}

.single-comment-box:before {
    position: absolute;
    width: 25px;
    height: 1px;
    left: -9.5%;
    top: 50%;
    content: "";
    background-color: #eeeeee;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#comments .media-object {
    max-width: 72px;
}

#comments .media-body .media-heading {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 15px;
}

#comments .media-body .media-heading a {
    color: #333333;
}

#comments .media-body {
    padding-top: 13px;
}

#comments .media-body span {
    color: #a1b1bc;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 12px;
}

#comments .media-body p {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    display: inline-block;
}

#comments .media-left {
    padding-right: 25px;
}

.media-body p {
    margin: 0;
}

.media-body a.reply {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 50px;
    padding: 0 18px;
    float: right;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.media-body a.reply:hover {
    background-color: #3498db;
    color: #fff;
    border: 1px solid #3498db;
}

.media-bottom {
    margin-top: 17px;
}

.media-bottom p {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: justify;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.no-margin-bottom {
    margin-bottom: 0;
}


/* Contact Form */

.contact_info {
    padding-bottom: 60px;
}

.single_contact_info i {
    /*border: 1px solid rgba(191, 191, 191, 0.95);
    border-radius: 50%;*/
    color: #6f6f6f;
    font-size: 36px;
    height: 97px;
    line-height: 97px;
    text-align: center;
    width: 97px;
    margin-bottom: 17px;
}

.single_contact_info i:hover {
    background: #000;
    border-color: #fff;
    color: #fff;
}

.single_contact_info p {
    color: #6f6f6f;
    line-height: 24px;
    margin: 0;
}

.single_contact_info p a {
    color: #6f6f6f;
}

.single_contact_info p a:hover {
    color: #3498db;
}

#contact-form {
    padding-top: 85px;
}

.submit-btn > a {
    padding: 10px 37px;
}

.submit-btn > a:hover {
    background-color: #3498db;
    color: #fff;
}

.border-bottom-1 {
    margin-top: 70px;
    border-bottom: 1px solid #ececec;
}

.contact-form-title h4 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 18px;
    margin-bottom: 35px;
}

#contact-form .form-control {
    height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-image: none;
    box-shadow: none;
}

#contact-form .form-control:focus {
    box-shadow: none;
}

#contact-form .form-group {
    position: relative;
}

#contact-form .form-group input {
    text-indent: 40px;
}

#contact-form .form-group textarea {
    text-indent: 40px;
}

#contact-form .form-group i.fa {
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999999;
}

#contact-form .form-group {
    margin-bottom: 23px;
}

#contact-form::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999999;
    font-size: 15px;
    font-weight: 400;
}

#contact-form::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
    font-size: 15px;
    font-weight: 400;
}

#contact-form:-ms-input-placeholder {
    /* IE 10+ */
    color: #999999;
    font-size: 15px;
    font-weight: 400;
}

#contact-form:-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
    font-size: 15px;
    font-weight: 400;
}

.blog_comment_form #message {
    height: 238px;
    border-radius: 0;
    padding: 20px 0 0 12px;
}

.text-area i.fa {
    top: 20px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.submit-btn {
    text-align: center;
}

#prev-next {
    padding: 35px 0 90px;
}

.prev-next-content a {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #999999;
}

.prev-next-content a:hover {
    color: #3498db;
}

.prev-left a i,
.next-right a i {
    padding: 0 10px;
    font-weight: 700;
    font-size: 14px;
}


/*biplob*/

.singl-blog-post figure {
    margin: 0;
}

.blog-img {
    padding-top: 104px;
    padding-bottom: 56px;
}

.blog-img img {
    border-radius: 0;
}

.blog-details {
    text-align: left;
}

.singl-blog-status-bar a {
    color: #6f6f6f;
}

.singl-blog-status-bar a:hover,
.tags span a:hover,
.author-name > a:hover h5,
.commenter a.name:hover h5 {
    color: #3498db;
}

.singl-blog-status-bar:before,
.singl-blog-status-bar:after {
    position: absolute;
    content: "";
    left: 0;
    background: #ededed;
    width: 100%;
    height: 1px;
}

.singl-blog-status-bar:before {
    top: -3px;
}

.singl-blog-status-bar:after {
    bottom: -3px;
}

.singl-blog-status-bar > span:nth-child(4) {
    float: right;
}

.social-links {
    padding-left: 14px;
    display: inline-block;
}

.social-links li {
    display: inline-block;
    list-style: none;
}

.social-links li a {
    display: block;
}

.social-links a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.social-links li a i {
    color: #fff;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    box-shadow: 3px 3px 7px -5px #000;
}

.social-links li:nth-child(1) a i {
    background: #fdae46;
}

.social-links li:nth-child(2) a i {
    background: #607ec0;
}

.social-links li:nth-child(3) a i {
    background: #74bde0;
}

.social-links li:nth-child(4) a i {
    background: #ce4951;
}

.social-links li:nth-child(5) a i {
    background: #70b1bf;
}

.tag-share {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.tags .tags-title,
.share-promt {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    color: #404040;
    margin-right: 3px;
    font-size: 16px;
    line-height: 16px;
}

.tags {
    line-height: 51px;
    float: right;
}

.tags span a {
    color: #6f6f6f;
    margin-right: 3px;
    text-transform: lowercase;
}


/*about author*/

.about-author {
    padding-top: 60px;
}

.author-title,
.comment-title {
    padding-bottom: 35px;
}

.author-info {
    border: 1px solid #e8e8e8;
    padding: 13px;
}

.comments-wrapper {
    border: 1px solid #e8e8e8;
    padding: 20px 0 20px 20px;
}

.author-img,
.comment-img {
    max-width: 120px;
    max-height: 120px;
    float: left;
    margin-right: 30px;
}

.author-content,
.single-comment {
    float: left;
    width: calc(100% - 150px);
}

.author-name h5,
.commenter h5 {
    font-weight: 500;
}

.comment ul {
    padding: 0;
    margin: 0;
}

.comment ul li {
    list-style: none;
    margin-bottom: 28px;
}

.comment ul li:last-child {
    margin-bottom: 0;
}

.commenter {
    float: left;
}

.replay {
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 40px;
    color: #6f6f6f;
    float: right;
    font-size: 11px;
    height: 30px;
    letter-spacing: 0.6px;
    line-height: 28px;
    padding: 0 24px;
    text-transform: uppercase;
}

.replay:hover {
    background: #3498db;
    color: #fff;
}

.author-content > p,
.single-comment > p {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    clear: both;
}

.author-designation,
.comment-time {
    font-weight: 600;
    line-height: 26px;
    color: #a1b1bc;
    margin-bottom: 10px;
}


/*related posts*/

.related-post {
    padding-top: 60px;
}

.related-post-slider {
    padding-top: 34px;
}

.single-post {
    box-shadow: 6px -3px 16px -10px;
}

.single-post-img {
    position: relative;
}

.single-post-img:before,
.zoom {
    position: absolute;
}

.single-post-img:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(52, 152, 219, 0.9);
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    bottom: 100%;
}

.zoom {
    z-index: 3;
    top: calc(50% - 11px);
    left: calc(50% - 11px);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-delay: 0.3;
    transition-delay: 0.3;
}

.zoom i {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}

.single-post:hover .zoom {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
}

.single-post:hover .single-post-img:before {
    bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.zoom:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.related-post .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0;
}

.related-post .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0;
}

.related-post .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.related-post .owl-carousel .owl-controls .owl-nav .owl-next:hover {
    background: #3498db;
}

.related-post .owl-carousel .owl-controls .owl-nav .owl-prev,
.related-post .owl-carousel .owl-controls .owl-nav .owl-next {
    background: #dadada;
    top: calc(50% + 2px);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.related-post .owl-carousel .owl-controls .owl-nav .owl-prev i,
.related-post .owl-carousel .owl-controls .owl-nav .owl-next i {
    font-size: 28px;
}


/*comment*/

.comment {
    padding-top: 60px;
}

.author-name > a {
    display: inline-block;
}

.submit-btn a:hover {
    background: #3498db;
}


/* ============================================
17.1 Color Theme Orange
============================================ */

.CCorange #pricing-area .col-md-3:last-child .plan .choose_a_plan_button > a,
.CCorange #pricing-area .col-md-3:last-child .plan .price,
.CCorange .plan:hover .price,
.CCorange .plan:hover .choose_a_plan_button > a,
.CCorange .single-blog:hover .blog_button > a,
.CCorange .view_more_button > a:hover,
.CCorange .get_a_quote > a:hover,
.CCorange #services-area .single_service_area:hover,
.CCorange .mainmenu ul.nav li a:before,
.CCorange .mainmenu ul.nav li.active a:before,
.CCorange .features-content:hover i,
.CCorange .portfolio-filter ul li.active,
.CCorange .portfolio-filter ul li:hover,
.CCorange figcaption.portfolio-overlay a i:hover,
.CCorange .single-team-skills .progress-bar,
.CCorange .single-team-skills .progress-bar > span,
.CCorange .blog-status-bar,
.CCorange .single-blog:hover a.btn-sm,
.CCorange .plan:hover button,
.CCorange .contact-info,
.CCorange .btn:hover,
.CCorange .contact-form input[type="submit"]:hover,
.CCorange .subscribe input[type="submit"]:hover,
.CCorange #partner_carousel_area,
.CCorange .menu_open_close_search span .menuOpenClose,
.CCorange .menu_open_close_search span .menuOpenClose:before,
.CCorange .menu_open_close_search span .menuOpenClose:after,
.CCorange .single_contact_info i:hover,
.CCorange .navbar-toggle .icon-bar {
    background: #f39c12;
}

.CCorange .tp-simpleresponsive .tp-caption > a:hover {
    background: #f39c12 !important;
}

.CCorange #services-area .single_service_area:hover {
    border-color: #c38421;
}

.CCorange .navbar-default .navbar-nav > .active > a,
.CCorange .navbar-default .navbar-nav > .active > a:hover,
.CCorange .navbar-default .navbar-nav > .active > a:focus,
.CCorange .mainmenu ul.nav li a:hover,
.CCorange .mainmenu ul.nav li a:active,
.CCorange .search-box i,
.CCorange .menu_open_close_search span,
.CCorange .about-content h2 span,
.CCorange .about-content ul li i,
.CCorange .blog-title p i,
.CCorange .btn,
.CCorange .team-social-icon a i:hover,
.CCorange .work-process-icon:hover i,
.CCorange .blog-title > h3 a:hover,
.CCorange .blog-title p a:hover,
.CCorange .single_contact_info p a:hover,
.CCorange .footer-bottom.text-center a:hover,
.CCorange .single_service_area .service_icon i {
    color: #f39c12;
}

.CCorange .portfolio-item figure:hover:after {
    border-color: rgba(235, 150, 16, 0.9);
}

.CCorange .single_price_plan:hover,
.CCorange figcaption.portfolio-overlay a i:hover,
.CCorange .subscribe input[type="submit"]:hover,
.CCorange .work-process-icon:hover,
.CCorange .single_contact_info i:hover,
.CCorange .portfolio-filter ul li.active {
    border-color: #f39c12;
}

.CCorange .single-team-skills .progress-bar > span:before,
.CCorange .contact-info:after,
.CCorange .section_title_black h2:before {
    border-top-color: #f39c12;
}

.CCorange .mainmenu ul.nav li a:after,
.CCorange .mainmenu ul.nav li.active a:after,
.CCorange #main_slider_area,
.CCorange .our-team-img-tab ul li.active a img {
    border-bottom-color: #f39c12;
}

.CCorange .featureIcon {
    border-top-color: #f39c12;
    border-left-color: #f39c12;
}

.CCorange .plan:hover,
.CCorange #pricing-area .col-md-3:last-child .plan {
    border: 1px solid #f39c12;
}

.CCorange #pricing-area .col-md-3:last-child .plan .price:before,
.CCorange .plan:hover .price:before {
    border-bottom: 7px solid #f39c12;
}


/* ============================================
17.2 Color Theme Green
============================================ */

.CCred #pricing-area .col-md-3:last-child .plan .choose_a_plan_button > a,
.CCred #pricing-area .col-md-3:last-child .plan .price,
.CCred .plan:hover .price,
.CCred .plan:hover .choose_a_plan_button > a,
.CCred .plan:hover .choose_a_plan_button > a,
.CCred .single-blog:hover .blog_button > a,
.CCred .view_more_button > a:hover,
.CCred .get_a_quote > a:hover,
.CCred #services-area .single_service_area:hover,
.CCred .mainmenu ul.nav li a:before,
.CCred .mainmenu ul.nav li.active a:before,
.CCred .features-content:hover i,
.CCred .portfolio-filter ul li.active,
.CCred .portfolio-filter ul li:hover,
.CCred figcaption.portfolio-overlay a i:hover,
.CCred .single-team-skills .progress-bar,
.CCred .single-team-skills .progress-bar > span,
.CCred .blog-status-bar,
.CCred .single-blog:hover a.btn-sm,
.CCred .plan:hover button,
.CCred .contact-info,
.CCred .btn:hover,
.CCred .contact-form input[type="submit"]:hover,
.CCred .subscribe input[type="submit"]:hover,
.CCred #partner_carousel_area,
.CCred .menu_open_close_search span .menuOpenClose,
.CCred .menu_open_close_search span .menuOpenClose:before,
.CCred .menu_open_close_search span .menuOpenClose:after,
.CCred .single_contact_info i:hover,
.CCred .navbar-toggle .icon-bar {
    background-color: #e74c3c;
}

.CCred .tp-simpleresponsive .tp-caption > a:hover {
    background-color: #e74c3c !important;
}

.CCred #services-area .single_service_area:hover {
    border-color: #f44330;
}

.CCred .single_service_area .service_icon i,
.CCred .navbar-default .navbar-nav > .active > a,
.CCred .navbar-default .navbar-nav > .active > a:hover,
.CCred .navbar-default .navbar-nav > .active > a:focus,
.CCred .mainmenu ul.nav li a:hover,
.CCred .mainmenu ul.nav li a:active,
.CCred .search-box i,
.CCred .menu_open_close_search span,
.CCred .about-content h2 span,
.CCred .about-content ul li i,
.CCred .blog-title p i,
.CCred .btn,
.CCred .team-social-icon a i:hover,
.CCred .work-process-icon:hover i,
.CCred .blog-title > h3 a:hover,
.CCred .blog-title p a:hover,
.CCred .single_contact_info p a:hover,
.CCred .footer-bottom.text-center a:hover {
    color: #e74c3c;
}

.CCred .btn:hover {
    color: #fff;
}

.CCred .portfolio-item figure:hover:after {
    border-color: #b54135;
}

.CCred .single_price_plan:hover,
.CCred figcaption.portfolio-overlay a i:hover,
.CCred .contact-form input[type="submit"],
.CCred .subscribe input[type="submit"]:hover,
.CCred .work-process-icon:hover,
.CCred .single_contact_info i:hover,
.CCred .portfolio-filter ul li.active {
    border-color: #e74c3c;
}

.CCred .single-team-skills .progress-bar > span:before,
.CCred .contact-info:after,
.CCred .section_title_black h2:before {
    border-top-color: #e74c3c;
}

.CCred .mainmenu ul.nav li a:after,
.CCred .mainmenu ul.nav li.active a:after,
.CCred #main_slider_area,
.CCred .our-team-img-tab ul li.active a img {
    border-bottom-color: #e74c3c;
}

.CCred .featureIcon {
    border-top-color: #e74c3c;
    border-left-color: #e74c3c;
}

.CCred .plan:hover,
.CCred #pricing-area .col-md-3:last-child .plan {
    border: 1px solid #e74c3c;
}

.CCdarkblue #pricing-area .col-md-3:last-child .plan .choose_a_plan_button > a,
.CCdarkblue #pricing-area .col-md-3:last-child .plan .price,
.CCdarkblue .plan:hover .price,
.CCdarkblue .plan:hover .choose_a_plan_button > a {
    background-color: #e74c3c;
}

.CCred #pricing-area .col-md-3:last-child .plan .price:before,
.CCred .plan:hover .price:before {
    border-bottom: 7px solid #e74c3c;
}


/* ============================================
17.3 Color Theme Violet
============================================ */

.CCdarkblue #pricing-area .col-md-3:last-child .plan .choose_a_plan_button > a,
.CCdarkblue #pricing-area .col-md-3:last-child .plan .price,
.CCdarkblue .plan:hover .price,
.CCdarkblue .plan:hover .choose_a_plan_button > a,
.CCdarkblue .plan:hover .choose_a_plan_button > a,
.CCdarkblue .single-blog:hover .blog_button > a,
.CCdarkblue .view_more_button > a:hover,
.CCdarkblue .get_a_quote > a:hover,
.CCdarkblue #services-area .single_service_area:hover,
.CCdarkblue .mainmenu ul.nav li a:before,
.CCdarkblue .mainmenu ul.nav li.active a:before,
.CCdarkblue .features-content:hover i,
.CCdarkblue .portfolio-filter ul li.active,
.CCdarkblue .portfolio-filter ul li:hover,
.CCdarkblue figcaption.portfolio-overlay a i:hover,
.CCdarkblue .single-team-skills .progress-bar,
.CCdarkblue .single-team-skills .progress-bar > span,
.CCdarkblue .blog-status-bar,
.CCdarkblue .single-blog:hover a.btn-sm,
.CCdarkblue .plan:hover button,
.CCdarkblue .contact-info,
.CCdarkblue .btn:hover,
.CCdarkblue .contact-form input[type="submit"]:hover,
.CCdarkblue .subscribe input[type="submit"]:hover,
.CCdarkblue #partner_carousel_area,
.CCdarkblue .menu_open_close_search span .menuOpenClose,
.CCdarkblue .menu_open_close_search span .menuOpenClose:before,
.CCdarkblue .menu_open_close_search span .menuOpenClose:after,
.CCdarkblue .single_contact_info i:hover,
.CCdarkblue .navbar-toggle .icon-bar {
    background-color: #2c3e50;
}

.CCdarkblue .tp-simpleresponsive .tp-caption > a:hover {
    background-color: #2c3e50 !important;
}

.CCdarkblue .single_service_area .service_icon i,
.CCdarkblue .mainmenu ul.nav li a:hover,
.CCdarkblue .mainmenu ul.nav li a:active,
.CCdarkblue .search-box i,
.CCdarkblue .menu_open_close_search span,
.CCdarkblue .about-content h2 span,
.CCdarkblue .about-content ul li i,
.CCdarkblue .blog-title p i,
.CCdarkblue .btn,
.CCdarkblue .team-social-icon a i:hover,
.CCdarkblue .blog-title > h3 a:hover,
.CCdarkblue .blog-title p a:hover,
.CCdarkblue .single_contact_info p a:hover,
.CCdarkblue .footer-bottom.text-center a:hover {
    color: #2c3e50;
}

.CCdarkblue .btn:hover {
    color: #fff;
}

.CCdarkblue .portfolio-item figure:hover:after {
    border-color: rgba(44, 62, 80, 0.9);
}

.CCdarkblue #services-area .single_service_area:hover,
.CCdarkblue .single_price_plan:hover,
.CCdarkblue figcaption.portfolio-overlay a i:hover,
.CCdarkblue .subscribe input[type="submit"]:hover,
.CCdarkblue .single_contact_info i:hover,
.CCdarkblue .portfolio-filter ul li.active {
    border-color: #2c3e50;
}

.CCdarkblue .single-team-skills .progress-bar > span:before,
.CCdarkblue .contact-info:after,
.CCdarkblue .section_title_black h2:before {
    border-top-color: #2c3e50;
}

.CCdarkblue .mainmenu ul.nav li a:after,
.CCdarkblue .mainmenu ul.nav li.active a:after,
.CCdarkblue #main_slider_area,
.CCdarkblue .our-team-img-tab ul li.active a img {
    border-bottom-color: #2c3e50;
}

.CCdarkblue .featureIcon {
    border-top-color: #2c3e50;
    border-left-color: #2c3e50;
}

.CCdarkblue .plan:hover,
.CCdarkblue #pricing-area .col-md-3:last-child .plan {
    border: 1px solid #2c3e50;
}

.CCdarkblue #pricing-area .col-md-3:last-child .plan .price:before,
.CCdarkblue .plan:hover .price:before {
    border-bottom: 7px solid #2c3e50;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?exl2wq');
  src:  url('fonts/icomoon.eot?exl2wq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?exl2wq') format('truetype'),
    url('fonts/icomoon.woff?exl2wq') format('woff'),
    url('fonts/icomoon.svg?exl2wq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 80px;
  color: #fff;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-m-BN:before {
  content: "\e902";
}
.icon-grupo-industrialdosmil-BN:before {
  content: "\e903";
}
.icon-grupo-pailero-BN:before {
  content: "\e904";
}
.icon-idento-BN:before {
  content: "\e905";
}
.icon-imagen-publica-BN:before {
  content: "\e906";
}
.icon-kia-BN:before {
  content: "\e907";
}
.icon-museo-del-automovil-BN:before {
  content: "\e908";
}
.icon-nissan-BN:before {
  content: "\e909";
}
.icon-opticas-union-BN .path1:before {
  content: "\e90a";
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path2:before {
  content: "\e90b";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path3:before {
  content: "\e90c";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path4:before {
  content: "\e90d";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path5:before {
  content: "\e90e";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path6:before {
  content: "\e90f";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path7:before {
  content: "\e910";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path8:before {
  content: "\e911";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path9:before {
  content: "\e912";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path10:before {
  content: "\e913";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path11:before {
  content: "\e914";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path12:before {
  content: "\e915";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path13:before {
  content: "\e916";
  margin-left: -2.669921875em;
  color: rgb(125, 127, 130);
  opacity: 0.0030;
}
.icon-opticas-union-BN .path14:before {
  content: "\e917";
  margin-left: -2.669921875em;
  color: rgb(123, 125, 127);
  opacity: 0.0045;
}
.icon-opticas-union-BN .path15:before {
  content: "\e918";
  margin-left: -2.669921875em;
  color: rgb(121, 123, 125);
  opacity: 0.0075;
}
.icon-opticas-union-BN .path16:before {
  content: "\e919";
  margin-left: -2.669921875em;
  color: rgb(119, 120, 123);
  opacity: 0.0090;
}
.icon-opticas-union-BN .path17:before {
  content: "\e91a";
  margin-left: -2.669921875em;
  color: rgb(117, 118, 121);
  opacity: 0.0120;
}
.icon-opticas-union-BN .path18:before {
  content: "\e91b";
  margin-left: -2.669921875em;
  color: rgb(116, 116, 118);
  opacity: 0.0135;
}
.icon-opticas-union-BN .path19:before {
  content: "\e91c";
  margin-left: -2.669921875em;
  color: rgb(114, 114, 116);
  opacity: 0.0165;
}
.icon-opticas-union-BN .path20:before {
  content: "\e91d";
  margin-left: -2.669921875em;
  color: rgb(112, 112, 114);
  opacity: 0.0180;
}
.icon-opticas-union-BN .path21:before {
  content: "\e91e";
  margin-left: -2.669921875em;
  color: rgb(110, 110, 112);
  opacity: 0.0210;
}
.icon-opticas-union-BN .path22:before {
  content: "\e91f";
  margin-left: -2.669921875em;
  color: rgb(108, 108, 110);
  opacity: 0.0225;
}
.icon-opticas-union-BN .path23:before {
  content: "\e920";
  margin-left: -2.669921875em;
  color: rgb(106, 106, 108);
  opacity: 0.0255;
}
.icon-opticas-union-BN .path24:before {
  content: "\e921";
  margin-left: -2.669921875em;
  color: rgb(104, 104, 106);
  opacity: 0.0270;
}
.icon-opticas-union-BN .path25:before {
  content: "\e922";
  margin-left: -2.669921875em;
  color: rgb(103, 102, 104);
  opacity: 0.0300;
}
.icon-opticas-union-BN .path26:before {
  content: "\e923";
  margin-left: -2.669921875em;
  color: rgb(101, 100, 102);
  opacity: 0.0315;
}
.icon-opticas-union-BN .path27:before {
  content: "\e924";
  margin-left: -2.669921875em;
  color: rgb(99, 98, 100);
  opacity: 0.0345;
}
.icon-opticas-union-BN .path28:before {
  content: "\e925";
  margin-left: -2.669921875em;
  color: rgb(97, 96, 98);
  opacity: 0.0360;
}
.icon-opticas-union-BN .path29:before {
  content: "\e926";
  margin-left: -2.669921875em;
  color: rgb(95, 94, 96);
  opacity: 0.0390;
}
.icon-opticas-union-BN .path30:before {
  content: "\e927";
  margin-left: -2.669921875em;
  color: rgb(94, 92, 94);
  opacity: 0.0405;
}
.icon-opticas-union-BN .path31:before {
  content: "\e928";
  margin-left: -2.669921875em;
  color: rgb(92, 91, 92);
  opacity: 0.0435;
}
.icon-opticas-union-BN .path32:before {
  content: "\e929";
  margin-left: -2.669921875em;
  color: rgb(90, 89, 90);
  opacity: 0.0450;
}
.icon-opticas-union-BN .path33:before {
  content: "\e92a";
  margin-left: -2.669921875em;
  color: rgb(88, 87, 88);
  opacity: 0.0480;
}
.icon-opticas-union-BN .path34:before {
  content: "\e92b";
  margin-left: -2.669921875em;
  color: rgb(87, 85, 86);
  opacity: 0.0495;
}
.icon-opticas-union-BN .path35:before {
  content: "\e92c";
  margin-left: -2.669921875em;
  color: rgb(85, 83, 85);
  opacity: 0.0525;
}
.icon-opticas-union-BN .path36:before {
  content: "\e92d";
  margin-left: -2.669921875em;
  color: rgb(83, 82, 83);
  opacity: 0.0540;
}
.icon-opticas-union-BN .path37:before {
  content: "\e92e";
  margin-left: -2.669921875em;
  color: rgb(82, 80, 81);
  opacity: 0.0570;
}
.icon-opticas-union-BN .path38:before {
  content: "\e92f";
  margin-left: -2.669921875em;
  color: rgb(80, 78, 79);
  opacity: 0.0585;
}
.icon-opticas-union-BN .path39:before {
  content: "\e930";
  margin-left: -2.669921875em;
  color: rgb(78, 76, 77);
  opacity: 0.0615;
}
.icon-opticas-union-BN .path40:before {
  content: "\e931";
  margin-left: -2.669921875em;
  color: rgb(77, 75, 76);
  opacity: 0.0630;
}
.icon-opticas-union-BN .path41:before {
  content: "\e932";
  margin-left: -2.669921875em;
  color: rgb(75, 73, 74);
  opacity: 0.0660;
}
.icon-opticas-union-BN .path42:before {
  content: "\e933";
  margin-left: -2.669921875em;
  color: rgb(73, 71, 72);
  opacity: 0.0675;
}
.icon-opticas-union-BN .path43:before {
  content: "\e934";
  margin-left: -2.669921875em;
  color: rgb(72, 70, 71);
  opacity: 0.0705;
}
.icon-opticas-union-BN .path44:before {
  content: "\e935";
  margin-left: -2.669921875em;
  color: rgb(70, 68, 69);
  opacity: 0.0720;
}
.icon-opticas-union-BN .path45:before {
  content: "\e936";
  margin-left: -2.669921875em;
  color: rgb(69, 67, 67);
  opacity: 0.0750;
}
.icon-opticas-union-BN .path46:before {
  content: "\e937";
  margin-left: -2.669921875em;
  color: rgb(67, 65, 66);
  opacity: 0.0780;
}
.icon-opticas-union-BN .path47:before {
  content: "\e938";
  margin-left: -2.669921875em;
  color: rgb(66, 64, 64);
  opacity: 0.0795;
}
.icon-opticas-union-BN .path48:before {
  content: "\e939";
  margin-left: -2.669921875em;
  color: rgb(64, 62, 63);
  opacity: 0.0825;
}
.icon-opticas-union-BN .path49:before {
  content: "\e93a";
  margin-left: -2.669921875em;
  color: rgb(63, 61, 61);
  opacity: 0.0840;
}
.icon-opticas-union-BN .path50:before {
  content: "\e93b";
  margin-left: -2.669921875em;
  color: rgb(61, 59, 60);
  opacity: 0.0870;
}
.icon-opticas-union-BN .path51:before {
  content: "\e93c";
  margin-left: -2.669921875em;
  color: rgb(60, 58, 58);
  opacity: 0.0885;
}
.icon-opticas-union-BN .path52:before {
  content: "\e93d";
  margin-left: -2.669921875em;
  color: rgb(59, 56, 57);
  opacity: 0.0915;
}
.icon-opticas-union-BN .path53:before {
  content: "\e93e";
  margin-left: -2.669921875em;
  color: rgb(57, 55, 56);
  opacity: 0.0930;
}
.icon-opticas-union-BN .path54:before {
  content: "\e93f";
  margin-left: -2.669921875em;
  color: rgb(56, 54, 54);
  opacity: 0.0960;
}
.icon-opticas-union-BN .path55:before {
  content: "\e940";
  margin-left: -2.669921875em;
  color: rgb(54, 52, 53);
  opacity: 0.0975;
}
.icon-opticas-union-BN .path56:before {
  content: "\e941";
  margin-left: -2.669921875em;
  color: rgb(53, 51, 51);
  opacity: 0.1005;
}
.icon-opticas-union-BN .path57:before {
  content: "\e942";
  margin-left: -2.669921875em;
  color: rgb(52, 49, 50);
  opacity: 0.1020;
}
.icon-opticas-union-BN .path58:before {
  content: "\e943";
  margin-left: -2.669921875em;
  color: rgb(50, 48, 49);
  opacity: 0.1050;
}
.icon-opticas-union-BN .path59:before {
  content: "\e944";
  margin-left: -2.669921875em;
  color: rgb(49, 47, 47);
  opacity: 0.1065;
}
.icon-opticas-union-BN .path60:before {
  content: "\e945";
  margin-left: -2.669921875em;
  color: rgb(48, 46, 46);
  opacity: 0.1095;
}
.icon-opticas-union-BN .path61:before {
  content: "\e946";
  margin-left: -2.669921875em;
  color: rgb(47, 44, 45);
  opacity: 0.111;
}
.icon-opticas-union-BN .path62:before {
  content: "\e947";
  margin-left: -2.669921875em;
  color: rgb(45, 43, 44);
  opacity: 0.114;
}
.icon-opticas-union-BN .path63:before {
  content: "\e948";
  margin-left: -2.669921875em;
  color: rgb(44, 42, 42);
  opacity: 0.1155;
}
.icon-opticas-union-BN .path64:before {
  content: "\e949";
  margin-left: -2.669921875em;
  color: rgb(43, 40, 41);
  opacity: 0.1185;
}
.icon-opticas-union-BN .path65:before {
  content: "\e94a";
  margin-left: -2.669921875em;
  color: rgb(42, 39, 40);
  opacity: 0.12;
}
.icon-opticas-union-BN .path66:before {
  content: "\e94b";
  margin-left: -2.669921875em;
  color: rgb(40, 38, 39);
  opacity: 0.123;
}
.icon-opticas-union-BN .path67:before {
  content: "\e94c";
  margin-left: -2.669921875em;
  color: rgb(39, 37, 37);
  opacity: 0.1245;
}
.icon-opticas-union-BN .path68:before {
  content: "\e94d";
  margin-left: -2.669921875em;
  color: rgb(38, 36, 36);
  opacity: 0.1275;
}
.icon-opticas-union-BN .path69:before {
  content: "\e94e";
  margin-left: -2.669921875em;
  color: rgb(37, 34, 35);
  opacity: 0.129;
}
.icon-opticas-union-BN .path70:before {
  content: "\e94f";
  margin-left: -2.669921875em;
  color: rgb(36, 33, 34);
  opacity: 0.132;
}
.icon-opticas-union-BN .path71:before {
  content: "\e950";
  margin-left: -2.669921875em;
  color: rgb(34, 32, 33);
  opacity: 0.1335;
}
.icon-opticas-union-BN .path72:before {
  content: "\e951";
  margin-left: -2.669921875em;
  color: rgb(33, 31, 31);
  opacity: 0.1365;
}
.icon-opticas-union-BN .path73:before {
  content: "\e952";
  margin-left: -2.669921875em;
  color: rgb(32, 30, 30);
  opacity: 0.138;
}
.icon-opticas-union-BN .path74:before {
  content: "\e953";
  margin-left: -2.669921875em;
  color: rgb(31, 28, 29);
  opacity: 0.141;
}
.icon-opticas-union-BN .path75:before {
  content: "\e954";
  margin-left: -2.669921875em;
  color: rgb(30, 27, 28);
  opacity: 0.1425;
}
.icon-opticas-union-BN .path76:before {
  content: "\e955";
  margin-left: -2.669921875em;
  color: rgb(29, 26, 27);
  opacity: 0.1455;
}
.icon-opticas-union-BN .path77:before {
  content: "\e956";
  margin-left: -2.669921875em;
  color: rgb(27, 25, 25);
  opacity: 0.147;
}
.icon-opticas-union-BN .path78:before {
  content: "\e957";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
  opacity: 0.15;
}
.icon-opticas-union-BN .path79:before {
  content: "\e958";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path80:before {
  content: "\e959";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path81:before {
  content: "\e95a";
  margin-left: -2.669921875em;
  color: rgb(109, 111, 114);
}
.icon-opticas-union-BN .path82:before {
  content: "\e95b";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path83:before {
  content: "\e95c";
  margin-left: -2.669921875em;
  color: rgb(0, 81, 111);
}
.icon-opticas-union-BN .path84:before {
  content: "\e95d";
  margin-left: -2.669921875em;
  color: rgb(0, 81, 111);
}
.icon-opticas-union-BN .path85:before {
  content: "\e95e";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path86:before {
  content: "\e95f";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-opticas-union-BN .path87:before {
  content: "\e960";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path88:before {
  content: "\e961";
  margin-left: -2.669921875em;
  color: rgb(109, 111, 114);
}
.icon-opticas-union-BN .path89:before {
  content: "\e962";
  margin-left: -2.669921875em;
  color: rgb(70, 71, 73);
}
.icon-opticas-union-BN .path90:before {
  content: "\e963";
  margin-left: -2.669921875em;
  color: rgb(26, 24, 24);
}
.icon-publicis-BN:before {
  content: "\e964";
}
.icon-renault-BN:before {
  content: "\e965";
}
.icon-vivens-BN:before {
  content: "\e900";
}
.icon-m-BN2:before {
  content: "\e901";
}
/*-- CIRCULO PARTICULAS-*/
.imagotipo{
  animation-name: myanimation;
  animation-duration: 18s;
  opacity: 0%
  /*background-color: #fff;*/
}

@keyframes myanimation {
  0%   {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    /*opacity: 50%;*/
  }
  50%  {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    opacity: 100%;
  }
  100%  {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    /*opacity: 100%;*/
  }
}

.logo-blanco{
  animation-delay: 13s;
  animation-name: logoblanco;
  animation-duration: 40s;
  opacity: 0%
}

.btn-submit{
    padding: 25px 120px 25px 60px !important;
    overflow: hidden !important;
    background: #fcad26 !important;
    color: #fff !important;
    border: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    cursor: pointer !important;
    display: inline-block !important;
    margin: 15px 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    outline: none !important;
    position: relative !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.btn-submit:before {
    left: auto;
    right: 10px;
    z-index: 2;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 3;
    font-size: 140%;
    width: 60px;
}

.icon-arrow-right:before {
    content: "\e00d";
}

.btn-submit:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@keyframes logoblanco {
  0%   {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    display: inherit;
    opacity: 50%;
  }
  50%  {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    opacity: 100%;
  }
  100%  {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    opacity: 100%;
  }
}

 .wrap {
   position: relative;
   top: 40%;
   left: 50%;
   width: 0;
   height: 0;
   transform-style: preserve-3d;
   perspective: 1000px;
   animation-delay: 2s;
   animation: rotate 14s /*infinite*/ linear;
}
 @keyframes rotate {
   100% {
     transform: rotateY(360deg) rotateX(360deg);
  }
}
 .celula {
   position: absolute;
   width: 2px;
   height: 2px;
   border-radius: 50%;
   opacity: 0;
}
 .celula:nth-child(1) {
   animation: orbit1 14s /*infinite*/;
   animation-delay: 0.01s;
   background-color: rgba(0, 254, 255, 1);
}
 @keyframes orbit1 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-13deg) rotateY(273deg) translateX(200px) rotateZ(13deg);
  }
   80% {
     transform: rotateZ(-13deg) rotateY(273deg) translateX(200px) rotateZ(13deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-13deg) rotateY(273deg) translateX(600px) rotateZ(13deg);
  }
}
 .celula:nth-child(2) {
   animation: orbit2 14s /*infinite*/;
   animation-delay: 0.02s;
   background-color: rgba(0, 254, 255, 1);
}
 @keyframes orbit2 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-160deg) rotateY(188deg) translateX(200px) rotateZ(160deg);
  }
   80% {
     transform: rotateZ(-160deg) rotateY(188deg) translateX(200px) rotateZ(160deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-160deg) rotateY(188deg) translateX(600px) rotateZ(160deg);
  }
}
 .celula:nth-child(3) {
   animation: orbit3 14s /*infinite*/;
   animation-delay: 0.03s;
   background-color: rgba(0, 253, 255, 1);
}
 @keyframes orbit3 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-297deg) rotateY(167deg) translateX(200px) rotateZ(297deg);
  }
   80% {
     transform: rotateZ(-297deg) rotateY(167deg) translateX(200px) rotateZ(297deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-297deg) rotateY(167deg) translateX(600px) rotateZ(297deg);
  }
}
 .celula:nth-child(4) {
   animation: orbit4 14s /*infinite*/;
   animation-delay: 0.04s;
   background-color: rgba(0, 253, 255, 1);
}
 @keyframes orbit4 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-105deg) rotateY(203deg) translateX(200px) rotateZ(105deg);
  }
   80% {
     transform: rotateZ(-105deg) rotateY(203deg) translateX(200px) rotateZ(105deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-105deg) rotateY(203deg) translateX(600px) rotateZ(105deg);
  }
}
 .celula:nth-child(5) {
   animation: orbit5 14s /*infinite*/;
   animation-delay: 0.05s;
   background-color: rgba(0, 252, 255, 1);
}
 @keyframes orbit5 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-130deg) rotateY(139deg) translateX(200px) rotateZ(130deg);
  }
   80% {
     transform: rotateZ(-130deg) rotateY(139deg) translateX(200px) rotateZ(130deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-130deg) rotateY(139deg) translateX(600px) rotateZ(130deg);
  }
}
 .celula:nth-child(6) {
   animation: orbit6 14s /*infinite*/;
   animation-delay: 0.06s;
   background-color: rgba(0, 252, 255, 1);
}
 @keyframes orbit6 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-199deg) rotateY(107deg) translateX(200px) rotateZ(199deg);
  }
   80% {
     transform: rotateZ(-199deg) rotateY(107deg) translateX(200px) rotateZ(199deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-199deg) rotateY(107deg) translateX(600px) rotateZ(199deg);
  }
}
 .celula:nth-child(7) {
   animation: orbit7 14s /*infinite*/;
   animation-delay: 0.07s;
   background-color: rgba(0, 251, 255, 1);
}
 @keyframes orbit7 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-201deg) rotateY(252deg) translateX(200px) rotateZ(201deg);
  }
   80% {
     transform: rotateZ(-201deg) rotateY(252deg) translateX(200px) rotateZ(201deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-201deg) rotateY(252deg) translateX(600px) rotateZ(201deg);
  }
}
 .celula:nth-child(8) {
   animation: orbit8 14s /*infinite*/;
   animation-delay: 0.08s;
   background-color: rgba(0, 250, 255, 1);
}
 @keyframes orbit8 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-93deg) rotateY(238deg) translateX(200px) rotateZ(93deg);
  }
   80% {
     transform: rotateZ(-93deg) rotateY(238deg) translateX(200px) rotateZ(93deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-93deg) rotateY(238deg) translateX(600px) rotateZ(93deg);
  }
}
 .celula:nth-child(9) {
   animation: orbit9 14s /*infinite*/;
   animation-delay: 0.09s;
   background-color: rgba(0, 250, 255, 1);
}
 @keyframes orbit9 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-324deg) rotateY(48deg) translateX(200px) rotateZ(324deg);
  }
   80% {
     transform: rotateZ(-324deg) rotateY(48deg) translateX(200px) rotateZ(324deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-324deg) rotateY(48deg) translateX(600px) rotateZ(324deg);
  }
}
 .celula:nth-child(10) {
   animation: orbit10 14s /*infinite*/;
   animation-delay: 0.1s;
   background-color: rgba(0, 249, 255, 1);
}
 @keyframes orbit10 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-174deg) rotateY(187deg) translateX(200px) rotateZ(174deg);
  }
   80% {
     transform: rotateZ(-174deg) rotateY(187deg) translateX(200px) rotateZ(174deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-174deg) rotateY(187deg) translateX(600px) rotateZ(174deg);
  }
}
 .celula:nth-child(11) {
   animation: orbit11 14s /*infinite*/;
   animation-delay: 0.11s;
   background-color: rgba(0, 249, 255, 1);
}
 @keyframes orbit11 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-228deg) rotateY(119deg) translateX(200px) rotateZ(228deg);
  }
   80% {
     transform: rotateZ(-228deg) rotateY(119deg) translateX(200px) rotateZ(228deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-228deg) rotateY(119deg) translateX(600px) rotateZ(228deg);
  }
}
 .celula:nth-child(12) {
   animation: orbit12 14s /*infinite*/;
   animation-delay: 0.12s;
   background-color: rgba(0, 248, 255, 1);
}
 @keyframes orbit12 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-137deg) rotateY(297deg) translateX(200px) rotateZ(137deg);
  }
   80% {
     transform: rotateZ(-137deg) rotateY(297deg) translateX(200px) rotateZ(137deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-137deg) rotateY(297deg) translateX(600px) rotateZ(137deg);
  }
}
 .celula:nth-child(13) {
   animation: orbit13 14s /*infinite*/;
   animation-delay: 0.13s;
   background-color: rgba(0, 248, 255, 1);
}
 @keyframes orbit13 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-264deg) rotateY(283deg) translateX(200px) rotateZ(264deg);
  }
   80% {
     transform: rotateZ(-264deg) rotateY(283deg) translateX(200px) rotateZ(264deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-264deg) rotateY(283deg) translateX(600px) rotateZ(264deg);
  }
}
 .celula:nth-child(14) {
   animation: orbit14 14s /*infinite*/;
   animation-delay: 0.14s;
   background-color: rgba(0, 247, 255, 1);
}
 @keyframes orbit14 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-145deg) rotateY(96deg) translateX(200px) rotateZ(145deg);
  }
   80% {
     transform: rotateZ(-145deg) rotateY(96deg) translateX(200px) rotateZ(145deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-145deg) rotateY(96deg) translateX(600px) rotateZ(145deg);
  }
}
 .celula:nth-child(15) {
   animation: orbit15 14s /*infinite*/;
   animation-delay: 0.15s;
   background-color: rgba(0, 247, 255, 1);
}
 @keyframes orbit15 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-216deg) rotateY(330deg) translateX(200px) rotateZ(216deg);
  }
   80% {
     transform: rotateZ(-216deg) rotateY(330deg) translateX(200px) rotateZ(216deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-216deg) rotateY(330deg) translateX(600px) rotateZ(216deg);
  }
}
 .celula:nth-child(16) {
   animation: orbit16 14s /*infinite*/;
   animation-delay: 0.16s;
   background-color: rgba(0, 246, 255, 1);
}
 @keyframes orbit16 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-208deg) rotateY(315deg) translateX(200px) rotateZ(208deg);
  }
   80% {
     transform: rotateZ(-208deg) rotateY(315deg) translateX(200px) rotateZ(208deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-208deg) rotateY(315deg) translateX(600px) rotateZ(208deg);
  }
}
 .celula:nth-child(17) {
   animation: orbit17 14s /*infinite*/;
   animation-delay: 0.17s;
   background-color: rgba(0, 245, 255, 1);
}
 @keyframes orbit17 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-290deg) rotateY(40deg) translateX(200px) rotateZ(290deg);
  }
   80% {
     transform: rotateZ(-290deg) rotateY(40deg) translateX(200px) rotateZ(290deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-290deg) rotateY(40deg) translateX(600px) rotateZ(290deg);
  }
}
 .celula:nth-child(18) {
   animation: orbit18 14s /*infinite*/;
   animation-delay: 0.18s;
   background-color: rgba(0, 245, 255, 1);
}
 @keyframes orbit18 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-310deg) rotateY(304deg) translateX(200px) rotateZ(310deg);
  }
   80% {
     transform: rotateZ(-310deg) rotateY(304deg) translateX(200px) rotateZ(310deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-310deg) rotateY(304deg) translateX(600px) rotateZ(310deg);
  }
}
 .celula:nth-child(19) {
   animation: orbit19 14s /*infinite*/;
   animation-delay: 0.19s;
   background-color: rgba(0, 244, 255, 1);
}
 @keyframes orbit19 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-283deg) rotateY(147deg) translateX(200px) rotateZ(283deg);
  }
   80% {
     transform: rotateZ(-283deg) rotateY(147deg) translateX(200px) rotateZ(283deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-283deg) rotateY(147deg) translateX(600px) rotateZ(283deg);
  }
}
 .celula:nth-child(20) {
   animation: orbit20 14s /*infinite*/;
   animation-delay: 0.2s;
   background-color: rgba(0, 244, 255, 1);
}
 @keyframes orbit20 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-359deg) rotateY(160deg) translateX(200px) rotateZ(359deg);
  }
   80% {
     transform: rotateZ(-359deg) rotateY(160deg) translateX(200px) rotateZ(359deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-359deg) rotateY(160deg) translateX(600px) rotateZ(359deg);
  }
}
 .celula:nth-child(21) {
   animation: orbit21 14s /*infinite*/;
   animation-delay: 0.21s;
   background-color: rgba(0, 243, 255, 1);
}
 @keyframes orbit21 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-77deg) rotateY(21deg) translateX(200px) rotateZ(77deg);
  }
   80% {
     transform: rotateZ(-77deg) rotateY(21deg) translateX(200px) rotateZ(77deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-77deg) rotateY(21deg) translateX(600px) rotateZ(77deg);
  }
}
 .celula:nth-child(22) {
   animation: orbit22 14s /*infinite*/;
   animation-delay: 0.22s;
   background-color: rgba(0, 243, 255, 1);
}
 @keyframes orbit22 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-293deg) rotateY(69deg) translateX(200px) rotateZ(293deg);
  }
   80% {
     transform: rotateZ(-293deg) rotateY(69deg) translateX(200px) rotateZ(293deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-293deg) rotateY(69deg) translateX(600px) rotateZ(293deg);
  }
}
 .celula:nth-child(23) {
   animation: orbit23 14s /*infinite*/;
   animation-delay: 0.23s;
   background-color: rgba(0, 242, 255, 1);
}
 @keyframes orbit23 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-279deg) rotateY(238deg) translateX(200px) rotateZ(279deg);
  }
   80% {
     transform: rotateZ(-279deg) rotateY(238deg) translateX(200px) rotateZ(279deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-279deg) rotateY(238deg) translateX(600px) rotateZ(279deg);
  }
}
 .celula:nth-child(24) {
   animation: orbit24 14s /*infinite*/;
   animation-delay: 0.24s;
   background-color: rgba(0, 241, 255, 1);
}
 @keyframes orbit24 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-53deg) rotateY(333deg) translateX(200px) rotateZ(53deg);
  }
   80% {
     transform: rotateZ(-53deg) rotateY(333deg) translateX(200px) rotateZ(53deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-53deg) rotateY(333deg) translateX(600px) rotateZ(53deg);
  }
}
 .celula:nth-child(25) {
   animation: orbit25 14s /*infinite*/;
   animation-delay: 0.25s;
   background-color: rgba(0, 241, 255, 1);
}
 @keyframes orbit25 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-159deg) rotateY(234deg) translateX(200px) rotateZ(159deg);
  }
   80% {
     transform: rotateZ(-159deg) rotateY(234deg) translateX(200px) rotateZ(159deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-159deg) rotateY(234deg) translateX(600px) rotateZ(159deg);
  }
}
 .celula:nth-child(26) {
   animation: orbit26 14s /*infinite*/;
   animation-delay: 0.26s;
   background-color: rgba(0, 240, 255, 1);
}
 @keyframes orbit26 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-19deg) rotateY(346deg) translateX(200px) rotateZ(19deg);
  }
   80% {
     transform: rotateZ(-19deg) rotateY(346deg) translateX(200px) rotateZ(19deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-19deg) rotateY(346deg) translateX(600px) rotateZ(19deg);
  }
}
 .celula:nth-child(27) {
   animation: orbit27 14s /*infinite*/;
   animation-delay: 0.27s;
   background-color: rgba(0, 240, 255, 1);
}
 @keyframes orbit27 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-360deg) rotateY(283deg) translateX(200px) rotateZ(360deg);
  }
   80% {
     transform: rotateZ(-360deg) rotateY(283deg) translateX(200px) rotateZ(360deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-360deg) rotateY(283deg) translateX(600px) rotateZ(360deg);
  }
}
 .celula:nth-child(28) {
   animation: orbit28 14s /*infinite*/;
   animation-delay: 0.28s;
   background-color: rgba(0, 239, 255, 1);
}
 @keyframes orbit28 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-250deg) rotateY(194deg) translateX(200px) rotateZ(250deg);
  }
   80% {
     transform: rotateZ(-250deg) rotateY(194deg) translateX(200px) rotateZ(250deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-250deg) rotateY(194deg) translateX(600px) rotateZ(250deg);
  }
}
 .celula:nth-child(29) {
   animation: orbit29 14s /*infinite*/;
   animation-delay: 0.29s;
   background-color: rgba(0, 239, 255, 1);
}
 @keyframes orbit29 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-8deg) rotateY(231deg) translateX(200px) rotateZ(8deg);
  }
   80% {
     transform: rotateZ(-8deg) rotateY(231deg) translateX(200px) rotateZ(8deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-8deg) rotateY(231deg) translateX(600px) rotateZ(8deg);
  }
}
 .celula:nth-child(30) {
   animation: orbit30 14s /*infinite*/;
   animation-delay: 0.3s;
   background-color: rgba(0, 238, 255, 1);
}
 @keyframes orbit30 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-320deg) rotateY(195deg) translateX(200px) rotateZ(320deg);
  }
   80% {
     transform: rotateZ(-320deg) rotateY(195deg) translateX(200px) rotateZ(320deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-320deg) rotateY(195deg) translateX(600px) rotateZ(320deg);
  }
}
 .celula:nth-child(31) {
   animation: orbit31 14s /*infinite*/;
   animation-delay: 0.31s;
   background-color: rgba(0, 237, 255, 1);
}
 @keyframes orbit31 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-270deg) rotateY(147deg) translateX(200px) rotateZ(270deg);
  }
   80% {
     transform: rotateZ(-270deg) rotateY(147deg) translateX(200px) rotateZ(270deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-270deg) rotateY(147deg) translateX(600px) rotateZ(270deg);
  }
}
 .celula:nth-child(32) {
   animation: orbit32 14s /*infinite*/;
   animation-delay: 0.32s;
   background-color: rgba(0, 237, 255, 1);
}
 @keyframes orbit32 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-303deg) rotateY(323deg) translateX(200px) rotateZ(303deg);
  }
   80% {
     transform: rotateZ(-303deg) rotateY(323deg) translateX(200px) rotateZ(303deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-303deg) rotateY(323deg) translateX(600px) rotateZ(303deg);
  }
}
 .celula:nth-child(33) {
   animation: orbit33 14s /*infinite*/;
   animation-delay: 0.33s;
   background-color: rgba(0, 236, 255, 1);
}
 @keyframes orbit33 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-337deg) rotateY(292deg) translateX(200px) rotateZ(337deg);
  }
   80% {
     transform: rotateZ(-337deg) rotateY(292deg) translateX(200px) rotateZ(337deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-337deg) rotateY(292deg) translateX(600px) rotateZ(337deg);
  }
}
 .celula:nth-child(34) {
   animation: orbit34 14s /*infinite*/;
   animation-delay: 0.34s;
   background-color: rgba(0, 236, 255, 1);
}
 @keyframes orbit34 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-122deg) rotateY(360deg) translateX(200px) rotateZ(122deg);
  }
   80% {
     transform: rotateZ(-122deg) rotateY(360deg) translateX(200px) rotateZ(122deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-122deg) rotateY(360deg) translateX(600px) rotateZ(122deg);
  }
}
 .celula:nth-child(35) {
   animation: orbit35 14s /*infinite*/;
   animation-delay: 0.35s;
   background-color: rgba(0, 235, 255, 1);
}
 @keyframes orbit35 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-315deg) rotateY(135deg) translateX(200px) rotateZ(315deg);
  }
   80% {
     transform: rotateZ(-315deg) rotateY(135deg) translateX(200px) rotateZ(315deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-315deg) rotateY(135deg) translateX(600px) rotateZ(315deg);
  }
}
 .celula:nth-child(36) {
   animation: orbit36 14s /*infinite*/;
   animation-delay: 0.36s;
   background-color: rgba(0, 235, 255, 1);
}
 @keyframes orbit36 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-100deg) rotateY(227deg) translateX(200px) rotateZ(100deg);
  }
   80% {
     transform: rotateZ(-100deg) rotateY(227deg) translateX(200px) rotateZ(100deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-100deg) rotateY(227deg) translateX(600px) rotateZ(100deg);
  }
}
 .celula:nth-child(37) {
   animation: orbit37 14s /*infinite*/;
   animation-delay: 0.37s;
   background-color: rgba(0, 234, 255, 1);
}
 @keyframes orbit37 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-51deg) rotateY(248deg) translateX(200px) rotateZ(51deg);
  }
   80% {
     transform: rotateZ(-51deg) rotateY(248deg) translateX(200px) rotateZ(51deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-51deg) rotateY(248deg) translateX(600px) rotateZ(51deg);
  }
}
 .celula:nth-child(38) {
   animation: orbit38 14s /*infinite*/;
   animation-delay: 0.38s;
   background-color: rgba(0, 233, 255, 1);
}
 @keyframes orbit38 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-139deg) rotateY(208deg) translateX(200px) rotateZ(139deg);
  }
   80% {
     transform: rotateZ(-139deg) rotateY(208deg) translateX(200px) rotateZ(139deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-139deg) rotateY(208deg) translateX(600px) rotateZ(139deg);
  }
}
 .celula:nth-child(39) {
   animation: orbit39 14s /*infinite*/;
   animation-delay: 0.39s;
   background-color: rgba(0, 233, 255, 1);
}
 @keyframes orbit39 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-222deg) rotateY(271deg) translateX(200px) rotateZ(222deg);
  }
   80% {
     transform: rotateZ(-222deg) rotateY(271deg) translateX(200px) rotateZ(222deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-222deg) rotateY(271deg) translateX(600px) rotateZ(222deg);
  }
}
 .celula:nth-child(40) {
   animation: orbit40 14s /*infinite*/;
   animation-delay: 0.4s;
   background-color: rgba(0, 232, 255, 1);
}
 @keyframes orbit40 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-266deg) rotateY(25deg) translateX(200px) rotateZ(266deg);
  }
   80% {
     transform: rotateZ(-266deg) rotateY(25deg) translateX(200px) rotateZ(266deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-266deg) rotateY(25deg) translateX(600px) rotateZ(266deg);
  }
}
 .celula:nth-child(41) {
   animation: orbit41 14s /*infinite*/;
   animation-delay: 0.41s;
   background-color: rgba(0, 232, 255, 1);
}
 @keyframes orbit41 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-251deg) rotateY(349deg) translateX(200px) rotateZ(251deg);
  }
   80% {
     transform: rotateZ(-251deg) rotateY(349deg) translateX(200px) rotateZ(251deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-251deg) rotateY(349deg) translateX(600px) rotateZ(251deg);
  }
}
 .celula:nth-child(42) {
   animation: orbit42 14s /*infinite*/;
   animation-delay: 0.42s;
   background-color: rgba(0, 231, 255, 1);
}
 @keyframes orbit42 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-136deg) rotateY(222deg) translateX(200px) rotateZ(136deg);
  }
   80% {
     transform: rotateZ(-136deg) rotateY(222deg) translateX(200px) rotateZ(136deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-136deg) rotateY(222deg) translateX(600px) rotateZ(136deg);
  }
}
 .celula:nth-child(43) {
   animation: orbit43 14s /*infinite*/;
   animation-delay: 0.43s;
   background-color: rgba(0, 231, 255, 1);
}
 @keyframes orbit43 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-242deg) rotateY(359deg) translateX(200px) rotateZ(242deg);
  }
   80% {
     transform: rotateZ(-242deg) rotateY(359deg) translateX(200px) rotateZ(242deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-242deg) rotateY(359deg) translateX(600px) rotateZ(242deg);
  }
}
 .celula:nth-child(44) {
   animation: orbit44 14s /*infinite*/;
   animation-delay: 0.44s;
   background-color: rgba(0, 230, 255, 1);
}
 @keyframes orbit44 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-323deg) rotateY(358deg) translateX(200px) rotateZ(323deg);
  }
   80% {
     transform: rotateZ(-323deg) rotateY(358deg) translateX(200px) rotateZ(323deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-323deg) rotateY(358deg) translateX(600px) rotateZ(323deg);
  }
}
 .celula:nth-child(45) {
   animation: orbit45 14s /*infinite*/;
   animation-delay: 0.45s;
   background-color: rgba(0, 230, 255, 1);
}
 @keyframes orbit45 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-131deg) rotateY(50deg) translateX(200px) rotateZ(131deg);
  }
   80% {
     transform: rotateZ(-131deg) rotateY(50deg) translateX(200px) rotateZ(131deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-131deg) rotateY(50deg) translateX(600px) rotateZ(131deg);
  }
}
 .celula:nth-child(46) {
   animation: orbit46 14s /*infinite*/;
   animation-delay: 0.46s;
   background-color: rgba(0, 229, 255, 1);
}
 @keyframes orbit46 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-155deg) rotateY(233deg) translateX(200px) rotateZ(155deg);
  }
   80% {
     transform: rotateZ(-155deg) rotateY(233deg) translateX(200px) rotateZ(155deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-155deg) rotateY(233deg) translateX(600px) rotateZ(155deg);
  }
}
 .celula:nth-child(47) {
   animation: orbit47 14s /*infinite*/;
   animation-delay: 0.47s;
   background-color: rgba(0, 228, 255, 1);
}
 @keyframes orbit47 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-137deg) rotateY(76deg) translateX(200px) rotateZ(137deg);
  }
   80% {
     transform: rotateZ(-137deg) rotateY(76deg) translateX(200px) rotateZ(137deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-137deg) rotateY(76deg) translateX(600px) rotateZ(137deg);
  }
}
 .celula:nth-child(48) {
   animation: orbit48 14s /*infinite*/;
   animation-delay: 0.48s;
   background-color: rgba(0, 228, 255, 1);
}
 @keyframes orbit48 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-288deg) rotateY(238deg) translateX(200px) rotateZ(288deg);
  }
   80% {
     transform: rotateZ(-288deg) rotateY(238deg) translateX(200px) rotateZ(288deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-288deg) rotateY(238deg) translateX(600px) rotateZ(288deg);
  }
}
 .celula:nth-child(49) {
   animation: orbit49 14s /*infinite*/;
   animation-delay: 0.49s;
   background-color: rgba(0, 227, 255, 1);
}
 @keyframes orbit49 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-223deg) rotateY(190deg) translateX(200px) rotateZ(223deg);
  }
   80% {
     transform: rotateZ(-223deg) rotateY(190deg) translateX(200px) rotateZ(223deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-223deg) rotateY(190deg) translateX(600px) rotateZ(223deg);
  }
}
 .celula:nth-child(50) {
   animation: orbit50 14s /*infinite*/;
   animation-delay: 0.5s;
   background-color: rgba(0, 227, 255, 1);
}
 @keyframes orbit50 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-227deg) rotateY(21deg) translateX(200px) rotateZ(227deg);
  }
   80% {
     transform: rotateZ(-227deg) rotateY(21deg) translateX(200px) rotateZ(227deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-227deg) rotateY(21deg) translateX(600px) rotateZ(227deg);
  }
}
 .celula:nth-child(51) {
   animation: orbit51 14s /*infinite*/;
   animation-delay: 0.51s;
   background-color: rgba(0, 226, 255, 1);
}
 @keyframes orbit51 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-356deg) rotateY(56deg) translateX(200px) rotateZ(356deg);
  }
   80% {
     transform: rotateZ(-356deg) rotateY(56deg) translateX(200px) rotateZ(356deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-356deg) rotateY(56deg) translateX(600px) rotateZ(356deg);
  }
}
 .celula:nth-child(52) {
   animation: orbit52 14s /*infinite*/;
   animation-delay: 0.52s;
   background-color: rgba(0, 226, 255, 1);
}
 @keyframes orbit52 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-135deg) rotateY(310deg) translateX(200px) rotateZ(135deg);
  }
   80% {
     transform: rotateZ(-135deg) rotateY(310deg) translateX(200px) rotateZ(135deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-135deg) rotateY(310deg) translateX(600px) rotateZ(135deg);
  }
}
 .celula:nth-child(53) {
   animation: orbit53 14s /*infinite*/;
   animation-delay: 0.53s;
   background-color: rgba(0, 225, 255, 1);
}
 @keyframes orbit53 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-272deg) rotateY(181deg) translateX(200px) rotateZ(272deg);
  }
   80% {
     transform: rotateZ(-272deg) rotateY(181deg) translateX(200px) rotateZ(272deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-272deg) rotateY(181deg) translateX(600px) rotateZ(272deg);
  }
}
 .celula:nth-child(54) {
   animation: orbit54 14s /*infinite*/;
   animation-delay: 0.54s;
   background-color: rgba(0, 224, 255, 1);
}
 @keyframes orbit54 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-34deg) rotateY(340deg) translateX(200px) rotateZ(34deg);
  }
   80% {
     transform: rotateZ(-34deg) rotateY(340deg) translateX(200px) rotateZ(34deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-34deg) rotateY(340deg) translateX(600px) rotateZ(34deg);
  }
}
 .celula:nth-child(55) {
   animation: orbit55 14s /*infinite*/;
   animation-delay: 0.55s;
   background-color: rgba(0, 224, 255, 1);
}
 @keyframes orbit55 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-330deg) rotateY(59deg) translateX(200px) rotateZ(330deg);
  }
   80% {
     transform: rotateZ(-330deg) rotateY(59deg) translateX(200px) rotateZ(330deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-330deg) rotateY(59deg) translateX(600px) rotateZ(330deg);
  }
}
 .celula:nth-child(56) {
   animation: orbit56 14s /*infinite*/;
   animation-delay: 0.56s;
   background-color: rgba(0, 223, 255, 1);
}
 @keyframes orbit56 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-22deg) rotateY(197deg) translateX(200px) rotateZ(22deg);
  }
   80% {
     transform: rotateZ(-22deg) rotateY(197deg) translateX(200px) rotateZ(22deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-22deg) rotateY(197deg) translateX(600px) rotateZ(22deg);
  }
}
 .celula:nth-child(57) {
   animation: orbit57 14s /*infinite*/;
   animation-delay: 0.57s;
   background-color: rgba(0, 223, 255, 1);
}
 @keyframes orbit57 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-64deg) rotateY(319deg) translateX(200px) rotateZ(64deg);
  }
   80% {
     transform: rotateZ(-64deg) rotateY(319deg) translateX(200px) rotateZ(64deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-64deg) rotateY(319deg) translateX(600px) rotateZ(64deg);
  }
}
 .celula:nth-child(58) {
   animation: orbit58 14s /*infinite*/;
   animation-delay: 0.58s;
   background-color: rgba(0, 222, 255, 1);
}
 @keyframes orbit58 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-313deg) rotateY(122deg) translateX(200px) rotateZ(313deg);
  }
   80% {
     transform: rotateZ(-313deg) rotateY(122deg) translateX(200px) rotateZ(313deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-313deg) rotateY(122deg) translateX(600px) rotateZ(313deg);
  }
}
 .celula:nth-child(59) {
   animation: orbit59 14s /*infinite*/;
   animation-delay: 0.59s;
   background-color: rgba(0, 222, 255, 1);
}
 @keyframes orbit59 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-188deg) rotateY(310deg) translateX(200px) rotateZ(188deg);
  }
   80% {
     transform: rotateZ(-188deg) rotateY(310deg) translateX(200px) rotateZ(188deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-188deg) rotateY(310deg) translateX(600px) rotateZ(188deg);
  }
}
 .celula:nth-child(60) {
   animation: orbit60 14s /*infinite*/;
   animation-delay: 0.6s;
   background-color: rgba(0, 221, 255, 1);
}
 @keyframes orbit60 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-120deg) rotateY(327deg) translateX(200px) rotateZ(120deg);
  }
   80% {
     transform: rotateZ(-120deg) rotateY(327deg) translateX(200px) rotateZ(120deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-120deg) rotateY(327deg) translateX(600px) rotateZ(120deg);
  }
}
 .celula:nth-child(61) {
   animation: orbit61 14s /*infinite*/;
   animation-delay: 0.61s;
   background-color: rgba(0, 220, 255, 1);
}
 @keyframes orbit61 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-124deg) rotateY(9deg) translateX(200px) rotateZ(124deg);
  }
   80% {
     transform: rotateZ(-124deg) rotateY(9deg) translateX(200px) rotateZ(124deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-124deg) rotateY(9deg) translateX(600px) rotateZ(124deg);
  }
}
 .celula:nth-child(62) {
   animation: orbit62 14s /*infinite*/;
   animation-delay: 0.62s;
   background-color: rgba(0, 220, 255, 1);
}
 @keyframes orbit62 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-337deg) rotateY(254deg) translateX(200px) rotateZ(337deg);
  }
   80% {
     transform: rotateZ(-337deg) rotateY(254deg) translateX(200px) rotateZ(337deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-337deg) rotateY(254deg) translateX(600px) rotateZ(337deg);
  }
}
 .celula:nth-child(63) {
   animation: orbit63 14s /*infinite*/;
   animation-delay: 0.63s;
   background-color: rgba(0, 219, 255, 1);
}
 @keyframes orbit63 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-199deg) rotateY(58deg) translateX(200px) rotateZ(199deg);
  }
   80% {
     transform: rotateZ(-199deg) rotateY(58deg) translateX(200px) rotateZ(199deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-199deg) rotateY(58deg) translateX(600px) rotateZ(199deg);
  }
}
 .celula:nth-child(64) {
   animation: orbit64 14s /*infinite*/;
   animation-delay: 0.64s;
   background-color: rgba(0, 219, 255, 1);
}
 @keyframes orbit64 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-199deg) rotateY(65deg) translateX(200px) rotateZ(199deg);
  }
   80% {
     transform: rotateZ(-199deg) rotateY(65deg) translateX(200px) rotateZ(199deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-199deg) rotateY(65deg) translateX(600px) rotateZ(199deg);
  }
}
 .celula:nth-child(65) {
   animation: orbit65 14s /*infinite*/;
   animation-delay: 0.65s;
   background-color: rgba(0, 218, 255, 1);
}
 @keyframes orbit65 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-58deg) rotateY(290deg) translateX(200px) rotateZ(58deg);
  }
   80% {
     transform: rotateZ(-58deg) rotateY(290deg) translateX(200px) rotateZ(58deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-58deg) rotateY(290deg) translateX(600px) rotateZ(58deg);
  }
}
 .celula:nth-child(66) {
   animation: orbit66 14s /*infinite*/;
   animation-delay: 0.66s;
   background-color: rgba(0, 218, 255, 1);
}
 @keyframes orbit66 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-189deg) rotateY(228deg) translateX(200px) rotateZ(189deg);
  }
   80% {
     transform: rotateZ(-189deg) rotateY(228deg) translateX(200px) rotateZ(189deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-189deg) rotateY(228deg) translateX(600px) rotateZ(189deg);
  }
}
 .celula:nth-child(67) {
   animation: orbit67 14s /*infinite*/;
   animation-delay: 0.67s;
   background-color: rgba(0, 217, 255, 1);
}
 @keyframes orbit67 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-39deg) rotateY(25deg) translateX(200px) rotateZ(39deg);
  }
   80% {
     transform: rotateZ(-39deg) rotateY(25deg) translateX(200px) rotateZ(39deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-39deg) rotateY(25deg) translateX(600px) rotateZ(39deg);
  }
}
 .celula:nth-child(68) {
   animation: orbit68 14s /*infinite*/;
   animation-delay: 0.68s;
   background-color: rgba(0, 216, 255, 1);
}
 @keyframes orbit68 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-348deg) rotateY(310deg) translateX(200px) rotateZ(348deg);
  }
   80% {
     transform: rotateZ(-348deg) rotateY(310deg) translateX(200px) rotateZ(348deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-348deg) rotateY(310deg) translateX(600px) rotateZ(348deg);
  }
}
 .celula:nth-child(69) {
   animation: orbit69 14s /*infinite*/;
   animation-delay: 0.69s;
   background-color: rgba(0, 216, 255, 1);
}
 @keyframes orbit69 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-354deg) rotateY(252deg) translateX(200px) rotateZ(354deg);
  }
   80% {
     transform: rotateZ(-354deg) rotateY(252deg) translateX(200px) rotateZ(354deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-354deg) rotateY(252deg) translateX(600px) rotateZ(354deg);
  }
}
 .celula:nth-child(70) {
   animation: orbit70 14s /*infinite*/;
   animation-delay: 0.7s;
   background-color: rgba(0, 215, 255, 1);
}
 @keyframes orbit70 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-176deg) rotateY(168deg) translateX(200px) rotateZ(176deg);
  }
   80% {
     transform: rotateZ(-176deg) rotateY(168deg) translateX(200px) rotateZ(176deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-176deg) rotateY(168deg) translateX(600px) rotateZ(176deg);
  }
}
 .celula:nth-child(71) {
   animation: orbit71 14s /*infinite*/;
   animation-delay: 0.71s;
   background-color: rgba(0, 215, 255, 1);
}
 @keyframes orbit71 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-251deg) rotateY(187deg) translateX(200px) rotateZ(251deg);
  }
   80% {
     transform: rotateZ(-251deg) rotateY(187deg) translateX(200px) rotateZ(251deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-251deg) rotateY(187deg) translateX(600px) rotateZ(251deg);
  }
}
 .celula:nth-child(72) {
   animation: orbit72 14s /*infinite*/;
   animation-delay: 0.72s;
   background-color: rgba(0, 214, 255, 1);
}
 @keyframes orbit72 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-152deg) rotateY(174deg) translateX(200px) rotateZ(152deg);
  }
   80% {
     transform: rotateZ(-152deg) rotateY(174deg) translateX(200px) rotateZ(152deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-152deg) rotateY(174deg) translateX(600px) rotateZ(152deg);
  }
}
 .celula:nth-child(73) {
   animation: orbit73 14s /*infinite*/;
   animation-delay: 0.73s;
   background-color: rgba(0, 214, 255, 1);
}
 @keyframes orbit73 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-300deg) rotateY(255deg) translateX(200px) rotateZ(300deg);
  }
   80% {
     transform: rotateZ(-300deg) rotateY(255deg) translateX(200px) rotateZ(300deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-300deg) rotateY(255deg) translateX(600px) rotateZ(300deg);
  }
}
 .celula:nth-child(74) {
   animation: orbit74 14s /*infinite*/;
   animation-delay: 0.74s;
   background-color: rgba(0, 213, 255, 1);
}
 @keyframes orbit74 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-146deg) rotateY(133deg) translateX(200px) rotateZ(146deg);
  }
   80% {
     transform: rotateZ(-146deg) rotateY(133deg) translateX(200px) rotateZ(146deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-146deg) rotateY(133deg) translateX(600px) rotateZ(146deg);
  }
}
 .celula:nth-child(75) {
   animation: orbit75 14s /*infinite*/;
   animation-delay: 0.75s;
   background-color: rgba(0, 213, 255, 1);
}
 @keyframes orbit75 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-246deg) rotateY(279deg) translateX(200px) rotateZ(246deg);
  }
   80% {
     transform: rotateZ(-246deg) rotateY(279deg) translateX(200px) rotateZ(246deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-246deg) rotateY(279deg) translateX(600px) rotateZ(246deg);
  }
}
 .celula:nth-child(76) {
   animation: orbit76 14s /*infinite*/;
   animation-delay: 0.76s;
   background-color: rgba(0, 212, 255, 1);
}
 @keyframes orbit76 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-83deg) rotateY(336deg) translateX(200px) rotateZ(83deg);
  }
   80% {
     transform: rotateZ(-83deg) rotateY(336deg) translateX(200px) rotateZ(83deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-83deg) rotateY(336deg) translateX(600px) rotateZ(83deg);
  }
}
 .celula:nth-child(77) {
   animation: orbit77 14s /*infinite*/;
   animation-delay: 0.77s;
   background-color: rgba(0, 211, 255, 1);
}
 @keyframes orbit77 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-142deg) rotateY(51deg) translateX(200px) rotateZ(142deg);
  }
   80% {
     transform: rotateZ(-142deg) rotateY(51deg) translateX(200px) rotateZ(142deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-142deg) rotateY(51deg) translateX(600px) rotateZ(142deg);
  }
}
 .celula:nth-child(78) {
   animation: orbit78 14s /*infinite*/;
   animation-delay: 0.78s;
   background-color: rgba(0, 211, 255, 1);
}
 @keyframes orbit78 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-56deg) rotateY(323deg) translateX(200px) rotateZ(56deg);
  }
   80% {
     transform: rotateZ(-56deg) rotateY(323deg) translateX(200px) rotateZ(56deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-56deg) rotateY(323deg) translateX(600px) rotateZ(56deg);
  }
}
 .celula:nth-child(79) {
   animation: orbit79 14s /*infinite*/;
   animation-delay: 0.79s;
   background-color: rgba(0, 210, 255, 1);
}
 @keyframes orbit79 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-272deg) rotateY(194deg) translateX(200px) rotateZ(272deg);
  }
   80% {
     transform: rotateZ(-272deg) rotateY(194deg) translateX(200px) rotateZ(272deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-272deg) rotateY(194deg) translateX(600px) rotateZ(272deg);
  }
}
 .celula:nth-child(80) {
   animation: orbit80 14s /*infinite*/;
   animation-delay: 0.8s;
   background-color: rgba(0, 210, 255, 1);
}
 @keyframes orbit80 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-234deg) rotateY(174deg) translateX(200px) rotateZ(234deg);
  }
   80% {
     transform: rotateZ(-234deg) rotateY(174deg) translateX(200px) rotateZ(234deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-234deg) rotateY(174deg) translateX(600px) rotateZ(234deg);
  }
}
 .celula:nth-child(81) {
   animation: orbit81 14s /*infinite*/;
   animation-delay: 0.81s;
   background-color: rgba(0, 209, 255, 1);
}
 @keyframes orbit81 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-102deg) rotateY(14deg) translateX(200px) rotateZ(102deg);
  }
   80% {
     transform: rotateZ(-102deg) rotateY(14deg) translateX(200px) rotateZ(102deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-102deg) rotateY(14deg) translateX(600px) rotateZ(102deg);
  }
}
 .celula:nth-child(82) {
   animation: orbit82 14s /*infinite*/;
   animation-delay: 0.82s;
   background-color: rgba(0, 209, 255, 1);
}
 @keyframes orbit82 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-142deg) rotateY(57deg) translateX(200px) rotateZ(142deg);
  }
   80% {
     transform: rotateZ(-142deg) rotateY(57deg) translateX(200px) rotateZ(142deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-142deg) rotateY(57deg) translateX(600px) rotateZ(142deg);
  }
}
 .celula:nth-child(83) {
   animation: orbit83 14s /*infinite*/;
   animation-delay: 0.83s;
   background-color: rgba(0, 208, 255, 1);
}
 @keyframes orbit83 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-251deg) rotateY(115deg) translateX(200px) rotateZ(251deg);
  }
   80% {
     transform: rotateZ(-251deg) rotateY(115deg) translateX(200px) rotateZ(251deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-251deg) rotateY(115deg) translateX(600px) rotateZ(251deg);
  }
}
 .celula:nth-child(84) {
   animation: orbit84 14s /*infinite*/;
   animation-delay: 0.84s;
   background-color: rgba(0, 207, 255, 1);
}
 @keyframes orbit84 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-212deg) rotateY(182deg) translateX(200px) rotateZ(212deg);
  }
   80% {
     transform: rotateZ(-212deg) rotateY(182deg) translateX(200px) rotateZ(212deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-212deg) rotateY(182deg) translateX(600px) rotateZ(212deg);
  }
}
 .celula:nth-child(85) {
   animation: orbit85 14s /*infinite*/;
   animation-delay: 0.85s;
   background-color: rgba(0, 207, 255, 1);
}
 @keyframes orbit85 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-286deg) rotateY(143deg) translateX(200px) rotateZ(286deg);
  }
   80% {
     transform: rotateZ(-286deg) rotateY(143deg) translateX(200px) rotateZ(286deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-286deg) rotateY(143deg) translateX(600px) rotateZ(286deg);
  }
}
 .celula:nth-child(86) {
   animation: orbit86 14s /*infinite*/;
   animation-delay: 0.86s;
   background-color: rgba(0, 206, 255, 1);
}
 @keyframes orbit86 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-92deg) rotateY(287deg) translateX(200px) rotateZ(92deg);
  }
   80% {
     transform: rotateZ(-92deg) rotateY(287deg) translateX(200px) rotateZ(92deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-92deg) rotateY(287deg) translateX(600px) rotateZ(92deg);
  }
}
 .celula:nth-child(87) {
   animation: orbit87 14s /*infinite*/;
   animation-delay: 0.87s;
   background-color: rgba(0, 206, 255, 1);
}
 @keyframes orbit87 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-280deg) rotateY(40deg) translateX(200px) rotateZ(280deg);
  }
   80% {
     transform: rotateZ(-280deg) rotateY(40deg) translateX(200px) rotateZ(280deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-280deg) rotateY(40deg) translateX(600px) rotateZ(280deg);
  }
}
 .celula:nth-child(88) {
   animation: orbit88 14s /*infinite*/;
   animation-delay: 0.88s;
   background-color: rgba(0, 205, 255, 1);
}
 @keyframes orbit88 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-284deg) rotateY(200deg) translateX(200px) rotateZ(284deg);
  }
   80% {
     transform: rotateZ(-284deg) rotateY(200deg) translateX(200px) rotateZ(284deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-284deg) rotateY(200deg) translateX(600px) rotateZ(284deg);
  }
}
 .celula:nth-child(89) {
   animation: orbit89 14s /*infinite*/;
   animation-delay: 0.89s;
   background-color: rgba(0, 205, 255, 1);
}
 @keyframes orbit89 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-154deg) rotateY(332deg) translateX(200px) rotateZ(154deg);
  }
   80% {
     transform: rotateZ(-154deg) rotateY(332deg) translateX(200px) rotateZ(154deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-154deg) rotateY(332deg) translateX(600px) rotateZ(154deg);
  }
}
 .celula:nth-child(90) {
   animation: orbit90 14s /*infinite*/;
   animation-delay: 0.9s;
   background-color: rgba(0, 204, 255, 1);
}
 @keyframes orbit90 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-78deg) rotateY(47deg) translateX(200px) rotateZ(78deg);
  }
   80% {
     transform: rotateZ(-78deg) rotateY(47deg) translateX(200px) rotateZ(78deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-78deg) rotateY(47deg) translateX(600px) rotateZ(78deg);
  }
}
 .celula:nth-child(91) {
   animation: orbit91 14s /*infinite*/;
   animation-delay: 0.91s;
   background-color: rgba(0, 203, 255, 1);
}
 @keyframes orbit91 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-249deg) rotateY(208deg) translateX(200px) rotateZ(249deg);
  }
   80% {
     transform: rotateZ(-249deg) rotateY(208deg) translateX(200px) rotateZ(249deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-249deg) rotateY(208deg) translateX(600px) rotateZ(249deg);
  }
}
 .celula:nth-child(92) {
   animation: orbit92 14s /*infinite*/;
   animation-delay: 0.92s;
   background-color: rgba(0, 203, 255, 1);
}
 @keyframes orbit92 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-72deg) rotateY(132deg) translateX(200px) rotateZ(72deg);
  }
   80% {
     transform: rotateZ(-72deg) rotateY(132deg) translateX(200px) rotateZ(72deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-72deg) rotateY(132deg) translateX(600px) rotateZ(72deg);
  }
}
 .celula:nth-child(93) {
   animation: orbit93 14s /*infinite*/;
   animation-delay: 0.93s;
   background-color: rgba(0, 202, 255, 1);
}
 @keyframes orbit93 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-249deg) rotateY(26deg) translateX(200px) rotateZ(249deg);
  }
   80% {
     transform: rotateZ(-249deg) rotateY(26deg) translateX(200px) rotateZ(249deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-249deg) rotateY(26deg) translateX(600px) rotateZ(249deg);
  }
}
 .celula:nth-child(94) {
   animation: orbit94 14s /*infinite*/;
   animation-delay: 0.94s;
   background-color: rgba(0, 202, 255, 1);
}
 @keyframes orbit94 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-331deg) rotateY(178deg) translateX(200px) rotateZ(331deg);
  }
   80% {
     transform: rotateZ(-331deg) rotateY(178deg) translateX(200px) rotateZ(331deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-331deg) rotateY(178deg) translateX(600px) rotateZ(331deg);
  }
}
 .celula:nth-child(95) {
   animation: orbit95 14s /*infinite*/;
   animation-delay: 0.95s;
   background-color: rgba(0, 201, 255, 1);
}
 @keyframes orbit95 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-166deg) rotateY(278deg) translateX(200px) rotateZ(166deg);
  }
   80% {
     transform: rotateZ(-166deg) rotateY(278deg) translateX(200px) rotateZ(166deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-166deg) rotateY(278deg) translateX(600px) rotateZ(166deg);
  }
}
 .celula:nth-child(96) {
   animation: orbit96 14s /*infinite*/;
   animation-delay: 0.96s;
   background-color: rgba(0, 201, 255, 1);
}
 @keyframes orbit96 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-107deg) rotateY(277deg) translateX(200px) rotateZ(107deg);
  }
   80% {
     transform: rotateZ(-107deg) rotateY(277deg) translateX(200px) rotateZ(107deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-107deg) rotateY(277deg) translateX(600px) rotateZ(107deg);
  }
}
 .celula:nth-child(97) {
   animation: orbit97 14s /*infinite*/;
   animation-delay: 0.97s;
   background-color: rgba(0, 200, 255, 1);
}
 @keyframes orbit97 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-135deg) rotateY(273deg) translateX(200px) rotateZ(135deg);
  }
   80% {
     transform: rotateZ(-135deg) rotateY(273deg) translateX(200px) rotateZ(135deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-135deg) rotateY(273deg) translateX(600px) rotateZ(135deg);
  }
}
 .celula:nth-child(98) {
   animation: orbit98 14s /*infinite*/;
   animation-delay: 0.98s;
   background-color: rgba(0, 199, 255, 1);
}
 @keyframes orbit98 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-341deg) rotateY(179deg) translateX(200px) rotateZ(341deg);
  }
   80% {
     transform: rotateZ(-341deg) rotateY(179deg) translateX(200px) rotateZ(341deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-341deg) rotateY(179deg) translateX(600px) rotateZ(341deg);
  }
}
 .celula:nth-child(99) {
   animation: orbit99 14s /*infinite*/;
   animation-delay: 0.99s;
   background-color: rgba(0, 199, 255, 1);
}
 @keyframes orbit99 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-353deg) rotateY(208deg) translateX(200px) rotateZ(353deg);
  }
   80% {
     transform: rotateZ(-353deg) rotateY(208deg) translateX(200px) rotateZ(353deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-353deg) rotateY(208deg) translateX(600px) rotateZ(353deg);
  }
}
 .celula:nth-child(100) {
   animation: orbit100 14s /*infinite*/;
   animation-delay: 1s;
   background-color: rgba(0, 198, 255, 1);
}
 @keyframes orbit100 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-348deg) rotateY(140deg) translateX(200px) rotateZ(348deg);
  }
   80% {
     transform: rotateZ(-348deg) rotateY(140deg) translateX(200px) rotateZ(348deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-348deg) rotateY(140deg) translateX(600px) rotateZ(348deg);
  }
}
 .celula:nth-child(101) {
   animation: orbit101 14s /*infinite*/;
   animation-delay: 1.01s;
   background-color: rgba(0, 198, 255, 1);
}
 @keyframes orbit101 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-360deg) rotateY(161deg) translateX(200px) rotateZ(360deg);
  }
   80% {
     transform: rotateZ(-360deg) rotateY(161deg) translateX(200px) rotateZ(360deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-360deg) rotateY(161deg) translateX(600px) rotateZ(360deg);
  }
}
 .celula:nth-child(102) {
   animation: orbit102 14s /*infinite*/;
   animation-delay: 1.02s;
   background-color: rgba(0, 197, 255, 1);
}
 @keyframes orbit102 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-210deg) rotateY(295deg) translateX(200px) rotateZ(210deg);
  }
   80% {
     transform: rotateZ(-210deg) rotateY(295deg) translateX(200px) rotateZ(210deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-210deg) rotateY(295deg) translateX(600px) rotateZ(210deg);
  }
}
 .celula:nth-child(103) {
   animation: orbit103 14s /*infinite*/;
   animation-delay: 1.03s;
   background-color: rgba(0, 197, 255, 1);
}
 @keyframes orbit103 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-360deg) rotateY(71deg) translateX(200px) rotateZ(360deg);
  }
   80% {
     transform: rotateZ(-360deg) rotateY(71deg) translateX(200px) rotateZ(360deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-360deg) rotateY(71deg) translateX(600px) rotateZ(360deg);
  }
}
 .celula:nth-child(104) {
   animation: orbit104 14s /*infinite*/;
   animation-delay: 1.04s;
   background-color: rgba(0, 196, 255, 1);
}
 @keyframes orbit104 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-35deg) rotateY(224deg) translateX(200px) rotateZ(35deg);
  }
   80% {
     transform: rotateZ(-35deg) rotateY(224deg) translateX(200px) rotateZ(35deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-35deg) rotateY(224deg) translateX(600px) rotateZ(35deg);
  }
}
 .celula:nth-child(105) {
   animation: orbit105 14s /*infinite*/;
   animation-delay: 1.05s;
   background-color: rgba(0, 196, 255, 1);
}
 @keyframes orbit105 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-88deg) rotateY(199deg) translateX(200px) rotateZ(88deg);
  }
   80% {
     transform: rotateZ(-88deg) rotateY(199deg) translateX(200px) rotateZ(88deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-88deg) rotateY(199deg) translateX(600px) rotateZ(88deg);
  }
}
 .celula:nth-child(106) {
   animation: orbit106 14s /*infinite*/;
   animation-delay: 1.06s;
   background-color: rgba(0, 195, 255, 1);
}
 @keyframes orbit106 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-303deg) rotateY(82deg) translateX(200px) rotateZ(303deg);
  }
   80% {
     transform: rotateZ(-303deg) rotateY(82deg) translateX(200px) rotateZ(303deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-303deg) rotateY(82deg) translateX(600px) rotateZ(303deg);
  }
}
 .celula:nth-child(107) {
   animation: orbit107 14s /*infinite*/;
   animation-delay: 1.07s;
   background-color: rgba(0, 194, 255, 1);
}
 @keyframes orbit107 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-66deg) rotateY(277deg) translateX(200px) rotateZ(66deg);
  }
   80% {
     transform: rotateZ(-66deg) rotateY(277deg) translateX(200px) rotateZ(66deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-66deg) rotateY(277deg) translateX(600px) rotateZ(66deg);
  }
}
 .celula:nth-child(108) {
   animation: orbit108 14s /*infinite*/;
   animation-delay: 1.08s;
   background-color: rgba(0, 194, 255, 1);
}
 @keyframes orbit108 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-146deg) rotateY(360deg) translateX(200px) rotateZ(146deg);
  }
   80% {
     transform: rotateZ(-146deg) rotateY(360deg) translateX(200px) rotateZ(146deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-146deg) rotateY(360deg) translateX(600px) rotateZ(146deg);
  }
}
 .celula:nth-child(109) {
   animation: orbit109 14s /*infinite*/;
   animation-delay: 1.09s;
   background-color: rgba(0, 193, 255, 1);
}
 @keyframes orbit109 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-136deg) rotateY(172deg) translateX(200px) rotateZ(136deg);
  }
   80% {
     transform: rotateZ(-136deg) rotateY(172deg) translateX(200px) rotateZ(136deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-136deg) rotateY(172deg) translateX(600px) rotateZ(136deg);
  }
}
 .celula:nth-child(110) {
   animation: orbit110 14s /*infinite*/;
   animation-delay: 1.1s;
   background-color: rgba(0, 193, 255, 1);
}
 @keyframes orbit110 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-186deg) rotateY(23deg) translateX(200px) rotateZ(186deg);
  }
   80% {
     transform: rotateZ(-186deg) rotateY(23deg) translateX(200px) rotateZ(186deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-186deg) rotateY(23deg) translateX(600px) rotateZ(186deg);
  }
}
 .celula:nth-child(111) {
   animation: orbit111 14s /*infinite*/;
   animation-delay: 1.11s;
   background-color: rgba(0, 192, 255, 1);
}
 @keyframes orbit111 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-78deg) rotateY(129deg) translateX(200px) rotateZ(78deg);
  }
   80% {
     transform: rotateZ(-78deg) rotateY(129deg) translateX(200px) rotateZ(78deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-78deg) rotateY(129deg) translateX(600px) rotateZ(78deg);
  }
}
 .celula:nth-child(112) {
   animation: orbit112 14s /*infinite*/;
   animation-delay: 1.12s;
   background-color: rgba(0, 192, 255, 1);
}
 @keyframes orbit112 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-240deg) rotateY(83deg) translateX(200px) rotateZ(240deg);
  }
   80% {
     transform: rotateZ(-240deg) rotateY(83deg) translateX(200px) rotateZ(240deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-240deg) rotateY(83deg) translateX(600px) rotateZ(240deg);
  }
}
 .celula:nth-child(113) {
   animation: orbit113 14s /*infinite*/;
   animation-delay: 1.13s;
   background-color: rgba(0, 191, 255, 1);
}
 @keyframes orbit113 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-81deg) rotateY(44deg) translateX(200px) rotateZ(81deg);
  }
   80% {
     transform: rotateZ(-81deg) rotateY(44deg) translateX(200px) rotateZ(81deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-81deg) rotateY(44deg) translateX(600px) rotateZ(81deg);
  }
}
 .celula:nth-child(114) {
   animation: orbit114 14s /*infinite*/;
   animation-delay: 1.14s;
   background-color: rgba(0, 190, 255, 1);
}
 @keyframes orbit114 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-208deg) rotateY(143deg) translateX(200px) rotateZ(208deg);
  }
   80% {
     transform: rotateZ(-208deg) rotateY(143deg) translateX(200px) rotateZ(208deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-208deg) rotateY(143deg) translateX(600px) rotateZ(208deg);
  }
}
 .celula:nth-child(115) {
   animation: orbit115 14s /*infinite*/;
   animation-delay: 1.15s;
   background-color: rgba(0, 190, 255, 1);
}
 @keyframes orbit115 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-296deg) rotateY(182deg) translateX(200px) rotateZ(296deg);
  }
   80% {
     transform: rotateZ(-296deg) rotateY(182deg) translateX(200px) rotateZ(296deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-296deg) rotateY(182deg) translateX(600px) rotateZ(296deg);
  }
}
 .celula:nth-child(116) {
   animation: orbit116 14s /*infinite*/;
   animation-delay: 1.16s;
   background-color: rgba(0, 189, 255, 1);
}
 @keyframes orbit116 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-240deg) rotateY(20deg) translateX(200px) rotateZ(240deg);
  }
   80% {
     transform: rotateZ(-240deg) rotateY(20deg) translateX(200px) rotateZ(240deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-240deg) rotateY(20deg) translateX(600px) rotateZ(240deg);
  }
}
 .celula:nth-child(117) {
   animation: orbit117 14s /*infinite*/;
   animation-delay: 1.17s;
   background-color: rgba(0, 189, 255, 1);
}
 @keyframes orbit117 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-287deg) rotateY(176deg) translateX(200px) rotateZ(287deg);
  }
   80% {
     transform: rotateZ(-287deg) rotateY(176deg) translateX(200px) rotateZ(287deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-287deg) rotateY(176deg) translateX(600px) rotateZ(287deg);
  }
}
 .celula:nth-child(118) {
   animation: orbit118 14s /*infinite*/;
   animation-delay: 1.18s;
   background-color: rgba(0, 188, 255, 1);
}
 @keyframes orbit118 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-151deg) rotateY(307deg) translateX(200px) rotateZ(151deg);
  }
   80% {
     transform: rotateZ(-151deg) rotateY(307deg) translateX(200px) rotateZ(151deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-151deg) rotateY(307deg) translateX(600px) rotateZ(151deg);
  }
}
 .celula:nth-child(119) {
   animation: orbit119 14s /*infinite*/;
   animation-delay: 1.19s;
   background-color: rgba(0, 188, 255, 1);
}
 @keyframes orbit119 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-59deg) rotateY(87deg) translateX(200px) rotateZ(59deg);
  }
   80% {
     transform: rotateZ(-59deg) rotateY(87deg) translateX(200px) rotateZ(59deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-59deg) rotateY(87deg) translateX(600px) rotateZ(59deg);
  }
}
 .celula:nth-child(120) {
   animation: orbit120 14s /*infinite*/;
   animation-delay: 1.2s;
   background-color: rgba(0, 187, 255, 1);
}
 @keyframes orbit120 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-344deg) rotateY(21deg) translateX(200px) rotateZ(344deg);
  }
   80% {
     transform: rotateZ(-344deg) rotateY(21deg) translateX(200px) rotateZ(344deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-344deg) rotateY(21deg) translateX(600px) rotateZ(344deg);
  }
}
 .celula:nth-child(121) {
   animation: orbit121 14s /*infinite*/;
   animation-delay: 1.21s;
   background-color: rgba(0, 186, 255, 1);
}
 @keyframes orbit121 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-251deg) rotateY(360deg) translateX(200px) rotateZ(251deg);
  }
   80% {
     transform: rotateZ(-251deg) rotateY(360deg) translateX(200px) rotateZ(251deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-251deg) rotateY(360deg) translateX(600px) rotateZ(251deg);
  }
}
 .celula:nth-child(122) {
   animation: orbit122 14s /*infinite*/;
   animation-delay: 1.22s;
   background-color: rgba(0, 186, 255, 1);
}
 @keyframes orbit122 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-323deg) rotateY(163deg) translateX(200px) rotateZ(323deg);
  }
   80% {
     transform: rotateZ(-323deg) rotateY(163deg) translateX(200px) rotateZ(323deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-323deg) rotateY(163deg) translateX(600px) rotateZ(323deg);
  }
}
 .celula:nth-child(123) {
   animation: orbit123 14s /*infinite*/;
   animation-delay: 1.23s;
   background-color: rgba(0, 185, 255, 1);
}
 @keyframes orbit123 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-20deg) rotateY(285deg) translateX(200px) rotateZ(20deg);
  }
   80% {
     transform: rotateZ(-20deg) rotateY(285deg) translateX(200px) rotateZ(20deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-20deg) rotateY(285deg) translateX(600px) rotateZ(20deg);
  }
}
 .celula:nth-child(124) {
   animation: orbit124 14s /*infinite*/;
   animation-delay: 1.24s;
   background-color: rgba(0, 185, 255, 1);
}
 @keyframes orbit124 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-146deg) rotateY(194deg) translateX(200px) rotateZ(146deg);
  }
   80% {
     transform: rotateZ(-146deg) rotateY(194deg) translateX(200px) rotateZ(146deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-146deg) rotateY(194deg) translateX(600px) rotateZ(146deg);
  }
}
 .celula:nth-child(125) {
   animation: orbit125 14s /*infinite*/;
   animation-delay: 1.25s;
   background-color: rgba(0, 184, 255, 1);
}
 @keyframes orbit125 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-186deg) rotateY(82deg) translateX(200px) rotateZ(186deg);
  }
   80% {
     transform: rotateZ(-186deg) rotateY(82deg) translateX(200px) rotateZ(186deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-186deg) rotateY(82deg) translateX(600px) rotateZ(186deg);
  }
}
 .celula:nth-child(126) {
   animation: orbit126 14s /*infinite*/;
   animation-delay: 1.26s;
   background-color: rgba(0, 184, 255, 1);
}
 @keyframes orbit126 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-104deg) rotateY(49deg) translateX(200px) rotateZ(104deg);
  }
   80% {
     transform: rotateZ(-104deg) rotateY(49deg) translateX(200px) rotateZ(104deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-104deg) rotateY(49deg) translateX(600px) rotateZ(104deg);
  }
}
 .celula:nth-child(127) {
   animation: orbit127 14s /*infinite*/;
   animation-delay: 1.27s;
   background-color: rgba(0, 183, 255, 1);
}
 @keyframes orbit127 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-225deg) rotateY(113deg) translateX(200px) rotateZ(225deg);
  }
   80% {
     transform: rotateZ(-225deg) rotateY(113deg) translateX(200px) rotateZ(225deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-225deg) rotateY(113deg) translateX(600px) rotateZ(225deg);
  }
}
 .celula:nth-child(128) {
   animation: orbit128 14s /*infinite*/;
   animation-delay: 1.28s;
   background-color: rgba(0, 182, 255, 1);
}
 @keyframes orbit128 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-187deg) rotateY(210deg) translateX(200px) rotateZ(187deg);
  }
   80% {
     transform: rotateZ(-187deg) rotateY(210deg) translateX(200px) rotateZ(187deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-187deg) rotateY(210deg) translateX(600px) rotateZ(187deg);
  }
}
 .celula:nth-child(129) {
   animation: orbit129 14s /*infinite*/;
   animation-delay: 1.29s;
   background-color: rgba(0, 182, 255, 1);
}
 @keyframes orbit129 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-265deg) rotateY(192deg) translateX(200px) rotateZ(265deg);
  }
   80% {
     transform: rotateZ(-265deg) rotateY(192deg) translateX(200px) rotateZ(265deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-265deg) rotateY(192deg) translateX(600px) rotateZ(265deg);
  }
}
 .celula:nth-child(130) {
   animation: orbit130 14s /*infinite*/;
   animation-delay: 1.3s;
   background-color: rgba(0, 181, 255, 1);
}
 @keyframes orbit130 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-330deg) rotateY(140deg) translateX(200px) rotateZ(330deg);
  }
   80% {
     transform: rotateZ(-330deg) rotateY(140deg) translateX(200px) rotateZ(330deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-330deg) rotateY(140deg) translateX(600px) rotateZ(330deg);
  }
}
 .celula:nth-child(131) {
   animation: orbit131 14s /*infinite*/;
   animation-delay: 1.31s;
   background-color: rgba(0, 181, 255, 1);
}
 @keyframes orbit131 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-242deg) rotateY(253deg) translateX(200px) rotateZ(242deg);
  }
   80% {
     transform: rotateZ(-242deg) rotateY(253deg) translateX(200px) rotateZ(242deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-242deg) rotateY(253deg) translateX(600px) rotateZ(242deg);
  }
}
 .celula:nth-child(132) {
   animation: orbit132 14s /*infinite*/;
   animation-delay: 1.32s;
   background-color: rgba(0, 180, 255, 1);
}
 @keyframes orbit132 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-296deg) rotateY(60deg) translateX(200px) rotateZ(296deg);
  }
   80% {
     transform: rotateZ(-296deg) rotateY(60deg) translateX(200px) rotateZ(296deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-296deg) rotateY(60deg) translateX(600px) rotateZ(296deg);
  }
}
 .celula:nth-child(133) {
   animation: orbit133 14s /*infinite*/;
   animation-delay: 1.33s;
   background-color: rgba(0, 180, 255, 1);
}
 @keyframes orbit133 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-5deg) rotateY(84deg) translateX(200px) rotateZ(5deg);
  }
   80% {
     transform: rotateZ(-5deg) rotateY(84deg) translateX(200px) rotateZ(5deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-5deg) rotateY(84deg) translateX(600px) rotateZ(5deg);
  }
}
 .celula:nth-child(134) {
   animation: orbit134 14s /*infinite*/;
   animation-delay: 1.34s;
   background-color: rgba(0, 179, 255, 1);
}
 @keyframes orbit134 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-155deg) rotateY(315deg) translateX(200px) rotateZ(155deg);
  }
   80% {
     transform: rotateZ(-155deg) rotateY(315deg) translateX(200px) rotateZ(155deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-155deg) rotateY(315deg) translateX(600px) rotateZ(155deg);
  }
}
 .celula:nth-child(135) {
   animation: orbit135 14s /*infinite*/;
   animation-delay: 1.35s;
   background-color: rgba(0, 179, 255, 1);
}
 @keyframes orbit135 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-278deg) rotateY(140deg) translateX(200px) rotateZ(278deg);
  }
   80% {
     transform: rotateZ(-278deg) rotateY(140deg) translateX(200px) rotateZ(278deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-278deg) rotateY(140deg) translateX(600px) rotateZ(278deg);
  }
}
 .celula:nth-child(136) {
   animation: orbit136 14s /*infinite*/;
   animation-delay: 1.36s;
   background-color: rgba(0, 178, 255, 1);
}
 @keyframes orbit136 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-208deg) rotateY(243deg) translateX(200px) rotateZ(208deg);
  }
   80% {
     transform: rotateZ(-208deg) rotateY(243deg) translateX(200px) rotateZ(208deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-208deg) rotateY(243deg) translateX(600px) rotateZ(208deg);
  }
}
 .celula:nth-child(137) {
   animation: orbit137 14s /*infinite*/;
   animation-delay: 1.37s;
   background-color: rgba(0, 177, 255, 1);
}
 @keyframes orbit137 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-104deg) rotateY(94deg) translateX(200px) rotateZ(104deg);
  }
   80% {
     transform: rotateZ(-104deg) rotateY(94deg) translateX(200px) rotateZ(104deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-104deg) rotateY(94deg) translateX(600px) rotateZ(104deg);
  }
}
 .celula:nth-child(138) {
   animation: orbit138 14s /*infinite*/;
   animation-delay: 1.38s;
   background-color: rgba(0, 177, 255, 1);
}
 @keyframes orbit138 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-144deg) rotateY(154deg) translateX(200px) rotateZ(144deg);
  }
   80% {
     transform: rotateZ(-144deg) rotateY(154deg) translateX(200px) rotateZ(144deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-144deg) rotateY(154deg) translateX(600px) rotateZ(144deg);
  }
}
 .celula:nth-child(139) {
   animation: orbit139 14s /*infinite*/;
   animation-delay: 1.39s;
   background-color: rgba(0, 176, 255, 1);
}
 @keyframes orbit139 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-88deg) rotateY(46deg) translateX(200px) rotateZ(88deg);
  }
   80% {
     transform: rotateZ(-88deg) rotateY(46deg) translateX(200px) rotateZ(88deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-88deg) rotateY(46deg) translateX(600px) rotateZ(88deg);
  }
}
 .celula:nth-child(140) {
   animation: orbit140 14s /*infinite*/;
   animation-delay: 1.4s;
   background-color: rgba(0, 176, 255, 1);
}
 @keyframes orbit140 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-200deg) rotateY(26deg) translateX(200px) rotateZ(200deg);
  }
   80% {
     transform: rotateZ(-200deg) rotateY(26deg) translateX(200px) rotateZ(200deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-200deg) rotateY(26deg) translateX(600px) rotateZ(200deg);
  }
}
 .celula:nth-child(141) {
   animation: orbit141 14s /*infinite*/;
   animation-delay: 1.41s;
   background-color: rgba(0, 175, 255, 1);
}
 @keyframes orbit141 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-219deg) rotateY(322deg) translateX(200px) rotateZ(219deg);
  }
   80% {
     transform: rotateZ(-219deg) rotateY(322deg) translateX(200px) rotateZ(219deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-219deg) rotateY(322deg) translateX(600px) rotateZ(219deg);
  }
}
 .celula:nth-child(142) {
   animation: orbit142 14s /*infinite*/;
   animation-delay: 1.42s;
   background-color: rgba(0, 175, 255, 1);
}
 @keyframes orbit142 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-338deg) rotateY(311deg) translateX(200px) rotateZ(338deg);
  }
   80% {
     transform: rotateZ(-338deg) rotateY(311deg) translateX(200px) rotateZ(338deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-338deg) rotateY(311deg) translateX(600px) rotateZ(338deg);
  }
}
 .celula:nth-child(143) {
   animation: orbit143 14s /*infinite*/;
   animation-delay: 1.43s;
   background-color: rgba(0, 174, 255, 1);
}
 @keyframes orbit143 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-215deg) rotateY(318deg) translateX(200px) rotateZ(215deg);
  }
   80% {
     transform: rotateZ(-215deg) rotateY(318deg) translateX(200px) rotateZ(215deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-215deg) rotateY(318deg) translateX(600px) rotateZ(215deg);
  }
}
 .celula:nth-child(144) {
   animation: orbit144 14s /*infinite*/;
   animation-delay: 1.44s;
   background-color: rgba(0, 173, 255, 1);
}
 @keyframes orbit144 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-74deg) rotateY(324deg) translateX(200px) rotateZ(74deg);
  }
   80% {
     transform: rotateZ(-74deg) rotateY(324deg) translateX(200px) rotateZ(74deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-74deg) rotateY(324deg) translateX(600px) rotateZ(74deg);
  }
}
 .celula:nth-child(145) {
   animation: orbit145 14s /*infinite*/;
   animation-delay: 1.45s;
   background-color: rgba(0, 173, 255, 1);
}
 @keyframes orbit145 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-30deg) rotateY(286deg) translateX(200px) rotateZ(30deg);
  }
   80% {
     transform: rotateZ(-30deg) rotateY(286deg) translateX(200px) rotateZ(30deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-30deg) rotateY(286deg) translateX(600px) rotateZ(30deg);
  }
}
 .celula:nth-child(146) {
   animation: orbit146 14s /*infinite*/;
   animation-delay: 1.46s;
   background-color: rgba(0, 172, 255, 1);
}
 @keyframes orbit146 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-300deg) rotateY(58deg) translateX(200px) rotateZ(300deg);
  }
   80% {
     transform: rotateZ(-300deg) rotateY(58deg) translateX(200px) rotateZ(300deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-300deg) rotateY(58deg) translateX(600px) rotateZ(300deg);
  }
}
 .celula:nth-child(147) {
   animation: orbit147 14s /*infinite*/;
   animation-delay: 1.47s;
   background-color: rgba(0, 172, 255, 1);
}
 @keyframes orbit147 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-262deg) rotateY(172deg) translateX(200px) rotateZ(262deg);
  }
   80% {
     transform: rotateZ(-262deg) rotateY(172deg) translateX(200px) rotateZ(262deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-262deg) rotateY(172deg) translateX(600px) rotateZ(262deg);
  }
}
 .celula:nth-child(148) {
   animation: orbit148 14s /*infinite*/;
   animation-delay: 1.48s;
   background-color: rgba(0, 171, 255, 1);
}
 @keyframes orbit148 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-269deg) rotateY(337deg) translateX(200px) rotateZ(269deg);
  }
   80% {
     transform: rotateZ(-269deg) rotateY(337deg) translateX(200px) rotateZ(269deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-269deg) rotateY(337deg) translateX(600px) rotateZ(269deg);
  }
}
 .celula:nth-child(149) {
   animation: orbit149 14s /*infinite*/;
   animation-delay: 1.49s;
   background-color: rgba(0, 171, 255, 1);
}
 @keyframes orbit149 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-326deg) rotateY(264deg) translateX(200px) rotateZ(326deg);
  }
   80% {
     transform: rotateZ(-326deg) rotateY(264deg) translateX(200px) rotateZ(326deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-326deg) rotateY(264deg) translateX(600px) rotateZ(326deg);
  }
}
 .celula:nth-child(150) {
   animation: orbit150 14s /*infinite*/;
   animation-delay: 1.5s;
   background-color: rgba(0, 170, 255, 1);
}
 @keyframes orbit150 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-118deg) rotateY(359deg) translateX(200px) rotateZ(118deg);
  }
   80% {
     transform: rotateZ(-118deg) rotateY(359deg) translateX(200px) rotateZ(118deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-118deg) rotateY(359deg) translateX(600px) rotateZ(118deg);
  }
}
 .celula:nth-child(151) {
   animation: orbit151 14s /*infinite*/;
   animation-delay: 1.51s;
   background-color: rgba(0, 169, 255, 1);
}
 @keyframes orbit151 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-15deg) rotateY(4deg) translateX(200px) rotateZ(15deg);
  }
   80% {
     transform: rotateZ(-15deg) rotateY(4deg) translateX(200px) rotateZ(15deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-15deg) rotateY(4deg) translateX(600px) rotateZ(15deg);
  }
}
 .celula:nth-child(152) {
   animation: orbit152 14s /*infinite*/;
   animation-delay: 1.52s;
   background-color: rgba(0, 169, 255, 1);
}
 @keyframes orbit152 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-188deg) rotateY(54deg) translateX(200px) rotateZ(188deg);
  }
   80% {
     transform: rotateZ(-188deg) rotateY(54deg) translateX(200px) rotateZ(188deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-188deg) rotateY(54deg) translateX(600px) rotateZ(188deg);
  }
}
 .celula:nth-child(153) {
   animation: orbit153 14s /*infinite*/;
   animation-delay: 1.53s;
   background-color: rgba(0, 168, 255, 1);
}
 @keyframes orbit153 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-341deg) rotateY(12deg) translateX(200px) rotateZ(341deg);
  }
   80% {
     transform: rotateZ(-341deg) rotateY(12deg) translateX(200px) rotateZ(341deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-341deg) rotateY(12deg) translateX(600px) rotateZ(341deg);
  }
}
 .celula:nth-child(154) {
   animation: orbit154 14s /*infinite*/;
   animation-delay: 1.54s;
   background-color: rgba(0, 168, 255, 1);
}
 @keyframes orbit154 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-21deg) rotateY(268deg) translateX(200px) rotateZ(21deg);
  }
   80% {
     transform: rotateZ(-21deg) rotateY(268deg) translateX(200px) rotateZ(21deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-21deg) rotateY(268deg) translateX(600px) rotateZ(21deg);
  }
}
 .celula:nth-child(155) {
   animation: orbit155 14s /*infinite*/;
   animation-delay: 1.55s;
   background-color: rgba(0, 167, 255, 1);
}
 @keyframes orbit155 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-273deg) rotateY(303deg) translateX(200px) rotateZ(273deg);
  }
   80% {
     transform: rotateZ(-273deg) rotateY(303deg) translateX(200px) rotateZ(273deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-273deg) rotateY(303deg) translateX(600px) rotateZ(273deg);
  }
}
 .celula:nth-child(156) {
   animation: orbit156 14s /*infinite*/;
   animation-delay: 1.56s;
   background-color: rgba(0, 167, 255, 1);
}
 @keyframes orbit156 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-14deg) rotateY(153deg) translateX(200px) rotateZ(14deg);
  }
   80% {
     transform: rotateZ(-14deg) rotateY(153deg) translateX(200px) rotateZ(14deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-14deg) rotateY(153deg) translateX(600px) rotateZ(14deg);
  }
}
 .celula:nth-child(157) {
   animation: orbit157 14s /*infinite*/;
   animation-delay: 1.57s;
   background-color: rgba(0, 166, 255, 1);
}
 @keyframes orbit157 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-124deg) rotateY(86deg) translateX(200px) rotateZ(124deg);
  }
   80% {
     transform: rotateZ(-124deg) rotateY(86deg) translateX(200px) rotateZ(124deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-124deg) rotateY(86deg) translateX(600px) rotateZ(124deg);
  }
}
 .celula:nth-child(158) {
   animation: orbit158 14s /*infinite*/;
   animation-delay: 1.58s;
   background-color: rgba(0, 165, 255, 1);
}
 @keyframes orbit158 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-315deg) rotateY(349deg) translateX(200px) rotateZ(315deg);
  }
   80% {
     transform: rotateZ(-315deg) rotateY(349deg) translateX(200px) rotateZ(315deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-315deg) rotateY(349deg) translateX(600px) rotateZ(315deg);
  }
}
 .celula:nth-child(159) {
   animation: orbit159 14s /*infinite*/;
   animation-delay: 1.59s;
   background-color: rgba(0, 165, 255, 1);
}
 @keyframes orbit159 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-248deg) rotateY(185deg) translateX(200px) rotateZ(248deg);
  }
   80% {
     transform: rotateZ(-248deg) rotateY(185deg) translateX(200px) rotateZ(248deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-248deg) rotateY(185deg) translateX(600px) rotateZ(248deg);
  }
}
 .celula:nth-child(160) {
   animation: orbit160 14s /*infinite*/;
   animation-delay: 1.6s;
   background-color: rgba(0, 164, 255, 1);
}
 @keyframes orbit160 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-170deg) rotateY(118deg) translateX(200px) rotateZ(170deg);
  }
   80% {
     transform: rotateZ(-170deg) rotateY(118deg) translateX(200px) rotateZ(170deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-170deg) rotateY(118deg) translateX(600px) rotateZ(170deg);
  }
}
 .celula:nth-child(161) {
   animation: orbit161 14s /*infinite*/;
   animation-delay: 1.61s;
   background-color: rgba(0, 164, 255, 1);
}
 @keyframes orbit161 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-179deg) rotateY(136deg) translateX(200px) rotateZ(179deg);
  }
   80% {
     transform: rotateZ(-179deg) rotateY(136deg) translateX(200px) rotateZ(179deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-179deg) rotateY(136deg) translateX(600px) rotateZ(179deg);
  }
}
 .celula:nth-child(162) {
   animation: orbit162 14s /*infinite*/;
   animation-delay: 1.62s;
   background-color: rgba(0, 163, 255, 1);
}
 @keyframes orbit162 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-24deg) rotateY(313deg) translateX(200px) rotateZ(24deg);
  }
   80% {
     transform: rotateZ(-24deg) rotateY(313deg) translateX(200px) rotateZ(24deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-24deg) rotateY(313deg) translateX(600px) rotateZ(24deg);
  }
}
 .celula:nth-child(163) {
   animation: orbit163 14s /*infinite*/;
   animation-delay: 1.63s;
   background-color: rgba(0, 163, 255, 1);
}
 @keyframes orbit163 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-82deg) rotateY(274deg) translateX(200px) rotateZ(82deg);
  }
   80% {
     transform: rotateZ(-82deg) rotateY(274deg) translateX(200px) rotateZ(82deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-82deg) rotateY(274deg) translateX(600px) rotateZ(82deg);
  }
}
 .celula:nth-child(164) {
   animation: orbit164 14s /*infinite*/;
   animation-delay: 1.64s;
   background-color: rgba(0, 162, 255, 1);
}
 @keyframes orbit164 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-136deg) rotateY(266deg) translateX(200px) rotateZ(136deg);
  }
   80% {
     transform: rotateZ(-136deg) rotateY(266deg) translateX(200px) rotateZ(136deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-136deg) rotateY(266deg) translateX(600px) rotateZ(136deg);
  }
}
 .celula:nth-child(165) {
   animation: orbit165 14s /*infinite*/;
   animation-delay: 1.65s;
   background-color: rgba(0, 162, 255, 1);
}
 @keyframes orbit165 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-142deg) rotateY(84deg) translateX(200px) rotateZ(142deg);
  }
   80% {
     transform: rotateZ(-142deg) rotateY(84deg) translateX(200px) rotateZ(142deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-142deg) rotateY(84deg) translateX(600px) rotateZ(142deg);
  }
}
 .celula:nth-child(166) {
   animation: orbit166 14s /*infinite*/;
   animation-delay: 1.66s;
   background-color: rgba(0, 161, 255, 1);
}
 @keyframes orbit166 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-125deg) rotateY(184deg) translateX(200px) rotateZ(125deg);
  }
   80% {
     transform: rotateZ(-125deg) rotateY(184deg) translateX(200px) rotateZ(125deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-125deg) rotateY(184deg) translateX(600px) rotateZ(125deg);
  }
}
 .celula:nth-child(167) {
   animation: orbit167 14s /*infinite*/;
   animation-delay: 1.67s;
   background-color: rgba(0, 160, 255, 1);
}
 @keyframes orbit167 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-347deg) rotateY(285deg) translateX(200px) rotateZ(347deg);
  }
   80% {
     transform: rotateZ(-347deg) rotateY(285deg) translateX(200px) rotateZ(347deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-347deg) rotateY(285deg) translateX(600px) rotateZ(347deg);
  }
}
 .celula:nth-child(168) {
   animation: orbit168 14s /*infinite*/;
   animation-delay: 1.68s;
   background-color: rgba(0, 160, 255, 1);
}
 @keyframes orbit168 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-19deg) rotateY(105deg) translateX(200px) rotateZ(19deg);
  }
   80% {
     transform: rotateZ(-19deg) rotateY(105deg) translateX(200px) rotateZ(19deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-19deg) rotateY(105deg) translateX(600px) rotateZ(19deg);
  }
}
 .celula:nth-child(169) {
   animation: orbit169 14s /*infinite*/;
   animation-delay: 1.69s;
   background-color: rgba(0, 159, 255, 1);
}
 @keyframes orbit169 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-166deg) rotateY(346deg) translateX(200px) rotateZ(166deg);
  }
   80% {
     transform: rotateZ(-166deg) rotateY(346deg) translateX(200px) rotateZ(166deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-166deg) rotateY(346deg) translateX(600px) rotateZ(166deg);
  }
}
 .celula:nth-child(170) {
   animation: orbit170 14s /*infinite*/;
   animation-delay: 1.7s;
   background-color: rgba(0, 159, 255, 1);
}
 @keyframes orbit170 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-130deg) rotateY(179deg) translateX(200px) rotateZ(130deg);
  }
   80% {
     transform: rotateZ(-130deg) rotateY(179deg) translateX(200px) rotateZ(130deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-130deg) rotateY(179deg) translateX(600px) rotateZ(130deg);
  }
}
 .celula:nth-child(171) {
   animation: orbit171 14s /*infinite*/;
   animation-delay: 1.71s;
   background-color: rgba(0, 158, 255, 1);
}
 @keyframes orbit171 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-27deg) rotateY(21deg) translateX(200px) rotateZ(27deg);
  }
   80% {
     transform: rotateZ(-27deg) rotateY(21deg) translateX(200px) rotateZ(27deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-27deg) rotateY(21deg) translateX(600px) rotateZ(27deg);
  }
}
 .celula:nth-child(172) {
   animation: orbit172 14s /*infinite*/;
   animation-delay: 1.72s;
   background-color: rgba(0, 158, 255, 1);
}
 @keyframes orbit172 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-92deg) rotateY(359deg) translateX(200px) rotateZ(92deg);
  }
   80% {
     transform: rotateZ(-92deg) rotateY(359deg) translateX(200px) rotateZ(92deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-92deg) rotateY(359deg) translateX(600px) rotateZ(92deg);
  }
}
 .celula:nth-child(173) {
   animation: orbit173 14s /*infinite*/;
   animation-delay: 1.73s;
   background-color: rgba(0, 157, 255, 1);
}
 @keyframes orbit173 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-100deg) rotateY(53deg) translateX(200px) rotateZ(100deg);
  }
   80% {
     transform: rotateZ(-100deg) rotateY(53deg) translateX(200px) rotateZ(100deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-100deg) rotateY(53deg) translateX(600px) rotateZ(100deg);
  }
}
 .celula:nth-child(174) {
   animation: orbit174 14s /*infinite*/;
   animation-delay: 1.74s;
   background-color: rgba(0, 156, 255, 1);
}
 @keyframes orbit174 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-338deg) rotateY(183deg) translateX(200px) rotateZ(338deg);
  }
   80% {
     transform: rotateZ(-338deg) rotateY(183deg) translateX(200px) rotateZ(338deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-338deg) rotateY(183deg) translateX(600px) rotateZ(338deg);
  }
}
 .celula:nth-child(175) {
   animation: orbit175 14s /*infinite*/;
   animation-delay: 1.75s;
   background-color: rgba(0, 156, 255, 1);
}
 @keyframes orbit175 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-334deg) rotateY(3deg) translateX(200px) rotateZ(334deg);
  }
   80% {
     transform: rotateZ(-334deg) rotateY(3deg) translateX(200px) rotateZ(334deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-334deg) rotateY(3deg) translateX(600px) rotateZ(334deg);
  }
}
 .celula:nth-child(176) {
   animation: orbit176 14s /*infinite*/;
   animation-delay: 1.76s;
   background-color: rgba(0, 155, 255, 1);
}
 @keyframes orbit176 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-207deg) rotateY(118deg) translateX(200px) rotateZ(207deg);
  }
   80% {
     transform: rotateZ(-207deg) rotateY(118deg) translateX(200px) rotateZ(207deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-207deg) rotateY(118deg) translateX(600px) rotateZ(207deg);
  }
}
 .celula:nth-child(177) {
   animation: orbit177 14s /*infinite*/;
   animation-delay: 1.77s;
   background-color: rgba(0, 155, 255, 1);
}
 @keyframes orbit177 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-172deg) rotateY(43deg) translateX(200px) rotateZ(172deg);
  }
   80% {
     transform: rotateZ(-172deg) rotateY(43deg) translateX(200px) rotateZ(172deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-172deg) rotateY(43deg) translateX(600px) rotateZ(172deg);
  }
}
 .celula:nth-child(178) {
   animation: orbit178 14s /*infinite*/;
   animation-delay: 1.78s;
   background-color: rgba(0, 154, 255, 1);
}
 @keyframes orbit178 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-324deg) rotateY(6deg) translateX(200px) rotateZ(324deg);
  }
   80% {
     transform: rotateZ(-324deg) rotateY(6deg) translateX(200px) rotateZ(324deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-324deg) rotateY(6deg) translateX(600px) rotateZ(324deg);
  }
}
 .celula:nth-child(179) {
   animation: orbit179 14s /*infinite*/;
   animation-delay: 1.79s;
   background-color: rgba(0, 154, 255, 1);
}
 @keyframes orbit179 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-10deg) rotateY(284deg) translateX(200px) rotateZ(10deg);
  }
   80% {
     transform: rotateZ(-10deg) rotateY(284deg) translateX(200px) rotateZ(10deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-10deg) rotateY(284deg) translateX(600px) rotateZ(10deg);
  }
}
 .celula:nth-child(180) {
   animation: orbit180 14s /*infinite*/;
   animation-delay: 1.8s;
   background-color: rgba(0, 153, 255, 1);
}
 @keyframes orbit180 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-356deg) rotateY(289deg) translateX(200px) rotateZ(356deg);
  }
   80% {
     transform: rotateZ(-356deg) rotateY(289deg) translateX(200px) rotateZ(356deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-356deg) rotateY(289deg) translateX(600px) rotateZ(356deg);
  }
}
 .celula:nth-child(181) {
   animation: orbit181 14s /*infinite*/;
   animation-delay: 1.81s;
   background-color: rgba(0, 152, 255, 1);
}
 @keyframes orbit181 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-195deg) rotateY(95deg) translateX(200px) rotateZ(195deg);
  }
   80% {
     transform: rotateZ(-195deg) rotateY(95deg) translateX(200px) rotateZ(195deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-195deg) rotateY(95deg) translateX(600px) rotateZ(195deg);
  }
}
 .celula:nth-child(182) {
   animation: orbit182 14s /*infinite*/;
   animation-delay: 1.82s;
   background-color: rgba(0, 152, 255, 1);
}
 @keyframes orbit182 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-28deg) rotateY(36deg) translateX(200px) rotateZ(28deg);
  }
   80% {
     transform: rotateZ(-28deg) rotateY(36deg) translateX(200px) rotateZ(28deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-28deg) rotateY(36deg) translateX(600px) rotateZ(28deg);
  }
}
 .celula:nth-child(183) {
   animation: orbit183 14s /*infinite*/;
   animation-delay: 1.83s;
   background-color: rgba(0, 151, 255, 1);
}
 @keyframes orbit183 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-127deg) rotateY(220deg) translateX(200px) rotateZ(127deg);
  }
   80% {
     transform: rotateZ(-127deg) rotateY(220deg) translateX(200px) rotateZ(127deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-127deg) rotateY(220deg) translateX(600px) rotateZ(127deg);
  }
}
 .celula:nth-child(184) {
   animation: orbit184 14s /*infinite*/;
   animation-delay: 1.84s;
   background-color: rgba(0, 151, 255, 1);
}
 @keyframes orbit184 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-80deg) rotateY(194deg) translateX(200px) rotateZ(80deg);
  }
   80% {
     transform: rotateZ(-80deg) rotateY(194deg) translateX(200px) rotateZ(80deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-80deg) rotateY(194deg) translateX(600px) rotateZ(80deg);
  }
}
 .celula:nth-child(185) {
   animation: orbit185 14s /*infinite*/;
   animation-delay: 1.85s;
   background-color: rgba(0, 150, 255, 1);
}
 @keyframes orbit185 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-73deg) rotateY(256deg) translateX(200px) rotateZ(73deg);
  }
   80% {
     transform: rotateZ(-73deg) rotateY(256deg) translateX(200px) rotateZ(73deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-73deg) rotateY(256deg) translateX(600px) rotateZ(73deg);
  }
}
 .celula:nth-child(186) {
   animation: orbit186 14s /*infinite*/;
   animation-delay: 1.86s;
   background-color: rgba(0, 150, 255, 1);
}
 @keyframes orbit186 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-333deg) rotateY(339deg) translateX(200px) rotateZ(333deg);
  }
   80% {
     transform: rotateZ(-333deg) rotateY(339deg) translateX(200px) rotateZ(333deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-333deg) rotateY(339deg) translateX(600px) rotateZ(333deg);
  }
}
 .celula:nth-child(187) {
   animation: orbit187 14s /*infinite*/;
   animation-delay: 1.87s;
   background-color: rgba(0, 149, 255, 1);
}
 @keyframes orbit187 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-156deg) rotateY(189deg) translateX(200px) rotateZ(156deg);
  }
   80% {
     transform: rotateZ(-156deg) rotateY(189deg) translateX(200px) rotateZ(156deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-156deg) rotateY(189deg) translateX(600px) rotateZ(156deg);
  }
}
 .celula:nth-child(188) {
   animation: orbit188 14s /*infinite*/;
   animation-delay: 1.88s;
   background-color: rgba(0, 148, 255, 1);
}
 @keyframes orbit188 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-214deg) rotateY(3deg) translateX(200px) rotateZ(214deg);
  }
   80% {
     transform: rotateZ(-214deg) rotateY(3deg) translateX(200px) rotateZ(214deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-214deg) rotateY(3deg) translateX(600px) rotateZ(214deg);
  }
}
 .celula:nth-child(189) {
   animation: orbit189 14s /*infinite*/;
   animation-delay: 1.89s;
   background-color: rgba(0, 148, 255, 1);
}
 @keyframes orbit189 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-164deg) rotateY(162deg) translateX(200px) rotateZ(164deg);
  }
   80% {
     transform: rotateZ(-164deg) rotateY(162deg) translateX(200px) rotateZ(164deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-164deg) rotateY(162deg) translateX(600px) rotateZ(164deg);
  }
}
 .celula:nth-child(190) {
   animation: orbit190 14s /*infinite*/;
   animation-delay: 1.9s;
   background-color: rgba(0, 147, 255, 1);
}
 @keyframes orbit190 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-194deg) rotateY(181deg) translateX(200px) rotateZ(194deg);
  }
   80% {
     transform: rotateZ(-194deg) rotateY(181deg) translateX(200px) rotateZ(194deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-194deg) rotateY(181deg) translateX(600px) rotateZ(194deg);
  }
}
 .celula:nth-child(191) {
   animation: orbit191 14s /*infinite*/;
   animation-delay: 1.91s;
   background-color: rgba(0, 147, 255, 1);
}
 @keyframes orbit191 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-201deg) rotateY(64deg) translateX(200px) rotateZ(201deg);
  }
   80% {
     transform: rotateZ(-201deg) rotateY(64deg) translateX(200px) rotateZ(201deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-201deg) rotateY(64deg) translateX(600px) rotateZ(201deg);
  }
}
 .celula:nth-child(192) {
   animation: orbit192 14s /*infinite*/;
   animation-delay: 1.92s;
   background-color: rgba(0, 146, 255, 1);
}
 @keyframes orbit192 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-165deg) rotateY(129deg) translateX(200px) rotateZ(165deg);
  }
   80% {
     transform: rotateZ(-165deg) rotateY(129deg) translateX(200px) rotateZ(165deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-165deg) rotateY(129deg) translateX(600px) rotateZ(165deg);
  }
}
 .celula:nth-child(193) {
   animation: orbit193 14s /*infinite*/;
   animation-delay: 1.93s;
   background-color: rgba(0, 146, 255, 1);
}
 @keyframes orbit193 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-179deg) rotateY(221deg) translateX(200px) rotateZ(179deg);
  }
   80% {
     transform: rotateZ(-179deg) rotateY(221deg) translateX(200px) rotateZ(179deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-179deg) rotateY(221deg) translateX(600px) rotateZ(179deg);
  }
}
 .celula:nth-child(194) {
   animation: orbit194 14s /*infinite*/;
   animation-delay: 1.94s;
   background-color: rgba(0, 145, 255, 1);
}
 @keyframes orbit194 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-193deg) rotateY(1deg) translateX(200px) rotateZ(193deg);
  }
   80% {
     transform: rotateZ(-193deg) rotateY(1deg) translateX(200px) rotateZ(193deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-193deg) rotateY(1deg) translateX(600px) rotateZ(193deg);
  }
}
 .celula:nth-child(195) {
   animation: orbit195 14s /*infinite*/;
   animation-delay: 1.95s;
   background-color: rgba(0, 145, 255, 1);
}
 @keyframes orbit195 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-181deg) rotateY(145deg) translateX(200px) rotateZ(181deg);
  }
   80% {
     transform: rotateZ(-181deg) rotateY(145deg) translateX(200px) rotateZ(181deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-181deg) rotateY(145deg) translateX(600px) rotateZ(181deg);
  }
}
 .celula:nth-child(196) {
   animation: orbit196 14s /*infinite*/;
   animation-delay: 1.96s;
   background-color: rgba(0, 144, 255, 1);
}
 @keyframes orbit196 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-50deg) rotateY(329deg) translateX(200px) rotateZ(50deg);
  }
   80% {
     transform: rotateZ(-50deg) rotateY(329deg) translateX(200px) rotateZ(50deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-50deg) rotateY(329deg) translateX(600px) rotateZ(50deg);
  }
}
 .celula:nth-child(197) {
   animation: orbit197 14s /*infinite*/;
   animation-delay: 1.97s;
   background-color: rgba(0, 143, 255, 1);
}
 @keyframes orbit197 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-30deg) rotateY(140deg) translateX(200px) rotateZ(30deg);
  }
   80% {
     transform: rotateZ(-30deg) rotateY(140deg) translateX(200px) rotateZ(30deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-30deg) rotateY(140deg) translateX(600px) rotateZ(30deg);
  }
}
 .celula:nth-child(198) {
   animation: orbit198 14s /*infinite*/;
   animation-delay: 1.98s;
   background-color: rgba(0, 143, 255, 1);
}
 @keyframes orbit198 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-178deg) rotateY(144deg) translateX(200px) rotateZ(178deg);
  }
   80% {
     transform: rotateZ(-178deg) rotateY(144deg) translateX(200px) rotateZ(178deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-178deg) rotateY(144deg) translateX(600px) rotateZ(178deg);
  }
}
 .celula:nth-child(199) {
   animation: orbit199 14s /*infinite*/;
   animation-delay: 1.99s;
   background-color: rgba(0, 142, 255, 1);
}
 @keyframes orbit199 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-162deg) rotateY(209deg) translateX(200px) rotateZ(162deg);
  }
   80% {
     transform: rotateZ(-162deg) rotateY(209deg) translateX(200px) rotateZ(162deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-162deg) rotateY(209deg) translateX(600px) rotateZ(162deg);
  }
}
 .celula:nth-child(200) {
   animation: orbit200 14s /*infinite*/;
   animation-delay: 2s;
   background-color: rgba(0, 142, 255, 1);
}
 @keyframes orbit200 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-241deg) rotateY(281deg) translateX(200px) rotateZ(241deg);
  }
   80% {
     transform: rotateZ(-241deg) rotateY(281deg) translateX(200px) rotateZ(241deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-241deg) rotateY(281deg) translateX(600px) rotateZ(241deg);
  }
}
 .celula:nth-child(201) {
   animation: orbit201 14s /*infinite*/;
   animation-delay: 2.01s;
   background-color: rgba(0, 141, 255, 1);
}
 @keyframes orbit201 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-167deg) rotateY(297deg) translateX(200px) rotateZ(167deg);
  }
   80% {
     transform: rotateZ(-167deg) rotateY(297deg) translateX(200px) rotateZ(167deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-167deg) rotateY(297deg) translateX(600px) rotateZ(167deg);
  }
}
 .celula:nth-child(202) {
   animation: orbit202 14s /*infinite*/;
   animation-delay: 2.02s;
   background-color: rgba(0, 141, 255, 1);
}
 @keyframes orbit202 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-271deg) rotateY(144deg) translateX(200px) rotateZ(271deg);
  }
   80% {
     transform: rotateZ(-271deg) rotateY(144deg) translateX(200px) rotateZ(271deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-271deg) rotateY(144deg) translateX(600px) rotateZ(271deg);
  }
}
 .celula:nth-child(203) {
   animation: orbit203 14s /*infinite*/;
   animation-delay: 2.03s;
   background-color: rgba(0, 140, 255, 1);
}
 @keyframes orbit203 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-333deg) rotateY(159deg) translateX(200px) rotateZ(333deg);
  }
   80% {
     transform: rotateZ(-333deg) rotateY(159deg) translateX(200px) rotateZ(333deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-333deg) rotateY(159deg) translateX(600px) rotateZ(333deg);
  }
}
 .celula:nth-child(204) {
   animation: orbit204 14s /*infinite*/;
   animation-delay: 2.04s;
   background-color: rgba(0, 139, 255, 1);
}
 @keyframes orbit204 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-253deg) rotateY(328deg) translateX(200px) rotateZ(253deg);
  }
   80% {
     transform: rotateZ(-253deg) rotateY(328deg) translateX(200px) rotateZ(253deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-253deg) rotateY(328deg) translateX(600px) rotateZ(253deg);
  }
}
 .celula:nth-child(205) {
   animation: orbit205 14s /*infinite*/;
   animation-delay: 2.05s;
   background-color: rgba(0, 139, 255, 1);
}
 @keyframes orbit205 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-1deg) rotateY(327deg) translateX(200px) rotateZ(1deg);
  }
   80% {
     transform: rotateZ(-1deg) rotateY(327deg) translateX(200px) rotateZ(1deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-1deg) rotateY(327deg) translateX(600px) rotateZ(1deg);
  }
}
 .celula:nth-child(206) {
   animation: orbit206 14s /*infinite*/;
   animation-delay: 2.06s;
   background-color: rgba(0, 138, 255, 1);
}
 @keyframes orbit206 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-289deg) rotateY(148deg) translateX(200px) rotateZ(289deg);
  }
   80% {
     transform: rotateZ(-289deg) rotateY(148deg) translateX(200px) rotateZ(289deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-289deg) rotateY(148deg) translateX(600px) rotateZ(289deg);
  }
}
 .celula:nth-child(207) {
   animation: orbit207 14s /*infinite*/;
   animation-delay: 2.07s;
   background-color: rgba(0, 138, 255, 1);
}
 @keyframes orbit207 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-343deg) rotateY(28deg) translateX(200px) rotateZ(343deg);
  }
   80% {
     transform: rotateZ(-343deg) rotateY(28deg) translateX(200px) rotateZ(343deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-343deg) rotateY(28deg) translateX(600px) rotateZ(343deg);
  }
}
 .celula:nth-child(208) {
   animation: orbit208 14s /*infinite*/;
   animation-delay: 2.08s;
   background-color: rgba(0, 137, 255, 1);
}
 @keyframes orbit208 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-62deg) rotateY(183deg) translateX(200px) rotateZ(62deg);
  }
   80% {
     transform: rotateZ(-62deg) rotateY(183deg) translateX(200px) rotateZ(62deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-62deg) rotateY(183deg) translateX(600px) rotateZ(62deg);
  }
}
 .celula:nth-child(209) {
   animation: orbit209 14s /*infinite*/;
   animation-delay: 2.09s;
   background-color: rgba(0, 137, 255, 1);
}
 @keyframes orbit209 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-209deg) rotateY(232deg) translateX(200px) rotateZ(209deg);
  }
   80% {
     transform: rotateZ(-209deg) rotateY(232deg) translateX(200px) rotateZ(209deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-209deg) rotateY(232deg) translateX(600px) rotateZ(209deg);
  }
}
 .celula:nth-child(210) {
   animation: orbit210 14s /*infinite*/;
   animation-delay: 2.1s;
   background-color: rgba(0, 136, 255, 1);
}
 @keyframes orbit210 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-71deg) rotateY(90deg) translateX(200px) rotateZ(71deg);
  }
   80% {
     transform: rotateZ(-71deg) rotateY(90deg) translateX(200px) rotateZ(71deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-71deg) rotateY(90deg) translateX(600px) rotateZ(71deg);
  }
}
 .celula:nth-child(211) {
   animation: orbit211 14s /*infinite*/;
   animation-delay: 2.11s;
   background-color: rgba(0, 135, 255, 1);
}
 @keyframes orbit211 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-73deg) rotateY(159deg) translateX(200px) rotateZ(73deg);
  }
   80% {
     transform: rotateZ(-73deg) rotateY(159deg) translateX(200px) rotateZ(73deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-73deg) rotateY(159deg) translateX(600px) rotateZ(73deg);
  }
}
 .celula:nth-child(212) {
   animation: orbit212 14s /*infinite*/;
   animation-delay: 2.12s;
   background-color: rgba(0, 135, 255, 1);
}
 @keyframes orbit212 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-323deg) rotateY(278deg) translateX(200px) rotateZ(323deg);
  }
   80% {
     transform: rotateZ(-323deg) rotateY(278deg) translateX(200px) rotateZ(323deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-323deg) rotateY(278deg) translateX(600px) rotateZ(323deg);
  }
}
 .celula:nth-child(213) {
   animation: orbit213 14s /*infinite*/;
   animation-delay: 2.13s;
   background-color: rgba(0, 134, 255, 1);
}
 @keyframes orbit213 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-187deg) rotateY(281deg) translateX(200px) rotateZ(187deg);
  }
   80% {
     transform: rotateZ(-187deg) rotateY(281deg) translateX(200px) rotateZ(187deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-187deg) rotateY(281deg) translateX(600px) rotateZ(187deg);
  }
}
 .celula:nth-child(214) {
   animation: orbit214 14s /*infinite*/;
   animation-delay: 2.14s;
   background-color: rgba(0, 134, 255, 1);
}
 @keyframes orbit214 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-213deg) rotateY(328deg) translateX(200px) rotateZ(213deg);
  }
   80% {
     transform: rotateZ(-213deg) rotateY(328deg) translateX(200px) rotateZ(213deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-213deg) rotateY(328deg) translateX(600px) rotateZ(213deg);
  }
}
 .celula:nth-child(215) {
   animation: orbit215 14s /*infinite*/;
   animation-delay: 2.15s;
   background-color: rgba(0, 133, 255, 1);
}
 @keyframes orbit215 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-330deg) rotateY(107deg) translateX(200px) rotateZ(330deg);
  }
   80% {
     transform: rotateZ(-330deg) rotateY(107deg) translateX(200px) rotateZ(330deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-330deg) rotateY(107deg) translateX(600px) rotateZ(330deg);
  }
}
 .celula:nth-child(216) {
   animation: orbit216 14s /*infinite*/;
   animation-delay: 2.16s;
   background-color: rgba(0, 133, 255, 1);
}
 @keyframes orbit216 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-248deg) rotateY(145deg) translateX(200px) rotateZ(248deg);
  }
   80% {
     transform: rotateZ(-248deg) rotateY(145deg) translateX(200px) rotateZ(248deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-248deg) rotateY(145deg) translateX(600px) rotateZ(248deg);
  }
}
 .celula:nth-child(217) {
   animation: orbit217 14s /*infinite*/;
   animation-delay: 2.17s;
   background-color: rgba(0, 132, 255, 1);
}
 @keyframes orbit217 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-38deg) rotateY(345deg) translateX(200px) rotateZ(38deg);
  }
   80% {
     transform: rotateZ(-38deg) rotateY(345deg) translateX(200px) rotateZ(38deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-38deg) rotateY(345deg) translateX(600px) rotateZ(38deg);
  }
}
 .celula:nth-child(218) {
   animation: orbit218 14s /*infinite*/;
   animation-delay: 2.18s;
   background-color: rgba(0, 131, 255, 1);
}
 @keyframes orbit218 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-10deg) rotateY(168deg) translateX(200px) rotateZ(10deg);
  }
   80% {
     transform: rotateZ(-10deg) rotateY(168deg) translateX(200px) rotateZ(10deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-10deg) rotateY(168deg) translateX(600px) rotateZ(10deg);
  }
}
 .celula:nth-child(219) {
   animation: orbit219 14s /*infinite*/;
   animation-delay: 2.19s;
   background-color: rgba(0, 131, 255, 1);
}
 @keyframes orbit219 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-27deg) rotateY(287deg) translateX(200px) rotateZ(27deg);
  }
   80% {
     transform: rotateZ(-27deg) rotateY(287deg) translateX(200px) rotateZ(27deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-27deg) rotateY(287deg) translateX(600px) rotateZ(27deg);
  }
}
 .celula:nth-child(220) {
   animation: orbit220 14s /*infinite*/;
   animation-delay: 2.2s;
   background-color: rgba(0, 130, 255, 1);
}
 @keyframes orbit220 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-131deg) rotateY(287deg) translateX(200px) rotateZ(131deg);
  }
   80% {
     transform: rotateZ(-131deg) rotateY(287deg) translateX(200px) rotateZ(131deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-131deg) rotateY(287deg) translateX(600px) rotateZ(131deg);
  }
}
 .celula:nth-child(221) {
   animation: orbit221 14s /*infinite*/;
   animation-delay: 2.21s;
   background-color: rgba(0, 130, 255, 1);
}
 @keyframes orbit221 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-158deg) rotateY(15deg) translateX(200px) rotateZ(158deg);
  }
   80% {
     transform: rotateZ(-158deg) rotateY(15deg) translateX(200px) rotateZ(158deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-158deg) rotateY(15deg) translateX(600px) rotateZ(158deg);
  }
}
 .celula:nth-child(222) {
   animation: orbit222 14s /*infinite*/;
   animation-delay: 2.22s;
   background-color: rgba(0, 129, 255, 1);
}
 @keyframes orbit222 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-237deg) rotateY(58deg) translateX(200px) rotateZ(237deg);
  }
   80% {
     transform: rotateZ(-237deg) rotateY(58deg) translateX(200px) rotateZ(237deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-237deg) rotateY(58deg) translateX(600px) rotateZ(237deg);
  }
}
 .celula:nth-child(223) {
   animation: orbit223 14s /*infinite*/;
   animation-delay: 2.23s;
   background-color: rgba(0, 129, 255, 1);
}
 @keyframes orbit223 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-21deg) rotateY(162deg) translateX(200px) rotateZ(21deg);
  }
   80% {
     transform: rotateZ(-21deg) rotateY(162deg) translateX(200px) rotateZ(21deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-21deg) rotateY(162deg) translateX(600px) rotateZ(21deg);
  }
}
 .celula:nth-child(224) {
   animation: orbit224 14s /*infinite*/;
   animation-delay: 2.24s;
   background-color: rgba(0, 128, 255, 1);
}
 @keyframes orbit224 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-250deg) rotateY(38deg) translateX(200px) rotateZ(250deg);
  }
   80% {
     transform: rotateZ(-250deg) rotateY(38deg) translateX(200px) rotateZ(250deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-250deg) rotateY(38deg) translateX(600px) rotateZ(250deg);
  }
}
 .celula:nth-child(225) {
   animation: orbit225 14s /*infinite*/;
   animation-delay: 2.25s;
   background-color: rgba(0, 128, 255, 1);
}
 @keyframes orbit225 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-338deg) rotateY(34deg) translateX(200px) rotateZ(338deg);
  }
   80% {
     transform: rotateZ(-338deg) rotateY(34deg) translateX(200px) rotateZ(338deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-338deg) rotateY(34deg) translateX(600px) rotateZ(338deg);
  }
}
 .celula:nth-child(226) {
   animation: orbit226 14s /*infinite*/;
   animation-delay: 2.26s;
   background-color: rgba(0, 127, 255, 1);
}
 @keyframes orbit226 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-334deg) rotateY(277deg) translateX(200px) rotateZ(334deg);
  }
   80% {
     transform: rotateZ(-334deg) rotateY(277deg) translateX(200px) rotateZ(334deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-334deg) rotateY(277deg) translateX(600px) rotateZ(334deg);
  }
}
 .celula:nth-child(227) {
   animation: orbit227 14s /*infinite*/;
   animation-delay: 2.27s;
   background-color: rgba(0, 126, 255, 1);
}
 @keyframes orbit227 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-151deg) rotateY(169deg) translateX(200px) rotateZ(151deg);
  }
   80% {
     transform: rotateZ(-151deg) rotateY(169deg) translateX(200px) rotateZ(151deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-151deg) rotateY(169deg) translateX(600px) rotateZ(151deg);
  }
}
 .celula:nth-child(228) {
   animation: orbit228 14s /*infinite*/;
   animation-delay: 2.28s;
   background-color: rgba(0, 126, 255, 1);
}
 @keyframes orbit228 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-13deg) rotateY(3deg) translateX(200px) rotateZ(13deg);
  }
   80% {
     transform: rotateZ(-13deg) rotateY(3deg) translateX(200px) rotateZ(13deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-13deg) rotateY(3deg) translateX(600px) rotateZ(13deg);
  }
}
 .celula:nth-child(229) {
   animation: orbit229 14s /*infinite*/;
   animation-delay: 2.29s;
   background-color: rgba(0, 125, 255, 1);
}
 @keyframes orbit229 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-36deg) rotateY(70deg) translateX(200px) rotateZ(36deg);
  }
   80% {
     transform: rotateZ(-36deg) rotateY(70deg) translateX(200px) rotateZ(36deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-36deg) rotateY(70deg) translateX(600px) rotateZ(36deg);
  }
}
 .celula:nth-child(230) {
   animation: orbit230 14s /*infinite*/;
   animation-delay: 2.3s;
   background-color: rgba(0, 125, 255, 1);
}
 @keyframes orbit230 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-166deg) rotateY(123deg) translateX(200px) rotateZ(166deg);
  }
   80% {
     transform: rotateZ(-166deg) rotateY(123deg) translateX(200px) rotateZ(166deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-166deg) rotateY(123deg) translateX(600px) rotateZ(166deg);
  }
}
 .celula:nth-child(231) {
   animation: orbit231 14s /*infinite*/;
   animation-delay: 2.31s;
   background-color: rgba(0, 124, 255, 1);
}
 @keyframes orbit231 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-173deg) rotateY(358deg) translateX(200px) rotateZ(173deg);
  }
   80% {
     transform: rotateZ(-173deg) rotateY(358deg) translateX(200px) rotateZ(173deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-173deg) rotateY(358deg) translateX(600px) rotateZ(173deg);
  }
}
 .celula:nth-child(232) {
   animation: orbit232 14s /*infinite*/;
   animation-delay: 2.32s;
   background-color: rgba(0, 124, 255, 1);
}
 @keyframes orbit232 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-181deg) rotateY(158deg) translateX(200px) rotateZ(181deg);
  }
   80% {
     transform: rotateZ(-181deg) rotateY(158deg) translateX(200px) rotateZ(181deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-181deg) rotateY(158deg) translateX(600px) rotateZ(181deg);
  }
}
 .celula:nth-child(233) {
   animation: orbit233 14s /*infinite*/;
   animation-delay: 2.33s;
   background-color: rgba(0, 123, 255, 1);
}
 @keyframes orbit233 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-15deg) rotateY(268deg) translateX(200px) rotateZ(15deg);
  }
   80% {
     transform: rotateZ(-15deg) rotateY(268deg) translateX(200px) rotateZ(15deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-15deg) rotateY(268deg) translateX(600px) rotateZ(15deg);
  }
}
 .celula:nth-child(234) {
   animation: orbit234 14s /*infinite*/;
   animation-delay: 2.34s;
   background-color: rgba(0, 122, 255, 1);
}
 @keyframes orbit234 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-226deg) rotateY(189deg) translateX(200px) rotateZ(226deg);
  }
   80% {
     transform: rotateZ(-226deg) rotateY(189deg) translateX(200px) rotateZ(226deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-226deg) rotateY(189deg) translateX(600px) rotateZ(226deg);
  }
}
 .celula:nth-child(235) {
   animation: orbit235 14s /*infinite*/;
   animation-delay: 2.35s;
   background-color: rgba(0, 122, 255, 1);
}
 @keyframes orbit235 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-318deg) rotateY(273deg) translateX(200px) rotateZ(318deg);
  }
   80% {
     transform: rotateZ(-318deg) rotateY(273deg) translateX(200px) rotateZ(318deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-318deg) rotateY(273deg) translateX(600px) rotateZ(318deg);
  }
}
 .celula:nth-child(236) {
   animation: orbit236 14s /*infinite*/;
   animation-delay: 2.36s;
   background-color: rgba(0, 121, 255, 1);
}
 @keyframes orbit236 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-222deg) rotateY(236deg) translateX(200px) rotateZ(222deg);
  }
   80% {
     transform: rotateZ(-222deg) rotateY(236deg) translateX(200px) rotateZ(222deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-222deg) rotateY(236deg) translateX(600px) rotateZ(222deg);
  }
}
 .celula:nth-child(237) {
   animation: orbit237 14s /*infinite*/;
   animation-delay: 2.37s;
   background-color: rgba(0, 121, 255, 1);
}
 @keyframes orbit237 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-165deg) rotateY(33deg) translateX(200px) rotateZ(165deg);
  }
   80% {
     transform: rotateZ(-165deg) rotateY(33deg) translateX(200px) rotateZ(165deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-165deg) rotateY(33deg) translateX(600px) rotateZ(165deg);
  }
}
 .celula:nth-child(238) {
   animation: orbit238 14s /*infinite*/;
   animation-delay: 2.38s;
   background-color: rgba(0, 120, 255, 1);
}
 @keyframes orbit238 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-283deg) rotateY(102deg) translateX(200px) rotateZ(283deg);
  }
   80% {
     transform: rotateZ(-283deg) rotateY(102deg) translateX(200px) rotateZ(283deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-283deg) rotateY(102deg) translateX(600px) rotateZ(283deg);
  }
}
 .celula:nth-child(239) {
   animation: orbit239 14s /*infinite*/;
   animation-delay: 2.39s;
   background-color: rgba(0, 120, 255, 1);
}
 @keyframes orbit239 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-214deg) rotateY(117deg) translateX(200px) rotateZ(214deg);
  }
   80% {
     transform: rotateZ(-214deg) rotateY(117deg) translateX(200px) rotateZ(214deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-214deg) rotateY(117deg) translateX(600px) rotateZ(214deg);
  }
}
 .celula:nth-child(240) {
   animation: orbit240 14s /*infinite*/;
   animation-delay: 2.4s;
   background-color: rgba(0, 119, 255, 1);
}
 @keyframes orbit240 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-165deg) rotateY(121deg) translateX(200px) rotateZ(165deg);
  }
   80% {
     transform: rotateZ(-165deg) rotateY(121deg) translateX(200px) rotateZ(165deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-165deg) rotateY(121deg) translateX(600px) rotateZ(165deg);
  }
}
 .celula:nth-child(241) {
   animation: orbit241 14s /*infinite*/;
   animation-delay: 2.41s;
   background-color: rgba(0, 118, 255, 1);
}
 @keyframes orbit241 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-106deg) rotateY(125deg) translateX(200px) rotateZ(106deg);
  }
   80% {
     transform: rotateZ(-106deg) rotateY(125deg) translateX(200px) rotateZ(106deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-106deg) rotateY(125deg) translateX(600px) rotateZ(106deg);
  }
}
 .celula:nth-child(242) {
   animation: orbit242 14s /*infinite*/;
   animation-delay: 2.42s;
   background-color: rgba(0, 118, 255, 1);
}
 @keyframes orbit242 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-108deg) rotateY(314deg) translateX(200px) rotateZ(108deg);
  }
   80% {
     transform: rotateZ(-108deg) rotateY(314deg) translateX(200px) rotateZ(108deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-108deg) rotateY(314deg) translateX(600px) rotateZ(108deg);
  }
}
 .celula:nth-child(243) {
   animation: orbit243 14s /*infinite*/;
   animation-delay: 2.43s;
   background-color: rgba(0, 117, 255, 1);
}
 @keyframes orbit243 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-150deg) rotateY(181deg) translateX(200px) rotateZ(150deg);
  }
   80% {
     transform: rotateZ(-150deg) rotateY(181deg) translateX(200px) rotateZ(150deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-150deg) rotateY(181deg) translateX(600px) rotateZ(150deg);
  }
}
 .celula:nth-child(244) {
   animation: orbit244 14s /*infinite*/;
   animation-delay: 2.44s;
   background-color: rgba(0, 117, 255, 1);
}
 @keyframes orbit244 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-206deg) rotateY(54deg) translateX(200px) rotateZ(206deg);
  }
   80% {
     transform: rotateZ(-206deg) rotateY(54deg) translateX(200px) rotateZ(206deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-206deg) rotateY(54deg) translateX(600px) rotateZ(206deg);
  }
}
 .celula:nth-child(245) {
   animation: orbit245 14s /*infinite*/;
   animation-delay: 2.45s;
   background-color: rgba(0, 116, 255, 1);
}
 @keyframes orbit245 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-28deg) rotateY(209deg) translateX(200px) rotateZ(28deg);
  }
   80% {
     transform: rotateZ(-28deg) rotateY(209deg) translateX(200px) rotateZ(28deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-28deg) rotateY(209deg) translateX(600px) rotateZ(28deg);
  }
}
 .celula:nth-child(246) {
   animation: orbit246 14s /*infinite*/;
   animation-delay: 2.46s;
   background-color: rgba(0, 116, 255, 1);
}
 @keyframes orbit246 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-219deg) rotateY(333deg) translateX(200px) rotateZ(219deg);
  }
   80% {
     transform: rotateZ(-219deg) rotateY(333deg) translateX(200px) rotateZ(219deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-219deg) rotateY(333deg) translateX(600px) rotateZ(219deg);
  }
}
 .celula:nth-child(247) {
   animation: orbit247 14s /*infinite*/;
   animation-delay: 2.47s;
   background-color: rgba(0, 115, 255, 1);
}
 @keyframes orbit247 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-194deg) rotateY(168deg) translateX(200px) rotateZ(194deg);
  }
   80% {
     transform: rotateZ(-194deg) rotateY(168deg) translateX(200px) rotateZ(194deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-194deg) rotateY(168deg) translateX(600px) rotateZ(194deg);
  }
}
 .celula:nth-child(248) {
   animation: orbit248 14s /*infinite*/;
   animation-delay: 2.48s;
   background-color: rgba(0, 114, 255, 1);
}
 @keyframes orbit248 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-200deg) rotateY(65deg) translateX(200px) rotateZ(200deg);
  }
   80% {
     transform: rotateZ(-200deg) rotateY(65deg) translateX(200px) rotateZ(200deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-200deg) rotateY(65deg) translateX(600px) rotateZ(200deg);
  }
}
 .celula:nth-child(249) {
   animation: orbit249 14s /*infinite*/;
   animation-delay: 2.49s;
   background-color: rgba(0, 114, 255, 1);
}
 @keyframes orbit249 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-246deg) rotateY(150deg) translateX(200px) rotateZ(246deg);
  }
   80% {
     transform: rotateZ(-246deg) rotateY(150deg) translateX(200px) rotateZ(246deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-246deg) rotateY(150deg) translateX(600px) rotateZ(246deg);
  }
}
 .celula:nth-child(250) {
   animation: orbit250 14s /*infinite*/;
   animation-delay: 2.5s;
   background-color: rgba(0, 113, 255, 1);
}
 @keyframes orbit250 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-202deg) rotateY(120deg) translateX(200px) rotateZ(202deg);
  }
   80% {
     transform: rotateZ(-202deg) rotateY(120deg) translateX(200px) rotateZ(202deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-202deg) rotateY(120deg) translateX(600px) rotateZ(202deg);
  }
}
 .celula:nth-child(251) {
   animation: orbit251 14s /*infinite*/;
   animation-delay: 2.51s;
   background-color: rgba(0, 113, 255, 1);
}
 @keyframes orbit251 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-219deg) rotateY(197deg) translateX(200px) rotateZ(219deg);
  }
   80% {
     transform: rotateZ(-219deg) rotateY(197deg) translateX(200px) rotateZ(219deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-219deg) rotateY(197deg) translateX(600px) rotateZ(219deg);
  }
}
 .celula:nth-child(252) {
   animation: orbit252 14s /*infinite*/;
   animation-delay: 2.52s;
   background-color: rgba(0, 112, 255, 1);
}
 @keyframes orbit252 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-310deg) rotateY(132deg) translateX(200px) rotateZ(310deg);
  }
   80% {
     transform: rotateZ(-310deg) rotateY(132deg) translateX(200px) rotateZ(310deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-310deg) rotateY(132deg) translateX(600px) rotateZ(310deg);
  }
}
 .celula:nth-child(253) {
   animation: orbit253 14s /*infinite*/;
   animation-delay: 2.53s;
   background-color: rgba(0, 112, 255, 1);
}
 @keyframes orbit253 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-122deg) rotateY(262deg) translateX(200px) rotateZ(122deg);
  }
   80% {
     transform: rotateZ(-122deg) rotateY(262deg) translateX(200px) rotateZ(122deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-122deg) rotateY(262deg) translateX(600px) rotateZ(122deg);
  }
}
 .celula:nth-child(254) {
   animation: orbit254 14s /*infinite*/;
   animation-delay: 2.54s;
   background-color: rgba(0, 111, 255, 1);
}
 @keyframes orbit254 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-359deg) rotateY(147deg) translateX(200px) rotateZ(359deg);
  }
   80% {
     transform: rotateZ(-359deg) rotateY(147deg) translateX(200px) rotateZ(359deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-359deg) rotateY(147deg) translateX(600px) rotateZ(359deg);
  }
}
 .celula:nth-child(255) {
   animation: orbit255 14s /*infinite*/;
   animation-delay: 2.55s;
   background-color: rgba(0, 111, 255, 1);
}
 @keyframes orbit255 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-63deg) rotateY(218deg) translateX(200px) rotateZ(63deg);
  }
   80% {
     transform: rotateZ(-63deg) rotateY(218deg) translateX(200px) rotateZ(63deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-63deg) rotateY(218deg) translateX(600px) rotateZ(63deg);
  }
}
 .celula:nth-child(256) {
   animation: orbit256 14s /*infinite*/;
   animation-delay: 2.56s;
   background-color: rgba(0, 110, 255, 1);
}
 @keyframes orbit256 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-25deg) rotateY(182deg) translateX(200px) rotateZ(25deg);
  }
   80% {
     transform: rotateZ(-25deg) rotateY(182deg) translateX(200px) rotateZ(25deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-25deg) rotateY(182deg) translateX(600px) rotateZ(25deg);
  }
}
 .celula:nth-child(257) {
   animation: orbit257 14s /*infinite*/;
   animation-delay: 2.57s;
   background-color: rgba(0, 109, 255, 1);
}
 @keyframes orbit257 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-343deg) rotateY(359deg) translateX(200px) rotateZ(343deg);
  }
   80% {
     transform: rotateZ(-343deg) rotateY(359deg) translateX(200px) rotateZ(343deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-343deg) rotateY(359deg) translateX(600px) rotateZ(343deg);
  }
}
 .celula:nth-child(258) {
   animation: orbit258 14s /*infinite*/;
   animation-delay: 2.58s;
   background-color: rgba(0, 109, 255, 1);
}
 @keyframes orbit258 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-175deg) rotateY(312deg) translateX(200px) rotateZ(175deg);
  }
   80% {
     transform: rotateZ(-175deg) rotateY(312deg) translateX(200px) rotateZ(175deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-175deg) rotateY(312deg) translateX(600px) rotateZ(175deg);
  }
}
 .celula:nth-child(259) {
   animation: orbit259 14s /*infinite*/;
   animation-delay: 2.59s;
   background-color: rgba(0, 108, 255, 1);
}
 @keyframes orbit259 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-220deg) rotateY(56deg) translateX(200px) rotateZ(220deg);
  }
   80% {
     transform: rotateZ(-220deg) rotateY(56deg) translateX(200px) rotateZ(220deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-220deg) rotateY(56deg) translateX(600px) rotateZ(220deg);
  }
}
 .celula:nth-child(260) {
   animation: orbit260 14s /*infinite*/;
   animation-delay: 2.6s;
   background-color: rgba(0, 108, 255, 1);
}
 @keyframes orbit260 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-184deg) rotateY(62deg) translateX(200px) rotateZ(184deg);
  }
   80% {
     transform: rotateZ(-184deg) rotateY(62deg) translateX(200px) rotateZ(184deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-184deg) rotateY(62deg) translateX(600px) rotateZ(184deg);
  }
}
 .celula:nth-child(261) {
   animation: orbit261 14s /*infinite*/;
   animation-delay: 2.61s;
   background-color: rgba(0, 107, 255, 1);
}
 @keyframes orbit261 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-111deg) rotateY(228deg) translateX(200px) rotateZ(111deg);
  }
   80% {
     transform: rotateZ(-111deg) rotateY(228deg) translateX(200px) rotateZ(111deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-111deg) rotateY(228deg) translateX(600px) rotateZ(111deg);
  }
}
 .celula:nth-child(262) {
   animation: orbit262 14s /*infinite*/;
   animation-delay: 2.62s;
   background-color: rgba(0, 107, 255, 1);
}
 @keyframes orbit262 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-93deg) rotateY(101deg) translateX(200px) rotateZ(93deg);
  }
   80% {
     transform: rotateZ(-93deg) rotateY(101deg) translateX(200px) rotateZ(93deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-93deg) rotateY(101deg) translateX(600px) rotateZ(93deg);
  }
}
 .celula:nth-child(263) {
   animation: orbit263 14s /*infinite*/;
   animation-delay: 2.63s;
   background-color: rgba(0, 106, 255, 1);
}
 @keyframes orbit263 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-96deg) rotateY(304deg) translateX(200px) rotateZ(96deg);
  }
   80% {
     transform: rotateZ(-96deg) rotateY(304deg) translateX(200px) rotateZ(96deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-96deg) rotateY(304deg) translateX(600px) rotateZ(96deg);
  }
}
 .celula:nth-child(264) {
   animation: orbit264 14s /*infinite*/;
   animation-delay: 2.64s;
   background-color: rgba(0, 105, 255, 1);
}
 @keyframes orbit264 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-23deg) rotateY(76deg) translateX(200px) rotateZ(23deg);
  }
   80% {
     transform: rotateZ(-23deg) rotateY(76deg) translateX(200px) rotateZ(23deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-23deg) rotateY(76deg) translateX(600px) rotateZ(23deg);
  }
}
 .celula:nth-child(265) {
   animation: orbit265 14s /*infinite*/;
   animation-delay: 2.65s;
   background-color: rgba(0, 105, 255, 1);
}
 @keyframes orbit265 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-264deg) rotateY(101deg) translateX(200px) rotateZ(264deg);
  }
   80% {
     transform: rotateZ(-264deg) rotateY(101deg) translateX(200px) rotateZ(264deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-264deg) rotateY(101deg) translateX(600px) rotateZ(264deg);
  }
}
 .celula:nth-child(266) {
   animation: orbit266 14s /*infinite*/;
   animation-delay: 2.66s;
   background-color: rgba(0, 104, 255, 1);
}
 @keyframes orbit266 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-283deg) rotateY(358deg) translateX(200px) rotateZ(283deg);
  }
   80% {
     transform: rotateZ(-283deg) rotateY(358deg) translateX(200px) rotateZ(283deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-283deg) rotateY(358deg) translateX(600px) rotateZ(283deg);
  }
}
 .celula:nth-child(267) {
   animation: orbit267 14s /*infinite*/;
   animation-delay: 2.67s;
   background-color: rgba(0, 104, 255, 1);
}
 @keyframes orbit267 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-283deg) rotateY(58deg) translateX(200px) rotateZ(283deg);
  }
   80% {
     transform: rotateZ(-283deg) rotateY(58deg) translateX(200px) rotateZ(283deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-283deg) rotateY(58deg) translateX(600px) rotateZ(283deg);
  }
}
 .celula:nth-child(268) {
   animation: orbit268 14s /*infinite*/;
   animation-delay: 2.68s;
   background-color: rgba(0, 103, 255, 1);
}
 @keyframes orbit268 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-149deg) rotateY(93deg) translateX(200px) rotateZ(149deg);
  }
   80% {
     transform: rotateZ(-149deg) rotateY(93deg) translateX(200px) rotateZ(149deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-149deg) rotateY(93deg) translateX(600px) rotateZ(149deg);
  }
}
 .celula:nth-child(269) {
   animation: orbit269 14s /*infinite*/;
   animation-delay: 2.69s;
   background-color: rgba(0, 103, 255, 1);
}
 @keyframes orbit269 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-36deg) rotateY(241deg) translateX(200px) rotateZ(36deg);
  }
   80% {
     transform: rotateZ(-36deg) rotateY(241deg) translateX(200px) rotateZ(36deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-36deg) rotateY(241deg) translateX(600px) rotateZ(36deg);
  }
}
 .celula:nth-child(270) {
   animation: orbit270 14s /*infinite*/;
   animation-delay: 2.7s;
   background-color: rgba(0, 102, 255, 1);
}
 @keyframes orbit270 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-322deg) rotateY(193deg) translateX(200px) rotateZ(322deg);
  }
   80% {
     transform: rotateZ(-322deg) rotateY(193deg) translateX(200px) rotateZ(322deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-322deg) rotateY(193deg) translateX(600px) rotateZ(322deg);
  }
}
 .celula:nth-child(271) {
   animation: orbit271 14s /*infinite*/;
   animation-delay: 2.71s;
   background-color: rgba(0, 101, 255, 1);
}
 @keyframes orbit271 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-330deg) rotateY(147deg) translateX(200px) rotateZ(330deg);
  }
   80% {
     transform: rotateZ(-330deg) rotateY(147deg) translateX(200px) rotateZ(330deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-330deg) rotateY(147deg) translateX(600px) rotateZ(330deg);
  }
}
 .celula:nth-child(272) {
   animation: orbit272 14s /*infinite*/;
   animation-delay: 2.72s;
   background-color: rgba(0, 101, 255, 1);
}
 @keyframes orbit272 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-136deg) rotateY(309deg) translateX(200px) rotateZ(136deg);
  }
   80% {
     transform: rotateZ(-136deg) rotateY(309deg) translateX(200px) rotateZ(136deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-136deg) rotateY(309deg) translateX(600px) rotateZ(136deg);
  }
}
 .celula:nth-child(273) {
   animation: orbit273 14s /*infinite*/;
   animation-delay: 2.73s;
   background-color: rgba(0, 100, 255, 1);
}
 @keyframes orbit273 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-286deg) rotateY(61deg) translateX(200px) rotateZ(286deg);
  }
   80% {
     transform: rotateZ(-286deg) rotateY(61deg) translateX(200px) rotateZ(286deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-286deg) rotateY(61deg) translateX(600px) rotateZ(286deg);
  }
}
 .celula:nth-child(274) {
   animation: orbit274 14s /*infinite*/;
   animation-delay: 2.74s;
   background-color: rgba(0, 100, 255, 1);
}
 @keyframes orbit274 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-154deg) rotateY(76deg) translateX(200px) rotateZ(154deg);
  }
   80% {
     transform: rotateZ(-154deg) rotateY(76deg) translateX(200px) rotateZ(154deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-154deg) rotateY(76deg) translateX(600px) rotateZ(154deg);
  }
}
 .celula:nth-child(275) {
   animation: orbit275 14s /*infinite*/;
   animation-delay: 2.75s;
   background-color: rgba(0, 99, 255, 1);
}
 @keyframes orbit275 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-296deg) rotateY(61deg) translateX(200px) rotateZ(296deg);
  }
   80% {
     transform: rotateZ(-296deg) rotateY(61deg) translateX(200px) rotateZ(296deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-296deg) rotateY(61deg) translateX(600px) rotateZ(296deg);
  }
}
 .celula:nth-child(276) {
   animation: orbit276 14s /*infinite*/;
   animation-delay: 2.76s;
   background-color: rgba(0, 99, 255, 1);
}
 @keyframes orbit276 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-225deg) rotateY(269deg) translateX(200px) rotateZ(225deg);
  }
   80% {
     transform: rotateZ(-225deg) rotateY(269deg) translateX(200px) rotateZ(225deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-225deg) rotateY(269deg) translateX(600px) rotateZ(225deg);
  }
}
 .celula:nth-child(277) {
   animation: orbit277 14s /*infinite*/;
   animation-delay: 2.77s;
   background-color: rgba(0, 98, 255, 1);
}
 @keyframes orbit277 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-33deg) rotateY(313deg) translateX(200px) rotateZ(33deg);
  }
   80% {
     transform: rotateZ(-33deg) rotateY(313deg) translateX(200px) rotateZ(33deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-33deg) rotateY(313deg) translateX(600px) rotateZ(33deg);
  }
}
 .celula:nth-child(278) {
   animation: orbit278 14s /*infinite*/;
   animation-delay: 2.78s;
   background-color: rgba(0, 97, 255, 1);
}
 @keyframes orbit278 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-166deg) rotateY(255deg) translateX(200px) rotateZ(166deg);
  }
   80% {
     transform: rotateZ(-166deg) rotateY(255deg) translateX(200px) rotateZ(166deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-166deg) rotateY(255deg) translateX(600px) rotateZ(166deg);
  }
}
 .celula:nth-child(279) {
   animation: orbit279 14s /*infinite*/;
   animation-delay: 2.79s;
   background-color: rgba(0, 97, 255, 1);
}
 @keyframes orbit279 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-131deg) rotateY(277deg) translateX(200px) rotateZ(131deg);
  }
   80% {
     transform: rotateZ(-131deg) rotateY(277deg) translateX(200px) rotateZ(131deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-131deg) rotateY(277deg) translateX(600px) rotateZ(131deg);
  }
}
 .celula:nth-child(280) {
   animation: orbit280 14s /*infinite*/;
   animation-delay: 2.8s;
   background-color: rgba(0, 96, 255, 1);
}
 @keyframes orbit280 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-96deg) rotateY(334deg) translateX(200px) rotateZ(96deg);
  }
   80% {
     transform: rotateZ(-96deg) rotateY(334deg) translateX(200px) rotateZ(96deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-96deg) rotateY(334deg) translateX(600px) rotateZ(96deg);
  }
}
 .celula:nth-child(281) {
   animation: orbit281 14s /*infinite*/;
   animation-delay: 2.81s;
   background-color: rgba(0, 96, 255, 1);
}
 @keyframes orbit281 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-176deg) rotateY(48deg) translateX(200px) rotateZ(176deg);
  }
   80% {
     transform: rotateZ(-176deg) rotateY(48deg) translateX(200px) rotateZ(176deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-176deg) rotateY(48deg) translateX(600px) rotateZ(176deg);
  }
}
 .celula:nth-child(282) {
   animation: orbit282 14s /*infinite*/;
   animation-delay: 2.82s;
   background-color: rgba(0, 95, 255, 1);
}
 @keyframes orbit282 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-266deg) rotateY(252deg) translateX(200px) rotateZ(266deg);
  }
   80% {
     transform: rotateZ(-266deg) rotateY(252deg) translateX(200px) rotateZ(266deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-266deg) rotateY(252deg) translateX(600px) rotateZ(266deg);
  }
}
 .celula:nth-child(283) {
   animation: orbit283 14s /*infinite*/;
   animation-delay: 2.83s;
   background-color: rgba(0, 95, 255, 1);
}
 @keyframes orbit283 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-86deg) rotateY(123deg) translateX(200px) rotateZ(86deg);
  }
   80% {
     transform: rotateZ(-86deg) rotateY(123deg) translateX(200px) rotateZ(86deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-86deg) rotateY(123deg) translateX(600px) rotateZ(86deg);
  }
}
 .celula:nth-child(284) {
   animation: orbit284 14s /*infinite*/;
   animation-delay: 2.84s;
   background-color: rgba(0, 94, 255, 1);
}
 @keyframes orbit284 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-10deg) rotateY(56deg) translateX(200px) rotateZ(10deg);
  }
   80% {
     transform: rotateZ(-10deg) rotateY(56deg) translateX(200px) rotateZ(10deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-10deg) rotateY(56deg) translateX(600px) rotateZ(10deg);
  }
}
 .celula:nth-child(285) {
   animation: orbit285 14s /*infinite*/;
   animation-delay: 2.85s;
   background-color: rgba(0, 94, 255, 1);
}
 @keyframes orbit285 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-108deg) rotateY(250deg) translateX(200px) rotateZ(108deg);
  }
   80% {
     transform: rotateZ(-108deg) rotateY(250deg) translateX(200px) rotateZ(108deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-108deg) rotateY(250deg) translateX(600px) rotateZ(108deg);
  }
}
 .celula:nth-child(286) {
   animation: orbit286 14s /*infinite*/;
   animation-delay: 2.86s;
   background-color: rgba(0, 93, 255, 1);
}
 @keyframes orbit286 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-170deg) rotateY(310deg) translateX(200px) rotateZ(170deg);
  }
   80% {
     transform: rotateZ(-170deg) rotateY(310deg) translateX(200px) rotateZ(170deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-170deg) rotateY(310deg) translateX(600px) rotateZ(170deg);
  }
}
 .celula:nth-child(287) {
   animation: orbit287 14s /*infinite*/;
   animation-delay: 2.87s;
   background-color: rgba(0, 92, 255, 1);
}
 @keyframes orbit287 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-287deg) rotateY(301deg) translateX(200px) rotateZ(287deg);
  }
   80% {
     transform: rotateZ(-287deg) rotateY(301deg) translateX(200px) rotateZ(287deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-287deg) rotateY(301deg) translateX(600px) rotateZ(287deg);
  }
}
 .celula:nth-child(288) {
   animation: orbit288 14s /*infinite*/;
   animation-delay: 2.88s;
   background-color: rgba(0, 92, 255, 1);
}
 @keyframes orbit288 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-100deg) rotateY(97deg) translateX(200px) rotateZ(100deg);
  }
   80% {
     transform: rotateZ(-100deg) rotateY(97deg) translateX(200px) rotateZ(100deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-100deg) rotateY(97deg) translateX(600px) rotateZ(100deg);
  }
}
 .celula:nth-child(289) {
   animation: orbit289 14s /*infinite*/;
   animation-delay: 2.89s;
   background-color: rgba(0, 91, 255, 1);
}
 @keyframes orbit289 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-327deg) rotateY(150deg) translateX(200px) rotateZ(327deg);
  }
   80% {
     transform: rotateZ(-327deg) rotateY(150deg) translateX(200px) rotateZ(327deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-327deg) rotateY(150deg) translateX(600px) rotateZ(327deg);
  }
}
 .celula:nth-child(290) {
   animation: orbit290 14s /*infinite*/;
   animation-delay: 2.9s;
   background-color: rgba(0, 91, 255, 1);
}
 @keyframes orbit290 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-220deg) rotateY(237deg) translateX(200px) rotateZ(220deg);
  }
   80% {
     transform: rotateZ(-220deg) rotateY(237deg) translateX(200px) rotateZ(220deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-220deg) rotateY(237deg) translateX(600px) rotateZ(220deg);
  }
}
 .celula:nth-child(291) {
   animation: orbit291 14s /*infinite*/;
   animation-delay: 2.91s;
   background-color: rgba(0, 90, 255, 1);
}
 @keyframes orbit291 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-133deg) rotateY(240deg) translateX(200px) rotateZ(133deg);
  }
   80% {
     transform: rotateZ(-133deg) rotateY(240deg) translateX(200px) rotateZ(133deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-133deg) rotateY(240deg) translateX(600px) rotateZ(133deg);
  }
}
 .celula:nth-child(292) {
   animation: orbit292 14s /*infinite*/;
   animation-delay: 2.92s;
   background-color: rgba(0, 90, 255, 1);
}
 @keyframes orbit292 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-179deg) rotateY(299deg) translateX(200px) rotateZ(179deg);
  }
   80% {
     transform: rotateZ(-179deg) rotateY(299deg) translateX(200px) rotateZ(179deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-179deg) rotateY(299deg) translateX(600px) rotateZ(179deg);
  }
}
 .celula:nth-child(293) {
   animation: orbit293 14s /*infinite*/;
   animation-delay: 2.93s;
   background-color: rgba(0, 89, 255, 1);
}
 @keyframes orbit293 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-93deg) rotateY(216deg) translateX(200px) rotateZ(93deg);
  }
   80% {
     transform: rotateZ(-93deg) rotateY(216deg) translateX(200px) rotateZ(93deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-93deg) rotateY(216deg) translateX(600px) rotateZ(93deg);
  }
}
 .celula:nth-child(294) {
   animation: orbit294 14s /*infinite*/;
   animation-delay: 2.94s;
   background-color: rgba(0, 88, 255, 1);
}
 @keyframes orbit294 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-12deg) rotateY(347deg) translateX(200px) rotateZ(12deg);
  }
   80% {
     transform: rotateZ(-12deg) rotateY(347deg) translateX(200px) rotateZ(12deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-12deg) rotateY(347deg) translateX(600px) rotateZ(12deg);
  }
}
 .celula:nth-child(295) {
   animation: orbit295 14s /*infinite*/;
   animation-delay: 2.95s;
   background-color: rgba(0, 88, 255, 1);
}
 @keyframes orbit295 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-106deg) rotateY(130deg) translateX(200px) rotateZ(106deg);
  }
   80% {
     transform: rotateZ(-106deg) rotateY(130deg) translateX(200px) rotateZ(106deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-106deg) rotateY(130deg) translateX(600px) rotateZ(106deg);
  }
}
 .celula:nth-child(296) {
   animation: orbit296 14s /*infinite*/;
   animation-delay: 2.96s;
   background-color: rgba(0, 87, 255, 1);
}
 @keyframes orbit296 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-257deg) rotateY(168deg) translateX(200px) rotateZ(257deg);
  }
   80% {
     transform: rotateZ(-257deg) rotateY(168deg) translateX(200px) rotateZ(257deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-257deg) rotateY(168deg) translateX(600px) rotateZ(257deg);
  }
}
 .celula:nth-child(297) {
   animation: orbit297 14s /*infinite*/;
   animation-delay: 2.97s;
   background-color: rgba(0, 87, 255, 1);
}
 @keyframes orbit297 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-313deg) rotateY(238deg) translateX(200px) rotateZ(313deg);
  }
   80% {
     transform: rotateZ(-313deg) rotateY(238deg) translateX(200px) rotateZ(313deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-313deg) rotateY(238deg) translateX(600px) rotateZ(313deg);
  }
}
 .celula:nth-child(298) {
   animation: orbit298 14s /*infinite*/;
   animation-delay: 2.98s;
   background-color: rgba(0, 86, 255, 1);
}
 @keyframes orbit298 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-231deg) rotateY(142deg) translateX(200px) rotateZ(231deg);
  }
   80% {
     transform: rotateZ(-231deg) rotateY(142deg) translateX(200px) rotateZ(231deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-231deg) rotateY(142deg) translateX(600px) rotateZ(231deg);
  }
}
 .celula:nth-child(299) {
   animation: orbit299 14s /*infinite*/;
   animation-delay: 2.99s;
   background-color: rgba(0, 86, 255, 1);
}
 @keyframes orbit299 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-29deg) rotateY(2deg) translateX(200px) rotateZ(29deg);
  }
   80% {
     transform: rotateZ(-29deg) rotateY(2deg) translateX(200px) rotateZ(29deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-29deg) rotateY(2deg) translateX(600px) rotateZ(29deg);
  }
}
 .celula:nth-child(300) {
   animation: orbit300 14s /*infinite*/;
   animation-delay: 3s;
   background-color: rgba(0, 85, 255, 1);
}
 @keyframes orbit300 {
   20% {
     opacity: 1;
  }
   30% {
     transform: rotateZ(-85deg) rotateY(232deg) translateX(200px) rotateZ(85deg);
  }
   80% {
     transform: rotateZ(-85deg) rotateY(232deg) translateX(200px) rotateZ(85deg);
     opacity: 1;
  }
   100% {
     transform: rotateZ(-85deg) rotateY(232deg) translateX(600px) rotateZ(85deg);
  }
}

.boton {
        width: 200px;
        height: 50px;
        display: block;
        position: relative;
    }
    
    .botontext {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        text-align: center;
        line-height: 50px;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .twist {
        display: block;
        height: 100%;
        width: 25%;
        position: relative;
        float: left;
        margin-left: -4px;
    }
    
    .twist:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #354dad;
        bottom: 100%;
        position: absolute;
        transform-origin: center bottom 0px; 
        transform: matrix3d(1, 0, 0, 0, 
                            0, 0, -1, -0.003, 
                            0, 1, 0, 0, 
                            0, 0, 0, 1);
        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    
    .twist:after {
        content: "";
        position: absolute;
        width: 100%;
        top: 100%;
        height: 100%;
        background: #0b3d5b;
        transform-origin: center top 0px;
        transform: matrix3d(1, 0, 0, 0, 
                            0, 1, 0, 0, 
                            0, 0, 1, -0.003, 
                            0, -50, 0, 1);
        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    
    .boton:hover .twist:before {
        background: #fff;
        transform: matrix3d(1, 0, 0, 0, 
                            0, 1, 0, 0, 
                            0, 0, 1, 0.003, 
                            0, 50, 0, 1);
    }
    
    .boton:hover .twist:after {
        background: #dedae1;
        transform: matrix3d(1, 0, 0, 0, 
                            0, 0, -1, 0.003, 
                            0, 1, 0, 0, 
                            0, 0, 0, 1);
    }

    .boton .twist:nth-of-type(1) {
        margin-left: 0;
    }
    
    .boton .twist:nth-of-type(1):before,
    .boton .twist:nth-of-type(1):after {
        transition-delay: 0s;
    }
    
    .boton .twist:nth-of-type(2):before,
    .boton .twist:nth-of-type(2):after {
        transition-delay: 0.1s;
    }
    
    .boton .twist:nth-of-type(3):before,
    .boton .twist:nth-of-type(3):after {
        transition-delay: 0.2s;
    }
    
    .boton .twist:nth-of-type(4):before,
    .boton .twist:nth-of-type(4):after {
        transition-delay: 0.3s;
    }
    
    .boton .botontext:nth-of-type(1) {
        color: #3d3b40;
        bottom: 100%;
        transform-origin: center bottom 0px; 
        transform: matrix3d(1, 0, 0, 0, 
                            0, 0, -1, -0.003, 
                            0, 1, 0, 0, 
                            0, 0, 0, 1);
        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    
    .boton:hover .botontext:nth-of-type(1) {
        transform: matrix3d(1, 0, 0, 0, 
                            0, 1, 0, 0, 
                            0, 0, 1, 0.003, 
                            0, 50, 0, 1);
    }
    
    .boton .botontext:nth-of-type(2) {
        color: #fff;
        top: 100%;
        transform-origin: center top 0px;
        transform: matrix3d(1, 0, 0, 0, 
                            0, 1, 0, 0, 
                            0, 0, 1, -0.003, 
                            0, -50, 0, 1);
        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    
    .boton:hover .botontext:nth-of-type(2) {
        transform: matrix3d(1, 0, 0, 0, 
                            0, 0, -1, 0.003, 
                            0, 1, 0, 0, 
                            0, 0, 0, 1);
    }

    /*MENU*/
    
    .square {
        border: 1px solid #9f7f5e;
        height: 26px;
        width: 26px;
        display: block;
        margin: 40px auto;
        transform: rotate(45deg);
        overflow: hidden;
        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    

    .square .burgerwrap {
        height: 18px;
        width: 21px;
        transform: rotate(-45deg);
        padding-left: 5px;
        padding-top: 8px;

        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    
    .square:hover {
        transform: rotate(135deg);
        border: 1px solid #fff;
    }
    
    .square:hover .burgerwrap {
        transform: rotate(-135deg)
    }
    
    .square span {
        height: 2px;
        width: 14px;
        background: #9f7f5e;
        display: block;
        margin-bottom: 2px;
        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    
    .square span:after {
        content: "";
        height: 2px;
        width: 14px;
        position: absolute;
        background: #fff;
        left: -19px;
        
-webkit-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
   -moz-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
     -o-transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); 
        transition: all 500ms cubic-bezier(0.970, 0.000, 0.395, 0.995); /* custom */
    }
    
    .square:hover span {
        margin-left: 26px;
    }
    
    .square:hover span:after {
        left: 5px;
    }
    
    .square span:nth-of-type(1),
    .square span:nth-of-type(1):after {
        transition-delay: 0.1s;
    }
    
    .square span:nth-of-type(2),
    .square span:nth-of-type(2):after {
        transition-delay: 0.2s;
    }
    
    .square span:nth-of-type(3),
    .square span:nth-of-type(3):after {
        transition-delay: 0.3s;
    }