.social-login {
  padding-bottom: 15px;
}
.social-conversion .error-container {
  background-color: #FFDDDD;
  margin: 0 0 24px 0;
  padding: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #c3c3c3;
  text-align: center;
}
.social-conversion .error-container p {
  font-size: 16px !important;
  padding: 0 !important;
}
.btn {
  background-color: #f8f8f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: -webkit-linear-gradient(#fff, #f0f0f0);
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #5f5f5f;
  cursor: pointer;
  font-weight: bold;
  text-shadow: 0 1px #fff;
  white-space: nowrap;
  background-color: #f0f0f0;
  outline: none;
  height: 42px;
}
.btn-facebook {
  background-color: #435f9c;
  background: -webkit-gradient(linear, left top, left bottom, from(#5676bc), to(#31497b));
  background: -webkit-linear-gradient(#5676bc, #31497b);
  background: linear-gradient(#5676bc, #31497b);
  border: 1px solid #293e69;
  border-top-color: #31497b;
  color: #444;
  text-shadow: 0 1px #fff;
}
.btn-google {
  background-color: #ef6666;
  background: -webkit-gradient(linear, left top, left bottom, from(#f87474), to(#e65858));
  background: -webkit-linear-gradient(#f87474, #e65858);
  background: linear-gradient(#f87474, #e65858);
  border: 1px solid #e34242;
  border-top-color: #e65858;
  color: #444;
  text-shadow: 0 1px #fff;
}
.btn-linkedin {
  background-color: #007bb6;
  background: -webkit-gradient(linear, left top, left bottom, from(#009cda), to(#0073b2));
  background: -webkit-linear-gradient(#009cda, #0073b2);
  background: linear-gradient(#009cda, #0073b2);
  border: 1px solid #007bb6;
  border-top-color: #009cda;
  color: #444;
  text-shadow: 0 1px #fff;
}
.btn-facebook em,
.btn-google em,
.btn-linkedin em {
  -webkit-box-shadow: 1px 0 0 rgba(0,0,0,0.05);
  -moz-box-shadow: 1px 0 0 rgba(0,0,0,0.05);
  box-shadow: 1px 0 0 rgba(0,0,0,0.05);
  height: 39px;
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.btn-social {
  display: block;
  margin-bottom: 10px;
  text-align: left;
  width: 100%;
}
.btn-social em {
  display: inline-block;
  outline: none;
  position: relative;
  vertical-align: middle;
}
.btn-facebook em {
  width: 41px;
  height: 41px;
  background: url("//d335luupugsy2.cloudfront.net/images/landing_page_templates/sprite-social-conversion.png") 0 0 no-repeat;
  background-color: #5a78b9;
  background-color: rgba(255,255,255,0.08);
}
.btn-google em {
  width: 41px;
  height: 41px;
  background: url("//d335luupugsy2.cloudfront.net/images/landing_page_templates/sprite-social-conversion.png") -41px 0 no-repeat;
  background-color: #e65858;
  background-color: rgba(255,255,255,0.07);
}
.btn-linkedin em {
  width: 41px;
  height: 41px;
  background: url("//d335luupugsy2.cloudfront.net/images/landing_page_templates/sprite-social-conversion.png") -82px 0 no-repeat;
  background-color: #49b5e1;
  background-color: rgba(255,255,255,0.08);
}
.btn-social span {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,0.25);
  font-size: 14px;
}
/*SEPARADOR - OU */
.social-wrap-separator {
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.social-separator {
  color: rgba(0,0,0,0.5);
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  display: none;
  display: block;
}
.social-separator p {
  overflow: hidden;
  font-size: 0.85em !important;
  text-align: center;
  padding-bottom: 0 !important
}
.social-separator p:before,
.social-separator p:after {
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 38%;
  background: rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
  box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.social-separator p:before {
  margin-right: 10px;
}
.social-separator p:after {
  margin-left: 10px;
}

@media screen and (max-width: 480px) {
  .btn-social span {
    margin-left: 5px;
    font-size: 12px;
  }
}

  /* BASE */
  #conversion header {
    display: block;
    margin: 0;
    padding: 30px 30px 20px;
  }
  #conversion header h2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 0;
  }
  #conversion header p {
    display: block;
    font-size: 16px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    padding: 0;
  }
  #conversion section {
    display: block;
    margin: 0;
    padding: 30px 30px 20px;
  }
  #conversion .social-conversion {
    padding-bottom: 0 !important;
  }
  #conversion .social-conversion + section {
    padding-top: 20px !important;
  }
  #conversion-modal .modal-content section p,
  #conversion section p {
    display: block;
    font-size: 12px;
    line-height: 1em;
    margin: 0;
    padding: 0 0 20px 0;
  }
  #conversion-modal .modal-content section p.notice,
  #conversion section p.notice {
    font-size: 12px;
  }

  /* FIELDS */
  #conversion section form div.field,
  #conversion-modal .modal-content section form div.field {
    margin: 0;
    padding: 0 0 12px 0;
  }
  #conversion section form div.field div,
  #conversion-modal .modal-content section form div.field div {
    clear: both;
    width: 100%;
    margin: 0 0 5px 0;
  }
  #conversion-modal .modal-content section form input,
  #conversion-modal .modal-content section form select,
  #conversion-modal .modal-content section form textarea,
  #conversion-modal .modal-content section form .select2-choice,
  #conversion section form input,
  #conversion section form select,
  #conversion section form textarea,
  #conversion section form .select2-choice,
  #submitMessage {
    display: inline-block;
    background-color: #FFFFFF;
    vertical-align: middle;
    font-size: 18px;
    line-height: 20px;
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  #conversion-modal .modal-content section form label,
  #conversion section form label {
    display: block;
    min-height: 25px;
    margin: 0;
    padding: 0 0 5px 0;
  }
  #conversion-modal .modal-content section form select,
  #conversion section form select {
    width: 100%;
    height: 36px;
    line-height: 36px;
  }
  #conversion-modal .modal-content section form textarea,
  #conversion section form textarea {
    height: 104px;
  }
  #conversion-modal .modal-content section form input[type=radio],
  #conversion-modal .modal-content section form input[type=checkbox],
  #conversion section form input[type=radio],
  #conversion section form input[type=checkbox] {
    width: inherit;
    height: inherit;
    margin-top: 0 !important;
    margin-right: 8px;
  }
  #conversion-modal .modal-content section form input[type=radio] + label,
  #conversion-modal .modal-content section form input[type=radio] + label + label,
  #conversion-modal .modal-content section form input[type=checkbox] + label,
  #conversion section form input[type=radio] + label,
  #conversion section form input[type=radio] + label + label,
  #conversion section form input[type=checkbox] + label {
    display: block;
    width: auto;
    padding: 5px 0 4px 28px;
  }

  /* SOCIAL PAY */
  #conversion section div#pay-area {
    padding: 16px 0 0 0;
  }
  #conversion section div#pay-area p {
    font-size: 16px;
  }

  /* CALL TO ACTION */
  #conversion-modal .modal-content section div.actions,
  #conversion section div.actions {
    text-align: center;
    padding: 16px 0 8px 0;
  }
  #conversion-modal .modal-content section div.actions input.call_button,
  #conversion-modal .modal-content section div.actions a.call_button,
  #conversion section div.actions input.call_button,
  #conversion section div.actions a.call_button,
  #submitMessage {
    display: block;
    cursor: pointer;
    height: auto;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    word-break: break-word;
    line-height: 1.2em;
    white-space: normal;
    vertical-align: middle;
    margin: 2px auto 24px auto;
    padding: 15px 20px 17px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  #conversion-modal .modal-content section div.actions img,
  #conversion section div.actions img {
    width: auto !important;
  }

  /* ERROR */
  #conversion-modal .modal-content section form label.error,
  #conversion section form label.error {
    display: none !important;
  }
  #conversion-modal .modal-content section form input.error,,
  #conversion-modal .modal-content section form textarea.error,
  #conversion-modal .modal-content section form .select2-container.error .select2-choice,
  #conversion-modal .modal-content section form select.error,
  #conversion section form input.error,
  #conversion section form textarea.error,
  #conversion section form .select2-container.error .select2-choice,
  #conversion section form select.error {
    background-color: #FFDDDD;
  }
  #conversion-modal .modal-content section div#error-container,
  #conversion section div#error-container {
    display: none;
    background-color: #FFDDDD;
    margin: 0 0 24px 0;
    padding: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  #conversion-modal .modal-content section div#error-container p,
  #conversion section div#error-container p {
    color: #463A33;
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding: 0;
  }

  /* SELECT 2 */
  .select2-container .select2-choice {
    background: #FFFFFF;
  }
  .select2-container .select2-choice .select2-arrow {
    background: none;
    border: none;
  }
  .select2-container .select2-choice .select2-arrow b {
    background-position: 0 5px;
  }
  .select2-drop-active {
    border-color: #FFFFFF;
    padding: 5px;
    margin-top: -5px;
    margin-left: 1px;
  }

  /* MODAL */
  .overflow-hidden {
    overflow: hidden;
  }
  .hidden {
    display: none;
  }
  #conversion-modal {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: 1;
  }
  #conversion-modal .modal-header {
    text-align: right;
    margin-top: -10px;
  }
  #conversion-modal .modal-header .close-modal {
    background-color: transparent;
    cursor: pointer;
    font-size: 1.8em;
    color: #8A8A8A;
  }
  #conversion-modal .modal-content {
    background: #FFFFFF;
    color: #5c5c5c;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    position: relative;
    width: auto;
    margin: 10px;
    padding: 30px;
  }
  #conversion-modal .modal-content header {
    display: none;
  }
  #conversion-modal .modal-content section form input,
  #conversion-modal .modal-content section form select,
  #conversion-modal .modal-content section form textarea,
  #conversion-modal .modal-content section form .select2-choice {
    border: 1px solid #CCC;
  }

  /* MEDIA QUERY */
  @media screen and (min-width: 760px) {
    #conversion {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
    }
    #conversion header {
      -webkit-border-radius: 15px 15px 0px 0px;
      -moz-border-radius: 15px 15px 0px 0px;
      border-radius: 15px 15px 0px 0px;
    }
    #conversion section {
      -webkit-border-radius: 0px 0px 15px 15px;
      -moz-border-radius: 0px 0px 15px 15px;
      border-radius: 0px 0px 15px 15px;
    }
    #conversion-modal .modal-content {
      width: 600px;
      margin: 30px auto;
    }
  }

  

  /* BASE */
  *,
  ::before,
  ::after {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  header, footer, nav, section, article, figure {
    display: block;
  }
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  html, body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 100%;
    width: 100%;
  }
  #container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  /* SOCIAL SHARE */
  #container section div.socialfloating {
    position: absolute;
    top: 1%;
    left: 0;
    width: 9%;
  }
  #container section div.socialfloating iframe {
    margin: 0;
  }
  .fb_iframe_widget {
    padding-bottom: 8px;
  }
  #container #social-share .vertical-share .twitter-share,
  #container #social-share .vertical-share .linkedin-share,
  #container #social-share .vertical-share .gplus-share,
  #container #social-share .vertical-share .fb-share {
    display: inline-block;
    margin-right: 10px;
  }

  /* COLORS */
  #container > header {
    color: #ffffff;
    background-color: #e6441a;
  }
  #container > header div.wrapper hgroup h1 {
    text-shadow: 1px 1px 1px #e54b25;
  }
  #container > header div.wrapper hgroup h2 {
    text-shadow: 1px 1px 1px #e54b25;
  }
  #container > section {
    background-color: #ffffff;
    color: #000000;
  }
  #conversion {
    background-color: #e0e0c9;
  }
  #conversion header {
    background-color: #e6441a;
  }
  #conversion header h2 {
    color: #ffffff;
  }
  #conversion header p {
    color: #ffffff;
  }
  #conversion section {
    background-color: #e0e0c9;
  }
  #conversion form input,
  #conversion form select,
  #conversion form textarea,
  #conversion form .select2-choice {
    border: 1px solid #c6c6af;
  }
  #conversion form label {
    color: #333333;
  }
  #conversion form #error-container {
    border: 1px solid #c6c6af;
  }
  #conversion-modal .modal-content div.actions input.call_button,
  #conversion-modal .modal-content div.actions a.call_button,
  #conversion div.actions input.call_button,
  #conversion div.actions a.call_button,
  #submitMessage {
    border: 1px solid #d65933;
    text-shadow: 1px 1px 2px #8a0d00;
    color: #ffffff;
    background-color: #f0734d;
  }
  #conversion-modal .modal-content div.actions input.call_button:hover,
  #conversion-modal .modal-content div.actions a.call_button:hover,
  #conversion div.actions input.call_button:hover,
  #conversion div.actions a.call_button:hover,
  #submitMessage:hover {
    background-color: #ff8c66;
  }
  #conversion section div#pay-area p {
    color: #333333;
  }
  #conversion section form p.notice {
    color: #333333;
  }
  #container > section {
    -webkit-box-shadow: inset 0px 4px 8px #e5e5e5;
    -moz-box-shadow: inset 0px 4px 8px #e5e5e5;
    box-shadow: inset 0px 4px 8px #e5e5e5;
  }
  #conversion {
    -webkit-box-shadow: 4px 4px 8px #cccccc;
    -moz-box-shadow: 4px 4px 8px #cccccc;
    box-shadow: 4px 4px 8px #cccccc;
  }
  #conversion div.actions input.call_button,
  #conversion div.actions a.call_button,
  #submitMessage {
    -webkit-box-shadow: 2px 2px 4px #c6c6af;
    -moz-box-shadow: 2px 2px 4px #c6c6af;
    box-shadow: 2px 2px 4px #c6c6af;
  }
  #conversion div.actions input.call_button:hover,
  #conversion div.actions a.call_button:hover,
  #submitMessage:hover {
    -webkit-box-shadow: 2px 2px 8px #7a7a63;
    -moz-box-shadow: 2px 2px 8px #7a7a63;
    box-shadow: 2px 2px 8px #7a7a63;
  }

  /* MEDIA QUERY */
  @media screen and (min-width: 320px) {
    .wrapper { width: 100%; margin: 0; overflow: hidden; position: relative; }
    #container > header { padding: 16px 0; }
    #container > header div.wrapper { overflow: hidden; position: relative; display: table; }
    #container > header div.wrapper figure,
    #container > header div.wrapper div.figure { margin: 0 10%; width: 80%; }
    #container > header div.wrapper figure img,
    #container > header div.wrapper div.figure img { margin: 0 10% 5%; padding: 0; width: 80%; }
    #container > header div.wrapper hgroup,
    #container > header div.wrapper div.hgroup { width: 100%; padding: 20px 0; }
    #container > header div.wrapper hgroup h1,
    #container > header div.wrapper div.hgroup h1 { font-size: 52px; line-height: 0.9em; margin: 0; padding: 0 30px 10px; font-weight: bold; }
    #container > header div.wrapper hgroup h2,
    #container > header div.wrapper div.hgroup h2 { font-size: 20px; line-height: 1.1em; margin: 0; padding: 0 30px 0; font-weight: normal; }
    #container > section { padding: 0; }
    #container section div#content.left { width: 100%; margin: 0; }
    #container section div#content.left figure,
    #container section div#content.left div.figure { margin: 0; padding: 30px 30px 15px; }
    #container section div#content.left figure img,
    #container section div#content.left div.figure img { width: 100%; }
    #container section div#content.left ul { padding: 30px 30px 15px; }
    #container section div#content.left ul li { margin: 0 0 15px 0; list-style-type: square; }
    #container section div#content.left ul li h3 { font-size: 20px; padding: 0 0 10px 0; }
    #container section div#content.left ul li p { font-size: 16px; }
    #conversion.right { margin: 0; width: 100%; }
    #container > section div.socialfloating { display: none; }
  }

  @media screen and (min-width: 760px) {
    .wrapper { width: 760px; margin: 0 auto; }
    #container > header div.wrapper figure,
    #container > header div.wrapper div.figure { display: table-cell; width: 10%; vertical-align: middle; padding: 0; }
    #container > header div.wrapper figure img,
    #container > header div.wrapper div.figure img { display: block; padding: 0 20px 0 0; width: auto; margin: 0; }
    #container > header div.wrapper hgroup,
    #container > header div.wrapper div.hgroup { display: table-cell; width: auto; text-align: left; vertical-align: middle; padding: 20px 0 20px; }
    #container > header div.wrapper hgroup h1,
    #container > header div.wrapper div.hgroup h1 { padding: 0 0 8px; }
    #container > header div.wrapper hgroup h2,
    #container > header div.wrapper div.hgroup h2 { padding: 0 0 8px; }
    #container section div#content.left figure,
    #container section div#content.left div.figure { margin: 5% 10% 0; }
    #container section div#content.left ul { list-style: none; padding: 5% 10% 0; }
    #conversion.right { margin: 5% 10% 10%; width: 80%; }
  }

  @media screen and (min-width: 908px) {
    .wrapper { width: 908px; }
    #container > section { padding: 2% 0 10% 0; min-height: 75%; }
    #container section div#content.left { float: left; width: 48%; margin: 1% 1% 1% 1%; }
    #container section div#content.left figure,
    #container section div#content.left div.figure { margin: 0 0 32px 0; padding: 0 20px 0 0; }
    #container section div#content.left ul { padding: 0 20px 0 0; }
    #container section div#content.left ul li { margin: 0 0 16px 0; }
    #container section div#content.left ul li h3 { padding: 0 0 8px 0; }
    #container section div#conversion.right { display: block; margin: 1%; float: right; width:38%; }
    #container section div.socialfloating { display: block; }
  }

  @media screen and (max-width: 760px) {
    img { width: 100%; height: auto; padding: 0 20px 0 0; }
  }

#container > header {padding:0;}
#container > header div.wrapper {
display: block;
width:100%;}
#container > header div.wrapper figure,
#container > header div.wrapper div.figure {
width:100%;
display:block;
background-color:#ffffff;
margin:0;
padding: 8px 0;
border-bottom:0px solid #6a5e40;
text-align:center;}
#container > header div.wrapper figure img,
#container > header div.wrapper div.figure img {
margin:0 auto;
width:280px;}
#container > header div.wrapper hgroup,
#container > header div.wrapper div.hgroup {
width:100%;
display:block;
padding-top:20px;
padding-bottom:20px;}
#container > header div.wrapper hgroup h1,
#container > header div.wrapper div.hgroup h1,
#container > header div.wrapper hgroup h2,
#container > header div.wrapper div.hgroup h2 {
margin:0 auto;
max-width:908px;
text-align:center;
padding-left:0;
padding-right:0;}
#container > header div.wrapper hgroup h1 {font-size:35px;}
#container > header div.wrapper hgroup h2 {font-size:18px;}
#container > header div.wrapper hgroup h2 {color:#ffffff;}

#container section div#content.left ul li {list-style: none;}

#conversion {
-webkit-box-shadow: 4px 4px 8px #bbbbbb;
-moz-box-shadow: 4px 4px 8px #bbbbbb;
box-shadow: 4px 4px 8px #bbbbbb;
}

#conversion header {-webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;}
#conversion section {-webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 15px 15px;border-radius: 0px 0px 0px 0px;}

#conversion {
-webkit-box-shadow: 0px 0px 0px #bbbbbb;
-moz-box-shadow: 0px 0px 0px #bbbbbb;
box-shadow: 0px 0px 0px #bbbbbb;
}

div#conversion > header {
background-image: url('http://d335luupugsy2.cloudfront.net/images/seta2-vermelha.png');
background-repeat: no-repeat;
background-position: 300px bottom;
}
div#conversion > section {
background-image: url('http://d335luupugsy2.cloudfront.net/images/seta1-vermelha.png');
background-repeat: no-repeat;
background-position: 300px 0;
}
#container section div#content.left figure {display: none;}
#ajaxLoader {
  display: none;
}
#returnMessage {
  display: none;
  padding: 8px 16px;
  margin: -10px 0 15px;
  background: #cccccc;
  border: 1px solid #b7b7b7;
}
.centerText {
  padding: 30px;
  margin-top: 9px;
  background-color: #e0e0c9;
  border: 1px solid #d3d3be;
}
  .centerText p {
    line-height: 1.3;
  }