.lp_recarga * {
    border: 0 none;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: outside none;
    box-sizing: border-box;
}

.lp_recarga .cf:before,
.lp_recarga .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.lp_recarga .cf:after {
    clear: both;
}


/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.lp_recarga .cf {
    *zoom: 1;
}

*:after,
*:before {
    box-sizing: border-box;
}

.lp_recarga strong,
b {
    font-weight: bold;
}

.lp_recarga .left {
    float: left;
}

.lp_recarga .right {
    float: right;
}

.lp_recarga .center {
    text-align: center;
}

.lp_recarga .centerBlock {
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.lp_recarga .mt-20 {
    margin-top: 20px;
}

.lp_recarga .mr-0 {
    margin-right: 0 !important;
}

.lp_recarga .no-border-bottom {
    border-bottom: 0 !important;
}

.lp_recarga .clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.lp_recarga .officina {
    font-family: "ITCOfficinaSerifBookRegular", sans-serif;
    font-weight: normal;
}

.lp_recarga .officinaBold {
    font-family: "ITCOfficinaSerifBold", sans-serif;
    font-weight: normal;
}

.lp_recarga .container {
    width: 960px;
    padding: 0 20px;
    margin: 0 auto;
}

.lp_recarga .block {
    display: block !important;
}

.lp_recarga h1 {
    font-size: 30px;
}

.lp_recarga h1,
.lp_recarga h2,
.lp_recarga h3,
.lp_recarga h4,
.lp_recarga h5,
.lp_recarga h6 {
    padding: 0;
}

.lp_recarga button {
    float: none;
}

#lpPortalVivoRecarregue *,
#lpPortalVivoRecarregue *:after,
#lpPortalVivoRecarregue *:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#lpPortalVivoRecarregue {
    background-color: #F4F4F4;
    margin: 0;
    padding: 0;
    font-family: "ITCOfficinaSerifBookRegular", sans-serif;
}

#lpPortalVivoRecarregue label {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 14px;
    color: #666;
    display: block;
}

.recharge__wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative;
    font-size: 0;
}

.recharge__content {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.recharge__content--middle {
    vertical-align: middle;
}

.recharge__title {
    font-size: 32px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    margin: 0;
}

.recharge__title--purple {
    color: #609;
}

.recharge__title--white {
    color: #fff;
}

.recharge__title--center {
    text-align: center;
}

.recharge__subtitle {
    font-size: 20px;
    margin: 0;
}

.recharge__text {
    font-size: 16px;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    margin: 0;
}

.recharge__text--center {
    text-align: center;
}

.recharge__text--white {
    color: #fff;
}

.recharge__box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    padding: 45px 30px;
    box-shadow: 0 15px 50px -25px #666;
    -webkit-box-shadow: 0 15px 50px -25px #666;
}

.recharge__box--purple {
    background-color: #461E5F;
}

.recharge__btn {
    border-style: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 14px;
    color: #fff !important;
    float: initial;
    letter-spacing: 0;
    width: 299px;
    height: 48px;
    display: block;
    margin: 22px auto 0;
    text-decoration: none;
    text-align: center;
    padding: 15px;
}

.recharge__btn--orange {
    background: #FF9901;
}

.recharge__btn--orange:hover {
    background: #E98C02;
    text-decoration: underline;
}

.recharge__btn--purple {
    background: #609;
}

.recharge__btn--purple:hover {
    background: #53017D;
    text-decoration: underline;
}

.recharge__block-link {
    margin-top: 20px;
    text-align: center;
}

.recharge__block-link .recharge__link {
    font-size: 12px;
    text-align: center;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    color: #666;
    text-decoration: underline;
}

.recharge__block-link .recharge__link:hover {
    color: #000;
}

.recharge__input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-style: none;
    border: 1px solid #E5E5E5;
    width: 100%;
    height: 48px;
    margin-top: 10px;
    padding: 10px;
    font-size: 16px;
    font-family: "ITCOfficinaSerifBookRegular", sans-serif;
    color: #666;
}

.recharge__input.empty {
    border: 2px solid red;
}

.recharge__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.form-message {
    font-size: 12px;
    font-family: "ITCOfficinaSerifBookRegular", sans-serif;
    margin-top: 5px;
    color: red;
}

.hero__input.input.empty {
    border: 2px solid red !important;
}

.lp_recarga .container {
    position: relative;
}

.lp_recarga .container .hero__textnice {
    position: absolute;
    bottom: 83px;
    width: 470px;
    right: -208px;
    font-size: 11px;
    color: #fff;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.lp_recarga .bonus {
    margin-top: 60px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
}

.lp_recarga .bonus h1 {
    color: #fff;
    line-height: 1.2;
    font-size: 25px;
}

.lp_recarga .bonus h1 span {
    color: #ff9900;
    font-size: 63px;
}

.lp_recarga .hero {
    padding-top: 30px;
    width: 100%;
    height: 390px;
    max-width: 1920px;
    background: url("/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_HERO") no-repeat;
}

.lp_recarga .hero-left {
    width: 460px;
}

.lp_recarga .hero__image {
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 17px;
}

.lp_recarga .hero__title {
    margin-bottom: 10px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    color: #ff9900;
}

.lp_recarga .hero__subtitle {
    margin-bottom: 30px;
    font-family: "ITCOfficinaSerifBookRegular", sans-serif;
    color: #fff;
}

.lp_recarga .hero__form {
    margin-bottom: 25px;
}

.lp_recarga .hero__input.input {
    padding: 15px 10px;
    margin-right: 20px;
}

.lp_recarga .hero__button.button {
    padding: 17px 29px 17px 70px;
}

.lp_recarga .hero__description {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    margin-top: 45px;
}

.lp_recarga .box {
    padding: 29px;
    border-radius: 10px;
    background-color: #fff;
    vertical-align: top;
    text-align: left;
}

.lp_recarga .box#box-consulte {
    min-height: 357px;
}

.lp_recarga .box#box-consulte form {
    margin-bottom: 20px;
}

.lp_recarga .box#box-consulte .input {
    padding: 10px;
}

.lp_recarga .box#box-confira,
.lp_recarga .box#box-recarregue {
    height: 357px;
}

.lp_recarga .box#box-confira img,
.lp_recarga .box#box-recarregue img {
    margin-bottom: 20px;
    height: 80px;
}

.lp_recarga .box#box-confira .button,
.lp_recarga .box#box-recarregue .button {
    margin-bottom: 30px;
}

.lp_recarga .box .title {
    font-size: 20px;
}

.lp_recarga .box .input {
    padding: 15px 10px;
}

.lp_recarga .box.box--outline {
    border: 2px solid #609;
}

.lp_recarga .button {
    display: inline-block;
    padding: 17px 28px 17px 57px;
    border: none;
    border-radius: 10px;
    font-size: 17px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    color: #fff;
    outline: 0;
    background-color: #ff9900;
    background-image: url("/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_BTN_ARROW");
    background-repeat: no-repeat;
    background-position: 20px 11px;
    cursor: pointer;
    text-decoration: none;
}

.lp_recarga .button.purple {
    background-color: #609;
}

.lp_recarga .icon-text {
    display: inline-block;
    margin-right: 60px;
    margin-top: 20px;
}

.lp_recarga .icon-text:last-child {
    margin-right: 0;
}

.lp_recarga .icon-text__icon {
    margin-bottom: 20px;
}

.lp_recarga .icon-text__text {
    font-family: "ITCOfficinaSerifBookRegular", sans-serif;
    font-size: 20px;
    color: #383838;
    line-height: 1.2;
}

.lp_recarga .media {
    margin-bottom: 20px;
    text-align: left;
}

.lp_recarga .media#media-gerenciar {
    margin-bottom: 35px;
}

.lp_recarga .media .title {
    font-size: 20px;
}

.lp_recarga .media__image {
    float: left;
    margin-right: 20px;
    margin-top: 15px;
    width: 68px;
}

.lp_recarga .media__image#clock {
    width: 75px;
    margin-top: 17px;
}

.lp_recarga .media__content {
    float: left;
}

.lp_recarga .title {
    margin-bottom: 18px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    color: #609;
    line-height: 1.2;
}

.lp_recarga .form-message {
    float: left;
    margin-top: 15px;
    color: red;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    font-size: 16px;
    width: 100%;
}

.lp_recarga .input {
    border-radius: 10px;
    padding: 15px 20px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    font-size: 17px;
    color: #4c4c4c;
    outline: 0;
}

.lp_recarga .input.empty {
    border: 2px solid red;
}

.lp_recarga .input-group {
    margin-top: 20px;
}

.lp_recarga .input-group label {
    margin-bottom: 5px;
    display: block;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.lp_recarga .input.input--outline {
    border: 1px solid #959595;
}

.lp_recarga .input.input--outline.empty {
    border: 2px solid red;
}

.lp_recarga .section {
    padding: 70px 0;
    background: #fff;
}

.lp_recarga .section.orange {
    background-color: #ff9900;
}

.lp_recarga .section.orange .box {
    min-height: 238px;
}

.lp_recarga .section.orange .media__image {
    width: 55px;
}

.lp_recarga .section__title {
    text-align: center;
}

.lp_recarga .paragraph {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 15px;
    color: #383838;
    line-height: 1.2;
    margin-top: 10px;
}

.lp_recarga .list-icon {
    width: 265px;
    padding: 0;
    display: table;
    margin: 0 auto;
    list-style-type: none;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    color: #383838;
    text-align: left;
    font-size: 14px;
}

.lp_recarga .list-icon__item {
    padding: 20px 40px;
    border-bottom: 2px solid #ccc;
}

.lp_recarga .list-icon__item:last-child {
    border-bottom: none;
}

.lp_recarga .list-icon__item#phone {
    background-image: url("/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_PHONE");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: 15px;
}

.lp_recarga .list-icon__item#vivo {
    background-image: url("/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_VIVO_ROXO");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: 15px;
}

.lp_recarga .list-icon__link {
    color: inherit;
    text-decoration: underline;
}

.lp_recarga .list-icon__link:before {
    content: ">>";
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
    font-size: 10px;
}

.lp_recarga .col {
    display: inline-block;
    margin-right: 30px;
}

.lp_recarga .col:last-child {
    margin-right: 0;
}

.lp_recarga .col-2 {
    width: 46.5%;
}

.lp_recarga .col-3 {
    width: 30.8%;
}

.lp_recarga .link {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    color: #4f4f4f;
    font-size: 12px;
    text-decoration: underline;
}

.lp_recarga .link.link--arrow:before {
    content: ">>";
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
    font-size: 10px;
}

.lp_recarga .overlay {
    position: fixed;
    background-color: white;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease;
    z-index: 9999;
}

.lp_recarga .overlay__close {
    position: absolute;
    text-align: center;
    padding: 20px;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-color: #609;
}

.lp_recarga .overlay__close:before {
    content: 'X';
    display: block;
    position: absolute;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    top: 6px;
    right: 12px;
    color: white;
    font-size: 28px;
}

.lp_recarga .overlay__content {
    height: 100%;
    width: 100%;
}

.add_form_consulta {
    float: right !important;
    position: relative !important;
    top: -478px !important;
    border-radius: 20px !important;
}

.lpRecargaOnlineBancos * {
    border: 0 none;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: outside none;
}

.lpRecargaOnlineBancos strong,
.lpRecargaOnlineBancos b {
    font-weight: bold;
}

.lpRecargaOnlineBancos {
    background-color: #ffffff;
}

.lpRecargaOnlineBancos .wrapper {
    width: 960px;
    margin: 0 auto;
}

.lpRecargaOnlineBancos .headerBancos {
    background: url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_HEADER_RECARGA_BANCOS") no-repeat 0 0 transparent;
    height: 176px;
}

.lpRecargaOnlineBancos .headerBancos .conteudoHeader .tituloHeader {
    font-size: 32px;
    color: #ffffff;
    font-family: "ITCOfficinaSerifBold";
    padding-top: 50px;
}

.lpRecargaOnlineBancos .headerBancos .conteudoHeader .descTituloBancos {
    font-size: 20px;
    color: #ffffff;
    font-family: "ITCOfficinaSerifBold";
    padding-top: 16px;
}

.lpRecargaOnlineBancos .bankbanner .bg-banner {
    background: url("/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_BANCOS_BG") no-repeat center center;
    background-size: 100% 160px;
    height: 160px;
    padding-left: 75px;
}

.lpRecargaOnlineBancos .bankbanner .bg-banner .tituloHeader {
    font-size: 32px;
    color: #ffffff;
    font-family: "ITCOfficinaSerifBold";
    padding-top: 35px;
}

.lpRecargaOnlineBancos .bankbanner .bg-banner .descTituloBancos {
    font-size: 20px;
    color: #ffffff;
    font-family: "ITCOfficinaSerifBookRegular";
    padding-top: 16px;
}

.lpRecargaOnlineBancos .bancosParticipantes {
    padding: 40px 0;
}

.lpRecargaOnlineBancos .bancosParticipantes h1 {
    font-family: "ITCOfficinaSerifBold";
    color: #660099;
    font-size: 28px;
    max-width: 720px;
}

.lpRecargaOnlineBancos .bancosParticipantes p {
    font-size: 14px;
    line-height: 20px;
    color: #7b7b7b;
    font-family: "ITCOfficinaSerifBookRegular";
    margin: 30px 0;
}

.lpRecargaOnlineBancos .bancosParticipantes p:last-child {
    font-size: 12px;
    margin-bottom: 0;
}

.lpRecargaOnlineBancos .bancosParticipantes ul {
    padding-top: 15px;
    width: 630px;
}

.lpRecargaOnlineBancos .bancosParticipantes ul strong {
    font-size: 16px;
    color: #7b7b7b;
    font-family: "ITCOfficinaSerifBookRegular";
    display: block;
}

.lpRecargaOnlineBancos .bancosParticipantes ul li {
    display: inline-block;
    padding: 5px 5px 5px 0px;
}

.lpRecargaOnlineBancos .recargaFacil {
    background-color: #f8f8f8;
    height: 332px;
}

.lpRecargaOnlineBancos .recargaFacil .conteudoRecargaFacil .iconesGeral {
    margin: 40px 0 0 0;
}

.lpRecargaOnlineBancos .recargaFacil .conteudoRecargaFacil .tituloRecargaFacil {
    font-size: 28px;
    color: #660099;
    font-family: "ITCOfficinaSerifBold";
    text-align: center;
    padding-top: 35px;
}

.lpRecargaOnlineBancos .recargaFacil .conteudoRecargaFacil .icones {
    text-align: center;
    width: 20%;
}

.lpRecargaOnlineBancos .recargaFacil .conteudoRecargaFacil .descLogos {
    text-align: center;
    font-family: 'Trebuchet MS';
    font-size: 17px;
    color: #999999;
    margin-top: 5px;
}

.lpRecargaOnlineBancos .recargaFacil .conteudoRecargaFacil .negrito {
    color: #4c4c4c;
}

.lpRecargaOnlineBancos .left {
    float: left;
}

.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
    font-family: ITCOfficinaSerifBold;
    font-size: 14px;
}

::-webkit-input-placeholder,
 :-moz-placeholder,
 ::-moz-placeholder {
    color: #4c4c4c;
    font-size: 14px;
    font-family: 'ITCOfficinaSerifBold';
}

:-ms-input-placeholder {
    color: #4c4c4c;
    font-size: 14px !important;
    font-family: 'ITCOfficinaSerifBold';
    letter-spacing: -0.5px;
}

div.content_geral {
    background: #fff;
}

#all>div {
    padding: 0;
}

.pw_lp_rec_onde_row:last-child {
    margin-bottom: 0;
}

.pw_lp_rec_onde * {
    border: 0 none;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: outside none;
}

.pw_lp_rec_onde strong,
.pw_lp_rec_onde b {
    font-weight: bold;
}

.pw_lp_rec_onde .pw_left {
    float: left;
}

.pw_lp_rec_onde .pw_right {
    float: right;
}

.pw_lp_rec_onde .clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.pw_lp_rec_onde .officina {
    font-family: 'ITCOfficinaSerifBookRegular';
    font-weight: normal;
}

.pw_lp_rec_onde .officinaBold {
    font-family: 'ITCOfficinaSerifBold';
    font-weight: normal;
}

.pw_rec_onde_container .pw_meu_vivo {
    width: 410px;
    position: relative;
}

.pw_rec_onde_container .pw_meu_vivo h3,
.pw_rec_onde_container .pw_meu_vivo p {
    text-align: right;
}

.pw_rec_onde_container .pw_saiba_mais {
    float: right;
}

.pw_rec_onde_container .pw_download_app_meu {
    float: right;
}

.pw_rec_onde_container .pw_download_app_meu a {
    padding: 2px 5px 0 5px;
}

.pw_rec_onde_container .pw_acesse_site {
    top: 262px;
    right: 35px;
    font-size: 16px;
    color: #5f5f5f;
    font-family: 'ITCOfficinaSerifBold';
}

.pw_rec_onde_container .pw_baixe_aplicativo {
    top: 262px;
    left: 9px;
    font-size: 16px;
    color: #5f5f5f;
    font-family: 'ITCOfficinaSerifBold';
}

.pw_rec_onde_container .pw_borda_meu_vivo {
    top: 260px;
    left: 203px;
    width: 1px;
    height: 85px;
    background-color: #979695;
}

.pw_rec_onde_container .pw_meu_vivo_movel {
    border-radius: 8px;
    width: 176px;
    text-align: center;
    font-size: 20px;
    height: 36px;
    background-color: #660c99;
    display: block;
    padding: 13px 0 0 0px;
    font-family: 'ITCOfficinaSerifBold';
    color: #fff;
    top: 295px;
    left: 0px;
    text-decoration: none;
}

.pw_lp_rec_onde h1 {
    text-align: center;
    color: #6e2f91;
    font-size: 28px;
}

.pw_lp_rec_onde h2 {
    text-align: center;
    color: #6e2f91;
    padding: 30px 0 70px;
    font-size: 28px;
}

.pw_lp_rec_onde .pw_rec_onde_container {
    width: 100%;
    margin: 0 auto;
}

.pw_lp_rec_onde .pw_rec_onde_container.practicality {
    position: relative;
    padding-top: 50px;
    float: left;
    background: #ffffff;
}

.pw_lp_rec_onde .pw_rec_onde_container.practicality .wrapper {
    width: 960px;
    margin: 0 auto;
}

.pw_lp_rec_onde h3 {
    color: #5f5f5f;
    font-size: 26px;
}

.pw_lp_rec_onde p {
    font-family: 'Trebuchet MS';
    font-size: 16px;
    color: #999999;
}

.pw_lp_rec_onde .overlay {
    position: fixed;
    background-color: white;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease;
    z-index: 9999;
}

.pw_lp_rec_onde .overlay__close {
    position: absolute;
    text-align: center;
    padding: 10px;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-color: #609;
}

.pw_lp_rec_onde .overlay__close:before {
    content: 'X';
    display: block;
    position: absolute;
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    top: 6px;
    right: 12px;
    color: white;
    font-size: 28px;
}

.pw_lp_rec_onde .overlay__content {
    height: 100%;
    width: 100%;
}

.pw_lp_rec_onde .bonus {
    width: 310px;
    margin-top: -10px;
    margin-left: 60px;
    text-align: center;
    font-family: ITCOfficinaSerifBold;
}

.pw_lp_rec_onde .bonus h1 {
    color: #fff;
    font-size: 28px;
    background: transparent;
    position: relative;
}

.pw_lp_rec_onde .bonus h1 span.price {
    color: #ff9900;
    font-size: 20px;
}

.pw_lp_rec_onde .bonus h1 span.or-more {
    color: #fff;
    font-family: ITCOfficinaSerifBookRegular;
    font-size: 20px;
}

.pw_lp_rec_onde .bonus h1 span.medium {
    color: #fff;
    font-size: 41px;
}

.pw_lp_rec_onde .bonus h1 span.big {
    color: #fff;
    position: relative;
    top: -10px;
    font-size: 86px;
    letter-spacing: -7px;
}

.pw_lp_rec_onde .bonus h1 span.plus {
    position: absolute;
    top: 90px;
    left: 55px;
    font-size: 60px;
}

.pw_lp_rec_onde .bonus p.valid {
    color: #fff;
    margin: -20px 0 0 0;
    font-family: ITCOfficinaSerifBookRegular;
    font-size: 16px;
}

.pw_lp_rec_onde .bonus p.valid .logo-vvtrb {
    margin: 4px 0;
}

.pw_lp_rec_onde .bonus span.days {
    color: #ff9900;
}

.pw_lp_rec_onde .bonus p.valid span.txt-reg {
    color: #fff;
    font-family: ITCOfficinaSerifBookRegular;
    font-size: 11px;
}

.pw_lp_rec_onde .bonus p.valid span.txt-reg a {
    color: #fff;
}

.pw_lp_rec_onde .container {
    position: relative;
    width: 960px;
    padding: 0 20px;
    margin: 0 auto;
}

.pw_lp_rec_onde .left {
    float: left;
}

.pw_lp_rec_onde .right {
    float: right;
}

.pw_lp_rec_onde .hero {
    position: relative;
    padding-top: 30px;
    width: 100%;
    min-height: 360px;
    max-width: 1920px;
    background: url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_HERO") no-repeat;
}

.pw_lp_rec_onde .hero-left {
    width: 530px;
    padding-right: 10px;
    border-right: 1px solid #b969b8;
}

.pw_lp_rec_onde .hero__image {
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 17px;
}

.pw_lp_rec_onde .hero__title {
    margin-bottom: 10px;
    font-family: ITCOfficinaSerifBold;
    color: #fff;
    font-size: 32px;
    background-color: transparent;
    text-align: left;
    padding: 0;
}

.pw_lp_rec_onde .hero__subtitle {
    margin-bottom: 30px;
    font-family: ITCOfficinaSerifBookRegular;
    color: #fff;
    text-align: left;
    padding: 0;
    font-size: 22px;
}

.pw_lp_rec_onde .hero__form {
    margin-bottom: 25px;
}

.pw_lp_rec_onde .hero__input.input {
    padding: 15px 10px;
    margin-right: 20px;
    border-radius: 10px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    font-size: 17px;
    color: #4c4c4c;
    outline: 0;
}

.pw_lp_rec_onde .hero__button.button {
    margin: 0px 75px 0 0px;
    padding: 17px 29px 17px 70px;
    display: inline-block;
    border: none;
    border-radius: 10px;
    font-size: 17px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    color: #fff;
    outline: 0;
    background-color: #ff9900;
    background-image: url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_BTN_ARROW");
    background-repeat: no-repeat;
    background-position: 20px 11px;
    cursor: pointer;
    text-decoration: none;
}

.pw_lp_rec_onde .hero__description {
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    margin-top: 25px;
}

.pw_lp_rec_onde .input.input--outline {
    border: 1px solid #959595;
}

.pw_lp_rec_onde .input.input--outline.empty {
    border: 2px solid red;
}

.pw_lp_rec_onde .input.empty {
    border: 2px solid red;
}

.pw_lp_rec_onde .form-message {
    float: left;
    margin-top: 15px;
    color: red;
    font-family: ITCOfficinaSerifBold;
    font-size: 16px;
    width: 100%;
}

.pw_lp_rec_onde .pw_saiba_mais {
    width: 170px;
    height: 50px;
    display: block;
    border-radius: 8px;
    text-decoration: none;
    position: relative;
    float: left;
}

.pw_lp_rec_onde .pw_saiba_mais span {
    padding: 15px 0 0 55px;
    display: block;
    font-size: 21px;
    font-family: 'ITCOfficinaSerifBold';
    color: #fff;
}

.pw_lp_rec_onde .pw_saiba_mais.roxo {
    background: #660c99;
    color: #fff;
}

.pw_lp_rec_onde .pw_saiba_mais.roxo:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    top: 12px;
    left: 18px;
    background: url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_SETAC_REC_ONDE");
}

.pw_lp_rec_onde .pw_saiba_mais.cinza:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    top: 12px;
    left: 15px;
    background: url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_SETAC_REC_ONDE");
}

.pw_lp_rec_onde .pw_onde_fazer_recarga {
    background: url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_BG_AGR_REC_ONDE") no-repeat center center;
    height: 368px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left {
    margin-left: 25px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left h2 {
    text-align: left;
    color: #fd9827;
    padding: 40px 0 5px;
    font-size: 27px;
    line-height: 36px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left p {
    font-size: 20px;
    color: #fff;
    font-family: ITCOfficinaSerifBookRegular;
    margin-bottom: 15px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left form {
    margin: 35px 0;
    overflow: hidden;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left input.tel {
    width: 150px;
    height: 51px;
    border: 1px solid #404040;
    border-radius: 5px;
    padding-left: 20px;
    margin-right: 10px;
    color: #4c4c4c;
    font-size: 17px;
    font-family: 'ITCOfficinaSerifBold';
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left input.submit-input {
    width: 199px;
    padding-left: 35px;
    height: 53px;
    border-radius: 5px;
    background: #f89323;
    color: #fff;
    font-family: 'ITCOfficinaSerifBold';
    font-weight: normal;
    font-size: 21px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left .submit {
    position: relative;
    float: right;
    margin-right: 30px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left .submit span {
    position: absolute;
    top: 12px;
    left: 12px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_left>span {
    color: #fff;
    font-family: 'Trebuchet MS';
    line-height: 20px;
    font-size: 14px;
    clear: both;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_right {
    margin: 100px 330px 0 0;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_right .ganheMb {
    font-size: 30px;
    color: #fff;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_right .ganheMb p {
    font-size: 26.6px;
    color: #fff;
    margin-bottom: -33px;
}

.pw_lp_rec_onde .pw_onde_fazer_recarga .pw_right .ganheMb span {
    color: #ff9900;
    font-size: 67.5px;
    text-transform: uppercase;
    margin-bottom: -40px;
    display: block;
}

.pw_lp_rec_onde .pw_opcoes_recarga_meu {
    background: #fff !important;
}

.pw_lp_rec_onde .pw_opcoes_recarga {
    background: #f8f8f8;
}

.pw_lp_rec_onde .pw_opcoes_recarga h3 {
    margin-bottom: 10px;
    font-size: 26px;
}

.pw_lp_rec_onde .pw_opcoes_recarga .pw_left {
    margin: 30px 0 0 100px;
}

.pw_lp_rec_onde .pw_opcoes_recarga .pw_right {
    margin-right: 20px;
}

.pw_lp_rec_onde .pw_opcoes_recarga .pw_saiba_mais {
    margin: 30px 0 50px;
}

.pw_lp_rec_onde .pw_opcoes_recarga .pw_download_app a {
    margin-right: 10px;
}

.pw_lp_rec_onde .pw_auto_atendimento {
    background: #fff;
    padding-top: 50px;
}

.pw_lp_rec_onde .pw_auto_atendimento .pw_left {
    margin-left: 105px;
}

.pw_lp_rec_onde .pw_auto_atendimento .pw_right {
    margin: 130px 50px 0 0;
    text-align: right;
}

.pw_lp_rec_onde .pw_auto_atendimento .pw_text {
    float: right;
    margin-right: 60px;
}

.pw_lp_rec_onde .pw_auto_atendimento h3 {
    margin-bottom: 10px;
}

.pw_lp_rec_onde .pw_menu_interativo {
    background: #f8f8f8;
    padding-top: 40px;
}

.pw_lp_rec_onde .pw_menu_interativo .pw_left {
    margin-left: 105px;
}

.pw_lp_rec_onde .pw_menu_interativo .pw_right {
    margin: 0 40px 0 0;
}

.pw_lp_rec_onde .pw_menu_interativo .pw_text {
    margin-top: 80px;
}

.pw_lp_rec_onde .pw_menu_interativo .pw_right h3,
.pw_lp_rec_onde .pw_menu_interativo .pw_right p {
    text-align: right;
}

.pw_lp_rec_onde .pw_menu_interativo h3 {
    margin-bottom: 10px;
}

.pw_lp_rec_onde .pw_menu_interativo .pw_saiba_mais {
    margin-top: 25px;
    text-align: start;
    float: left;
}

.pw_lp_rec_onde .pw_recarga_por_sms {
    background: #fff;
    padding-top: 50px;
}

.pw_lp_rec_onde .pw_recarga_por_sms .pw_left {
    margin-left: 85px;
    text-align: left;
}

.pw_lp_rec_onde .pw_recarga_por_sms .pw_left>span {
    color: #666666;
    font-size: 12px;
    margin: 25px 0;
    display: block;
    font-family: 'Trebuchet MS';
    line-height: 14px;
}

.pw_lp_rec_onde .pw_recarga_por_sms .pw_right {
    text-align: right;
    margin-right: 60px;
}

.pw_lp_rec_onde .pw_recarga_por_sms h3 {
    margin: 80px 0 10px;
}

.pw_lp_rec_onde .pw_recarga_por_sms .pw_codigo_de_seguranca img {
    float: right;
}

.pw_lp_rec_onde .pw_recarga_por_sms .pw_codigo_de_seguranca span {
    float: right;
    color: #999999;
    margin-left: 10px;
    line-height: 15px;
    margin-top: 2px;
    font-size: 12px;
}

.pw_lp_rec_onde .pw_recarga_por_sms .pCaso {
    margin: 15px 0;
    font-size: 14px;
    line-height: 17px;
}

.pw_lp_rec_onde .pw_atraves_do {
    width: 420px;
    margin: 0 auto;
}

.pw_lp_rec_onde .pw_recarga_atraves_de {
    background: #fff;
    padding-bottom: 50px;
}

.pw_lp_rec_onde .pw_recarga_atraves_de .recarga_atraves_item {
    float: left;
    text-align: center;
}

.pw_lp_rec_onde .pw_recarga_atraves_de h2 {
    padding: 30px 0 40px;
}

.pw_lp_rec_onde .pw_recarga_atraves_de h4 {
    color: #4c4c4c;
    font-weight: bold;
    font-size: 14px;
    margin: 14px 0 17px;
    font-family: 'Trebuchet MS';
}

.pw_lp_rec_onde .pw_recarga_atraves_de p {
    color: #4c4c4c;
    line-height: 22px;
    font-size: 14px;
    height: 75px;
    line-height: 17px;
}

.pw_lp_rec_onde .pw_recarga_atraves_de .pw_saiba_mais {
    background: #651297;
    margin: 0px 28px 0 6px;
}

.pw_lp_rec_onde .pw_recarga_atraves_de .pw_saiba_mais span {
    color: #fff;
    padding: 15px 0 0 30px;
    font-family: 'ITCOfficinaSerifBold';
    font-size: 21px;
}

.pw_lp_rec_onde .pw_recarga_atraves_de .pw_rec_onde_img_item {
    width: 128px;
    height: 128px;
    margin: 0 auto;
}

.pw_lp_rec_onde .container_cta {
    display: none;
    width: 100%;
    height: 85px;
    background: #f8f8f8;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta {
    width: 100%;
    height: 85px;
    background: #651297;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container {
    height: 100%;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .card,
.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .recharge,
.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .btn-base {
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 10px;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .card {
    margin: 0 0 0 100px;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .recharge {
    font: 24px 'ITCOfficinaSerifBookRegular';
    color: #FFF;
    margin: 5px 0 0 30px;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .recharge strong {
    font: 24px 'ITCOfficinaSerifBold';
    color: #fd9a27;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .btn-base {
    width: auto;
    border: none;
    font: 14px 'ITCOfficinaSerifBold';
    color: #fff;
    padding: 12px 20px 12px 4.5%;
    background: #9aca41 url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_ARROW_REC_ONDE") 13% center no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-decoration: none;
    margin: 10px 0 0 60px;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .btn-base:hover {
    background: #8dbd35 url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_ARROW_REC_ONDE") 19% center no-repeat;
    cursor: pointer;
}

.pw_lp_rec_onde .container_cta .pw_rec_onde_cta .pw_rec_onde_container .btn-base span {
    color: #fff;
}

.pw_lp_rec_onde .hero__textnice {
    float: left;
    width: 453px;
    line-height: 12px;
    right: 4px;
    font-size: 11px !important;
    color: #fff !important;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important;
}

.pw_lp_rec_onde .right_bonus {
    float: left;
    display: block;
    margin: -6px 0px 0 20px;
    width: 453px;
}

.pw_lp_rec_onde .right_bonus a {
    color: #fff;
    text-decoration: underline;
}

.lp_recarga .overlay *,
.lp_recarga .overlay__close * {
    border: 0 none;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: outside none;
    box-sizing: border-box;
}

.lp_recarga .overlay {
    position: fixed;
    background-color: white;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease;
    z-index: 9999;
}

.lp_recarga .overlay__close {
    position: absolute;
    text-align: center;
    padding: 20px;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-color: #609;
}

.lp_recarga .overlay__close:before {
    content: 'X';
    display: block;
    position: absolute;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    top: 6px;
    right: 12px;
    color: white;
    font-size: 28px;
}

.lp_recarga .overlay__content {
    height: 100%;
    width: 100%;
}

.meu_vivo .pw_left {
    margin-top: 50px;
}

.meu_vivo .pw_left img {
    margin-left: 60px;
}

.meu_vivo .pw_right {
    margin-top: 50px;
}

.meu_vivo .pw_right p {
    margin-top: 20px;
}

.meu_vivo .pw_right .site {
    width: 204px;
    float: left;
    margin-top: 50px;
    border-right: 2px solid #979695;
}

.meu_vivo .pw_right .site p {
    text-align: left;
    margin-top: 0;
}

.meu_vivo .pw_right .site .pw_meu_vivo_movel {
    margin-top: 20px;
}

.meu_vivo .pw_right .aplicativo {
    width: 204px;
    float: left;
    margin-top: 50px;
}

.meu_vivo .pw_right .aplicativo p {
    text-align: left;
    margin-left: 23px;
    margin-top: 0;
}

.meu_vivo .pw_right .aplicativo .pw_download_app_meu {
    margin-top: 20px;
}

.app_recarga .pw_left p {
    line-height: 20px;
    margin: 12px 0;
}

.app_recarga .pw_left .pw_saiba_mais {
    margin-top: 25px;
}

.app_recarga .pw_left .pw_download_app {
    margin-top: 130px;
}

.menu_interativo .pw_left img {
    margin-left: 60px;
}

.menu_interativo .pw_right h3 {
    margin-top: 80px;
}

.menu_interativo .pw_right p {
    text-align: right;
    margin-top: 20px;
}

.menu_interativo .pw_right .pw_saiba_mais {
    float: right;
    margin-top: 30px;
}

.recarga_sms .pw_left {
    width: 260px;
}

.recarga_sms .pw_left p {
    padding: 10px 0;
}

.recarga_sms .pw_left .pw_codigo_de_seguranca img {
    float: left;
    margin-top: 6px;
}

.recarga_sms .pw_left .pw_codigo_de_seguranca span {
    font-size: 12px;
}

.recarga_sms .pw_right img {
    margin-right: 60px;
}

.auto_atendimento .pw_left img {
    margin-left: 60px;
}

.auto_atendimento .pw_right h3 {
    margin-top: 80px;
}

.auto_atendimento .pw_right p {
    text-align: right;
    margin-top: 20px;
}

.auto_atendimento .pw_right .pw_saiba_mais {
    float: right;
    margin-top: 30px;
}

.bancos .pw_left h3 {
    margin-top: 80px;
    margin-bottom: 20px;
}

.bancos .pw_left p {
    margin-bottom: 30px;
}

.bancos .pw_right img {
    margin-right: 60px;
}

.pontos_de_venda .pw_left img {
    margin-left: 60px;
}

.pontos_de_venda .pw_right h3 {
    margin-top: 80px;
    text-align: right;
}

.pontos_de_venda .pw_right p {
    text-align: right;
    margin-top: 20px;
}

.pontos_de_venda .pw_right .pw_saiba_mais {
    float: right;
    margin-top: 30px;
}

.fundo_gray {
    background: #f8f8f8 !important;
}

.Recarga * {
    border: 0 none;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: outside none;
}

div.content_geral {
    min-height: 400px;
}

.Recarga strong,
.yourContext b {
    font-weight: bold;
}

.Recarga .left {
    float: left;
}

.Recarga .right {
    float: right;
}

.Recarga .clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.Recarga .officina {
    font-family: 'ITCOfficinaSerifBookRegular';
    font-weight: normal;
}

.Recarga .officinaBold {
    font-family: 'ITCOfficinaSerifBold';
    font-weight: normal;
}

.Recarga .fundo_topo {
    background-image: url("https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_REC_ON_BG_TOPO");
    height: 1px;
}

.Recarga .fundo_cinza {
    height: 180px;
    background: #f8f8f8 !important;
}

.Recarga .fundo_branco {
    background: #ffffff !important;
}

.Recarga .fundo_roxo {
    background-color: #651297;
}

.Recarga .conteudo_total {
    width: 100%;
    height: auto;
}

.Recarga .conteudo_centro {
    width: 960px;
    margin: 0 auto;
}

.Recarga .pontos_de_vendas {
    height: 109px;
}

.Recarga .pontos_de_vendas h1 {
    color: #fff;
    font-size: 32px;
    padding: 22px 0 6px 0;
}

.Recarga .pontos_de_vendas p {
    color: #fff;
    font-size: 20px;
}

.Recarga .onde_recarregar {
    position: relative;
    padding: 40px 0;
}

.Recarga .onde_recarregar .img {
    position: absolute;
    right: 176px;
    top: 41px;
}

.Recarga .onde_recarregar h2 {
    font-size: 20px;
    color: #7b7b7b;
    padding: 0px 0 14px 0;
}

.Recarga .onde_recarregar p {
    color: #7b7b7b;
    font-family: 'Trebuchet MS';
    font-size: 14px;
    line-height: 22px;
    width: 560px;
    padding-bottom: 30px;
}

.Recarga .onde_recarregar ul strong {
    font-size: "ITCOfficinaSerifBold";
    color: #7b7b7b;
    display: block;
}

.Recarga .onde_recarregar ul li {
    display: inline-block;
    padding: 35px 10px 0 0;
}

.Recarga .recarregue_agora {
    position: relative;
    height: 86px;
}

.Recarga .recarregue_agora .img {
    width: 99px;
    height: 65px;
    padding: 12px 29px 0 80px;
}

.Recarga .recarregue_agora h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 0 0;
    padding: 12px 0 0 0;
}

.Recarga .recarregue_agora h4 {
    color: #f99713;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 0 0;
}

.Recarga .recarregue_agora a {
    background-image: url("/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_REC_ON_BTN_RECARREGAR");
    width: 139px;
    height: 48px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 30px;
    top: 16px;
}

.Recarga .mais_servicos {
    padding: 40px 0;
}

.Recarga .mais_servicos strong {
    font-family: "ITCOfficinaSerifBold";
    color: #7b7b7b;
    padding-bottom: 20px;
    font-size: 20px;
}

.Recarga .mais_servicos p {
    font-size: 14px;
    font-family: "ITCOfficinaSerifBookRegular";
    padding: 20px 0 30px 0;
    color: #7b7b7b;
}

.Recarga .mais_servicos ul li {
    display: inline-block;
    width: 438px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 30px 35px 0;
}

.Recarga .mais_servicos ul li .left {
    float: left;
    line-height: 0;
}

.Recarga .mais_servicos ul li .right {
    float: right;
    width: 248px;
    padding: 22px 0 15px 30px;
}

.Recarga .mais_servicos ul li .right strong {
    font-size: 18px;
}

.Recarga .mais_servicos ul li .right p {
    font-size: 14px;
    padding: 15px 0 20px 0;
}

.Recarga .mais_servicos ul li .right button {
    width: 150px;
    padding: 11px 0;
    background: #609;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-family: "ITCOfficinaSerifBold";
    outline: none;
    cursor: pointer;
    display: table;
    padding-left: 15px;
    border: 2px solid transparent;
    float: left;
}

.Recarga .mais_servicos ul li .right button img {
    display: table-cell;
    vertical-align: middle;
    padding-right: 12px;
    float: left;
}

.Recarga .mais_servicos ul li .right button strong {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0;
    color: #fff;
}

.Recarga .mais_servicos ul li .right button:hover {
    border: 2px solid transparent;
}

.container_cta {
    width: 100%;
    height: 85px;
    background: #651297;
    display: none;
}

.container_cta .pw_rec_onde_cta {
    width: 100%;
    height: 85px;
    background: #651297;
    display: none;
}

.container_cta .pw_rec_onde_cta .pw_rec_onde_container {
    width: 1001px;
    height: 100%;
    margin: 0 auto;
}

.container_cta .pw_rec_onde_cta .pw_rec_onde_container .card {
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 10px;
}

.container_cta .pw_rec_onde_cta .pw_rec_onde_container .recharge {
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 10px;
    font: 24px 'ITCOfficinaSerifBookRegular';
    color: #FFF;
    margin: 0 0 0 30px;
}

.container_cta .pw_rec_onde_cta .pw_rec_onde_container .recharge strong {
    font: 24px 'ITCOfficinaSerifBold';
    color: #fd9a27;
}

.container_cta .pw_rec_onde_cta .pw_rec_onde_container .btn-base {
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 22px;
    width: auto;
    border: none;
    font: 14px 'ITCOfficinaSerifBold';
    color: #fff;
    padding: 12px 20px 12px 4.5%;
    background: #9aca41 url(https://www.vivo.com.br/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_ARROW_REC_ONDE) 13% center no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-decoration: none;
    margin: 0 0 0 60px;
}

.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
    font-family: "ITCOfficinaSerifBold";
    font-size: 16px;
}

.rechargebanner {
    background: url(/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_BG) no-repeat center center;
    background-size: 100% 586px;
    color: #fff;
    width: 100%;
    padding: 50px 0 0;
    height: 586px;
}

.rechargebanner .recharge__title--main {
    color: #fff;
    letter-spacing: 0;
}

.rechargebanner .recharge__subtitle--banner {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
}

.rechargebanner .recharge__text--banner {
    margin-top: 50px;
    font-size: 14px;
}

.rechargebanner .recharge__form--banner {
    margin-top: 20px;
}

.rechargebanner .recharge__input--banner {
    width: 247px;
    margin: 0;
    vertical-align: top;
    display: inline-block;
}

.rechargebanner .recharge__btn--banner {
    width: 118px;
    margin: 0 0 0 15px;
    vertical-align: top;
    display: inline-block;
}

.rechargebanner .recharge__text--small {
    font-size: 12px;
    margin-top: 20px;
}

.rechargebanner .recharge__text--small_second {
    margin-top: 45px;
}

.rechargebanner .recharge__box--banner {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    height: auto;
}

.rechargebanner .recharge__box--banner p,
.rechargebanner .recharge__box--banner h1,
.rechargebanner .recharge__box--banner h2,
.rechargebanner .recharge__box--banner h3,
.rechargebanner .recharge__box--banner h4,
.rechargebanner .recharge__box--banner h5,
.rechargebanner .recharge__box--banner h6 {
    margin: 0;
    padding: 0;
}

.rechargebanner .recharge__bonus_content {
    margin-bottom: 25px;
}

.rechargebanner .recharge__text--banner_small {
    text-align: left;
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.rechargebanner .recharge__text--banner_main {
    font-size: 35px;
    text-transform: uppercase;
    line-height: 35px;
}

.rechargebanner .recharge__img--ok {
    display: inline-block;
    vertical-align: bottom;
}

.rechargebanner .recharge__subtitle--banner_get {
    text-transform: uppercase;
    font-size: 32px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
}

.rechargebanner .recharge__subtitle--banner_internet {
    font-size: 100px;
    font-family: "ITCOfficinaSerifBold", sans-serif;
    letter-spacing: -5px;
    line-height: 90px;
}

.rechargeinfo .recharge__content--info {
    max-height: 490px;
}

.rechargeinfo .recharge__title--info {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px;
}

.rechargeinfo .recharge__text--info {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 20px;
}

.rechargeinfo .recharge__text--bonus {
    font-size: 14px;
    color: #666;
    margin-top: 16px;
    z-index: 1;
    position: relative;
}

.rechargeinfo .recharge__text--legal {
    font-size: 12px;
    text-align: center;
    color: #666;
    margin-top: 20px;
}

.rechargeinfo .recharge__img--info {
    position: relative;
    bottom: 80px;
}

.rechargecheck {
    margin: 70px 0;
}

.rechargecheck .recharge__content--check {
    width: 48%;
}

.rechargecheck .recharge__content--check:last-child {
    margin-left: 4%;
}

.rechargecheck .recharge__title--check {
    font-size: 28px;
    letter-spacing: 0;
}

.rechargecheck .recharge__box--check {
    height: 336px;
}

.rechargecheck .recharge__text--check {
    margin-top: 20px;
    color: #666;
}

.rechargecheck .recharge__btn--check {
    width: 133px;
}

.rechargecheck .recharge__form--check {
    margin-top: 37px;
}

.rechargecheck .recharge__content--input {
    width: 46%;
}

.rechargecheck .recharge__content--input__second {
    margin-left: 8%;
}

.rechargeapp {
    margin: 100px 0 0;
    padding-bottom: 100px;
}

.rechargeapp .recharge__box--app {
    min-height: 280px;
    position: relative;
    padding-left: 80px;
}

.rechargeapp .recharge__content--app {
    width: 57%;
}

.rechargeapp .recharge__content--app_img {
    width: 43%;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    text-align: center;
}

.rechargeapp .recharge__title--app {
    font-size: 24px;
    font-family: "ITCOfficinaSerifBookRegular", sans-serif;
    letter-spacing: 0;
}

.rechargeapp .recharge__text--app {
    margin-top: 8px;
}

.rechargeapp .recharge__btn--app {
    display: inline-block;
    width: 202px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #FAB437;
    font-size: 12px;
    color: #FAB437!important;
    margin-top: 40px;
    padding: 6px 0 0;
    vertical-align: top;
}

.rechargeapp .recharge__btn--google {
    margin-left: 5%;
}

.rechargeapp .recharge__icon--apple {
    background: url(/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_APPLE) no-repeat center center;
    background-size: 100% 100%;
    width: 20px;
    height: 24px;
}

.rechargeapp .recharge__icon--google {
    background: url(/portalweb/ShowPropertyServlet?nodeId=/UCMRepository/PW_IMG_RECARGA_GOOGLE) no-repeat center center;
    background-size: 100% 100%;
    width: 22px;
    height: 24px;
}

.rechargeapp .recharge__block-link--app {
    margin-top: 35px;
    text-align: left;
}

.rechargeapp .recharge__link--app {
    color: #fff;
}

.rechargeapp .recharge__link--app:hover {
    color: #FAB437;
}

#lpPortalVivoRecarregue .overlay {
    position: fixed;
    background-color: #fff;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease;
    z-index: 9999;
}

#lpPortalVivoRecarregue .overlay__close {
    position: absolute;
    text-align: center;
    padding: 20px;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-color: #609;
}

#lpPortalVivoRecarregue .overlay__close:before {
    content: 'X';
    display: block;
    position: absolute;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    top: 6px;
    right: 12px;
    color: white;
    font-size: 28px;
}

#lpPortalVivoRecarregue .overlay__content {
    height: 100%;
    width: 100%;
}