.body_background_extend {
	padding-bottom: 0;
}

.error-texto {
    font: 400 12px / 16px "Roboto", Sans-serif;
    /* text-align: left; */
    margin-left: 15px;
    color: #b7202e;
}

div {
	display: block;
}

.page-recharge-body {
	height: 1vh;
	margin-top: -8px;
}

.page-recharge-body {
	height: 1vh;
	margin-top: -8px;
}

.page-recharge-tarjeta {
	background: #F2F2F2;
	min-height: 100vh;
	padding: 0 0 1px;
}

.row {
	width: 100%;
	max-width: 768px;
	padding: 0 14px;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.icon--arrow-back:before {
    content: "\f102";
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	z-index: 10;
	background-color: #EF3829;
}

.header__back {
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 52px;
	color: #fff;
	text-align: center;
	line-height: 55px;
}

.page-recharge-tarjeta .header__title {
	margin: 16px 0 16px 51px;
	line-height: 18px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: left;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	z-index: 10;
	background-color: #EF3829;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	z-index: 10;
	background-color: #EF3829;
}

.page-recharge-tarjeta .inputcontainer__input {
	border: 1px solid #D0D0D0;
	color: #222;
	line-height: 19px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", Sans-serif;
	height: 53px;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 12px 20px 0 10px;
	display: block;
	width: 100%;
	-webkit-appearance: none !important;
	box-shadow: none;
}

.page-recharge-tarjeta .inputcontainer__label {
	line-height: 19px;
	font-size: 16px;
	font-weight: 400;
	color: #6A6A6A;
	position: absolute;
	left: 10px;
	top: 17px;
	pointer-events: none;
	transition: all .2s ease-in;
}

.page-recharge-tarjeta .inputcontainer__span {
	color: #6a6a6a;
	padding: 0 10px;
	line-height: 15px;
	font-size: 12px;
	font-weight: 400;
	margin: 6px 0 0;
	display: block;
}

.page-recharge-tarjeta .newcard .formcode__submit {
	margin: 0;
}

.page-recharge-tarjeta .formcode__submit.active {
	background: #EF3829;
	color: #fff;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}




@font-face {
	font-family: 'Roboto';
	src: url("/inicio/assets/fonts/Roboto/Roboto-Light.eot");
	src: url("/inicio/assets/fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/inicio/assets/fonts/Roboto/Roboto-Light.woff") format("woff"), url("/inicio/assets/fonts/Roboto/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal
}

.credit__item {
	margin-bottom: 20px
}

.credit__item:after {
	display: block;
	content: "";
	clear: both
}

.credit__item .tooltip {
	float: left;
	margin: 4px 10px 10px 10px;
	font-size: 16px
}

.credit__text {
	color: #858585;
	font-size: 16px;
	line-height: 14px;
	margin-bottom: 6px
}

.credit__number {
	font-size: 34px;
	line-height: 34px;
	font-weight: bold;
	color: #222;
	float: left;
	margin-bottom: 6px
}

.credit .button {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px
}

.row {
	width: 100%;
	max-width: 768px;
	padding: 0 5px;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0;
	-webkit-overflow-scrolling: touch;
	text-align: center
}

.modal__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background-color: rgba(34, 34, 34, 0.8);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.modal__dialog {
	border-radius: 6px;
	display: inline-block;
	width: 95%;
	max-width: 320px;
	position: relative;
	text-align: left;
	margin-top: 170px;
	z-index: 2;
	background-color: white;
	opacity: 0;
	transform: translate(0, -100px);
	-webkit-transform: translate(0, -100px);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.modal__icon {
	display: none;
	position: absolute;
	top: -33px;
	left: 50%;
	border: 2px solid #fff;
	width: 65px;
	height: 65px;
	line-height: 72px;
	border-radius: 100%;
	margin-left: -33px;
	text-align: center;
	color: white
}

.modal .icon--success {
	background-color: #66B548
}

.modal .icon--advert {
	background-color: #1F97AE;
	font-size: 41px
}

.modal .icon--info {
	background-color: white;
	color: #858585;
	font-size: 65px
}

.modal .icon--info {
	background-color: white;
	color: #858585;
	font-size: 65px
}

.modal__content {
	padding: 30px 30px 14px
}

.modal__title {
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12px
}

.modal__description {
	font-size: 14px;
	line-height: 17px;
	color: #fff
}

.modal__actions {
	overflow: hidden
}

.modal__button {
	width: 100%;
	height: 40px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #1F97AE;
	max-width: 300px;
	margin: 0 auto;
	display: block;
	border-radius: 125px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.modal__button-resolve {
	font-weight: bold;
	background: #EF3829;
	color: white
}

.modal--alert .modal__content {
	padding-bottom: 0
}

.modal--alert .modal__content .modal__description {
	margin: 0 0 8px !important
}

.modal--advert .modal__dialog {
	background-color: #1F97AE
}

.modal--advert .modal__button {
	border-left-color: #1F97AE
}

.modal--confirm .modal__title {
	color: black;
	margin-bottom: 19px;
	font-weight: bold
}

.modal--confirm .modal__description {
	color: black;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	text-align: center;
	margin: 0 0 12px !important
}

.modal--confirm .modal__button {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400
}

.modal--confirm .modal__button+.modal__button {
	margin-top: 8px
}

.modal--confirm .modal__button-confirm {
	order: 1
}

.modal--confirm .modal__button-reject {
	margin-top: 16px;
	color: #1F97AE;
	order: 2
}

.modal--confirm .modal__actions {
	padding-bottom: 18px;
	display: flex;
	flex-direction: column
}

.modal--confirm .modal__icon {
	font-size: 27px;
	color: black
}

.modal--confirm .icon--success {
	background-color: #F2F2F2
}

.modal--confirm .icon--confirm {
	background-color: #F2F2F2
}

.modal--confirm .modallist {
	max-height: 248px
}

.modal--confirm .modallist .modallist__item {
	padding: 0 90px 20px 0;
	position: relative
}

.modal--confirm .modallist .modallist__item .modallist__number {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	font-family: 'Roboto';
	font-weight: bold
}

.modal--confirm .modallist .modallist__item .modallist__text {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300
}

.modal--confirm .modallist .modallist__item .modallist__text span {
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 16px
}

.modal--confirm .modallist .modallist__item--result {
	border-top: 1px solid #AFAFAF;
	padding-bottom: 0;
	padding-top: 12px
}

.modal--confirm .modallist .modallist__item--result .modallist__number {
	top: 12px;
	font-weight: bold
}

.modal--confirm .modallist .modallist__item--result .modallist__text {
	font-size: 16px
}

.modal--confirmstyle .modal__icon {
	display: none
}

.modal--confirmstyle .modal__dialog {
	border-radius: 6px;
	background: white
}

.modal--confirmstyle .modal__content {
	padding: 28px 30px 14px
}

.modal--confirmstyle .modal__title {
	margin-bottom: 19px;
	font-weight: bold
}

.modal--confirmstyle .modal__button {
	background: transparent;
	color: #1F97AE;
	font-size: 16px
}

.modal--confirmstyle .modal__textconfirm {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #222;
	text-align: center;
	max-width: 250px;
	margin: 0 auto
}

.modal--confirmstyle .modal__actions {
	padding-bottom: 13px
}

.modal--animate .modal__overlay {
	opacity: 1
}

.modal--animate .modal__dialog {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0)
}

.modal--open {
	display: block;
	overflow: auto
}

.modal--content {
	overflow: hidden
}

.credit--section {
	width: fit-content
}

@media only screen and (min-width: 768px) {
	.modal__dialog {
		max-width: 650px
	}
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	z-index: 10;
	background-color: #EF3829
}

.header__back {
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 52px;
	color: #fff;
	text-align: center;
	line-height: 55px
}

.header__logo {
	position: absolute;
	top: 11px;
	left: 15px;
	font-size: 30px;
	color: #fff
}

.header__number {
	display: block;
	text-align: center;
	color: #fff !important;
	font-size: 19px;
	line-height: 52px;
	font-weight: bold
}

.header__section {
	display: block;
	text-align: left;
	color: #fff !important;
	font-size: 20px;
	line-height: 50px;
	font-weight: 500;
	margin-left: 55px
}

.header__info {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 0 10px;
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 13px
}

.header__info span {
	display: inline-block;
	vertical-align: top
}

.header__info .icon {
	font-size: 18px;
	line-height: 56px;
	padding-left: 5px
}

.header__credit__info {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 0 10px;
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 13px
}

.header__credit__info span {
	display: inline-block;
	vertical-align: middle
}

.header__credit__info img {
	display: inline-block;
	vertical-align: middle
}


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	min-height: 100%
}

body {
	margin: 0;
	padding-top: 60px;
	background-color: #fff;
	font: 16px/18px "Roboto", Sans-serif;
	min-height: 100%;
	padding-bottom: 90px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0
}

ol,
ul,
li {
	list-style: none;
	margin: 0;
	padding: 0
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none
}

button {
	border: none;
	background: transparent;
	padding: 0
}

img {
	border-style: none;
	vertical-align: top
}

.packs .title {
	margin-bottom: 18px
}

.packs__help {
	text-align: center;
	font-size: 14px
}

.packs__help .icon {
	font-size: 18px;
	line-height: 19px
}

.packs__header {
	background-color: #F2F2F2;
	position: relative;
	padding-right: 50px;
	margin-bottom: 13px;
	min-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.packs__title {
	padding: 0 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 50px
}

.packs ol {
	margin-bottom: 15px
}

.packs__toggle {
	position: absolute;
	top: 10px;
	right: 0;
	width: 30px;
	height: 30px;
	outline: none
}

.packs__toggle:after,
.packs__toggle:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 6px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.packs__toggle:before {
	left: 13px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.packs__offer {
	background: #000000;
	border-radius: 4px;
	margin-bottom: 13px;
	padding: 21px 10px 4px 7px;
	position: relative;
	text-align: center
}

.packs__offer .packs__offerimg {
	top: -10px;
	position: relative
}

.packs__offer p {
	color: #fff;
	font-size: 15px
}

.pack {
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	padding: 12px 118px 12px 14px;
	min-height: 50px;
	overflow: hidden;
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.pack+.pack {
	margin-top: 12px
}

.pack .button {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	font-size: 18px;
	min-width: 118px;
	padding: 0 5px;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.pack .button .pack__price__doble {
	display: inline-block;
	text-align: left;
	font-size: 16px
}

.pack .button .pack__price__doble .pack__old,
.pack .button .pack__price__doble .pack__new {
	display: block
}

.pack .button .pack__price__doble .pack__old {
	text-align: center;
	text-decoration: line-through;
	opacity: .8;
	font-size: 14px
}

.pack__description {
	font-size: 15px;
	padding: 0
}

.pack__description__simbol {
	margin-top: 13px;
	font-weight: 400;
	font-size: 15px;
	color: #F2F2F2;
	position: relative;
	margin-left: 5px
}

.pack__description__simbol:after,
.pack__description__simbol:before {
	content: "";
	position: absolute;
	top: 8px;
	right: 0px;
	width: 11px;
	height: 2px;
	background-color: black;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg)
}

.pack__description__simbol:before {
	top: 8px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}

.pack__description .discount_text {
	color: #DA262B;
	font-weight: 600;
	font-size: small
}

.pack--loan {
	background-color: #F2F2F2
}

.packs__roaming {
	margin-bottom: 20px
}

.packs__roaming .packs__inner {
	position: relative
}

.packs__roaming .packs__inner .packs__media {
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 92.75%;
	background-color: #000;
	margin: 0
}

.packs__roaming .packs__inner .packs__media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.packs__roaming .packs__data {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 15px 12px;
	color: #fff
}

.packs__roaming .packs__data p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0
}

.packs__roaming .packs__data .packs__title__inner {
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 2px;
	padding: 0;
	line-height: 30px
}

.packs__roaming .creditem {
	margin-bottom: 12px;
	padding-bottom: 10px
}

.packs__roaming .creditem .creditem__content {
	padding: 16px 14px
}

.packs__roaming .creditem p {
	text-align: left;
	font-size: 15px;
	line-height: 9px
}

.packs__roaming .creditem p b,
.packs__roaming .creditem p strong {
	display: inline;
	top: 10px;
	position: relative;
	font-size: 30px;
	left: 0
}

.packs__roaming p a {
	font-size: 15px;
	color: #1f97ae
}

.pack__box {
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	padding: 20px 23px 15px;
	min-height: 50px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 19px;
	width: 100%;
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.pack__box .pack__box__info {
	padding-left: 40px
}

.pack__box .pack__box__title {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
	display: block
}

.pack__box .pack__box__title a {
	color: inherit
}

.pack__box .message__section__title {
	padding-top: 11px
}

.pack__box .pack__box__sms {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	display: block
}

.pack__box .pack__box__sms a {
	color: inherit
}

.pack__box .pack__box__sms__number {
	font-size: 26px;
	line-height: 31px;
	margin-top: 5px;
	display: block
}

.pack__box .pack__box__text {
	color: #858585;
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0 0;
	display: block
}

.pack__box .pack__box__text--inlinle {
	color: #838484;
	display: inline;
	font-size: 14px;
	line-height: 16px
}

.pack__box .pack__box__text--left {
	float: left;
	margin: 0
}

.pack__box .pack__box__text+.tooltip {
	line-height: 23px;
	float: none
}

.pack__box .tooltip {
	margin: 0 5px;
	font-size: 12px
}

.pack__box .tooltip__item {
	color: #838484
}

.pack__box .pack__box__number {
	font-size: 26px;
	text-align: left;
	line-height: 31px;
	display: block;
	clear: both;
	margin: 10px 0 0
}

.pack__box .pack__box__number+.pack__box__title {
	margin-top: 10px
}

.pack__box--disabled {
	background: #e5e5e5
}

.pack__box--disabled .pack__box__title,
.pack__box--disabled .pack__box__text,
.pack__box--disabled .pack__box__number {
	color: #858585;
	text-shadow: 1px 1px 0px #fff
}

.pack__box--deactivated {
	opacity: .4
}

.pack__box .details__content {
	overflow: hidden;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out
}

.pack__box .details__content--open .details__content {
	overflow: visible
}

.pack__box .packs__lists {
	margin: 20px -12px 2px 12px
}

.pack__box .packs__header {
	margin: 0
}

.pack__box .alertbox__list {
	border: 1px solid #ddd;
	padding: 10px 0
}

.pack__box .alertbox__list .active-pack {
	margin: 0 7px
}

.pack__box .alertbox__list .active-pack+.active-pack {
	margin-top: 15px
}

.pack__box .packs__legal {
	padding-bottom: 7px
}

.pack__box .pack__box__icon {
	position: absolute;
	top: 20px;
	left: 15px
}

.pack__box .button--recargar {
	margin: 20px 0px 2px
}

.pack__box .buttonanim {
	margin: 19px -12px 2px
}

.pack__box .infobox {
	border-radius: 6px;
	margin: 15px -12px 2px;
	padding: 15px 15px 15px 40px;
	position: relative;
	font-size: 14px;
	line-height: 20px
}

.pack__box .infobox--info {
	background: #C7E5EB;
	color: black
}

.pack__box .infobox--warning {
	background: #E6E6E6
}

.pack__box .infobox__icon {
	position: absolute;
	top: 18px;
	left: 12px;
	font-size: 16px
}

.pack__box .infobox__text strong {
	display: block;
	font-weight: 500
}

.pack__box__legales {
	color: #1F97AE;
	font-size: 14px;
	line-height: 16px;
	padding-right: 15px;
	position: relative;
	display: inline-block
}

.pack__box__legales:after,
.pack__box__legales:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 10px;
	height: 2px;
	background-color: #1F97AE;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.pack__box__legales:before {
	top: 11px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.loading_spinner {
	position: fixed;
	z-index: 100;
	height: 100%;
	width: 100%;
	display: flex;
	background: white;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	flex-direction: column
}

.loading_spinner .loading_spinner--container {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.loading_spinner .loading_spinner--container .loading_spinner--icon {
	width: 45vw;
	height: 45vw
}

.loading_spinner.hidden {
	display: none
}

.dropdown__list .list__content {
	overflow: visible;
	transition: all 0.3s ease-out
}

.dropdown__list .list__toggle {
	position: absolute;
	top: 10px;
	right: 9px;
	width: 30px;
	height: 30px;
	outline: none
}

.dropdown__list .arrow__toggle:after,
.dropdown__list .arrow__toggle:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 7px;
	width: 10px;
	height: 2px;
	background-color: black;
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.dropdown__list .arrow__toggle:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.dropdown__list .arrow__toggle:before {
	left: 13px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.dropdown__list .cross__toggle:after,
.dropdown__list .cross__toggle:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 2px;
	background: #1F97AE;
	border-radius: 4px;
	top: 14px;
	left: 10px;
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.dropdown__list .cross__toggle:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}

.dropdown__list .cross__toggle:after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.dropdown__list--open .list__content {
	overflow: visible;
	max-height: 1800px
}

.dropdown__list--open .arrow__toggle:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.dropdown__list--open .arrow__toggle:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.dropdown__list--open .cross__toggle:after {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}

.dropdown__list--closed .list__content {
	overflow: hidden;
	max-height: 0
}

.dropdown__list--closed .arrow__toggle:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.dropdown__list--closed .arrow__toggle:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.dropdowninfo {
	margin-bottom: 10px
}

.dropdowninfo.dropdown__list {
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.3)
}

.dropdowninfo.dropdown__list .dropdowninfo {
	box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.3)
}

.dropdowninfo__header {
	background-color: transparent;
	position: relative;
	padding-right: 50px;
	margin-bottom: 0;
	min-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.dropdowninfo__header--packs {
	padding-right: 0
}

.dropdowninfo__header--packs .dropdowninfo__title {
	padding-right: 50px
}

.dropdowninfo__content {
	background-color: transparent;
	margin: -4px 0 0
}

.dropdowninfo__desc {
	padding: 0 15px 15px 45px
}

.dropdowninfo__icon {
	position: absolute;
	font-size: 20px;
	left: 15px;
	top: 15px
}

.dropdowninfo__icon.icon--success-rounded {
	color: #33744F
}

.dropdowninfo__title {
	color: #222;
	margin: 0 0 0 45px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold
}

.dropdowninfo__desc__text {
	color: #222;
	font-size: 14px;
	line-height: 20px
}

.dropdowninfo--warning .dropdowninfo__title,
.dropdowninfo--warning .dropdowninfo__icon,
.dropdowninfo--warning .dropdowninfo__desc__text {
	color: #B7202E
}

.dropdowninfo .dropdowninfopacks {
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	padding: 0 15px 20px
}

.dropdowninfo .dropdowninfopacks__total {
	text-align: center
}

.dropdowninfo .dropdowninfopacks__total__title {
	font-size: 11px;
	color: #222
}

.dropdowninfo .dropdowninfopacks__total__num {
	color: #222;
	font-size: 22px;
	font-weight: bold
}

.dropdowninfo .dropdowninfopacks__vencimiento {
	color: #222;
	padding: 0 0 0 15px;
	font-size: 14px;
	line-height: 20px
}

.dropdowninfo .dropdowninfolimit__header {
	padding: 0;
	margin: 0 0 0;
	min-height: 33px;
	position: relative
}

.dropdowninfo .dropdowninfolimit__header .icon--info-rounded {
	color: #222;
	top: -1px
}

.dropdowninfo .dropdowninfolimit__title {
	color: #222;
	font-size: 13px;
	margin: 0 0 0 45px;
	padding: 0 0 10px
}

.dropdowninfo .dropdowninfolimit__ul {
	background: #f2f2f2;
	padding: 0 15px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.dropdowninfo .dropdowninfolimit__li {
	padding: 13px 0
}

.dropdowninfo .dropdowninfolimit__li+li {
	border-top: 1px solid #D0D0D0
}

.dropdowninfo .dropdowninfolimit__li__text {
	color: #222;
	font-size: 14px;
	line-height: 20px
}

.alertinfo {
	background: #C7E5EB;
	margin-top: -8px;
	margin-bottom: 8px;
	padding: 16px 14px 18px;
	position: relative;
	color: #222
}

.alertinfo .icon {
	position: absolute;
	left: 15px;
	top: 17px;
	font-size: 20px;
	color: #B7202E
}

.alertinfo__text {
	padding-left: 34px;
	font-size: 16px;
	padding-right: 20px;
	line-height: 19px
}

.alertinfo__title {
	padding-left: 34px;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	margin: 0 0 2px
}

.alertinfo--warning {
	background: #F2DEDE;
	padding: 14px 14px 16px;
	margin-left: 0
}

.alertinfo--warning a {
	color: #1F97AE
}

.alertinfo--grey {
	background: #E6E6E6
}

.alertinfo--grey .icon {
	color: #000
}

.dropdown__packinfo {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2)
}

.dropdown__packinfo.dropdown__list--open .packs__header {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo .packinfo {
	color: #222;
	padding: 15px 16px 12px 45px;
	position: relative
}

.dropdown__packinfo .packinfo+.packinfo {
	border-top: 1px solid #D0D0D0
}

.dropdown__packinfo .packinfo.packinfo--red {
	color: #B7202E
}

.dropdown__packinfo .packinfo__icon {
	font-size: 20px;
	position: absolute;
	top: 15px;
	left: 15px
}

.dropdown__packinfo .packinfo__icon.icon--success-rounded {
	color: #33744F
}

.dropdown__packinfo .packinfo__title {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 4px
}

.dropdown__packinfo .packinfo__text {
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo .packinfo__header {
	margin: 0;
	background: transparent
}

.dropdown__packinfo .packinfototal__vencimiento {
	color: #222222;
	padding: 0 0 0 15px;
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo .packinfototal {
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	padding: 0 15px 20px
}

.dropdown__packinfo .packinfototal__total {
	text-align: center;
	color: #222
}

.dropdown__packinfo .packinfototal__total__num {
	font-size: 22px;
	font-weight: bold
}

.dropdown__packinfo .packinfototal__total__title {
	font-size: 11px;
	color: #222222
}

.dropdown__packinfo .packinfototal__limit {
	margin: 0 15px 15px;
	position: relative;
	color: #222222
}

.dropdown__packinfo .packinfototal__limit__title {
	display: inline-block;
	margin-left: 29px;
	font-size: 13px
}

.dropdown__packinfo .packinfototal__limit__icon {
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 20px
}

.dropdown__packinfo .dropdown__vencimientos {
	margin: 0 15px 16px;
	border-radius: 4px;
	background-color: #F2F2F2
}

.dropdown__packinfo .dropdown__vencimientos.dropdown__list--closed .packs__header,
.dropdown__packinfo .dropdown__vencimientos.dropdown__list--open .packs__header {
	border-radius: 0px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo .dropdown__vencimientos.dropdown__list--open .packs__header {
	border-bottom: 1px solid #D0D0D0;
	transition: all 0.3s ease-out
}

.dropdown__packinfo .dropdown__vencimientos.dropdown__list--closed .packs__header {
	border-bottom: 1px solid transparent;
	transition: all 0.3s ease-out
}

.dropdown__packinfo .dropdown__vencimientos__header {
	min-height: 38px;
	margin: 0;
	background: transparent;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo .dropdown__vencimientos__header .list__toggle {
	top: 6px
}

.dropdown__packinfo .dropdown__vencimientos__header .packs__title {
	font-size: 14px;
	line-height: 38px;
	font-weight: 400
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__list {
	padding: 0 15px
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__li {
	font-size: 0;
	padding: 15px 0 13px
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__li+.vencimientos__li {
	border-top: 1px solid #D0D0D0
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__text {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top
}

.dropdown__packinfo .dropdown__vencimientos .vencimientos__text--right {
	text-align: right
}

.dropdown__packinfo .packinforenovar {
	padding: 15px 15px 17px;
	position: relative;
	color: #222222;
	display: block;
	border-top: 1px solid #ccc
}

.dropdown__packinfo .packinforenovar__text {
	display: inline-block;
	margin-left: 29px;
	font-size: 16px;
	font-weight: bold
}

.dropdown__packinfo .packinforenovar__icon {
	position: absolute;
	left: 15px;
	top: 13px;
	font-size: 20px
}

.dropdown__packinfo--noborder {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16)
}

.dropdown__packinfo--noborder .packs__title--padding {
	font-size: 16px;
	padding-left: 45px;
	padding-right: 0;
	color: #222
}

.dropdown__packinfo--noborder .packvencimiento {
	margin: 0 15px 14px;
	color: #222
}

.dropdown__packinfo--noborder .packvencimiento__title {
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo--noborder .packvencimiento__text {
	font-size: 14px;
	line-height: 20px
}

.dropdown__packinfo--noborder.dropdown__list--open .packs__header {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.2)
}

.corpo_no_cofa_alertbox {
	background-color: #C7E5EB;
	border-radius: 5px;
	text-align: justify
}

.corpo_no_cofa_alertbox .alertbox__icon {
	font-size: 16px;
	top: 10px
}

.active__packs__header {
	background-color: #F2F2F2;
	position: relative;
	padding-right: 50px;
	min-height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #D0D0D0
}

.active__packs__title {
	padding: 0 15px;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px
}

.packs__content__error {
	text-align: center;
	margin: 21px 0 0
}

.packs__content__error__title {
	color: #222;
	line-height: 24px;
	font-size: 20px;
	font-weight: 500
}

.packs__content__error__text {
	color: #222;
	line-height: 21px;
	font-size: 16px;
	font-weight: 300;
	max-width: 240px;
	display: block;
	margin: 15px auto
}

.packs__content__error__link {
	color: #1D899E;
	display: block
}

.button {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #1F97AE;
	padding: 16px 15px;
	outline: none;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.button__icon {
	font-size: 27px;
	vertical-align: top;
	display: inline-block;
	line-height: 43px;
	margin-right: 5px
}

.button .icon {
	font-size: 16px;
	vertical-align: middle
}

.button .icon:first-child {
	margin-right: 7px
}

.button .icon:last-child {
	margin-left: 2px
}

.button[disabled],
.button--disabled {
	background-color: #ddd !important;
	color: #858585 !important
}

.button-icon-position {
	height: 17px;
	position: relative;
	top: 0;
	font-weight: bolder;
	display: inline-block;
	line-height: 14px;
	vertical-align: top
}

.button--block {
	width: 100%;
	display: block
}

.button--miclaro {
	margin-top: 15px
}

.button--pin {
	margin-top: 15px
}

.button--primary {
	background-color: #EF3829;
	color: #fff
}

.button--primary:hover,
.button--primary:active,
.button--primary:focus {
	background-color: #d51f10
}

.button--secondary {
	background-color: #1F97AE;
	color: #fff
}

.button--secondary:hover,
.button--secondary:active,
.button--secondary:focus {
	background-color: #177183
}

.button--recargar {
	display: block;
	width: auto;
	margin-top: 3%;
	margin-bottom: 10px;
	font-size: 20px
}

.button--recargar .button__arrow {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-left: 5px
}

.button--recargar .button__arrow:after,
.button--recargar .button__arrow:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 2px;
	background-color: white;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.button--recargar .button__arrow:before {
	top: 12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.title {
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Roboto';
	color: #222
}

.title--line {
	padding-bottom: 7px;
	margin-bottom: 8px;
	border-bottom: 2px solid #000;
	font-size: 18px
}

.title--icon {
	padding-left: 60px;
	position: relative;
	height: 30px;
	line-height: 30px !important;
	font-size: 16px !important;
	font-weight: bold;
	margin-bottom: 10px !important
}

.title--icon .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	text-align: center;
	font-size: 30px;
	line-height: 30px
}

.title.titlelight {
	font-size: 20px;
	line-height: 22px;
	font-weight: 300;
	margin: 23px 0 14px
}

.title__description {
	font-size: 16px;
	line-height: 23px;
	font-weight: 300;
	font-family: 'Roboto';
	color: #222;
	margin: 13px 0 21px
}

.bg_grey {
	background: #F2F2F2;
	padding-top: 52px
}

strong.medium {
	font-weight: 500
}

.alert {
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	padding-top: 10px
}

.alert .icon {
	display: block;
	width: 62px;
	height: 62px;
	line-height: 74px;
	border-radius: 100%;
	margin: 0 auto 20px;
	color: #fff
}

.alert .icon--success {
	background-color: #66B548;
	font-size: 28px
}

.alert .icon--advert {
	background-color: #1F97AE;
	font-size: 48px
}

.alert .icon--error {
	background-color: #B7202E;
	font-size: 28px
}

.alert .icon--warning {
	background-color: #F5842B;
	font-size: 28px
}

.alert__title {
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 20px
}

.alert__description {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 20px
}

.alert .button {
	font-size: 18px
}

.blockeo_borrar{
	display: none !important;
}

.alertbox {
	margin-bottom: 8px;
	display: block;
	position: relative;
	padding: 13px 13px 13px 45px
}

.alertbox--error {
	background-color: #F2DEDE
}

.alertbox--error .alertbox__icon {
	font-size: 16px;
	top: 7px;
	color: #B7202E
}

.alertbox--error .pending__pack__icon {
	top: 10px;
	font-size: 20px;
	color: #B7202E
}

.alertbox--error .alertbox__content a {
	color: #B7202E
}

.alertbox--info {
	background-color: #F5842B
}

.alertbox--info .alertbox__icon {
	font-size: 16px;
	top: 7px;
	color: white
}

.alertbox--info .pending__pack__icon {
	top: 15px;
	font-size: 20px;
	color: white
}

.alertbox--info .alertbox__content p {
	color: white
}

.alertbox--success {
	background-color: #DFF0D8
}

.alertbox--success .alertbox__icon {
	background-color: #0F7806;
	color: white
}

.alertbox--success .alertbox__content p {
	color: #0F7806
}

.alertbox__icon {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	line-height: 30px;
	font-size: 11px;
	text-align: center;
	color: black
}

.alertbox__content p {
	font-size: 14px;
	line-height: 16px
}

.alertbox__content strong {
	font-size: 18px;
	line-height: 20px;
	display: block
}

.freestyle .title {
	margin-top: 10px;
	margin-bottom: 10px
}

.freestyle p {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 18px
}

.freestyle p a {
	color: #1F97AE;
	text-decoration: underline
}

.box__icon {
	position: relative;
	min-height: 37px;
	padding: 8px 0 15px 50px
}

.box__icon--help {
	padding-left: 0
}

.box__icon+.box__icon {
	border-top: 1px solid #ddd
}

.box__icon .icon {
	position: absolute;
	top: 23px;
	left: 0;
	font-size: 37px;
	line-height: 37px
}

.box__icon h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 6px
}

.box__icon p {
	font-size: 14px;
	line-height: 16px;
	margin-top: 13px
}

.box__icon p a {
	color: #1F97AE
}

.box__icon big {
	font-size: 22px;
	line-height: 24px;
	display: block;
	color: #222;
	margin-bottom: 6px
}

.box__icon big a {
	color: inherit
}

.box__icon small {
	font-size: 13px;
	line-height: 15px;
	color: #858585;
	display: block
}

.box__icon__right {
	float: right;
	width: 10px;
	height: 21px;
	display: block;
	position: relative
}

.box__icon__right:after,
.box__icon__right:before {
	content: "";
	position: absolute;
	top: 14px;
	left: -14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.box__icon__right:before {
	top: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.faq {
	padding: 10px 7px 30px;
	background-color: #fff
}

.faq--full .faq__item {
	display: block !important
}

.faq__items {
	margin-bottom: 15px
}

.faq__item {
	margin: 0;
	border-bottom: 1px solid #ddd;
	padding: 12px 0 20px
}

.faq__item--open .faq__toggle:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.faq__item--open .faq__toggle:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.faq__head {
	position: relative;
	padding-right: 40px
}

.faq__title {
	color: #1F97AE;
	font-size: 14px;
	line-height: 17px;
	font-weight: 500
}

.faq__title__number {
	float: left
}

.faq__title__txt {
	display: block;
	margin-left: 20px
}

.faq__toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	outline: 0
}

.faq__toggle:after,
.faq__toggle:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.faq__toggle:before {
	left: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.faq__body {
	margin: 0;
	overflow: hidden;
	height: 0px;
	transition: height 0.2s ease-out;
	-webkit-transition: height 0.2s ease-out
}

.faq__body li {
	list-style: initial
}

.faq__body p {
	margin: 5px 0 0;
	font-size: 14px;
	line-height: 17px
}

.faq__body p.info {
	font-size: 12px;
	line-height: 14px;
	color: #858585
}

.faq__body p+p {
	margin-top: 15px
}

.faq__body p a {
	color: #1F97AE
}

.faq__body h3 {
	font-size: 16px;
	line-height: 22px;
	margin: 15px 0 10px
}

.faq__body ul {
	margin-bottom: 5px;
	margin-top: 15px;
	overflow: hidden
}

.faq__body__app {
	position: relative;
	min-height: 30px;
	width: 50%;
	min-width: 130px;
	margin-bottom: 15px;
	display: inline-grid;
	padding: 0 8px;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.faq__body__app__top {
	vertical-align: top;
	text-align: center;
	background: #F2F2F2;
	padding: 15px 0 5px
}

.faq__body__app__bottom {
	background: #F2F2F2;
	margin-top: 1px;
	text-align: center;
	padding: 10px 0
}

.faq__body__app span {
	font-size: 15px;
	line-height: 16px;
	color: #000;
	display: block
}

.faq__body__app strong {
	display: inline-block;
	color: #000;
	font-size: 14px;
	vertical-align: top;
	margin: 6px 0 0 10px
}

.faq__body__app strong sup {
	line-height: 0
}

.faq__body__app sup a {
	color: #000
}

.faq__body [class*="icon-"] {
	padding: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain
}

.faq__body .icon-clarovideo {
	background-image: url("/static/img/icon-claromusica.png");
}

.faq__body .icon-claromusica {
	background-image: url("/static/img/icon-claromusica.png");
}

.faq__body .icon-whatsapp {
	background-image: url("/static/img/icon-whatsapp.png")
}

.faq__body .icon-facebook {
	background-image: url("/static/img/icon-facebook.png")
}

.faq__body .icon-maps {
	background-image: url(/static/img/icon-maps.png)
}

.faq__body .icon-email {
	background-image: url("/static/img/icon-email.png")
}

.faq__body .icon-youtube {
	background-image: url("/static/img/icon-youtube.png")
}

.faq__body__ul {
	font-size: 0;
	margin: 15px -8px 0
}

.tooltip {
	position: relative;
	float: left;
	color: inherit
}

.tooltip__item {
	color: #AFAFAF
}

a.anchor {
	display: block;
	position: relative;
	top: -52px;
	visibility: hidden
}

.legal__text {
	white-space: pre-line
}

.tips {
	font-size: 14px;
	line-height: 17px
}

.tips li {
	padding-left: 10px;
	margin-left: 10px;
	list-style: disc inside
}

.tips h3 {
	margin: 10px 0 3px
}

.boxinfo {
	margin: 20px 0
}

.boxinfo .title {
	margin-bottom: 15px
}

.boxinfo__text {
	font-size: 15px;
	line-height: 19px
}

.payment__title {
	margin-bottom: 5%
}

.pending-pack {
	margin-left: 7px;
	margin-right: 7px
}

.pending-pack-PP {
	background-color: #C7E5EB;
	padding: 13px 30px 13px 45px
}

.pending-pack-PP .alertbox__icon {
	font-size: 18px;
	top: 10px;
	color: black
}

.pending-pack-PP .alertbox__content p {
	color: black;
	text-align: justify
}

.success__buy__page {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.success__buy__content {
	display: flex;
	flex-direction: column;
	margin-top: 5vh
}

.success__buy__title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px
}

.success__buy__img {
	width: 40vh;
	align-self: center
}

.success__buy__description {
	width: 60vh;
	align-self: center;
	text-align: center
}

.credit {
	padding-top: 5%;
	margin-bottom: 20px
}

.legal__section {
	margin-top: 7px;
	margin-bottom: 7px
}

.legal__link {
	color: #4bb6ca
}

.message__page {
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.message__page__content {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.message__page__title {
	text-align: center;
	font-size: 21px;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 5%
}

.message__page__img {
	width: 40vh;
	align-self: center
}

.message__page__description {
	align-self: center;
	text-align: center;
	font-size: 16px;
	line-height: 20px
}

.come__back__link {
	color: #4CB6CA;
	text-align: center;
	margin-top: 4%;
	font-size: 16px
}

.icon-radius {
	border-radius: 7px
}

.pp__tooltip {
	position: relative;
	font-size: 14px;
	margin: 0px 0px 50px 0px
}

.pp__tooltip:focus .pp__tooltip__description,
.pp__tooltip:hover .pp__tooltip__description,
.pp__tooltip:active .pp__tooltip__description {
	display: block
}

.pp__tooltip__item {
	color: #AFAFAF
}

.pp__tooltip__description {
	z-index: 100;
	display: none;
	position: absolute;
	left: 100%;
	top: 50%;
	background-color: #F2F2F2;
	margin-left: 15px;
	width: 150px;
	padding: 8px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 16px;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	border-box: box-sizing;
	-ms-border-box: box-sizing;
	-moz-border-box: box-sizing;
	-webkit-border-box: box-sizing
}

.pp__tooltip__description:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 10.4px 6px 0;
	border-color: transparent #F2F2F2 transparent transparent;
	transform: translate(0, -9px);
	-ms-transform: translate(0, -9px);
	-moz-transform: translate(0, -9px);
	-webkit-transform: translate(0, -9px)
}

.disabled {
	background-color: #F2F2F2
}

.dot {
	height: 10px;
	width: 10px;
	margin-left: 5px;
	background-color: #AFAFAF;
	border-radius: 50%;
	display: inline-block
}

.dot_section {
	margin-top: 10%
}

.red {
	background-color: #EF3829
}

.bold {
	font-weight: bold
}

.button__arrow {
	font-size: 27px;
	font-weight: bold;
	line-height: 10px;
	height: 14px;
	display: inline-block;
	position: relative;
	top: 2px
}

.chat__icon {
	max-height: 32px
}

.chat__text {
	color: black;
	line-height: 32px
}

.chat_arrow {
	float: right;
	margin-right: 15px
}

.bolt {
	font-weight: bold
}

.error_information_box {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	padding-left: 4%;
	padding-right: 5%
}

.error_information_box img {
	max-height: 60px;
	height: 44px
}

.error_information_box p {
	text-align: left;
	font-size: 15px
}

.error_information_box p:nth-child(2) {
	max-width: 50%;
	text-align: left
}

.error_information_box p:nth-child(3) {
	width: 20%;
	text-align: right
}

.error_information_box .bold {
	font-size: 18px
}

.error_information_box__success {
	width: 76%
}

.border__boxshadow__info {
	width: 76%
}

.border__boxshadow__info__textleft {
	max-width: 160px;
	display: inline-block
}

.information__boxwhatsapp {
	padding-top: 15px;
	border-top: 1px solid #b7b7b7;
	text-align: center;
	margin: 15px 20px 0
}

.information__boxwhatsapp .message__boxpack__title {
	color: #212221;
	font-size: 14px;
	line-height: 16px
}

.information__boxwhatsapp .message__boxpack__text {
	margin-top: 6px
}

.information__boxwhatsapp .message__boxpack__text strong {
	font-size: 13px;
	position: relative;
	top: 2px
}

#success-loan-info {
	padding: 20px;
	align-items: flex-start
}

#success-loan-info div {
	width: 76%
}

#success-loan-info div p:last-child {
	width: 65%;
	max-width: initial;
	margin-top: 7px
}

#failed-loan-info div {
	width: 76%
}

#failed-loan-info div p:last-child {
	width: 100%;
	max-width: initial;
	margin-top: 0
}

.pack__box__content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	vertical-align: middle
}

.padding-3 {
	padding-top: 2%
}

.right {
	float: right
}

#tutorial__escritorio .tutorial {
	color: #272727
}

#tutorial__escritorio .tutorial__desc {
	font: 400 16px/19px "Roboto", Sans-serif;
	margin-top: 15px
}

#tutorial__escritorio .tutorial__title {
	font: 600 18px/21px "Roboto", Sans-serif;
	margin-top: 30px
}

#tutorial__escritorio .tutorial__list {
	margin-top: 30px;
	font: 400 16px/29px "Roboto", Sans-serif;
	list-style: none
}

#tutorial__escritorio .tutorial__li {
	counter-increment: li;
	padding-left: 50px;
	position: relative;
	font: 400 16px/19px "Roboto", Sans-serif
}

#tutorial__escritorio .tutorial__li__img {
	display: inline-block;
	vertical-align: top;
	margin: 1px 3px 0
}

#tutorial__escritorio .tutorial__li+.tutorial__li {
	margin-top: 45px
}

#tutorial__escritorio .tutorial__li:before {
	content: counter(li);
	display: inline-block;
	color: #fff;
	background: #EF3829;
	border-radius: 125px;
	width: 29px;
	font: 400 18px/29px "Roboto", Sans-serif;
	height: 29px;
	text-align: center;
	position: absolute;
	top: 2px;
	left: 0
}

#tutorial__escritorio .tutorial__success {
	display: block;
	text-align: center;
	font: bold 35px/37px "Roboto", Sans-serif;
	font-weight: bold;
	margin-top: 30px
}

.buy-success {
	width: 100%
}

.buy-success .message__buysuccess {
	text-align: center;
	background-size: auto 42px;
	margin: 0 0 40px
}

.buy-success .message__buysuccess__img {
	margin-top: 23px
}

.buy-success .message__buysuccess__icon {
	text-align: center;
	margin: 0 0 30px
}

.buy-success .message__pagesuccess {
	padding-top: 14%
}

@media only screen and (min-width: 768px) {
	.buy-success .message__pagesuccess {
		padding-top: 0
	}
}

.buy-success .message__buysuccess__title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	max-width: 240px;
	margin: 27px auto 0;
	color: #222;
	padding-top: 0
}

.buy-success .message__infobox {
	background: #e8e8e8;
	max-width: 240px;
	margin: 0 auto 11px;
	padding: 8px 35px 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
	color: #222;
	font-size: 14px;
	line-height: 19px;
	font-weight: 500
}

.buy-success .message__infobox__lkn {
	color: #4bb6ca;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-decoration: underline;
	margin-top: 7px;
	display: block
}

.buy-success .message__boxpack__title {
	font-size: 16px;
	line-height: 23px;
	color: #222
}

.buy-success .message__boxpack__logos {
	max-width: 235px;
	margin: 0 auto 0
}

.buy-success .message__boxpack__logos .message__lkndescubir {
	color: #4bb6ca;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-decoration: underline;
	display: inline-block;
	margin: 5px 2px 0
}

.buy-success .message__boxpack__logos img {
	vertical-align: middle;
	margin: 0 2px
}

.buy-success .message__boxpack__logos li {
	padding: 12px 0
}

.buy-success .message__boxpack__logos li+li {
	border-top: 1px solid rgba(148, 148, 148, 0.5)
}

.message__boxpack__text {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #222;
	vertical-align: middle;
	margin-top: 5px
}

.message__boxpack__text span {
	position: relative;
	top: 2px
}

.message__buysuccess__whatsapp {
	height: 26px;
	width: auto;
	display: inline;
	vertical-align: middle
}

.message__boxpackback {
	color: #222;
	text-align: center;
	margin-top: 15%;
	font-size: 18px;
	text-decoration: underline
}

.message__boxpackback a {
	color: inherit;
	font-size: inherit
}

.border__boxshadow {
	background-color: white;
	border-radius: 4px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	min-height: 80px;
	margin-top: 13px
}

.banner {
	display: block;
	border-radius: 4px;
	margin-bottom: 10px
}

.banner img {
	width: 100%;
	height: auto
}

.page-handler {
	background-color: white;
	height: 100vh;
	text-align: center;
	padding-top: 80px;
	margin-top: -60px
}

.page-handler.page-handler--successs {
	background: #fff
}

.page-handler .handler {
	margin-bottom: 30px
}

.page-handler .handler .content {
	margin-top: 20%;
	display: flex;
	flex-direction: column;
	height: 100%
}

.page-handler .handler__logo {
	padding-top: 10%
}

.page-handler .handler__logo img {
	height: 20vh
}

.page-handler .handler__space {
	flex-grow: 0.2
}

.page-handler .handler__icon {
	margin-bottom: 40px
}

.page-handler .handler__title {
	color: #222;
	font-weight: bold;
	line-height: 24px;
	font-size: 20px;
	margin: 0 auto 25px;
	max-width: 260px;
	flex-grow: 0.1
}

.page-handler .handler__description {
	color: #222;
	font-weight: 300;
	line-height: 19px;
	font-size: 16px;
	margin: 0 auto 36px;
	max-width: 290px;
	flex-grow: 0.3
}

.page-handler .handler .handler__btn,
.page-handler .handler .handler__back {
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px
}

.page-handler .handler .handler__btn {
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 125px;
	background: #EF3829;
	color: #fff;
	margin-bottom: 20px;
	max-width: 288px;
	margin-left: auto;
	margin-right: auto
}

.page-handler .handler .handler__back {
	font-size: 16px;
	color: #1F97AE;
	font-weight: 400;
	flex-grow: 0.5
}

.links__home {
	border-radius: 6px;
	margin: 9px 0 20px;
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.links__home__a {
	display: block;
	color: #101010;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 0 17px 61px
}

.links__home__a+a {
	border-top: 1px solid #D0D0D0
}

.links__home__a:after,
.links__home__a:before {
	content: "";
	position: absolute;
	top: 20px;
	right: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.links__home__a:before {
	top: 26px;
	right: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.links__home__img {
	position: absolute;
	left: 15px;
	top: 7px;
	max-width: 36px
}

.links__home__img--tarjeta {
	left: 10px;
	top: 17px
}

.credit+.links__home {
	margin-top: -8px
}

.alert__saldo {
	background: #E6E6E6;
	padding: 17px 14px;
	color: #222
}

.alert__saldo__row {
	max-width: 740px;
	margin: 0 auto
}

.alert__saldo__p {
	position: relative;
	font-size: 16px;
	padding-left: 30px
}

.alert__saldo .icon {
	font-size: 20px;
	position: absolute;
	left: 0
}

.page-handler.not-background {
	background: #fff
}

.page-handler {
	background-color: white;
	height: 100vh;
	text-align: center;
	padding-top: 80px
}

.page-handler.success {
	background: #fff
}

.page-handler .handler {
	margin-bottom: 30px
}

.page-handler .handler__icon {
	margin-bottom: 40px
}

.page-handler .handler__title {
	color: #222;
	font-weight: bold;
	line-height: 24px;
	font-size: 20px;
	margin: 0 auto 25px;
	max-width: 260px
}

.page-handler .handler__description {
	color: #222;
	font-weight: 300;
	line-height: 19px;
	font-size: 16px;
	margin: 0 auto 36px;
	max-width: 290px
}

.page-handler .handler .handler__btn,
.page-handler .handler .handler__back {
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px
}

.page-handler .handler .handler__btn {
	border-radius: 125px;
	background: #EF3829;
	color: #fff;
	margin-bottom: 20px;
	max-width: 288px;
	margin-left: auto;
	margin-right: auto
}

.page-handler .handler .handler__back {
	font-size: 16px;
	color: #1F97AE;
	font-weight: 400
}

.error_no_balance {
	margin-bottom: -7px;
	color: #B7202E;
	background-color: #F2DEDE;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 100px;
	margin-top: -8px;
	padding: 10px 0
}

.error_no_balance p {
	padding-left: 10px;
	font-size: 16px;
	line-height: 14px
}

.loading {
	display: block;
	text-align: center;
	line-height: 0;
	display: none
}

.loading circle {
	fill: #000;
	opacity: .33;
	animation: dots_loading 1.5s infinite;
	-ms-animation: dots_loading 1.5s infinite;
	-moz-animation: dots_loading 1.5s infinite;
	-webkit-animation: dots_loading 1.5s infinite
}

.loading circle:nth-child(2) {
	animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s
}

.loading circle:nth-child(3) {
	animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s
}

.loading__text {
	display: block;
	font: 300 12px/12px "Roboto", Sans-serif;
	color: #000;
	margin: 0 0 14px
}

.loading--absolute {
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.loading--invert circle {
	fill: #fff
}

.loading--invert .loading__text {
	color: #fff
}

@-webkit-keyframes dots_loading {
	0% {
		opacity: .33
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: .33
	}
}

@keyframes dots_loading {
	0% {
		opacity: .33
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: .33
	}
}

.button--disabled.button--primary:hover,
.button--disabled.button--primary:active,
.button--disabled.button--primary:focus .button[disabled],
.button--disabled {
	background-color: #ddd;
	color: #858585
}

.buttonanim {
	color: white;
	font: 400 16px/16px "Roboto", Sans-serif;
	border-radius: 20px;
	min-height: 40px;
	margin: 0;
	min-width: 40px;
	padding: 9px 14px;
	background-color: #EF3829;
	border: 0;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	outline: none;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 0.25s;
	-webkit-transition: background-color 0.25s;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-orient: inline-flex;
	-moz-box-orient: inline-flex;
	-ms-box-orient: inline-flex;
	-o-box-orient: inline-flex;
	box-orient: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.buttonanim:hover {
	color: white;
	text-decoration: none;
	background-color: #da262c
}

.buttonanim:focus {
	color: #fff;
	text-decoration: none;
	background-color: #fff
}

.buttonanim:active {
	color: white;
	text-decoration: none;
	background-color: #da262c
}

.buttonanim__text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.buttonanim .icon {
	display: inline-block;
	fill: currentColor;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.buttonanim__text+.icon,
.icon+.buttonanim__text {
	margin-left: 8px
}

.buttonanim--block {
	margin: 0 auto 16px;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	-o-box-orient: horizontal;
	box-orient: horizontal
}

.buttonanim--block:last-child {
	margin-bottom: 0
}

.buttonanim.button--loaded {
	display: block;
	animation: button_loaded_bgcolor 0.25s ease 0.5s forwards;
	-ms-animation: button_loaded_bgcolor 0.25s ease 0.5s forwards;
	-moz-animation: button_loaded_bgcolor 0.25s ease 0.5s forwards;
	-webkit-animation: button_loaded_bgcolor 0.25s ease 0.5s forwards
}

.buttonanim.button--loaded .loaded {
	display: block
}

.buttonanim.button--loaded .loaded--error {
	display: none
}

.buttonanim:disabled,
.buttonanim.button--disabled {
	color: #6a6a6a;
	background-color: #d0d0d0;
	cursor: default;
	pointer-events: none
}

.buttonanim:disabled:hover,
.buttonanim:disabled:focus,
.buttonanim:disabled:active,
.buttonanim.button--disabled:hover,
.buttonanim.button--disabled:focus,
.buttonanim.button--disabled:active {
	text-decoration: none;
	color: #6a6a6a;
	background-color: #d0d0d0
}

.buttonanim:disabled.button--loading,
.buttonanim.button--disabled.button--loading {
	color: transparent !important;
	background-color: #EF3829 !important
}

.buttonanim:disabled.button--loading .loading,
.buttonanim.button--disabled.button--loading .loading {
	display: block
}

.buttonanim:disabled.button--loaded,
.buttonanim.button--disabled.button--loaded {
	color: transparent;
	background-color: #EF3829
}

.buttonanim.button--error .loaded {
	display: none
}

.buttonanim.button--error.button--loaded {
	line-height: inherit
}

.buttonanim.button--error.button--loaded .loaded--error {
	display: block
}

.tutorial__push {
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	padding: 24px;
	box-sizing: border-box;
	z-index: 12;
	overflow-y: scroll;
	min-height: 510px;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.tutorial__push.active {
	visibility: visible;
	opacity: 1
}

.tutorial__push__content {
	display: block;
	margin: 0 auto;
	max-width: 288px
}

.tutorial__push__close {
	top: 25px;
	right: 25px;
	height: 17px;
	outline: none;
	position: absolute;
	width: 17px
}

.tutorial__push__close:after,
.tutorial__push__close:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -3px;
	height: 2px;
	width: 23px;
	background-color: #211915
}

.tutorial__push__close:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.tutorial__push__close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.tutorial__push__title {
	margin: 31px auto;
	max-width: 200px;
	text-align: center;
	font-size: 20px;
	line-height: 23px;
	font-weight: 500;
	color: #222
}

.tutorial__push__slide {
	text-align: center;
	position: relative;
	display: none
}

.tutorial__push__slide__title {
	color: #272727;
	font-size: 14px;
	line-height: 14px;
	margin: 30px auto 10px
}

.tutorial__push__slide__text {
	font-size: 16px;
	line-height: 21px;
	font-weight: 300;
	margin: 0 auto 22px;
	max-width: 260px
}

.tutorial__push__slide__text strong {
	font-weight: 500
}

.tutorial__push__slide__img {
	height: auto;
	max-width: 270px
}

.tutorial__push__slide__tooltip {
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: 4;
	-webkit-animation: 1s ease 0s normal forwards 1 fadein;
	animation: 1s ease 0s normal forwards 1 fadein
}

.tutorial__push__slide.active {
	display: block
}

.tutorial__push__slide.active .tutorial__push__slide__tooltip {
	opacity: 1;
	visibility: visible;
	height: 90px;
	width: 90px
}

.tutorial__push .tutorial__push__slide__android__1 .tutorial__push__slide__tooltip {
	right: 15px;
	top: 114px
}

.tutorial__push .tutorial__push__slide__android__2 .tutorial__push__slide__tooltip {
	right: 13px;
	top: 4px
}

.tutorial__push .tutorial__push__slide__android__3 .tutorial__push__slide__tooltip {
	height: auto;
	width: 270px;
	left: 0px;
	top: 0px
}

.tutorial__push .tutorial__push__slide__android__4 .tutorial__push__slide__tooltip {
	right: 40px;
	top: 130px
}

.tutorial__push .tutorial__push__slide__ios__1 .tutorial__push__slide__text,
.tutorial__push .tutorial__push__slide__ios__2 .tutorial__push__slide__text,
.tutorial__push .tutorial__push__slide__ios__3 .tutorial__push__slide__text {
	min-height: 66px;
	margin: 0 auto 15px
}

.tutorial__push .tutorial__push__slide__ios__1 .tutorial__push__slide__tooltip {
	top: 121px;
	right: 100px
}

.tutorial__push .tutorial__push__slide__ios__2 .tutorial__push__slide__tooltip {
	top: 83px;
	right: 13px
}

.tutorial__push .tutorial__push__slide__ios__3 .tutorial__push__slide__tooltip {
	right: 10px;
	top: 3px
}

.tutorial__push__slider__pagination {
	font-size: 0;
	text-align: center;
	margin: 0 0 21px
}

.tutorial__push__slider__pagination span {
	border-radius: 125px;
	background: #CACACA;
	height: 9px;
	display: inline-block;
	margin: 0 4px;
	width: 9px
}

.tutorial__push__slider__pagination span.active {
	background: #EF3829
}

.tutorial__push .tutorial__push__actions__next {
	background: #EF3829;
	border-radius: 125px;
	color: white;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	display: block;
	padding: 0;
	width: 100%;
	outline: none
}

.tutorial__push .tutorial__push__actions__close {
	background: transparent;
	color: #1F97AE;
	border-radius: 125px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin: 12px 0 0;
	text-align: center;
	display: block;
	padding: 0;
	outline: none;
	width: 100%
}

@keyframes fadein {
	0% {
		opacity: 0
	}
	66% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}
	66% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.loaded {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.loaded:before,
.loaded .icon {
	opacity: 0;
	color: white;
	fill: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.loaded:before {
	content: "";
	background-color: #0F7806;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-ms-animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-moz-animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-webkit-animation: loaded_scalex 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.loaded .icon {
	font-size: 13px;
	color: #fff;
	z-index: 1;
	animation: loaded_showicon 0.5s ease 0.4s forwards;
	-ms-animation: loaded_showicon 0.5s ease 0.4s forwards;
	-moz-animation: loaded_showicon 0.5s ease 0.4s forwards;
	-webkit-animation: loaded_showicon 0.5s ease 0.4s forwards
}

.button--errorloaded {
	display: block;
	font-size: 0
}

.button--errorloaded .loaded--error {
	display: block
}

.button--errorloaded .loaded--error:before {
	background-color: #B7202E;
	width: 100%;
	height: 100%;
	animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-ms-animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-moz-animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-webkit-animation: loaded_scalex_error_close 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.button--errorloaded .icon {
	opacity: 1;
	animation: loaded_hideicon 0.5s ease forwards;
	-ms-animation: loaded_hideicon 0.5s ease forwards;
	-moz-animation: loaded_hideicon 0.5s ease forwards;
	-webkit-animation: loaded_hideicon 0.5s ease forwards
}

.button--error {
	line-height: 2;
	font-weight: bold
}

.button--error .loaded:before {
	background-color: #B7202E;
	animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-ms-animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-moz-animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	-webkit-animation: loaded_scalex_error 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

@-webkit-keyframes loaded_hideicon {
	100% {
		opacity: 0
	}
}

@keyframes loaded_hideicon {
	100% {
		opacity: 0
	}
}

@-webkit-keyframes loaded_showicon {
	100% {
		opacity: 1
	}
}

@keyframes loaded_showicon {
	100% {
		opacity: 1
	}
}

@-webkit-keyframes loaded_scalex {
	0% {
		opacity: 1;
		background-color: #66B548
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@keyframes loaded_scalex {
	0% {
		opacity: 1;
		background-color: #66B548
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@-webkit-keyframes loaded_scalex_error {
	0% {
		opacity: 1;
		background-color: #B7202E
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@keyframes loaded_scalex_error {
	0% {
		opacity: 1;
		background-color: #B7202E
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@-webkit-keyframes loaded_scalex_error_close {
	0% {
		opacity: 1;
		background-color: #B7202E;
		width: 100%
	}
	100% {
		opacity: 0;
		width: 0%
	}
}

@keyframes loaded_scalex_error_close {
	0% {
		opacity: 1;
		background-color: #B7202E;
		width: 100%
	}
	100% {
		opacity: 0;
		width: 0%
	}
}

@-webkit-keyframes button_loaded_bgcolor {
	100% {
		background-color: #DFF0D8
	}
}

@keyframes button_loaded_bgcolor {
	100% {
		background-color: #DFF0D8
	}
}

.align-center {
	text-align: center
}

.add_to_home_root {
	position: absolute;
	margin: -10px 0 0
}

.alert__addtohome {
	z-index: 4;
	background: #222;
	color: white;
	padding: 11px 25px 11px 62px;
	position: fixed;
	min-height: 56px;
	vertical-align: top;
	width: 100%;
	transform: translate(0%, -100%);
	-webkit-transform: translate(0%, -100%);
	transition: transform 0.2s ease-out;
	-webkit-transition: transform 0.2s ease-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.alert__addtohome.active {
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.alert__addtohome.active.disable {
	transform: translate(0%, -115%);
	-webkit-transform: translate(0%, -115%)
}

.alert__addtohome__block {
	display: block
}

.alert__addtohome__img {
	position: absolute;
	left: 14px;
	top: 10px
}

.alert__addtohome__close {
	height: 25px;
	position: absolute;
	right: 3px;
	top: 3px;
	outline: none;
	width: 25px
}

.alert__addtohome__close:after,
.alert__addtohome__close:before {
	content: "";
	background: white;
	position: absolute;
	top: 12px;
	right: 6px;
	width: 16px;
	height: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.alert__addtohome__close:before {
	top: 12px;
	right: 6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.alert__addtohome__text {
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0
}

.alert__addtohome__agregar {
	background: #1F97AE;
	font: 400 14px/22px "Roboto", Sans-serif;
	color: white;
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	border-radius: 125px;
	vertical-align: top;
	margin: 5px 0 0;
	width: 105px;
	outline: none
}

.alert__addtohome__lkn {
	color: #04C8EB;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	display: block;
	outline: none
}

.alert__addtohome .add_to_home_button {
	background-color: #1F97AE;
	color: white;
	border-radius: 25px;
	padding: 2px 30px 2px 30px
}

@font-face {
	font-family: "icons";
	src: url("/inicio/assets/fonts/Icons/smartphone/icons.eot");
	src: url("/inicio/assets/fonts/Icons/smartphone/icons.eot?#iefix") format("embedded-opentype"), url("/inicio/assets/fonts/Icons/smartphone/icons.woff2") format("woff2"), url("/inicio/assets/fonts/Icons/smartphone/icons.woff") format("woff"), url("/inicio/assets/fonts/Icons/smartphone/icons.ttf") format("truetype"), url("/inicio/assets/fonts/Icons/smartphone/icons.svg#icons") format("svg");
	font-weight: normal;
	font-style: normal
}

.icon:before {
	display: inline-block;
	font-family: "icons", Arial;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon--advert:before {
	content: "\f101"
}

.icon--arrow-back:before {
	content: "\f102"
}

.icon--cart:before {
	content: "\f103"
}

.icon--chat:before {
	content: "\f104"
}

.icon--claro:before {
	content: "\f105"
}

.icon--confirm:before {
	content: "\f106"
}

.icon--discount:before {
	content: "\f107"
}

.icon--edit:before {
	content: "\f108"
}

.icon--error:before {
	content: "\f109"
}

.icon--help:before {
	content: "\f10a"
}

.icon--iconevent:before {
	content: "\f10b"
}

.icon--iconphone:before {
	content: "\f10c"
}

.icon--info-rounded:before {
	content: "\f10d"
}

.icon--info-warning-rounded:before {
	content: "\f10e"
}

.icon--info:before {
	content: "\f10f"
}

.icon--message_outline:before {
	content: "\f110"
}

.icon--message:before {
	content: "\f111"
}

.icon--phone:before {
	content: "\f112"
}

.icon--recharge:before {
	content: "\f113"
}

.icon--roaming:before {
	content: "\f114"
}

.icon--success-rounded:before {
	content: "\f115"
}

.icon--success:before {
	content: "\f116"
}

.icon--warning-rounded:before {
	content: "\f117"
}

.icon--warning:before {
	content: "\f118"
}

.beneficios {
	margin-bottom: 30px;
	display: block
}

.beneficios .title {
	margin-bottom: 20px
}

.beneficios__item {
	display: block
}

.beneficios__item img {
	width: 100%;
	height: auto
}

.beneficios__item+.beneficios__item {
	margin-top: 20px
}

.generic-error,
.buy-success,
.buy-error {
	height: 100vh
}

.generic-error .alert,
.buy-success .alert,
.buy-error .alert {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 15px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.spacer {
	height: 20px
}

.error {
	border-bottom: 2px solid #b7202e !important;
}

.error-page {
	background-color: #fff
}

.error-page .row {
	background-color: #000;
	padding: 14px
}

.error-page .icon {
	color: #fff;
	font-size: 72px;
	margin-bottom: 20px
}

.error-page h2 {
	color: #fff;
	font-weight: 300;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 15px
}

.error-page p {
	color: #fff;
	font-weight: 300;
	font-size: 17px;
	line-height: 23px
}

.page {
	width: 100%;
	height: 100%;
	z-index: 1
}

.page--anim .page__bg img {
	opacity: 0;
	-webkit-animation-name: fade;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 8s;
	animation-name: fade;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 8s
}

.page__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden
}

.page__bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.45)
}

.page__bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

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

.page__info {
	position: relative;
	left: 0;
	right: 0;
	top: 20px;
	z-index: 2;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 10px
}

.page__info.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.page__logo {
	color: #fff;
	font-size: 44px;
	line-height: 44px;
	display: block;
	margin-bottom: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.page__description {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	white-space: pre-line
}

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

.page .button {
	font-size: 20px
}

.page .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background-color: transparent
}

.page__success {
	text-align: center
}

.page__success__img {
	display: block;
	margin: 20px auto 0
}

.page__success__title {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	margin: 15px auto 15px;
	max-width: 260px
}

.page__success__text {
	font-size: 16px;
	line-height: 19px
}

.page-dashboard .page__description {
	font-size: 27px;
	line-height: 30px;
	max-width: 380px;
	margin: 0 auto 30px
}

.page-dashboard .button--primary {
	display: inline-block;
	max-width: 400px;
	width: 100%
}

.page-dashboard .page__bg:before {
	background-color: rgba(0, 0, 0, 0.15)
}

.page-pin .page__subtitle {
	color: #fff;
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 20px
}

.page-pin .text_inside_input {
	position: relative
}

.page-pin .text_inside_input a {
	right: 5px;
	position: absolute;
	top: 9px;
	color: #28bbce
}

.page-pin input {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	color: #000;
	font-size: 14px;
	padding: 10px 15px;
	margin-bottom: 5px;
	width: 100%;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.page-pin input.input--error {
	color: #000;
	border: 1px solid #B7202E
}

.page-pin input:disabled {
	background-color: #F2F2F2
}

.page-pin .number-error {
	color: #B7202E;
	background: #F2DEDE;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	position: relative;
	padding: 10px 10px 10px 33px
}

.page-pin .number-error p {
	white-space: pre-wrap
}

.page-pin .number-error .icon {
	position: absolute;
	top: 10px;
	left: 10px
}

.page-pin .label__number {
	color: #fff;
	text-align: left;
	font-size: 12px
}

.page-pin .label__input {
	color: #fff;
	text-align: left;
	display: block
}

.page-pin .page__title {
	color: #fff;
	font-size: 19px;
	margin: 80px 0 20px
}

.page-pin .failed--pin {
	color: #B7202E;
	background: #F2DEDE;
	text-align: left;
	font-size: 14px;
	margin: 5px 0;
	position: relative;
	padding: 10px 10px 7px 35px
}

.page-pin .failed--pin .icon {
	position: absolute;
	top: 10px;
	left: 10px
}

.page-pin .resend {
	color: #28BBCE;
	font-size: 15px;
	margin: 10px 0 0
}

.page-pin .pin-confirm {
	margin-top: 27px
}

.page-pin .button--white {
	background: #fff;
	border-radius: 0;
	color: #65A44A;
	height: 38px;
	line-height: 38px;
	font-size: 15px
}

.page-pin .sent__pin {
	color: #fff;
	background: #66B548;
	text-align: left;
	font-size: 14px;
	margin-top: 40px;
	position: relative;
	padding: 45px 25px 40px 25px
}

.page-pin .sent__pin .icon {
	background: #66B548;
	border: 3px solid #fff;
	border-radius: 100%;
	height: 45px;
	position: absolute;
	top: 0;
	left: 50%;
	width: 45px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .sent__pin .icon:before {
	font-size: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .sent__pin__ok {
	color: #0F7806;
	background: #DFF0D8;
	text-align: left;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
	padding: 10px 10px 7px 35px
}

.page-pin .sent__pin__ok .icon {
	background: #0F7806;
	color: #fff;
	position: absolute;
	top: 17px;
	left: 17px;
	border-radius: 100%;
	width: 14px;
	height: 14px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .sent__pin__ok .icon:before {
	font-size: 7px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .page__blocked {
	margin-top: 80px;
	position: relative;
	padding: 40px 0 0
}

.page-pin .page__blocked .icon {
	background: #B7202E;
	border-radius: 100%;
	color: #fff;
	height: 60px;
	position: absolute;
	top: 0;
	left: 50%;
	width: 60px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .page__blocked .icon:before {
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.page-pin .footer {
	z-index: 3;
	background: #000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.login {
	margin-top: 25px
}

.login+.login {
	margin-bottom: 50px;
	margin-top: 100px
}

.login__content {
	max-width: 328px;
	margin: auto;
	background: white;
	border-radius: 6px;
	padding: 49px 20px 23px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.login__description {
	font: 400 16px/20px "Roboto", Sans-serif;
	font-size: 16px;
	line-height: 22px;
	padding: 0px 8px;
	color: #222;
	margin: 0 0 21px
}

.login__logo {
	margin: 0 0 0;
	display: block;
	position: absolute;
	top: -53px;
	width: 100%;
	left: 0
}

.login .loginform {
	position: relative;
	text-align: left
}

.login .loginform+.loginform {
	margin-top: 11px
}

.login .loginform__input {
	border: 1px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
	color: #222;
	font: 400 16px/19px "Roboto", Sans-serif;
	height: 56px;
	margin-bottom: 4px;
	padding: 12px 40px 0 42px;
	display: block;
	width: 100%;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none !important;
	box-shadow: none;
	outline: none
}

.login .loginform.active .loginform__input {
	border-bottom: 2px solid #222
}

.login .loginform.active .loginform__input+.loginform__label__focusable {
	line-height: 16px;
	font-size: 12px;
	top: 7px
}

.login .loginform__icon {
	position: absolute;
	font-size: 20px;
	color: #6A6A6A;
	top: 16px;
	left: 16px
}

.login .loginform__icon.icon--message_outline {
	font-size: 18px;
	top: 19px
}

.login .loginform__label {
	font: 400 16px/19px "Roboto", Sans-serif;
	color: #6A6A6A;
	position: absolute;
	left: 42px;
	top: 17px;
	pointer-events: none;
	transition: all .2s ease-in
}

.login .loginform__label__always_focused {
	line-height: 16px;
	font-size: 12px;
	top: 7px
}

.login .loginform__span {
	display: block;
	font: 400 12px/16px "Roboto", Sans-serif;
	text-align: left;
	margin-left: 15px;
	color: #6A6A6A
}

.login .loginform__success,
.login .loginform__error {
	font: 400 12px/16px "Roboto", Sans-serif;
	text-align: left;
	margin-left: 15px;
	display: none;
	color: #B7202E
}

.login .loginform__success {
	color: #33744F
}

.login .loginform__error__icon {
	display: none;
	font-size: 20px;
	position: absolute;
	right: 16px;
	top: 18px;
	color: #B7202E
}

.login .loginform__success__icon {
	color: #33744F;
	font-size: 20px;
	position: absolute;
	right: 16px;
	top: 16px;
	display: none
}

.login .loginform__edit__icon {
	display: none;
	color: #1F97AE;
	font-size: 18px;
	position: absolute;
	right: 16px;
	top: 17px
}

.login .loginform__button {
	display: block;
	text-align: center;
	border-radius: 125px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	max-width: 300px;
	width: 100%;
	margin: 0 auto
}

.login .loginform__button--resolve {
	background: #EF3829;
	color: white;
	margin-top: 30px;
	margin-bottom: 7px
}

.login .loginform__button--sms {
	color: #1F97AE;
	margin-top: 20px;
	height: inherit;
	line-height: 16px
}

.login .loginform.loginform--error .loginform__span {
	display: none
}

.login .loginform.loginform--error .loginform__label {
	color: #B7202E
}

.login .loginform.loginform--error .loginform__input {
	border-bottom: 2px solid #B7202E
}

.login .loginform.loginform--error .loginform__error,
.login .loginform.loginform--error .loginform__error__icon {
	display: block
}

.login .loginform.loginform--success .loginform__span {
	display: none
}

.login .loginform.loginform--success .loginform__input {
	border-bottom: 2px solid #33744F
}

.login .loginform.loginform--success .loginform__success,
.login .loginform.loginform--success .loginform__success__icon {
	display: block
}

.login .loginform.loginform--disabled .loginform__span {
	display: none
}

.login .loginform.loginform--disabled .loginform__edit__icon {
	display: block
}

.login .loginform.loginform--disabled .loginform__input {
	background: #E6E6E6;
	border-bottom: 2px solid #D0D0D0;
	color: #6A6A6A
}

.login .loginform.loginform--disabled .loginform__error,
.login .loginform.loginform--disabled .loginform__error__icon {
	display: block
}

.login .loginpais {
	text-align: left
}

.login .loginpais__title {
	font: 400 16px/20px "Roboto", Sans-serif;
	color: #222;
	margin: 32px 0 15px;
	display: block
}

.login .selectcontainer {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	padding-top: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.login .selectcontainer+.selectcontainer {
	margin-left: 16px
}

.login .selectcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.login .selectcontainer__checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 2px solid #D0D0D0;
	border-radius: 125px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.login .selectcontainer:hover input~ .selectcontainer__checkmark {
	background-color: #D0D0D0
}

.login .selectcontainer input:checked~ .selectcontainer__checkmark {
	background-color: white;
	border: 2px solid #1F97AE
}

.login .selectcontainer__checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.login .selectcontainer input:checked~ .selectcontainer__checkmark:after {
	display: block;
	background-color: #1F97AE
}

.login .selectcontainer .selectcontainer__checkmark:after {
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	background: white;
	border-radius: 125px
}

.login .loginpais {
	position: relative
}

.login .loginpais__input {
	border: 1px solid #D0D0D0;
	color: #222;
	font: 400 16px/19px "Roboto", Sans-serif;
	height: 56px;
	margin-bottom: 3px;
	padding: 0 7px 3px 17px;
	display: block;
	width: 100%;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none !important;
	box-shadow: none;
	outline: none
}

.login .loginpais__input::-webkit-input-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input:-moz-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input::-moz-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input:-ms-input-placeholder {
	color: #6A6A6A;
	font-size: 16px
}

.login .loginpais__input__title {
	font: 400 12px/16px "Roboto", Sans-serif;
	color: #6A6A6A;
	margin: 15px 20px 8px;
	display: block
}

.login .loginpais__container__input {
	position: relative;
	margin-top: 17px;
	display: none
}

.login .loginpais__container__input.active {
	display: block
}

.login .loginpais .loginpais__select {
	display: none;
	background: white;
	position: absolute;
	padding-bottom: 14px;
	left: 0;
	top: 50px;
	border-radius: 4px;
	width: 100%;
	z-index: 2;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2)
}

.login .loginpais .loginpais__select.active {
	display: block
}

.login .loginpais .loginpais__select__ul {
	max-height: 138px;
	overflow: scroll
}

.login .loginpais .loginpais__select__a {
	color: #222;
	display: block;
	padding: 11px 20px;
	font-size: 16px
}

@keyframes fade {
	0% {
		opacity: 1
	}
	45% {
		opacity: 1
	}
	55% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@media only screen and (max-width: 768px) {
	.login .selectcontainer+.selectcontainer {
		margin-left: 0;
		display: block;
		margin-top: 10px
	}
	.page__pin {
		
		background-size: cover
	}
}

@media only screen and (min-width: 768px) {
	.login__content {
		max-width: 650px
	}
	.page__pin {
		
		background-size: cover
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 1
	}
	45% {
		opacity: 1
	}
	55% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

.page-recharge main.row {
	padding-top: 5%
}

.page-recharge .title {
	margin-bottom: 18px
}

.page-recharge .packs__lists {
	margin-bottom: 0
}

.page-recharge .packs__lists--open .list__content {
	padding-bottom: 5px
}

.page-recharge .list__content p {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 20px
}

.page-recharge .list__content p a {
	color: #1F97AE
}

.creditems {
	overflow: hidden
}

.creditems .creditem {
	float: left;
	width: 47%
}

.creditems .creditem:last-child {
	float: right
}

.creditems>span {
	float: left;
	width: 6%;
	text-align: center;
	height: 168px;
	line-height: 168px
}

.creditem {
	background-color: #C7E5EB;
	margin-bottom: 20px
}

.creditem__header {
	background-color: #C1C1C1;
	text-align: center;
	padding: 8px 0 6px
}

.creditem__header span {
	display: inline-block;
	vertical-align: top
}

.creditem__header .icon {
	font-size: 23px;
	line-height: 23px;
	margin-right: 4px
}

.creditem__title {
	line-height: 23px;
	font-size: 13px;
	font-weight: bold;
	color: #222222;
	text-transform: uppercase
}

.creditem__content {
	text-align: center;
	padding: 15px;
	display: block
}

.creditem p {
	margin-bottom: 0 !important;
	color: #222222
}

.creditem b,
.creditem strong {
	font-size: 24px;
	line-height: 24px;
	color: #222222;
	margin: 10px 0;
	display: block
}

.body_background_extend {
	padding-bottom: 0
}

.loan_tutorial_description p {
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 19px
}

.loan_tutorial_logo {
	height: 40px;
	width: auto
}

.loan_tutorial_img {
	height: auto;
	width: 222px
}

.loan_tutorial_footer {
	width: 80%;
	padding-left: 10%
}

.loan_tutorial_body {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: -webkit-center
}

.loan_tutorial_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5%
}

.loan_icon {
	vertical-align: middle;
	max-height: 35px
}

#loan_info_description {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	margin-top: 1px;
	padding: 0
}

.loan_banner {
	background-color: #F2F2F2;
	text-align: center;
	padding: 10px 10px 5px;
	min-height: 40px;
	margin-bottom: 10px;
	width: 100%
}

.loan_banner--recarga {
	padding: 10px 10px
}

.loan_banner_recarga {
	display: inline-block;
	max-width: 76%;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px
}

.loan_page {
	max-width: 500px;
	text-align: center
}

.loan_page .loan_page__close {
	top: 20px;
	right: 20px;
	width: 17px;
	height: 17px;
	position: absolute
}

.loan_page .loan_page__close:after,
.loan_page .loan_page__close:before {
	content: "";
	position: absolute;
	top: 7px;
	right: -2px;
	width: 20px;
	height: 2px;
	background-color: black;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.loan_page .loan_page__close:before {
	top: 7px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.loan_button {
	font-size: 16px;
	margin-top: 10%;
	padding: 11px 15px
}

.loan_info_block,
.current_loan_block,
.already_pay_block,
.pending_pay_block,
.service_cost_block {
	padding: 13px 20px
}

.loan_info_block .title,
.current_loan_block .title,
.already_pay_block .title,
.pending_pay_block .title,
.service_cost_block .title {
	font-size: 16px
}

.loan_info_block .subtitle,
.current_loan_block .subtitle,
.already_pay_block .subtitle,
.pending_pay_block .subtitle,
.service_cost_block .subtitle {
	color: grey;
	font-size: 13px
}

.loan_info_block .value,
.current_loan_block .value,
.already_pay_block .value,
.pending_pay_block .value,
.service_cost_block .value {
	float: right
}

.current_loan_block {
	border-bottom: 1px groove;
	border-color: #DEDEDE;
	background-color: #F2F2F2
}

.current_loan_block .page-recharge .list__content p {
	margin-bottom: 0px
}

.page-recharge .service_cost_block p,
.page-recharge .current_loan_block p {
	margin-bottom: 0
}

.already_pay_block {
	background-color: #F2F2F2;
	color: #5ca142
}

.already_pay_block .title {
	color: #5ca142
}

.pending_pay_block {
	background-color: #B7202E;
	color: white
}

.pending_pay_block .title {
	color: white
}

.pending_pay_block {
	background-color: #B7202E;
	color: white
}

.pending_pay_block .title {
	color: white
}

.service_cost_block {
	border: solid 1px;
	margin-bottom: 5%
}

.service_cost_block .value {
	margin: 10px 0
}

.loan_info_section {
	margin: 5% 0
}

.page-recharge .list__content .loan_offer {
	border: solid;
	text-align: center;
	border-radius: 7px;
	color: #1F97AE;
	margin-bottom: 10px;
	width: 100%
}

.page-recharge .list__content .loan_offer p {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 0
}

.page-recharge .list__content .loan_offer p:last-child {
	margin-bottom: 14px
}

.page-recharge .list__content .loan_offer .loan_offer_value {
	padding-top: 6%;
	margin-bottom: 3%;
	font-size: 21px;
	font-weight: bold
}

.page-recharge .list__content .current_loan_block p {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 0
}

.success-grant-loan {
	margin-top: 15px
}

.success-grant-loan .loan_link {
	color: #0F7806
}

.loan-needed {
	float: right;
	color: black;
	margin-right: 10px;
	text-align: center
}

.loan-needed-box {
	margin-left: 5px;
	text-align: center;
	vertical-align: center;
	flex-direction: column;
	justify-content: center;
	display: flex;
	font-size: 14px
}

.loan-needed-icon {
	height: 25px;
	display: inline-block;
	margin-left: 5px
}

.title .loan_icon {
	float: none
}

.loan__title {
	top: 2px;
	position: relative
}

#buy_with_loan_error_page {
	padding-top: 5%
}

#buy_with_loan_error_page .title--line {
	margin-bottom: 14px
}

.page-recharge-tarjeta {
	background: #F2F2F2;
	min-height: 100vh;
	padding: 0 0 1px;
}

.page-recharge-tarjeta .alertinfo {
	margin-bottom: 0
}

.page-recharge-tarjeta .header__title {
	margin: 16px 0 16px 10px;
	line-height: 18px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: left
}

.page-recharge-tarjeta .title__tarjeta {
	font-weight: 100;
	line-height: 24px;
	font-size: 22px;
	margin: 0 0 20px;
	padding-top: 20px
}

.page-recharge-tarjeta .title__tarjeta bold {
	font-weight: bold
}

.page-recharge-tarjeta .listamount {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background: #fff
}

.page-recharge-tarjeta .listamount__li .listamount__link {
	color: #101010;
	padding: 19px 15px;
	font-weight: 500;
	line-height: 18px;
	font-size: 19px;
	position: relative;
	display: block
}

.page-recharge-tarjeta .listamount__li .listamount__link:after,
.page-recharge-tarjeta .listamount__li .listamount__link:before {
	content: "";
	position: absolute;
	top: 24px;
	right: 14px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .listamount__li .listamount__link:before {
	top: 30px;
	right: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .listamount__li+li {
	border-top: 1px solid #D0D0D0
}

.page-recharge-tarjeta .tarjetaslist__header {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	position: relative
}

.page-recharge-tarjeta .tarjetaslist__header__data {
	width: 60%
}

.page-recharge-tarjeta .tarjetaslist__header__toggle {
	position: absolute;
	top: 0;
	right: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	outline: 0
}

.page-recharge-tarjeta .tarjetaslist__header__toggle:after,
.page-recharge-tarjeta .tarjetaslist__header__toggle:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 8px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .tarjetaslist__header__toggle:before {
	top: 7px;
	left: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .tarjetaslist__header__number,
.page-recharge-tarjeta .tarjetaslist__header__title {
	color: #222;
	line-height: 19px;
	font-size: 16px;
	font-weight: 500
}

.page-recharge-tarjeta .tarjetaslist__header__title {
	margin-bottom: 9px;
	text-transform: lowercase
}

.page-recharge-tarjeta .tarjetaslist__header__title::first-letter {
	text-transform: uppercase
}

.page-recharge-tarjeta .tarjetaslist__header__number {
	font-weight: 400;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	max-width: 170px;
	margin: 0 0 0 -8px
}

.page-recharge-tarjeta .tarjetaslist__header__number:nth-child(1),
.page-recharge-tarjeta .tarjetaslist__header__number:nth-child(2),
.page-recharge-tarjeta .tarjetaslist__header__number:nth-child(3) {
	font-size: 19px
}

.page-recharge-tarjeta .tarjetaslist__header__titlenew {
	color: #222;
	font-size: 16px;
	line-height: 19px;
	margin: 17px 0;
	font-weight: 500
}

.page-recharge-tarjeta .tarjetaslist__preview {
	background: url(/inicio/assets/img/cardpreview.png) no-repeat 0 0;
	background-size: cover;
	margin-right: 10px;
	width: 90px;
	height: 57px;
	position: relative
}

.page-recharge-tarjeta .tarjetaslist__preview.visa {
	background: url(/inicio/assets/img/card_visa_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .tarjetaslist__preview.amex {
	background: url(/inicio/assets/img/card_amex_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .tarjetaslist__preview.naranja {
	background: url(/inicio/assets/img/card_naranja_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.diners {
	background: url(/inicio/assets/img/card_diners_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.cabal {
	background: url(/inicio/assets/img/card_cabal_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.cliper {
	background: url(/inicio/assets/img/card_cliper_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.favacard {
	background: url(/inicio/assets/img/card_favacard_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.data {
	background: url(/inicio/assets/img/card_data_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.master {
	background: url(/inicio/assets/img/card_master_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview.nativa {
	background: url(/inicio/assets/img/card_nativa_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview--new {
	background: url(/inicio/assets/newcard_img.png) no-repeat 0 0;
	background-size: cover
}

.page-recharge-tarjeta .tarjetaslist__preview__number {
	font-size: 6px;
	top: 23px;
	position: absolute;
	left: 6px;
	word-spacing: 6px
}

.page-recharge-tarjeta .tarjetaslist__preview__name {
	font-size: 6px;
	top: 36px;
	position: absolute;
	left: 6px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 61px;
	text-transform: uppercase
}

.page-recharge-tarjeta .tarjetaslist__preview__expiration {
	font-size: 6px;
	top: 36px;
	position: absolute;
	right: 6px
}

.page-recharge-tarjeta .tarjetaslist__item {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 16px
}

.page-recharge-tarjeta .tarjetaslist__item .tarjetaslist__header__toggle.open:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .tarjetaslist__item .tarjetaslist__header__toggle.open:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.page-recharge-tarjeta .tarjetaslist__item__body {
	overflow: hidden;
	height: 0px;
	transition: height 0.2s ease-out;
	-webkit-transition: height 0.2s ease-out
}

.page-recharge-tarjeta .tarjetaslist__item__body--spacer {
	padding-top: 30px
}

.page-recharge-tarjeta .inputcontainer {
	position: relative;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row
}

.page-recharge-tarjeta .inputcontainer__label {
	line-height: 19px;
	font-size: 16px;
	font-weight: 400;
	color: #6A6A6A;
	position: absolute;
	left: 10px;
	top: 17px;
	pointer-events: none;
	transition: all .2s ease-in
}

.page-recharge-tarjeta .inputcontainer__input {
	border: 1px solid #D0D0D0;
	color: #222;
	line-height: 19px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", Sans-serif;
	height: 53px;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 12px 20px 0 10px;
	display: block;
	width: 100%;
	-webkit-appearance: none !important;
	box-shadow: none
}

.page-recharge-tarjeta .inputcontainer__input[type="month"] {
	padding-top: 22px
}

.page-recharge-tarjeta .inputcontainer__input:focus {
	outline: 0px;
	border-bottom: 2px solid #222
}

.page-recharge-tarjeta .inputcontainer .inputcontainer__input.active+.inputcontainer__label {
	line-height: 15px;
	font-size: 12px;
	top: 7px
}

.page-recharge-tarjeta .inputcontainer__icon__error {
	display: none;
	position: absolute;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	text-align: center;
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__icon__error--small {
	margin-top: 15px;
	margin-left: 15px;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	text-align: center;
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__span {
	color: #6a6a6a;
	padding: 0 10px;
	line-height: 15px;
	font-size: 12px;
	font-weight: 400;
	margin: 6px 0 0;
	display: block
}

.page-recharge-tarjeta .inputcontainer__span a {
	color: #1F97AE
}

.page-recharge-tarjeta .inputcontainer__data {
	width: 70%;
	width: calc(100% - 79px);
	vertical-align: top;
	position: relative
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__span {
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__label {
	color: #B7202E
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__input {
	border-bottom: 2px solid #B7202E
}

.page-recharge-tarjeta .inputcontainer__data.error .inputcontainer__icon__error {
	display: block
}

.page-recharge-tarjeta .inputcontainer__preview {
	margin-left: 10px;
	background: url(/inicio/assets/img/sample-code.svg) no-repeat center;
	background-size: cover;
	height: 42px;
	position: relative;
	margin-top: 5px;
	width: 69px
}

.page-recharge-tarjeta .inputcontainer__preview.visa {
	background: url(/inicio/assets/img/sample-code-visa.svg) no-repeat center
}

.page-recharge-tarjeta .inputcontainer__preview.amex {
	background: url(/inicio/assets/img/sample-code-amex.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .inputcontainer__preview.amex__text {
	top: 5px;
	right: 7px
}

.page-recharge-tarjeta .inputcontainer__preview__text {
	position: absolute;
	top: 18px;
	right: 11px;
	font-size: 5px;
	height: 10px;
	line-height: 10px;
	width: 12px;
	text-align: center
}

.page-recharge-tarjeta .inputcontainer.amex {
	background: url(../assets/generic-back-amex.jpg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .inputcontainer.amex__text {
	top: 5px;
	right: 7px
}

.page-recharge-tarjeta .formcode {
	margin: 30px 0 0
}

.page-recharge-tarjeta .formcode__submit {
	color: #6A6A6A;
	background: #D0D0D0;
	display: block;
	text-align: center;
	width: 100%;
	border-radius: 125px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	margin: 30px 0 0
}

.page-recharge-tarjeta .formcode__submit.active {
	background: #EF3829;
	color: #fff
}

.page-recharge-tarjeta .formcode__eliminar {
	color: #1F97AE;
	display: block;
	text-align: center;
	width: 100%;
	height: 40px;
	font-size: 16px;
	margin: 15px 0 0
}

.page-recharge-tarjeta .newcard {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 16px;
	margin-bottom: 20px
}

.page-recharge-tarjeta .newcard__preview {
	position: absolute;
	top: 12px;
	left: 12px;
	height: 30px;
	background: url(https://i.ibb.co/p4F1YDd/newcard.png) no-repeat center;
	background-size: cover;
	width: 48px
}

.page-recharge-tarjeta .newcard__preview__number {
	font-size: 4px;
	top: 8px;
	position: relative;
	left: 3px;
	word-spacing: 0px
}

.page-recharge-tarjeta .newcard__preview__name {
	font-size: 4px;
	top: -2px;
	position: relative;
	left: 3px;
	word-spacing: 0px;
	bottom: 1px
}

.page-recharge-tarjeta .newcard__preview__expiration {
	font-size: 4px;
	top: -20px;
	position: relative;
	right: -33px;
	word-spacing: 0px
}

.page-recharge-tarjeta .newcard__preview.visa {
	background: url(/inicio/assets/img/card_visa_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .newcard__preview.amex {
	background: url(/inicio/assets/img/card_amex_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.page-recharge-tarjeta .newcard__preview.naranja {
	background: url(/inicio/assets/img/card_naranja_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.diners {
	background: url(/inicio/assets/img/card_diners_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.cabal {
	background: url(/inicio/assets/img/card_cabal_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.cliper {
	background: url(/inicio/assets/img/card_cliper_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.favacard {
	background: url(/inicio/assets/img/card_favacard_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.data {
	background: url(/inicio/assets/img/card_data_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.master {
	background: url(/inicio/assets/img/card_master_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__preview.nativa {
	background: url(/inicio/assets/img/card_nativa_front.svg) no-repeat center;
	background-size: cover
}

.page-recharge-tarjeta .newcard__inputcontainer {
	min-height: 75px;
	margin-bottom: 10px
}

.page-recharge-tarjeta .newcard__inputcontainer .input__help {
	position: absolute;
	margin-top: 15px;
	margin-left: 15px;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 125px;
	background-color: #858585
}

.page-recharge-tarjeta .newcard__inputcontainer .input__help--small {
	margin-top: 15px;
	margin-left: 15px;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 125px;
	background-color: #858585
}

.page-recharge-tarjeta .newcard__inputcontainer__input {
	padding-left: 78px;
	-moz-appearance: textfield !important
}

.page-recharge-tarjeta .newcard__inputcontainer__input+.newcard__inputcontainer__label {
	left: 78px
}

.page-recharge-tarjeta .newcard__inputcontainer__data {
	width: 100%
}

.page-recharge-tarjeta .newcard__inputcontainer__data--small {
	max-width: 220px;
	width: auto
}

.page-recharge-tarjeta .newcard__inputcontainer__data--small+.newcard__inputcontainer__data--small {
	margin-top: 30px
}

.page-recharge-tarjeta .newcard .formcode__submit {
	margin: 0
}

.page-recharge-tarjeta .newcard__lnk {
	color: #1F97AE;
	display: block;
	text-align: center;
	margin: 0 20px
}

.page-recharge-tarjeta .page-recharge-divider {
	padding-top: 16px
}

.page-recharge-tarjeta .title__tarjeta--small {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 15px
}

.page-recharge-tarjeta .box__milinea {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 16px;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	position: relative
}

.page-recharge-tarjeta .box__milinea a {
	color: inherit;
	font: inherit
}

.page-recharge-tarjeta .box__milinea__arrow {
	position: absolute;
	right: 15px;
	height: 20px;
	width: 20px;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%)
}

.page-recharge-tarjeta .box__milinea__arrow:after,
.page-recharge-tarjeta .box__milinea__arrow:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 7px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .box__milinea__arrow:before {
	top: 12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .box__milinea__arrow.open:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.page-recharge-tarjeta .box__milinea__arrow.open:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-tarjeta .box__milinea__icon {
	width: 46px;
	margin-right: 10px
}

.page-recharge-tarjeta .box__milinea .box__milinea__data {
	width: 60%
}

.page-recharge-tarjeta .box__milinea .box__milinea__data__number,
.page-recharge-tarjeta .box__milinea .box__milinea__data__title {
	display: block;
	color: #222
}

.page-recharge-tarjeta .box__milinea .box__milinea__data__number {
	font-size: 16px;
	font-weight: bold
}

.page-recharge-tarjeta .box__milinea .box__milinea__data__title {
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 3px
}

.page-recharge-tarjeta .addline__header__toggle {
	top: 12px
}

.page-recharge-tarjeta .addline__text {
	color: #222;
	font-size: 16px;
	font-weight: 500
}

.page-recharge-tarjeta .addline__preview {
	width: 46px;
	margin-right: 10px
}

.page-recharge-tarjeta .addline__data {
	margin: 9px 0 0
}

.page-recharge-tarjeta .addline__body .formcode {
	margin: 17px 0 0
}

.page-recharge-tarjeta .addline__body .formcode__submit {
	margin-top: 20px
}

.page-recharge-tarjeta .inputcontainer__addline {
	width: 100%
}

.page-recharge-tarjeta .inputcontainer__addline .inputcontainer__input {
	padding-left: 43px
}

.page-recharge-tarjeta .inputcontainer__addline .inputcontainer__input+.inputcontainer__label {
	margin-left: 34px
}

.page-recharge-tarjeta .inputcontainer__addline .inputcontainer__addline__img {
	position: absolute;
	top: 16px;
	left: 16px
}

.page-recharge-tarjeta .alert__aviso {
	background: #C7E5EB;
	display: block;
	margin: 0 0;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 2;
	width: 100%;
	transform: translate(0%, -100%);
	-webkit-transform: translate(0%, -100%);
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in
}

.page-recharge-tarjeta .alert__aviso.active {
	visibility: visible;
	opacity: 1;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.page-recharge-tarjeta .alert__aviso__row {
	display: flex;
	padding: 9px 14px
}

.page-recharge-tarjeta .alert__aviso__text {
	color: #222;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin: 0 55px 0 13px
}

.page-recharge-tarjeta .alert__aviso__close {
	position: absolute;
	right: 13px;
	width: 16px;
	height: 16px;
	-webkit-appearance: none;
	outline: none
}

.page-recharge-tarjeta .alert__aviso__close:after,
.page-recharge-tarjeta .alert__aviso__close:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 16px;
	height: 2px;
	background-color: black;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-tarjeta .alert__aviso__close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.modalhelp {
	visibility: hidden;
	position: fixed;
	background: rgba(0, 0, 0, 0.4);
	width: 100vw;
	height: 100vh;
	z-index: 222;
	top: 0;
	left: 0
}

.modalhelp.active {
	visibility: visible
}

.modalhelp__content {
	position: fixed;
	bottom: 0;
	background: #fff;
	z-index: 222;
	padding: 25px 145px 25px 25px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	transform: translate(0%, 130%);
	-webkit-transform: translate(0%, 130%);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.modalhelp__content.active {
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.modalhelp__preview {
	position: absolute;
	right: 20px;
	top: 20px
}

.modalhelp__data__title {
	font-weight: 600
}

.modalhelp__data__text {
	font-weight: 300;
	margin: 13px 0 0
}

.modalhelp__data__close {
	color: #1F97AE;
	margin: 13px 0 0;
	display: block;
	font-weight: 400
}

.page-tarjetas-habilitadas .title__tarjeta {
	text-align: left;
	font-weight: 500;
	line-height: 26px;
	font-size: 22px;
	margin: 0 0 20px
}

.page-tarjetas-habilitadas .expect__tarjetas {
	font-weight: 300;
	line-height: 19px;
	font-size: 16px;
	margin-bottom: 25px
}

.page-tarjetas-habilitadas .row__container {
	margin: 0 -15px;
	font-size: 0
}

.page-tarjetas-habilitadas .row__container .col {
	box-sizing: border-box;
	display: inline-block
}

.page-tarjetas-habilitadas .row__container .col_4 {
	text-align: center;
	padding: 0 15px;
	vertical-align: top;
	width: 33.33%
}

.page-tarjetas-habilitadas .row__container .boxtarjeta__logo {
	display: block;
	max-width: 76px;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	position: relative;
	overflow: hidden;
	border-radius: 5px
}

.page-tarjetas-habilitadas .row__container .boxtarjeta__title {
	font-weight: 300;
	color: #222;
	line-height: 16px;
	font-size: 14px;
	text-transform: capitalize;
	margin: 8px auto 20px;
	max-width: 76px
}

.cardconfirm--spacer {
	padding-top: 20px
}

.cardconfirm {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 4px 8px;
	margin-bottom: 20px
}

.cardconfirm__number,
.cardconfirm__title {
	text-align: center
}

.cardconfirm__title {
	font-weight: 300;
	font-size: 16px;
	line-height: 19px
}

.cardconfirm__number {
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	margin: 10px 0 0
}

.cardconfirm__lkn {
	color: #1F97AE;
	display: block;
	text-align: center;
	margin: 0 20px
}

.cardconfirm__box {
	padding: 15px 0
}

.cardconfirm__box+.cardconfirm__box {
	border-top: 1px solid #D0D0D0
}

.cardconfirm__card {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	position: relative;
	margin: 20px auto;
	max-width: 90%;
	justify-content: center
}

.cardconfirm__preview {
	background: url(/inicio/assets/img/cardpreview.png) no-repeat center;
	background-size: cover;
	margin-right: 10px;
	width: 89px;
	height: 55px;
	position: relative
}

.cardconfirm__preview.amex {
	background: url(/inicio/assets/img/card_amex_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.cardconfirm__preview.visa {
	background: url(/inicio/assets/img/card_visa_front.svg) no-repeat center;
	background-size: cover;
	color: white
}

.cardconfirm__preview.naranja {
	background: url(/inicio/assets/img/card_naranja_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.diners {
	background: url(/inicio/assets/img/card_diners_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.cabal {
	background: url(/inicio/assets/img/card_cabal_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.cliper {
	background: url(/inicio/assets/img/card_cliper_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.favacard {
	background: url(/inicio/assets/img/card_favacard_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.data {
	background: url(/inicio/assets/img/card_data_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.master {
	background: url(/inicio/assets/img/card_master_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview.nativa {
	background: url(/inicio/assets/img/card_nativa_front.svg) no-repeat center;
	background-size: cover
}

.cardconfirm__preview__number {
	font-size: 6px;
	top: 23px;
	position: absolute;
	left: 6px;
	word-spacing: 6px
}

.cardconfirm__preview__name {
	font-size: 6px;
	top: 36px;
	position: absolute;
	left: 6px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 61px;
	text-transform: uppercase
}

.cardconfirm__preview__expiration {
	font-size: 6px;
	top: 36px;
	position: absolute;
	right: 6px
}

.cardconfirm__data__title {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 9px;
	line-height: 19px;
	text-transform: lowercase
}

.cardconfirm__data__title::first-letter {
	text-transform: uppercase
}

.cardconfirm__data__number {
	font-weight: 400;
	font-size: 16px;
	line-height: 19px
}

.page-recharge-body {
	height: 1vh;
	margin-top: -8px
}

.alertfixed {
	position: fixed;
	bottom: 0;
	color: #fff;
	left: 10px;
	right: 10px;
	bottom: 10px;
	padding: 15px;
	border-radius: 2px;
	transform: translate(0%, 130%);
	-webkit-transform: translate(0%, 130%);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.alertfixed.active {
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.alertfixed__error {
	background: #222
}

.alertfixed__sucess {
	background: #33744f
}

.alertfixed__sucess__text {
	padding: 0 83px 0 0
}

.alertfixed__sucess__lnk {
	text-transform: uppercase;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin .inputcontainer__icon__error {
	right: -34px;
	z-index: 2
}

.page-recharge-uruguay {
	padding-bottom: 30px
}

.page-recharge-uruguay .title__tarjeta {
	font-size: 16px;
	line-height: 20px;
	padding-top: 20px;
	margin: 0 0 16px
}

.page-recharge-uruguay .newcard__title {
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 17px;
	color: #222
}

.page-recharge-uruguay .newcard {
	padding-bottom: 1px
}

.page-recharge-uruguay .newcard__inputcontainer__data--small {
	max-width: initial;
	width: 100%
}

.page-recharge-uruguay .newcard .inputcontainer__data--fullwidth {
	max-width: initial;
	width: 100%
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin {
	margin-right: 35px
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin .input__help {
	right: -32px
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin.error .input__help,
.page-recharge-uruguay .newcard .inputcontainer__data--margin.error .inputcontainer__info {
	display: none
}

.page-recharge-uruguay .newcard .inputcontainer__data--margin.error .inputcontainer__icon__error {
	right: -34px
}

.page-recharge-uruguay .form-with-header-container {
	margin-bottom: 16px
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info {
	position: absolute;
	top: 17px;
	right: -34px;
	line-height: 22px;
	font-size: 20px
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item {
	color: #858585;
	outline: none
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item:active+.inputcontainer__info__description,
.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item:focus+.inputcontainer__info__description,
.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__item:hover+.inputcontainer__info__description {
	display: block
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__description {
	z-index: 100;
	display: none;
	position: absolute;
	right: -10px;
	top: 112%;
	background-color: #CECECE;
	color: #212221;
	width: 122px;
	padding: 10px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 14px;
	transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-webkit-transform: translate(0, 0%);
	border-box: box-sizing;
	-ms-border-box: box-sizing;
	-moz-border-box: box-sizing;
	-webkit-border-box: box-sizing
}

.page-recharge-uruguay .form-with-header-container .inputcontainer__info .inputcontainer__info__description:after {
	content: "";
	position: absolute;
	top: 0;
	right: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3px 4px 3px;
	border-color: transparent transparent #cecece transparent;
	transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	-moz-transform: translate(0, -3px);
	-webkit-transform: translate(0, -3px)
}

.page-recharge-uruguay .form-with-header-container .select__container {
	position: absolute;
	height: 53px;
	display: block;
	width: 100%;
	-webkit-appearance: none !important;
	box-shadow: none;
	max-width: 110px
}

.page-recharge-uruguay .form-with-header-container .select__container:after,
.page-recharge-uruguay .form-with-header-container .select__container:before {
	pointer-events: none;
	content: "";
	position: absolute;
	top: 26px;
	right: 16px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.page-recharge-uruguay .form-with-header-container .select__container:before {
	top: 26px;
	right: 22px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.page-recharge-uruguay .form-with-header-container .select__container__button {
	border: 1px solid #D0D0D0;
	outline: none;
	border-radius: 2px;
	box-sizing: border-box;
	display: block;
	height: 53px;
	padding: 0 0 0 17px;
	line-height: 28px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", Sans-serif;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	background: #fff;
	color: #6A6A6A;
	width: 100%;
	text-align: left
}

.page-recharge-uruguay .form-with-header-container .select__container+.newcard__inputcontainer {
	margin-left: 120px
}


.page-recharge-uruguay .recharge__error {
	background: #B7202E;
	left: 14px;
	right: 14px;
	position: fixed;
	bottom: 15px;
	color: white;
	border-radius: 6px;
	padding: 10px 45px 10px 40px;
	opacity: 0;
	visibility: hidden;
	transform: translate(0%, 100%);
	-webkit-transform: translate(0%, 100%);
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in
}

.page-recharge-uruguay .recharge__error.active {
	opacity: 1;
	visibility: visible;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.page-recharge-uruguay .recharge__error__text {
	font-size: 16px;
	line-height: 22px;
	max-width: 259px
}

.page-recharge-uruguay .recharge__error .icon {
	position: absolute;
	left: 10px;
	top: 22px;
	font-size: 17px
}

.page-recharge-uruguay .recharge__error .recharge__error__close {
	position: absolute;
	top: 22px;
	right: 15px;
	width: 20px;
	height: 20px;
	outline: none
}

.page-recharge-uruguay .recharge__error .recharge__error__close:after,
.page-recharge-uruguay .recharge__error .recharge__error__close:before {
	content: "";
	position: absolute;
	right: 2px;
	top: 9px;
	width: 17px;
	height: 2px;
	background-color: white;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.page-recharge-uruguay .recharge__error .recharge__error__close:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.inputcontainer_select {
	background-color: #FFFF;
	border: 1px solid #D0D0D0;
	line-height: 19px;
	font-size: 16px;
	font-weight: 600;
	color: #6a6a6a;
	height: 53px;
	box-sizing: border-box;
	padding: 12px 40px 0 10px;
	display: block
}

.select__container {
	position: absolute;
	height: 53px;
	display: block;
	width: 100%;
	-webkit-appearance: none !important;
	box-shadow: none;
	max-width: 110px
}

.select__container:after,
.select__container:before {
	pointer-events: none;
	content: "";
	position: absolute;
	top: 26px;
	right: 16px;
	width: 10px;
	height: 2px;
	background-color: black;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in
}

.select__container:before {
	top: 26px;
	right: 22px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.select__container__button {
	border: 1px solid #D0D0D0;
	outline: none;
	border-radius: 2px;
	box-sizing: border-box;
	display: block;
	height: 53px;
	padding: 0 0 0 17px;
	line-height: 28px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Roboto", Sans-serif;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	background: #fff;
	color: #6A6A6A;
	width: 100%;
	text-align: left
}

.select__container+.newcard__inputcontainer {
	margin-left: 120px
}

.recharge__error {
	background: #B7202E;
	left: 14px;
	right: 14px;
	position: fixed;
	bottom: 15px;
	color: white;
	border-radius: 6px;
	padding: 10px 45px 10px 40px;
	opacity: 0;
	visibility: hidden;
	transform: translate(0%, 100%);
	-webkit-transform: translate(0%, 100%);
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in
}

.recharge__error.active {
	opacity: 1;
	visibility: visible;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%)
}

.recharge__error__text {
	font-size: 16px;
	line-height: 22px;
	max-width: 259px
}

.recharge__error .icon {
	position: absolute;
	left: 10px;
	top: 22px;
	font-size: 17px
}

.recharge__error .recharge__error__close {
	position: absolute;
	top: 22px;
	right: 15px;
	width: 20px;
	height: 20px;
	outline: none
}

.recharge__error .recharge__error__close:after,
.recharge__error .recharge__error__close:before {
	content: "";
	position: absolute;
	right: 2px;
	top: 9px;
	width: 17px;
	height: 2px;
	background-color: white;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.recharge__error .recharge__error__close:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.button {
	display: flex;
	justify-content: center
}

.page-handler-without-header {
	background-color: white;
	height: 100vh;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	display: flex;
	padding-top: 0px
}

.red__button {
	color: #6A6A6A;
	background: #D0D0D0;
	display: block;
	text-align: center;
	width: 100%;
	border-radius: 125px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	margin: 30px 0 0
}

.red__button.active {
	background: #EF3829;
	color: #fff
}

.fake_login .change-line {
	color: #F2DEDE;
	margin-top: 50px
}

.fake_login .input-group {
	margin-bottom: 10px
}

.icon--help:before {
	content: "\f10a";
}

.icon:before {
	display: inline-block;
	font-family: "icons", Arial;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: "\f102";
	background:"../../../img/atras.png";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.page-recharge-tarjeta .newcard__preview {
	position: absolute;
	top: 12px;
	left: 12px;
	height: 30px;
	background: url(https://i.ibb.co/p4F1YDd/newcard.png) no-repeat center;
	background-size: cover;
	width: 48px;
}
.loader {
	.loading-spin();
  }
  
  
.loading-spin{
	@size: 24px,
	@border: 8px solid #aaa, 
	@speed: 1s
  {
	width: @size;
	height: @size;
	border: @border;
	border-right-color: transparent;
	border-radius: 75%;
	animation: spin @speed linear infinite;  
	
  }
  @keyframes "spin" {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }