html, body {
  height: auto; }

@font-face {
  font-family: 'CreightonPro-Medium';
  src: url("fonts/2EE11B_0_0.eot");
  src: url("fonts/2EE11B_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2EE11B_0_0.woff2") format("woff2"), url("fonts/2EE11B_0_0.woff") format("woff"), url("fonts/2EE11B_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'CreightonPro-Light';
  src: url("fonts/2EE11B_8_0.eot");
  src: url("fonts/2EE11B_8_0.eot?#iefix") format("embedded-opentype"), url("fonts/2EE11B_8_0.woff2") format("woff2"), url("fonts/2EE11B_8_0.woff") format("woff"), url("fonts/2EE11B_8_0.ttf") format("truetype"); }
@font-face {
  font-family: 'CreightonPro-Bold';
  src: url("fonts/2EE11B_A_0.eot");
  src: url("fonts/2EE11B_A_0.eot?#iefix") format("embedded-opentype"), url("fonts/2EE11B_A_0.woff2") format("woff2"), url("fonts/2EE11B_A_0.woff") format("woff"), url("fonts/2EE11B_A_0.ttf") format("truetype"); }
@font-face {
  font-family: 'CreightonPro-Book';
  src: url("fonts/2EE11B_6_0.eot");
  src: url("fonts/2EE11B_6_0.eot?#iefix") format("embedded-opentype"), url("fonts/2EE11B_6_0.woff2") format("woff2"), url("fonts/2EE11B_6_0.woff") format("woff"), url("fonts/2EE11B_6_0.ttf") format("truetype"); }
#wrapper {
  background-image: none; }

.containerConvite {
  width: 100%;
  height: 1203px;
  display: block;
  position: relative;
  float: left;
  background-image: url(../img/bg2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .containerConvite #containerShareIncial {
    position: relative;
    display: block;
    float: left;
    width: 640px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 135px; }
    .containerConvite #containerShareIncial .textointroducao {
      position: relative;
      display: block;
      float: left;
      font-family: 'CreightonPro-Medium', 'Arial';
      font-size: 22px;
      text-transform: uppercase;
      color: #f7d902;
      margin-bottom: 32px; }
    .containerConvite #containerShareIncial .textointroducao2 {
      position: relative;
      display: block;
      float: left;
      font-family: 'CreightonPro-Medium', 'Arial';
      font-size: 22px;
      color: #ffffff;
      margin-bottom: 32px; }
    .containerConvite #containerShareIncial #portaretrato {
      position: relative;
      display: block;
      float: left;
      width: 640px;
      background-color: #470a66;
      height: 640px; }
      .containerConvite #containerShareIncial #portaretrato .imagemfundo {
        position: absolute;
        display: block;
        width: 640px;
        height: 640px; }
        .containerConvite #containerShareIncial #portaretrato .imagemfundo img {
          width: 100%; }
      .containerConvite #containerShareIncial #portaretrato .imagemmobile {
        display: none;
        position: absolute;
        width: 640px;
        height: 640px; }
        .containerConvite #containerShareIncial #portaretrato .imagemmobile img {
          width: 100%; }
      .containerConvite #containerShareIncial #portaretrato .logo {
        position: relative;
        display: block;
        float: left;
        width: 278px;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 43px; }
        .containerConvite #containerShareIncial #portaretrato .logo img {
          width: 100%; }
      .containerConvite #containerShareIncial #portaretrato .nome {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        margin-top: 10px; }
        .containerConvite #containerShareIncial #portaretrato .nome input {
          position: relative;
          display: block;
          float: left;
          width: 85%;
          height: auto;
          border: none;
          font-size: 49.72px;
          text-indent: 5px;
          border: none;
          background: transparent;
          font-family: 'CreightonPro-Bold', 'Arial';
          text-transform: uppercase;
          left: 50%;
          color: #ffffff;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          text-align: center;
          overflow: hidden;
          width: 85%;
          outline: none;
          resize: none;
          max-height: 115px; }
        .containerConvite #containerShareIncial #portaretrato .nome ::-webkit-input-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
        .containerConvite #containerShareIncial #portaretrato .nome ::-moz-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
        .containerConvite #containerShareIncial #portaretrato .nome :-ms-input-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
        .containerConvite #containerShareIncial #portaretrato .nome :-moz-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
      .containerConvite #containerShareIncial #portaretrato .texto1 {
        position: relative;
        display: block;
        float: left;
        font-size: 28.02px;
        text-transform: uppercase;
        text-align: center;
        color: #f5d730;
        margin-top: 10px;
        font-family: 'CreightonPro-Bold', 'Arial';
        width: 90%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        .containerConvite #containerShareIncial #portaretrato .texto1 span {
          font-family: 'CreightonPro-Light', 'Arial';
          width: 100%;
          float: left;
          font-weight: 100; }
      .containerConvite #containerShareIncial #portaretrato .texto2 {
        position: relative;
        display: block;
        float: left;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        margin-top: 20px;
        font-family: 'CreightonPro-Light', 'Arial';
        width: 90%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        .containerConvite #containerShareIncial #portaretrato .texto2 span {
          font-family: 'CreightonPro-Bold', 'Arial';
    color: #f5d730;
    clear: both;
    display: block; }
      .containerConvite #containerShareIncial #portaretrato .texto3 {
        position: relative;
        display: block;
        float: left;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        margin-top: 20px;
        font-family: 'CreightonPro-Bold', 'Arial';
        font-style: italic;
        width: 90%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-bottom: 100px; }
    .containerConvite #containerShareIncial .btnconvite {
      position: relative;
      display: block;
      float: left;
      width: 255px;
      height: 55px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background-color: #f1d408;
      line-height: 56px;
      text-align: center;
      color: #4a1587;
      font-family: 'CreightonPro-Medium', 'Arial';
      font-size: 30px;
      text-transform: uppercase;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 26px;
      cursor: pointer;
      pointer-events: none;
      opacity: 0.7; }
    .containerConvite #containerShareIncial .btnconvite:hover {
      animation: ItemsFundo1 .3s ease-out forwards; }
@keyframes ItemsFundo1 {
  0% {
    background-color: #f1d408;
    color: #4a1587; }
  100% {
    background-color: #4a1587;
    color: #f1d408; } }
  .containerConvite #containerShare {
    position: relative;
    display: none;
    float: left;
    width: 640px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 135px; }
    .containerConvite #containerShare .textointroducao {
      position: relative;
      display: block;
      float: left;
      font-family: 'CreightonPro-Medium', 'Arial';
      font-size: 22px;
      text-transform: uppercase;
      color: #f7d902;
      margin-bottom: 32px; }
    .containerConvite #containerShare #portaretrato2 {
      position: relative;
      display: block;
      float: left;
      width: 640px;
      /*background-color: #470a66;*/
      height: 640px; }
    .containerConvite #containerShare .btns {
      position: relative;
      display: block;
      float: left;
      width: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 20px; }
      .containerConvite #containerShare .btns .btn {
        position: relative;
        display: block;
        float: left;
        width: 103px;
        height: 29px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background-color: #0f98d8;
        cursor: pointer; }
        .containerConvite #containerShare .btns .btn img {
          position: relative;
          display: block;
          float: left;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .containerConvite #containerShare .btns .btn:hover {
        animation: ItemsFundo2 .3s ease-out forwards; }
@keyframes ItemsFundo2 {
  0% {
    background-color: #0f98d8; }
  100% {
    background-color: #4a1587; } }
      .containerConvite #containerShare .btns .btn2 {
        margin-left: 15px; }
      .containerConvite #containerShare .btns .btn3 {
        margin-left: 15px; }
    .containerConvite #containerShare .textobaixe {
      position: relative;
      display: block;
      float: left;
      font-size: 20px;
      text-align: center;
      color: #ffffff;
      margin-top: 16px;
      font-family: 'CreightonPro-Book', 'Arial';
      width: 90%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      line-height: 35px; }
    .containerConvite #containerShare .btncriar {
      position: relative;
      display: block;
      float: left;
      width: 255px;
      height: 55px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background-color: #f1d408;
      line-height: 56px;
      text-align: center;
      color: #4a1587;
      font-family: 'CreightonPro-Medium', 'Arial';
      font-size: 30px;
      text-transform: uppercase;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 26px;
      cursor: pointer; }
    .containerConvite #containerShare .btncriar:hover {
      animation: ItemsFundo4 .3s ease-out forwards; }
@keyframes ItemsFundo4 {
  0% {
    background-color: #f1d408;
    color: #4a1587; }
  100% {
    background-color: #4a1587;
    color: #f1d408; } }
  .containerConvite #containerShareFake {
    position: relative;
    display: block;
    float: left;
    width: 640px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 135px;
    display: block;
    position: absolute;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    z-index: -1; }
    .containerConvite #containerShareFake .textointroducao {
      position: relative;
      display: block;
      float: left;
      font-family: 'CreightonPro-Medium', 'Arial';
      font-size: 22px;
      text-transform: uppercase;
      color: #f7d902;
      margin-bottom: 32px; }
    .containerConvite #containerShareFake #portaretratofake {
      position: relative;
      display: block;
      float: left;
      width: 640px;
      /*background-color: #470a66;*/
      height: 640px; }
      .containerConvite #containerShareFake #portaretratofake .imagemfundo {
        position: absolute;
        display: block;
        width: 640px;
        height: 640px; }
        .containerConvite #containerShareFake #portaretratofake .imagemfundo img {
          width: 100%; }
      .containerConvite #containerShareFake #portaretratofake .imagemmobile {
        display: none;
        position: absolute;
        width: 640px;
        height: 640px; }
        .containerConvite #containerShareFake #portaretratofake .imagemmobile img {
          width: 100%; }
      .containerConvite #containerShareFake #portaretratofake .logo {
        position: relative;
        display: block;
        float: left;
        width: 278px;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 43px; }
        .containerConvite #containerShareFake #portaretratofake .logo img {
          width: 100%; }
      .containerConvite #containerShareFake #portaretratofake .nome {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        margin-top: 281px; }
        .containerConvite #containerShareFake #portaretratofake .nome input {
          position: relative;
          display: block;
          float: left;
          width: 85%;
          height: auto;
          border: none;
          font-size: 49.72px;
          text-indent: 5px;
          border: none;
          background: transparent;
          font-family: 'CreightonPro-Bold', 'Arial';
          text-transform: uppercase;
          left: 50%;
          color: #ffffff;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          text-align: center;
          overflow: hidden;
          width: 85%;
          outline: none;
          resize: none;
          max-height: 115px; }
        .containerConvite #containerShareFake #portaretratofake .nome ::-webkit-input-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
        .containerConvite #containerShareFake #portaretratofake .nome ::-moz-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
        .containerConvite #containerShareFake #portaretratofake .nome :-ms-input-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
        .containerConvite #containerShareFake #portaretratofake .nome :-moz-placeholder {
          color: #ffffff;
          font-size: 26px;
          text-align: center;
          border-bottom: 1px solid #ffffff; }
      .containerConvite #containerShareFake #portaretratofake .texto1 {
        position: relative;
        display: block;
        float: left;
        font-size: 28.02px;
        text-transform: uppercase;
        text-align: center;
        color: #f5d730;
        margin-top: 10px;
        font-family: 'CreightonPro-Bold', 'Arial';
        width: 90%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        .containerConvite #containerShareFake #portaretratofake .texto1 span {
          font-family: 'CreightonPro-Light', 'Arial';
          width: 100%;
          float: left;
          font-weight: 100; }
      .containerConvite #containerShareFake #portaretratofake .texto2 {
        position: relative;
        display: block;
        float: left;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        margin-top: 20px;
        font-family: 'CreightonPro-Light', 'Arial';
        width: 90%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        .containerConvite #containerShareFake #portaretratofake .texto2 span {
          font-family: 'CreightonPro-Bold', 'Arial';
          color: #f5d730; }
      .containerConvite #containerShareFake #portaretratofake .texto3 {
        position: relative;
        display: block;
        float: left;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        margin-top: 20px;
        font-family: 'CreightonPro-Bold', 'Arial';
        font-style: italic;
        width: 90%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-bottom: 100px; }
    .containerConvite #containerShareFake .btns {
      position: relative;
      display: block;
      float: left;
      width: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 20px; }
      .containerConvite #containerShareFake .btns .btn {
        position: relative;
        display: block;
        float: left;
        width: 103px;
        height: 29px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background-color: #0f98d8;
        cursor: pointer; }
        .containerConvite #containerShareFake .btns .btn img {
          position: relative;
          display: block;
          float: left;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .containerConvite #containerShareFake .btns .btn:hover {
        animation: ItemsFundo2 .3s ease-out forwards; }
@keyframes ItemsFundo2 {
  0% {
    background-color: #0f98d8; }
  100% {
    background-color: #4a1587; } }
      .containerConvite #containerShareFake .btns .btn2 {
        margin-left: 15px; }
      .containerConvite #containerShareFake .btns .btn3 {
        margin-left: 15px; }
    .containerConvite #containerShareFake .textobaixe {
      position: relative;
      display: block;
      float: left;
      font-size: 20px;
      text-align: center;
      color: #ffffff;
      margin-top: 16px;
      font-family: 'CreightonPro-Book', 'Arial';
      width: 90%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      line-height: 35px; }
    .containerConvite #containerShareFake .btncriar {
      position: relative;
      display: block;
      float: left;
      width: 255px;
      height: 55px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background-color: #f1d408;
      line-height: 56px;
      text-align: center;
      color: #4a1587;
      font-family: 'CreightonPro-Medium', 'Arial';
      font-size: 30px;
      text-transform: uppercase;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 26px;
      cursor: pointer; }
    .containerConvite #containerShareFake .btncriar:hover {
      animation: ItemsFundo .3s ease-out forwards; }
    .containerConvite #containerShareFake .btnconvite:hover {
      animation: ItemsFundo .3s ease-out forwards; }
@keyframes ItemsFundo {
  0% {
    background-color: #f1d408;
    color: #4a1587; }
  100% {
    background-color: #4a1587;
    color: #f1d408; } }
  .containerConvite #containerimgprint {
    display: block;
    position: absolute;
    z-index: -1; }

.contentimagemgerada{

    width: 100%;
    height: 1203px;
    display: block;
    position: relative;
    float: left;
    background-image: url(../img/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

.contentimagemgerada .fotoprincipal{
    width: auto;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 100px;
}

.contentimagemgerada .buttonvoltar{

  position: relative;
    display: block;
    float: left;
    width: 315px;
    height: 55px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #f1d408;
    line-height: 56px;
    text-align: center;
    color: #4a1587;
    font-family: 'CreightonPro-Medium', 'Arial';
    font-size: 30px;
    text-transform: uppercase;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 26px;
    cursor: pointer;
}

.contentimagemgerada .buttonvoltar:hover {
      animation: ItemsFundo5 .3s ease-out forwards; }

@keyframes ItemsFundo5 {
  0% {
    background-color: #f1d408;
    color: #4a1587; }
  100% {
    background-color: #4a1587;
    color: #f1d408; } }

.contentimagemgerada .btns{
position: relative;
display: block;
float: left;
width: 100%;
height: 29px;
margin-top: 26px;
}

.contentimagemgerada .btns .btn {
position: relative;
display: block;
float: left;
width: 103px;
height: 29px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background-color: #0f98d8;
cursor: pointer; 
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);

}

.contentimagemgerada .btns .btn .imagebtn {
  position: relative;
  display: block;
  float: left;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.contentimagemgerada .btns .btn:hover {
        animation: ItemsFundo9 .3s ease-out forwards; }
@keyframes ItemsFundo9 {
  0% {
    background-color: #0f98d8; }
  100% {
    background-color: #4a1587; } }

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