@-webkit-keyframes move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes move {

  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes leftToRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-180px);
            transform: translateX(-180px);
  }
  75% {
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes leftToRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-180px);
            transform: translateX(-180px);
  }
  75% {
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*
* ::-webkit-scrollbar {
  display: none;
}*/
.bg-about{
  background: #249bd6;
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15)),-webkit-linear-gradient(bottom right,#49c3c9,#249bd6 50%,#0c5b9c);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15)),linear-gradient(to top left,#49c3c9,#249bd6 50%,#0c5b9c);
    background-blend-mode: soft-light;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.bg-vision{
  background-color: #5be0e0;
    background: -webkit-linear-gradient(305deg, #4772d9, #5be0e0);
    background: linear-gradient(145deg, #4772d9, #5be0e0);
}
p.white{
  color: #ffffff !important;
}

.video-wrapper {
  border-radius: 15px;
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
background: #000000;
margin-top: 10%;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width:991px){
.bg-about{
    background: -webkit-linear-gradient(bottom right,#52d1d7,#28a4e4 50%,#1163a8);
    background: linear-gradient(to top left,#52d1d7,#28a4e4 50%,#1163a8);

}}
.bubble-about-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;

}
.bubble-about-body {
  height: 650px;
  width: 100%;
  overflow-x: hidden;
  -webkit-scrollbar:none;
  overflow-y: hidden;
  margin-bottom: -80px;
}

.bubble-about-body-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: leftToRight 55s cubic-bezier(0.71, -0.33, 0.57, 0.9) 0s infinite;
          animation: leftToRight 55s cubic-bezier(0.71, -0.33, 0.57, 0.9) 0s infinite;
}

.bubble-about-body-wrapper .bubble-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.bubble {
  width: 40px;
  height: 40px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  -webkit-animation: move 9s cubic-bezier(0.71, -0.33, 0.57, 0.9) 0s infinite;
          animation: move 9s cubic-bezier(0.71, -0.33, 0.57, 0.9) 0s infinite;
border-radius: 50%;

}
.bubble:hover{

}
.bubble::after {
  content: '';
  width: 100%;
  height: 100%;
  /*border: 2px solid rgba(84, 84, 84, 0.1);*/
  border-radius: 50%;
  position: absolute;
  background-position: center;
  background-size: contain;
  box-shadow: 0 30px 80px rgba(50, 50, 93, 0.12), 0 10px 20px rgba(50, 50, 93, 0.1);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(1);
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(1);
  opacity: 0.9;
}
.bubble:hover:after {
  /*border: 3px solid rgba(46,204,113,0.7);*/
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;

}
.size-3 {
  width: calc(3px + 40px);
  height: calc(3px + 40px);
}

.size-5 {
  width: calc(5px + 40px);
  height: calc(5px + 40px);
}

.size-20 {
  width: calc(20px + 40px);
  height: calc(20px + 40px);
}

.size-10 {
  width: calc(10px + 40px);
  height: calc(10px + 40px);
}

.size-30 {
  width: calc(30px + 40px);
  height: calc(30px + 40px);
}

.size-40 {
  width: calc(40px + 40px);
  height: calc(40px + 40px);
}

.size-50 {
  width: calc(50px + 40px);
  height: calc(50px + 40px);
}
.size-60 {
  width: calc(60px + 40px);
  height: calc(60px + 40px);
}
.size-80 {
  width: calc(80px + 40px);
  height: calc(80px + 40px);
}

.delay-1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay-2 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay-3 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.delay-4 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.delay-5 {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.delay-6 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.delay-7 {
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}

.delay-8 {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

.delay-9 {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}

.delay-10 {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}

.delay-11 {
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}

.delay-12 {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

.m-0::after {
  background-image: url(https://loot-merchant.s3.amazonaws.com/uploads/xB8a3G37.jpeg);
}
.m-1::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/yucu.jpg);
}
.m-2::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/gera.jpg);
}
.m-3::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/Eru.jpg);
}
.m-4::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/andrei.jpg);
}
.m-5::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/cristhian.jpg);
}
.m-6::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/dania.jpg);
}
.m-7::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/erik.jpg);
}
.m-8::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/hugo.jpg);
}
.m-9::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/antonio.jpg);
}
.m-10::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/paola.jpg);
}
.m-11::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/lulu.jpg);
}
.m-12::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/ivan.jpg);
}
.m-13::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/jose.jpg);
}
.m-14::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/alan.jpg);
}
.m-15::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/leonardo.jpg);
}
.m-16::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/marlon.jpg);
}
.m-17::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/antonie.jpg);
}
.m-18::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/edgar.jpg);
}
.m-19::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/martha.jpg);
}
.m-20::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/andres.jpg);
}
.m-21::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/mary.jpg);
}
.m-22::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/omar.jpg);
}
.m-23::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/paolacruz.jpg);
}
.m-24::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/eve.jpg);
}
.m-33::after {
  background-image: url(https://static.cceea.mx/site/team/fotos_actualizadas/melfi.jpg);
}





.c-1:hover, .c-1:hover:after,
.c-2:hover, .c-2:hover:after,
.c-3:hover, .c-3:hover:after,
.c-11:hover, .c-11:hover:after,
.c-12:hover, .c-12:hover:after,
.c-13:hover, .c-13:hover:after,
.c-14:hover, .c-14:hover:after
.c-21:hover, .c-21:hover:after,
.c-22:hover, .c-22:hover:after,
.c-23:hover, .c-23:hover:after,
.c-24:hover, .c-24:hover:after,
.c-31:hover, .c-31:hover:after,
.c-32:hover, .c-32:hover:after,
.c-33:hover, .c-33:hover:after,
.c-34:hover, .c-34:hover:after,
.c-35:hover, .c-35:hover:after{
  border: none;
  transform: scale(1);
  background-color: transparent;
}

.c-1, .c-11, .c-12, .c-13, .c-14{
  background-image: linear-gradient(40deg,#2be776 5%,#27cb83 95%);
}
.c-1::after {
  opacity: 1;
  background-size: auto 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/idea.svg);
}
.c-11::after {
  opacity: 1;
  background-size: auto 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/startup.svg);
}
.c-12::after {
  opacity: 1;
  background-size: auto 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/wind-turbine.svg);
}
.c-13::after {
  opacity: 1;
  background-size: auto 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/gold-metal.svg);
}
.c-14::after {
  opacity: 1;
  background-size: auto 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/networking.svg);
}

.c-2, .c-21, .c-22, .c-23, .c-24{
  background-image: linear-gradient(40deg,#39d2db 5%,#2690c2 95%);
}
.c-2::after {
  opacity: 1;
  background-size: auto 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/paper-plane.svg);
}
.c-21::after {
  opacity: 1;
  background-size: auto 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/solar-energy.svg);
}
.c-22::after {
  opacity: 1;
  background-size: auto 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/brainstorming.svg);
}
.c-23::after {
  opacity: 1;
  background-size: auto 45px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/brainstorming.svg);
}
.c-24::after {
  opacity: 1;
  background-size: auto 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/team.svg);
}

.c-3, .c-31, .c-32, .c-33, .c-34, .c-35{
  background-image: linear-gradient(40deg,#fbd333 5%,#fcbe00 95%);
}
.c-3::after {
  opacity: 1;
  background-size: auto 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/target.svg);
}
.c-31::after {
  opacity: 1;
  background-size: auto 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/teamwork.svg);
}
.c-32::after {
  opacity: 1;
  background-size: auto 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/startup-rocket.svg);
}
.c-33::after {
  opacity: 1;
  background-size: auto 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/startup-green.svg);
}
.c-34::after {
  opacity: 1;
  background-size: auto 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/astronaut.svg);
}
.c-35::after {
  opacity: 1;
  background-size: auto 23px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://static.cceea.mx/site/team/icons/plug.svg);
}