@font-face {
  font-family: 'AvenirLTStd-Light';
  src: url("../fonts/2F93DF_0_0.eot");
  src: url("../fonts/2F93DF_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F93DF_0_0.woff2") format("woff2"), url("../fonts/2F93DF_0_0.woff") format("woff"), url("../fonts/2F93DF_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'AvenirLTStd-Heavy';
  src: url("../fonts/2F9415_1_0.eot");
  src: url("../fonts/2F9415_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F9415_1_0.woff2") format("woff2"), url("../fonts/2F9415_1_0.woff") format("woff"), url("../fonts/2F9415_1_0.ttf") format("truetype"), url("../fonts/2F9415_1_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url("../fonts/2F9415_2_0.eot");
  src: url("../fonts/2F9415_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F9415_2_0.woff2") format("woff2"), url("../fonts/2F9415_2_0.woff") format("woff"), url("../fonts/2F9415_2_0.ttf") format("truetype"), url("../fonts/2F9415_2_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url("../fonts/2F9415_3_0.eot");
  src: url("../fonts/2F9415_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F9415_3_0.woff2") format("woff2"), url("../fonts/2F9415_3_0.woff") format("woff"), url("../fonts/2F9415_3_0.ttf") format("truetype"), url("../fonts/2F9415_3_0.svg#wf") format("svg"); }
body {
  padding: 0;
  -webkit-font-smoothing: antialiased; }

section.black {
  width: 100%;
  height: 70px;
  background: #333333; }

section.white {
  display: none;
  min-height: 100px;
  padding: 100px;
  background: #fff;
  text-align: center; }
  section.white h3 {
    color: #252525;
    font-size: 30px;
    font-family: "AvenirLTStd-Light";
    font-weight: normal; }
  section.white h4 {
    font-size: 24px;
    color: #919191;
    font-family: "AvenirLTStd-Light";
    font-weight: normal;
    line-height: 36px;
    width: 790px;
    margin: 0 auto; }
  section.white img {
    margin: 30px; }

section.animation {
  height: 910px;
  min-height: 910px;
  position: relative;
  cursor: pointer; }
  section.animation .visible {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; }
  section.animation .scenario,
  section.animation .stars,
  section.animation .asteroids,
  section.animation .planets,
  section.animation .clouds,
  section.animation .extra-planets,
  section.animation .moon,
  section.animation .satellite {
    position: absolute;
    bottom: 0;
    width: 100%; }
  section.animation .scenario {
    display: block;
    height: 4134px;
    background: url("../img/rocket_bg.jpg") no-repeat center top;
    transition: top .5s; }
    section.animation .scenario.state2 {
      bottom: auto;
      top: 0; }
    section.animation .scenario .text {
      margin: 3330px auto 0;
      width: 825px;
      text-align: center; }
      section.animation .scenario .text h3 {
        color: #252525;
        font-size: 30px;
        font-family: "AvenirLTStd-Light";
        font-weight: normal; }
      section.animation .scenario .text h4 {
        font-size: 24px;
        color: #919191;
        font-family: "AvenirLTStd-Light";
        font-weight: normal;
        line-height: 36px; }
      section.animation .scenario .text .edit-text {
        position: absolute;
        z-index: 10;
        width: 825px;
        left: 0;
        right: 0;
        margin: auto; }
      section.animation .scenario .text img {
        margin: 30px; }
      section.animation .scenario .text .launcher {
        cursor: pointer; }
  section.animation .moon {
    height: 3500px;
    background: url("../img/rocket_moon.png") no-repeat center top; }
  section.animation .satellite {
    height: 3500px;
    background: url("../img/rocket_satelite.png") no-repeat center top; }
  section.animation .stars {
    height: 5500px;
    background: url("../img/rocket_stars.png") no-repeat center top; }
  section.animation .asteroids {
    height: 3500px;
    background: url("../img/rocket_asteroid.png") no-repeat center top; }
  section.animation .planets {
    height: 5000px;
    background: url("../img/rocket_planets.png") no-repeat center top; }
  section.animation .planets2 {
    height: 3000px;
    background: url("../img/rocket_planets2.png") no-repeat center top; }
  section.animation .clouds {
    height: 6000px;
    background: url("../img/rocket_clouds.png") no-repeat center bottom; }
  section.animation .clouds2 {
    height: 6000px;
    background: url("../img/rocket_clouds2.png") no-repeat center bottom; }
  section.animation .smoke-wrapper {
    width: 100%;
    position: absolute;
    bottom: -50px; }
    section.animation .smoke-wrapper .smoke {
      width: 1122px;
      height: 218px;
      margin: 0 auto;
      position: relative; }
      section.animation .smoke-wrapper .smoke .smoke-1,
      section.animation .smoke-wrapper .smoke .smoke-2,
      section.animation .smoke-wrapper .smoke .smoke-3,
      section.animation .smoke-wrapper .smoke .smoke-4 {
        display: none;
        width: 1122px;
        height: 218px;
        position: absolute;
        top: 0;
        left: 40px; }
      section.animation .smoke-wrapper .smoke .smoke-1 {
        background: url("../img/smoke-1.png") no-repeat; }
      section.animation .smoke-wrapper .smoke .smoke-2 {
        background: url("../img/smoke-2.png") no-repeat; }
      section.animation .smoke-wrapper .smoke .smoke-3 {
        background: url("../img/smoke-3.png") no-repeat; }
      section.animation .smoke-wrapper .smoke .smoke-4 {
        background: url("../img/smoke-4.png") no-repeat; }
  section.animation .rocket {
    width: 135px;
    height: 392px;
    position: absolute;
    bottom: -115px;
    left: 50%;
    margin-left: -67px; }
    section.animation .rocket * {
      width: 135px;
      height: 392px;
      position: absolute;
      top: 0;
      left: 0; }
    section.animation .rocket .rocket-img {
      background: url("../img/rocket.png") no-repeat center center;
      z-index: 1; }
    section.animation .rocket .rocket-1,
    section.animation .rocket .rocket-2,
    section.animation .rocket .rocket-3,
    section.animation .rocket .rocket-4 {
      transition: all 0.2s; }
    section.animation .rocket .rocket-1 {
      background: url("../img/rocket-1.png") no-repeat center center; }
    section.animation .rocket .rocket-2 {
      background: url("../img/rocket-2.png") no-repeat center center; }
    section.animation .rocket .rocket-3 {
      background: url("../img/rocket-3.png") no-repeat center center; }
    section.animation .rocket .rocket-4 {
      background: url("../img/rocket-4.png") no-repeat center center; }
  section.animation .extra-planets {
    height: 6440px;
    display: block; }
  section.animation .container {
    position: absolute;
    width: 100%;
    bottom: 4782px; }
    section.animation .container .subcontainer {
      width: 1220px;
      height: 742px;
      margin: 0 auto;
      position: relative; }
    section.animation .container .planet3 {
      width: 240px;
      height: 240px;
      bottom: 351px;
      left: 250px;
      position: absolute;
      background: url("../img/p3.png") no-repeat center center; }
      section.animation .container .planet3.active {
        background: url("../img/green-planet-h.png") no-repeat center center; }
    section.animation .container .planet2 {
      width: 240px;
      height: 240px;
      position: absolute;
      bottom: 525px;
      left: 484px;
      background: url("../img/p2.png") no-repeat center center; }
      section.animation .container .planet2.active {
        background: url("../img/blue-planet-h.png") no-repeat center center; }
    section.animation .container .planet1 {
      width: 240px;
      height: 240px;
      position: absolute;
      bottom: 347px;
      left: 734px;
      background: url("../img/p1.png") no-repeat center center; }
      section.animation .container .planet1.active {
        background: url("../img/orange-planet-h.png") no-repeat center center; }
    section.animation .container .pl.active {
      width: 325px !important;
      height: 325px !important; }
    section.animation .container .group1 {
      width: 260px;
      bottom: 177px;
      left: 0;
      text-align: right; }
      section.animation .container .group1 a {
        background: #779f76;
        float: right; }
    section.animation .container .group2 {
      width: 272px;
      bottom: 177px;
      left: 474px;
      text-align: center; }
      section.animation .container .group2 a {
        background: #4284a2;
        margin: 26px auto 34px;
        display: block;
        width: 126px; }
    section.animation .container .group3 {
      width: 260px;
      bottom: 177px;
      left: 980px; }
      section.animation .container .group3 a {
        background: #a48f6d;
        float: left; }
    section.animation .container .group1 a,
    section.animation .container .group3 a {
      margin-top: 33px; }
    section.animation .container .group {
      position: absolute; }
      section.animation .container .group h6 {
        font-family: "bebas_neuelight";
        color: #ffffff;
        font-size: 24px;
        letter-spacing: 5px;
        margin-bottom: 20px; }
      section.animation .container .group p {
        font-size: 14px;
        color: #fff;
        font-family: "AvenirLTStd-Light";
        line-height: 32px; }
      section.animation .container .group p.subcontent {
        display: none;
        font-family: "bebas_neuebook";
        font-weight: bold;
        letter-spacing: 1.5px;
        color: #fff;
        line-height: 30px;
        font-size: 16px; }
      section.animation .container .group a {
        font-size: 14px;
        line-height: 12px;
        color: #fff;
        font-family: "bebas_neuebook";
        letter-spacing: 2px;
        padding: 17px 36px;
        border-radius: 24px;
        opacity: 0.7;
        text-transform: uppercase;
        outline: none; }
        section.animation .container .group a:hover {
          outline: none;
          opacity: 1; }
  section.animation .pl.state2 {
    left: -120px;
    top: 24%; }
  section.animation .orbit {
    display: none;
    border-radius: 1000000px;
    border: 1px solid #8A8282;
    position: absolute;
    border-left: 0; }
    section.animation .orbit .ctt {
      position: relative; }
  section.animation .orbit1 {
    width: 500px;
    height: 500px;
    left: -14%;
    top: 15%; }
  section.animation .orbit2 {
    width: 680px;
    height: 680px;
    left: -18%;
    top: 3%; }
  section.animation .orbit3 {
    width: 860px;
    height: 860px;
    left: -22%;
    top: -9%; }
  section.animation .orbit4 {
    width: 1020px;
    height: 1020px;
    left: -23%;
    top: -21%; }
  section.animation .orbit5 {
    width: 1220px;
    height: 1220px;
    left: -26%;
    top: -37%; }
  section.animation .orbit1.t1 .p1 {
    right: -52px;
    top: 37%; }
  section.animation .orbit2.t1 .p1 {
    right: -52px;
    top: 40.2%; }
  section.animation .orbit2.t2 .p1 {
    right: -36px;
    top: 25%; }
  section.animation .orbit2.t2 .p2 {
    right: -36px;
    top: 56%; }
  section.animation .orbit3.t1 .p1 {
    right: -52px;
    top: 42%; }
  section.animation .orbit3.t2 .p1 {
    right: -38px;
    top: 54.7%; }
  section.animation .orbit3.t2 .p2 {
    right: -38px;
    top: 29.8%; }
  section.animation .orbit3.t3 .p1 {
    right: -52px;
    top: 42%; }
  section.animation .orbit3.t3 .p2 {
    right: -7px;
    top: 20%; }
  section.animation .orbit3.t3 .p3 {
    right: -7px;
    top: 66%; }
  section.animation .orbit4.t4 .p1, section.animation .orbit4.t2 .p1 {
    top: 37.2%;
    right: -45px; }
  section.animation .orbit4.t4 .p2, section.animation .orbit4.t2 .p2 {
    top: 52%;
    right: -45px; }
  section.animation .orbit4.t4 .p3, section.animation .orbit4.t2 .p3 {
    top: 25.3%;
    right: -17px; }
  section.animation .orbit4.t4 .p4, section.animation .orbit4.t2 .p4 {
    top: 64.2%;
    right: -17px; }
  section.animation .orbit4.t5 .p1, section.animation .orbit4.t3 .p1 {
    top: 44.2%;
    right: -52px; }
  section.animation .orbit4.t5 .p2, section.animation .orbit4.t3 .p2 {
    top: 30%;
    right: -29px; }
  section.animation .orbit4.t5 .p3, section.animation .orbit4.t3 .p3 {
    top: 58%;
    right: -29px; }
  section.animation .orbit4.t5 .p4, section.animation .orbit4.t3 .p4 {
    top: 16%;
    right: 35px; }
  section.animation .orbit4.t5 .p5, section.animation .orbit4.t3 .p5 {
    top: 74%;
    right: 35px; }
  section.animation .planet {
    position: absolute;
    width: 104px;
    min-height: 94px;
    display: none; }
    section.animation .planet.type1 {
      background: url("../img/pt1.png") no-repeat center top; }
      section.animation .planet.type1.orange {
        background: url("../img/pt1-orange.png") no-repeat center top; }
      section.animation .planet.type1.green {
        background: url("../img/pt1-green.png") no-repeat center top; }
    section.animation .planet.type2 {
      background: url("../img/pt2.png") no-repeat center top; }
      section.animation .planet.type2.orange {
        background: url("../img/pt2-orange.png") no-repeat center top; }
      section.animation .planet.type2.green {
        background: url("../img/pt2-green.png") no-repeat center top; }
    section.animation .planet.type3 {
      background: url("../img/pt3.png") no-repeat center top; }
      section.animation .planet.type3.orange {
        background: url("../img/pt3-orange.png") no-repeat center top; }
      section.animation .planet.type3.green {
        background: url("../img/pt3-green.png") no-repeat center top; }
    section.animation .planet.type4 {
      background: url("../img/pt4.png") no-repeat center top; }
      section.animation .planet.type4.orange {
        background: url("../img/pt4-orange.png") no-repeat center top; }
      section.animation .planet.type4.green {
        background: url("../img/pt4-green.png") no-repeat center top; }
    section.animation .planet.type5 {
      background: url("../img/pt5.png") no-repeat center top; }
      section.animation .planet.type5.orange {
        background: url("../img/pt5-orange.png") no-repeat center top; }
      section.animation .planet.type5.green {
        background: url("../img/pt5-green.png") no-repeat center top; }
    section.animation .planet.type6 {
      background: url("../img/pt6.png") no-repeat center top; }
      section.animation .planet.type6.orange {
        background: url("../img/pt6-orange.png") no-repeat center top; }
      section.animation .planet.type6.green {
        background: url("../img/pt6-green.png") no-repeat center top; }
    section.animation .planet p {
      padding-top: 79px;
      text-align: center;
      font-size: 16px;
      color: #ffffff;
      font-family: bebas_neuebold;
      line-height: 20px;
      letter-spacing: 2px; }
    section.animation .planet:after {
      position: absolute;
      top: 0;
      width: 104px;
      height: 94px;
      content: ' ';
      background: url("../img/backlight.png") no-repeat center top;
      opacity: 0;
      transition: opacity .5s; }
    section.animation .planet.orange:after {
      background: url("../img/backlight-orange.png") no-repeat center top; }
    section.animation .planet.green:after {
      background: url("../img/backlight-green.png") no-repeat center top; }
    section.animation .planet:hover:after, section.animation .planet.active:after {
      opacity: 1; }
  section.animation .back-button {
    display: none;
    position: absolute;
    bottom: 0px;
    right: 50px;
    color: #d85b3b;
    background: #fff url("../img/arrow.png") no-repeat 85px center;
    border-radius: 80px;
    padding: 10px 55px 10px 25px;
    letter-spacing: 2px;
    font-weight: bold; }
  section.animation .half-window {
    position: absolute;
    top: 0;
    right: -230%;
    width: 100%;
    height: 100%;
    background: #009ddc;
    transition: right 1s; }
    section.animation .half-window .inner {
      position: relative; }
    section.animation .half-window .triangle {
      position: absolute;
      left: 0;
      width: 800px;
      height: 2000px;
      background: #009ddc;
      transform: rotate(-20.1deg);
      top: -220px;
      left: -319px; }
    section.animation .half-window.active {
      right: -67%; }
    section.animation .half-window .slide {
      position: absolute;
      top: 780px;
      left: -346px; }
    section.animation .half-window .text {
      width: 275px;
      position: absolute;
      top: 1029px;
      left: 0px; }
      section.animation .half-window .text h1 {
        font-size: 24px;
        letter-spacing: 2px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 30px; }
      section.animation .half-window .text p {
        font-size: 14px;
        font-family: "AvenirLTStd-Light";
        color: #fff;
        line-height: 28px;
        text-align: center;
        letter-spacing: 1.5px; }
      section.animation .half-window .text .buttons {
        text-align: center;
        color: #ffffff;
        width: 80px;
        margin: 30px auto;
        font-size: 34px;
        line-height: 34px; }
      section.animation .half-window .text a.bprev {
        width: 24px;
        height: 24px;
        float: left;
        background: url("../img/prev.png") no-repeat;
        margin-top: 4px; }
      section.animation .half-window .text a.bnext {
        width: 24px;
        height: 24px;
        float: right;
        background: url("../img/next.png") no-repeat;
        margin-top: 4px; }
      section.animation .half-window .text a.bpreb:hover,
      section.animation .half-window .text a.bnext:hover {
        opacity: 0.7; }
    section.animation .half-window .button-close {
      position: absolute;
      left: 24%;
      top: 840px;
      width: 31px;
      height: 31px;
      background: url("../img/close.png") no-repeat; }

/*# sourceMappingURL=componentes.css.map */