@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700;900&display=swap');
* {
	box-sizing: border-box !important;
	text-decoration: none;
	outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}
body,html {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: 'Roboto';
	background: #F5F7F9;
	color: #110e2b;
}
a {
	color: #4c40df;
}
a:hover {
	color: #e4a90c;
}
.hidden, .forMobile {
	display: none;
}
ul,ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
button {
	border: 0px;
	cursor: pointer;
}
.fa {
	transform:rotate(0.001deg)
}
.cntr {
	text-align: center !important;
}
.blur {
	filter: blur(4px);
}
.transition{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
.t{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.col-5 {
	float: left;
	width: 50%;
}
.ttfl {
	float: left;
	width: 100%;
}
.right {
	float: right;
}
.p10 {
	padding: 10px;
}
.p20 {
	padding: 20px;
}
.p30 {
	padding: 30px;
}
.pt10 {
	padding-top: 10px;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.rd80 {
	border-radius: 40px;
}
.container {
	display: inline-block;
	width: 1100px;
	text-align: left;
	padding: 0px 15px;
}
header {
	position: absolute;
	width: 100%;
	float: left;
	height: 65px;
	overflow: hidden;
	z-index: 600;
	left: 0px;
	top: 0px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	border-radius: 0px 0px 20px 20px;
}
header #logo {
	float: left;
	margin-top: 11px;
	margin-right: 30px;
}
header #logo a{
	font: 900 25px Urbanist;
    color: #4b5257;
	text-align: left;
}
header #logo a strong, .footLogo .text strong{
	color: rgb(255, 97, 0);
}

header #logo img {
	float: left;
	max-height: 35px;
	margin-right: 10px;
	margin-top: 3px;
}
.webMenu li button, .webMenu li a {
    float: right;
    display: block;
    width: 55px;
    height: 55px;
    background: transparent;
	line-height: 85px;
}
.webMenu {
	float: right;
}
.webMenu li {
	float: left;
	line-height: 65px;
}
.webMenu li img {
	width: 36px;
	height: 36px;
	display: inline-block;
}
.pulse {
  animation: pulse 1s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #ff731f;
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(139, 195, 74, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
  }
}
.pulse2 {
  animation: pulse2 2s infinite;
}
@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #1C6CD9;
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(139, 195, 74, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(139, 195, 74, 0);
  }
}
.slick-next {
	background: #E1E819 !important;
	content: '';
	right: -10px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	z-index: 2;
	border: 5px solid #FFF;
}
.slick-next:before {
	opacity: 1;
	content: "\f10b";
	font-family: 'Ionicons';
	color: rgba(0,0,0,0.6);
}
.slick-prev {
	background: #E1E819 !important;
	content: '';
	left: -10px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	z-index: 2;
	border: 5px solid #FFF;
}
.slick-prev:before {
	opacity: 1;
	content: "\f108";
	font-family: 'Ionicons';
	color: rgba(0,0,0,0.6);
}
.slick-next:hover, .slick-prev:hover {
	background: #B1B70A !important;
}
.slick-dots li button:before {
	font-size: 17px;
}
.sliderHome {
	margin: 0px !important;
}
.sliderHome .slick-dots {
	bottom: 140px;
}
.sliderHome .slick-dots li button:before {
	color: #FFF;
	font-size: 20px;
}
.slick-dots .slick-active button:before {
	color: #C0E92D !important;
}
.slider_container {
	position: relative;
}
.blog_widget {
	float: left;
	width: calc(100% + 20px);
	margin-bottom: 30px;
}
.blog_widget li {
	float: left;
	width: calc(33.33% - 20px);
}
.blog_widget li a {
	float: left;
	width: 100%;
	height: 300px;
	background: #EFEFEF;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
}
.blog_widget li a img{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 140%;
}
.blog_widget li a .bub{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	color: #FFF;
}
.blog_widget li a .title{
	font: 900 17px Roboto;
}
.blog_widget li a:hover .bub {
	background: rgba(255, 108, 0, 0.9);
	padding: 40px 20px;
}
#maskSoft {
	position: fixed;
	z-index: 601;
	background: rgba(0, 0, 0, 0.95);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	float: left;
}
#mask {
	position: fixed;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.95);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	float: left;
}
#maskTarifa {
	position: fixed;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	float: left;
}
#maskWhite {
	position: fixed;
	z-index: 9999;
	background: rgba(160, 165, 171, 0.9);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	float: left;
}
#maskAlert {
	position: fixed;
	z-index: 999999999999;
	background: rgba(0, 0, 0, 0.9);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	float: left;
}
#alerta {
	position: absolute;
	z-index: 9999999999999;
	background: #FFF;
	width: 100%;
	display: none;
	max-width: 400px;
	border-radius: 20px;
	overflow: hidden;




	font: 600 14px Roboto;
}
#alerta .cc {
	float: left;
	width: 100%;
	padding: 30px;
}
#alerta .op {
	float: left;
	width: 100%;
	padding: 30px;
	background: #f4f9f4;
}
#alerta .op a {
	display: inline-block;
	background: #8BC34A;
	color: #FFF;
	padding: 10px 30px;
	border-radius: 12px;
	margin: 5px;
	font: 700 15px Roboto;
}
#alerta .op a:hover {
	color: #FFF;
	background: #4CAF50;
}
#alerta .op a.close {
	background: transparent;
	border: 1px solid #7ebb8a;
    color: #749577;
}
#alerta .op a.close:hover {
	box-shadow: none;
}
footer {
	float: left;
	width: 100%;
	background: #FFF; 
	position: relative;
	z-index: 5;
	color: #2b2d2f;
    font: 400 11px Roboto;
}
footer h3 {
	font: 700 30px Urbanist;
}
footer .lb {
	float: left;
	width: 25%;
}
footer .rb {
	float: left;
	width: 75%;
	padding-left: 30px;
}
footer .rb .col {
	float: left;
	width: 25%;
	margin: 40px 0px;
	text-align: left;
}
footer .rb .col a {
	float: left;
  width: 100%;
  font: 600 13px/28px Roboto;
  color: #6a6c6f;
	-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;
}
footer .rb .col a:hover {
  color: #FF6700;
}
footer .rb .col .tit {
	font: 900 15px Roboto;
	color: #2b2d2f;
	margin-bottom: 10px;
}
footer .rb .col ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
footer .links li, footer .dCenter {
	display: inline-block;
}
.footLogo img {
	max-height: 30px;
	position: relative;
	top: 2px;
}
.footLogo .text {
	width: 99%;
	color: #2b2d2f;
	padding-left: 15px;
	font: 900 20px Urbanist;
}
.stftext {
	font: 600 12px/20px Urbanist;
	color: #949ba7;
}
.foot_payments {
	background: #FFF;
  color: #2b2d2f;
	padding: 30px 15px;
	position: relative;
  z-index: 5;
}
.foot_payments .tab {
	background: #FFF;
	padding: 25px 15px;
	border-top: 2px dashed #EFEFEF;
	border-bottom: 2px dashed #EFEFEF;
}
.foot_payments .tab > div {
	float: left;
	width: 100%;
	text-align: center;
}
.foot_payments .tab .txt {
	padding-left: 20px;
	font: 400 10px Roboto;
	margin-top: 10px;
	color: #787F82;
}
.inner_steps .step{
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 0px 10px;
}
.inner_steps .step p{
	margin: 0px;
}
.selectPais {
	float: left;
	height: 50px;
	width: 105px;
	position: relative;
	border: 1px solid #CCC;
	border-radius: 15px 0px 0px 15px;
	z-index: 100;
	
}
.selectCountryMenu {
	float: left;
	width: 400px;
	position: absolute;
	border-radius: 15px;
	background: #FFF;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 15;
	box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.3);
	overflow: hidden;
}
.selectCountryMenu .searchPlug {
	padding: 10px;
	position: relative;
}
.selectCountryMenu .searchPlug:before {
	content: "\f2f5";
	font-family: 'Ionicons';
	position: absolute;
	font-size: 25px;
	left: 20px;
	top: 15px;
	color: #000;
}
.selectCountryMenu .searchPlug input {
	padding: 0px 10px 0px 35px;
	height: 40px;
	border: 1px solid #EFEFEF;
	border-radius: 10px;
	width: 100%;
}
.scr_paises {
	max-height: 400px;
	overflow: auto;
}
.scr_paises > div, .scr_paises > a {
	border-bottom: 1px solid #EFEFEF;
  padding: 10px 20px;
  font: 600 14px Urbanist;
  cursor: pointer;
  color: #28292f;
  text-align: left;
	position: relative;
	padding-left: 40px;
}
.scr_paises > div span, .scr_paises > a span {
	float: right;
}
.scr_paises > div:hover, .scr_paises > a:hover {
	background: rgba(0,0,0,0.08);
	color: #333;
}
.scr_paises > a img, .scr_paises > div img {
	max-width: 20px;
  max-height: 10px;
  border-radius: 4px !important;
}
.scr_paises .flag {
	position: absolute;
	left: 15px;
	top: calc(50% - 5px);
}
.scr_paises .act {
	background: #161EAA;
	color: #FFF;
}
.selectPais .handSelect {
	float: left;
	height: 40px;
	top: 0px;
	border-radius: 40px 0px 0px 40px;
	left: 0px;
	z-index: 2;
	position: absolute;
	font: 900 19px/42px Roboto;
	width: 100%;
	text-align: right;
	color: #535464;
	cursor: pointer; 




	padding-right: 10px;
}
.selectPais .handSelect i {
	margin-left: 5px;
}
.selectPais .img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	left: 7px;
    top: calc(50% - 16px);
	background-size: cover;
	background-position: center center;
}
.inputForm {
	float: left;
	width: calc(100% - 130px);
	font: 600 22px/70px Urbanist;
	border: 0px;
	border-radius: 0px 20px 20px 0px;
	background: #FFF;
	height: 70px;
	padding: 0px 10px;
	color: #33346f;
}
.txtsub {
	color: #575886;
	font: 400 14px/24px Roboto;
	margin-top: 10px;
}
.breadtit {
	margin-bottom: 10px;
	font: 700 25px/35px Urbanist;
	color: #ed7822;
}
#pageLoad {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	height: 100%;
	line-height: 100vh;
	background: rgba(255,255,255,0.8);
	z-index: 999999;
	display: none;
}
#pageLoad .content {
	display: inline-block;
	line-height: 20px;
	position: relative;
	width: 300px;
}
#pageLoad .content .text {
	position: absolute;
	bottom: 30px;
	width: 100%;
	font: 600 14px Roboto;
}
#pageLoad .content .text span {
	font: 400 12px Roboto;
	float: left;
	width: 100%;
}
.assistanceBar {
	display: table;
	width: 100%;
	background: #EAEFF9;
	border-radius: 20px;
	padding: 10px;
	max-width: 460px;
}
.assistanceBar > span {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
	color: #444c5b;
  font: 600 13px Roboto;
	text-align: left;
}
.assistanceBar img {
	border-radius: 50%;
}
.assistanceBar a {
	background: #265abd;
  border-radius: 40px;
	display: inline-block;
	color: #FFF;
	padding: 10px 20px;
	margin-left: 10px;
	font: 900 12px Roboto;
}
.sect_white {
	background: #FFF;
	padding: 50px 0px 100px 0px;
}
#app_menu, #user_menu {
	display: none;
	position: absolute;
	width: 300px;
	background: #FFF;
	background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(247, 250, 251) 100%);
	top: 0px;
	padding: 20px;
	right: 0px;
	z-index: 10112;
	border-radius: 20px;
	box-shadow: 0px 30px 20px 0px rgba(0,0,0,0.2);
}
#app_menu {
	padding: 20px;
}
#user_menu .userPart {
	padding: 30px;
	color: #000;
	font: 800 16px Roboto;
}
#user_menu .userPart .name {
	height: 20px;
	white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
#user_menu .userPart img {
	max-width: 80px;
}
#user_menu .userPart a {
	float: left;
	width: 100%;
  color: #403CC6;
	border: 1px solid #403CC6;
  font: 800 13px Roboto;
  padding: 10px;
  border-radius: 30px;
  margin: 10px 2px 0px 2px;
}
#user_menu .userPart a:last-child {
  color: #FFF;
  background: #403CC6;
	border: 0px;
}
#user_menu .userPart a:hover {
	color: #FFF;
  background: #1B1879;border-color: #1B1879;
}
#app_menu ul li a, #user_menu ul li a {
	display: table;
	width: 100%;
	text-align: left;
	position: relative;
	color: #000;
	font: 600 15px Roboto;
	padding: 5px 15px;
}
#app_menu ul li a > span, #user_menu ul li a > span {
	display: table-cell;
	vertical-align: middle;
}
#app_menu ul li a .img, #user_menu ul li a .img {
	width: 30px;
}
#app_menu ul li a .img img, #user_menu ul li a .img img {
	max-width: 100%;
	position: relative;
	top: 1px;
}
#app_menu ul li a .txt, #user_menu ul li a .txt {
	width: calc(100% - 30px);
	padding-left: 10px;
}
#app_menu ul li a:hover, #user_menu ul li a:hover {
	color: #ff871e;
}
#app_menu .sector {
	text-align: left;
	font: 900 14px Roboto;
  color: #8E949B;
  padding: 0px 20px 10px 20px;
}
.blocked {
	overflow: hidden;
}
.list_country {
	float: left;
	width: calc(100% + 20px);
}
.list_country .item {
	float: left;
	width: calc(33.33% - 20px);
	margin: 0px 20px 20px 0px;
}
.list_country .item a {
	float: left;
	width: 100%;
	box-shadow: 0px 0px 40px 0px rgba(37, 81, 164, 0.1);
	background: #FFF;
	padding: 20px;
	border-radius: 10px;
	color: #2547ca;
	font: 600 16px Urbanist;
	position: relative;
	text-align: left;
}
.list_country .item a .img{
	position: absolute;

	right: 20px;
	top: 20px;
}
.list_country .item a .img img{
	border-radius: 5px;
	max-height: 20px;
}
.list_country .item a:hover {
	box-shadow: 0px 0px 15px 0px rgba(255, 131, 0, 0.5);
	color: #ff731f;
}
.busca_page {
	position: relative;
}
.busca_page:after {
	content: "\f2f5";
	font-family: 'Ionicons';
	position: absolute;
	left: 20px;
	top: 12px;
	font-size: 25px;
	color: #000;
}
.busca_page input {
	height: 50px;
	border-radius: 15px;
	font: 600 16px Urbanist;
	padding: 0px 0px 0px 50px;
	box-shadow: 0px 0px 40px 0px rgba(37, 81, 164, 0.1);
	border: 0px;
}
.pais_description ol{
	list-style: decimal;
	list-style-position: inside;
}
.pais_description h3 {
	font: 700 30px Urbanist;
	color: #33346f;
}
.list_operator .country {
	background: #33346f;
	color: #FFF;

	padding: 20px;
	border-radius: 10px 10px 0px 0px;
}
.list_operator .operadores {
	background: #FFF;
	color: #333;
	padding: 20px 20px 0px 20px;
	border-radius: 0px 0px 10px 10px;
	margin-bottom: 20px;
}
.list_operator .operadores a {
	display: inline-block;
	margin: 0px 20px 20px 0px;
	color: #3D3E60;
	font: 600 16px Urbanist;
}
.list_operator .operadores a:hover {
	color: #2B88FF;
}
.list_operator .operadores img {
	display: inline-block;
	max-height: 16px;
	margin-right: 10px;
}
.homePageForm {
	padding-top: 80px;
}
.grid_operators  {
	float: left;
	width: calc(100% + 20px);
	text-align: center;
}
.grid_operators > div {
	display: inline-block;
	text-align: left;
	width: calc(32.33% - 20px);
	margin: 0px 20px 20px 0px;
}
.grid_operators a {
	float: left;
	width: 100%;
	border-radius: 20px;
	box-shadow: 0px 0px 40px 0px rgba(37, 81, 164, 0.1);
	font: 600 19px Urbanist;
  color: #363b3e;
	position: relative;
}
.grid_operators a .type {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #EFEFEF;
	font: 400 10px Roboto;
	padding: 3px 5px;
	border-radius: 5px;
}
.grid_operators a .tab {
	display: table;
	width: 100%;
	height: 85px;

	padding: 20px 0px 20px 0px;
}
.grid_operators a .img {
	display: table-cell;
	width: 20%;
	padding: 0px 20px 0px 20px;
	vertical-align: middle;
}
.grid_operators a .img img {
	border-radius: 10px;
	max-height: 40px;
	max-width: 40px;
	position: relative;
	top: 2px;
	
}
.grid_operators a .data {
	display: table-cell;
	width: 80%;
	vertical-align: middle;
}
.grid_operators a:hover {
	box-shadow: 0px 0px 15px 0px rgba(255, 131, 0, 0.5);
	color: #ff731f;
}
.prd_grid {
	padding: 1px 20px 1px 1px;
	float: left;
	width: 100%;
	text-align: center;
}
.prd_grid .img {
	height: 150px;
	line-height: 150px;
	padding: 20px;
}
.prd_grid .price {
	font: 600 18px/24px Urbanist;
	padding: 0px 20px;
}
.prd_grid .ii {
	font: 400 13px/22px Roboto;
	color: #7c838e;
}
.prd_grid .cd {
	font: 400 13px/22px Roboto;
	color: #7c838e;
}
.prd_grid .img img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	max-width: 120px;
	border-radius: 10px;
}
.prd_grid button {
	float: left;
	width: 100%;
	border-radius: 10px;
  background: #8BC34A;
  color: #FFF;
  font: 600 12px Urbanist;
	padding: 10px;
}
.prd_grid .card {
	height: 300px;
	box-shadow: 0px 0px 0px 1px rgba(85, 117, 215, 0.18);
	border-bottom: 4px solid rgba(85, 117, 215, 0.18);
	border-radius: 10px;
}
.prd_grid .card:hover {
	cursor: pointer;
	color: #FF8E00;
	box-shadow: 0px 0px 0px 1px rgba(255, 143, 0, 0.38);
	border-bottom: 4px solid rgba(255, 143, 0, 0.38);
}
.bg_white {
	background: #FFF !important;
}
.bg_grey {
	background: #EDF0F4
}
.bg_banner {
	background: #FFF;
	position: relative;
	background-size: contain;
}
.bg_banner:after {
	background: #94cdd2;
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	width: 50%;
	height: 50%;
	border-radius: 100px 0px 0px 200px;
}
.bg_banner:before {
	background: #EFEFEF;
  content: '';
  position: absolute;
  left: -10%;
  top: 14%;
  width: 50%;
  height: 88%;
  border-radius: 0px 250px 250px 200px;
}
.sectionTitle {
	font: 900 35px Urbanist;
	text-align: center;
	color: #001a3f;
	margin: 0px;
	

	padding: 40px;

	position: relative;
	z-index: 2;
}
.sectionTitle span {
	float: left;
	width: 100%;
}
.sectionTitle .dest {
	background: linear-gradient(90deg, rgb(247, 174, 34) 0%, rgb(254, 6, 157) 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
	float: left;
	width: 100%;
	font: 900 50px Urbanist;
}
.widget_faq {
	background: #FFF;
	padding: 100px 0px;
}
.faqContainer {
	display: inline-block;
	width: 100%;
	max-width: 750px;
	position: relative;
}
.faqContainer .content {
	background: #FFF;
	position: relative;
	z-index: 2;
	padding: 0px 40px;
}
.faqContainer:before {
	content: '';
  background: #FFE243;
  position: absolute;
  left: -33%;
  width: 33%;
  height: 50%;
  top: 0px;
  border-radius: 50px 0px 0px 100px;
}
.faqContainer:after {
	content: '';
  background: #FFE243;
  position: absolute;
  right: -33%;
  width: 33%;
  height: 50%;
  bottom: 0px;
  border-radius: 0px 50px 100px 0px;
}
.faqContainer .more {
	font: 800 14px Roboto;
  color: #656a71;
  display: inline-block;
  padding: 15px 60px;
  background: rgba(0,0,0,0.1);
  border-radius: 20px;
}
.faq_list {
	width: 100%;
	float: left;
}
.faq_list li {
	width: 100%;
	float: left;
	text-align: left;
	border-bottom: 1px solid #EFEFEF;
	padding: 20px 0px;
	cursor: pointer;
}
.faq_list li .heading {
	width: 100%;
	float: left;
	position: relative;
	cursor: pointer;
	font: 700 16px Roboto;
	padding-right: 40px;
}
.faq_list li .heading:after {
	content: "\f218";

	position: absolute;
	font-family: 'Ionicons';
	right: 0px;
	top: calc(50% - 8px);
}
.faq_list li.act .heading:after {
	content: "\f123";
}
.faq_list li .content {
	width: 100%;
	float: left;
	display: none;
	margin: 30px 0px 10px 0px;
	position: relative;
	background: #FFF;
	padding: 20px;
	border-radius: 20px;
	color: #333;
	font: 400 14px/23px Roboto;
}
.faq_list li .content .code {
	background: #000;
	padding: 2px 5px;
	border-radius: 5px;
	color: #FFF;
	font-weight: 900;
}
.faq_list li .content:before {
	content: '';
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	top: -14px;
	left: 25px;
	border-bottom: 15px solid #FFF;
}
.faq_list li.act .heading {
	color: #6cce16;
}
.faq_list li:hover {
	color: #9a3fd9;
}
.btnNext {
	float: left;
	border: 0px;
	background: #000;
	color: #FFF;
	border-radius: 20px;
	font: 900 16px/42px Urbanist;
	margin-top: 20px;
	height: 55px;
}
.btnNext span {
	float: left;
	padding: 0px 15px;
}
.btnNext i {
	float: right;
	height: 45px;
	line-height: 42px;
	padding: 0px 15px;
	border-left: 1px solid rgba(255,255,255,0.1)
}
.maxContainer {
	display: inline-block;
	width: 100%;
	max-width: 500px;
}
.headerRicariche {
	border-radius: 0px 0px 20px 20px;
	margin-bottom: 40px;
}
input.numero{
	padding: 0px 10px;
	height: 51px;
	font: 900 19px/51px Roboto;
    color: #535464;
	border-radius: 0px 20px 20px 0px;
	width: calc(100% - 56px);
	border: 1px solid #CACFD7;
	border-left: 0px;
	letter-spacing: 1px;
	background: transparent;
	background: transparent;
}
.tabl_header {
	padding: 20px 0px;
}
.tabl_header h1 {
	margin: 0px;
	color: #FFF;
	font: 900 30px Urbanist;
}
.tabl_header p {
	font: 400 12px/20px Roboto;
}
.dv_prd_logo {
	width: 1%;
}
.prd_logo {
	float: right;
	max-height: 30px;
	margin-left: 30px;
}
.boxSaldoAmount {
	display: inline-block;
	width: 100%;
	border-radius: 40px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.boxSaldoSel {
	display: inline-block;
	width: 100%;
	padding: 30px 30px 0px 30px;
	position: relative;
    overflow: visible;
	border-bottom: 2px solid #EFEFEF;
}
.boxSaldoAmount .heading {
	text-align: left;
	font: 900 22px Urbanist;
}
.boxSaldoPago {
	max-width: 100%;
	border-radius: 20px;
	padding: 0px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.boxSaldoPago .tri {
	top: -20px !important;
}
.gridBoxes {
	float: left;
	width: calc(100% + 20px);
	margin: 50px 0px 60px 0px;
}
.gridBoxes li {
	float: left;
	width: calc(33.33% - 20px);
	margin: 0px 20px 20px 0px;
	background: #F2F4F7;
	border-radius: 40px;
	padding: 30px;
	font: 900 30px Urbanist;
	position: relative;
}
.gridBoxes li strong {

	color: #317ff5;
	float: left;
	width: 100%;
}
.gridBoxes li .dec {
	font: 500 16px/26px Roboto;
	margin-top: 20px;
}
.topupAlert {
	background: #4a1c60;
	border-radius: 0px 0px 20px 20px;
	position: relative;
    top: -15px;
	font: 400 16px Roboto;

	padding-bottom: 50px;
}
.topupAlert h1  {
	font: 900 40px Roboto;
	margin: 0px;
}
.topupAlert h1 span {
	display: inline-block;
	width: 100%;
}
.topupAlert h1 span strong {
	display: inline-block;
	background: #ff6000;
	color: #FFF;
	padding: 5px 10px;
}
.opHeader {
	position: relative;
}
.opHeader .osc {
	padding: 85px 10px 20px 10px;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
    color: #FFF;
	border-radius: 0px 0px 20px 20px;
	font: 500 14px Roboto;
}
.opHeader .osc a {
	color: #FFF;
	font-weight: 900;
	text-decoration: underline;
}
.opHeader h1 {
	font: 900 40px Urbanist;
}
.opHeader h1 strong {
	float: left;
	width: 100%;
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.blink {
    animation: blink 0.7s step-start infinite;
}

.topup_metodo .tabb > div {
	display: table-cell;
	vertical-align:middle
}
.topup_metodo .ck, .terms_check .ck {
	width: 1%;
}
.topup_metodo .tabb .ck div {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: #FFF;
	border-radius: 50%;
	position: relative;
	border: 1px solid #c1c6cc;
}
.topup_metodo.act:not(.act_wait) .tabb > .ck div, .terms_check.act .ck div {
	background: #000;
	border: 1px solid #000;
	box-shadow: none;
}
.topup_metodo.act:not(.act_wait) .tabb > .ck div:before {
	position: absolute;
	content: "\f122";
	font-family: 'Ionicons';
	left: 7px;
  top: 5px;
	color: #FFF;
	font-size: 14px;
}
.tarifDato.act {
	border-color: #000;
	opacity: 1;
}
.terms_check.act > .ck div:before {
	position: absolute;
	content: "\f122";
	font-family: 'Ionicons';
	left: 5px;
    top: 4px;
	color: #FFF;
	font-size: 14px;
}
.topup_metodo .ed span {
	float: right;
  color: #FFF;
  background: #d2184d;
  font: 900 12px Roboto;
  padding: 3px 5px;
  border-radius: 7px;
}
.topup_metodo {
	float: left;
	width: 100%;
	padding: 20px;
	position: relative;
	border-bottom: 1px solid #EFEFEF;
	background: #FFF;
	cursor: pointer;
}
.topup_metodo .infoTe {
	width: 59%;
	text-align: left;
	padding: 0px 15px;
	font: 900 15px Roboto;
}
.topup_metodo .img {
	text-align: right;
	width: 40%;
	padding-right: 5px;
}
.topup_metodo .img img {
	max-height: 25px;
	max-width: 100%;
}
.terms_check {
	cursor: pointer;
	padding: 10px 10px 0px 10px;
}
.terms_check .ck div {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #FFF;
	border-radius: 6px;
	position: relative;
	border: 1px solid #98989f;
  box-shadow: 0px 0px 3px 3px rgba(70, 70, 70, 0.1);
}
.terms_check .infot {
	font: 600 13px/21px Roboto;
	padding-left: 20px;
	text-align: left;
}
.terms_check .infot a {
	color: #000;
	text-decoration: underline;
}
.arcoBella {
	height: 3px;
	background: #f8f9fa; 
  background: linear-gradient(90deg, red, red 25%, #fbbc04, #34a853, #1967d2 75%);
}
.gridProductos {
	float: left;
	width: calc(100% + 20px);
}
.gridProductos .slick-list {
	padding-top: 10px;
}
.gridProductos .item {
	float: left;
	width: 100%;
	background: #EEF1F4;
	border-radius: 20px;
	position: relative;
}
.gridProductos .item .badg{
	position: absolute;
  right: 20px;
  top: -12px;
  background: #d3ff00;
  color: #000;
  font: 400 11px Roboto;
  padding: 5px 10px;
  border-radius: 25px;
}
.gridProductos .item .tab {
	display: table;
	width: 100%;
	padding: 30px;
}
.gridProductos .item .tab .image {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
}
.gridProductos .item .tab .image span {
	display: inline-block;
	width: 80px;
	height: 80px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
}
.gridProductos .item .tab .image img {
	display: inline-block;
	max-width: 80px;

	max-height: 80px;
	border-radius: 10px;
}
.gridProductos .item .tab .name {
	display: table-cell;
	width: calc(100% - 80px);
	vertical-align: middle;
	padding-left: 30px;
	font: 900 16px Roboto;
}
.gridProductos .item .tab .name span {
	color: #91979B;

}
.gridProductos .item .description {
	border-bottom: 1px solid #EFEFEF;



	padding: 0px 30px 30px 30px;
	margin-bottom: 30px;
	font: 400 14px/24px Roboto;
}
.gridProductos .item .price {
	padding: 0px 30px 30px 30px;
	font: 900 16px Urbanist;
}
.gridProductos .item .btt {
	padding: 0px 30px 30px 30px;
}
.gridProductos .item button {
	font: 900 14px Urbanist;
  padding: 15px;
  color: #FFF;
  border-radius: 20px;
	background: #8BC34A;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
}
.gridProductos .item button:hover {
	background: #FF7600;
}
.gridProductos .slick-slide, .blog_widget .slick-slide {
	padding: 0px 15px;
}
.gridProductos > div .price .strike {
	text-decoration: line-through;
	color: #CCC;
}
.gridProductos .item .of {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #FF0000;
	color: #FFF;
	padding: 5px;
	border-radius: 15px;
	font: 900 13px Urbanist;
}
.productosHome .item {
	background: #EEF1F4;
	color: #333;
}
.productosHome .ps {
	padding: 0px 10px 20px 10px;
}
.productosHome .ps li {
	display: inline-block;
}
.productosHome .ps li span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: cover;
	margin: 5px;
	background-position: center;
	border-radius: 50%;
	border: 3px solid #FFF;
}

.productosHome2 .item {
	background-image: url("../img/operator.webp");
	color: #FFF;
}
.productosHome2 .item .osc {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	border-radius: 15px;
}
.productosHome2 .item .osc2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	border-radius: 15px;
	z-index: 2;
}
.productosHome2 .item .rel {
	position: relative;
	z-index: 3;
}
.productosHome2 .cat {
	background: #FFF;
	color: #000 !important;
	font: 600 12px Roboto;
	padding: 3px 6px;
	border-radius: 3px;
}
.product_page_desc {
	padding: 50px 10px;
	font: 500 16px/26px Roboto;
}
.product_page_desc h3 {
	font: 900 30px Urbanist;
	color: #2c323c !important;
}
#maskTopup {
	background: rgba(255,255,255,0.8);
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 1000%;
	display: none;
}
#respModalTopup {
	position: absolute;
	z-index: 10100;
	width: 100%;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}
.topupPl {
	float: left;
	width: 50%;
	padding: 20px 20px 0px 0px;
}
.topupPr {
	float: left;
	width: 50%;
	padding: 20px 0px 0px 20px;
}
.cajaResumen {
	border-radius: 40px;
	padding: 40px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	position: relative;
}
.cajaResumen h4 {
	font: 900 20px Urbanist;
	margin: 0px;
	padding-right: 90px;
}
.subtitel_sade3 {
	padding-right: 90px;
}
.cajaResumen h4 strong {
	font-size: 24px;
	float: left;
	width: 100%;
}
.cajaSuscripcion .cajaResumen {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	border-radius: 30px;
	
}
.cajaResumen p {
	font: 600 13px Urbanist;
    color: #8A8A8A;
}
.cajaResumen .of_prem{
	position: absolute;
	right: 30px;
	top: 35px;
}
.cajaResumen .of_prem img{
	max-height: 90px;
}
.resumenStep img {
	max-height: 45px;
	max-width: 45px;
}
.resumenStep .ttx {
	padding-left: 20px;
	width: 99%;
}
.resumenStep .ttx .tit {
	font: 900 15px Urbanist;
    margin-bottom: 5px;
    color: #61676C;
}
.resumenStep .ttx .desc {
	font: 600 12px/20px Roboto;
  color: #92999C;
}
.tabSolicitaInfo {
	border-top: 2px solid #EFEFEF;
	padding-top: 20px;
	font: 900 12px Urbanist;
}
.tabSolicitaInfo a {
	float: right;
	background: #FFE300;
	color: #333;
	padding: 10px 15px;
	border-radius: 15px;
	font: 900 12px Urbanist;
	margin-left: 30px;
}
.widgtSecurTop {
	display: inline-block;
	border-radius: 50px;
	border: 2px dashed #8BC34A;
	padding: 15px 30px;
	font: 900 12px Urbanist;
	color: #79826E;
}
.widgtSecurTop  i{
	font-size: 25px;
	color: #8BC34A;
}
.wrapper_grad {
	position: relative;
}
.wrapper_grad:after {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	height: 100%;
	width: 45px;
	background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
}
.wrapper_grad:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	height: 100%;
	width: 45px;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}
.scroll-wrapper {
  display: flex;
	padding-left: 30px;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* Mejora el scroll en iOS */
  cursor: grab;
	width: 100%;
	height: 65px;
	scrollbar-width: none;         /* Firefox */
  -ms-overflow-style: none;      /* IE 10+ */
}
.scroll-wrapper::-webkit-scrollbar {
  display: none;                 /* Chrome, Safari, Opera */
}

.scroll-wrapper:active {
  cursor: grabbing;
}
.amount-box {
	flex: 0 0 auto;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 50%;
	font: 900 20px Roboto;
	margin: 0px 10px 0px 0px;
	padding: 10px;
	min-width: 60px;
	height: 60px;
	color: #000;
}
.amount-box.act {
	border-color: transparent;
	color: #FFF;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
	z-index: 2;
}
.editNumberBtn, .editProductBtn {
	float: right;
	background: #FFF;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 10px 20px;
	border-radius: 15px;
	font: 900 16px Urbanist;
}
.breadcrumbHead {
	padding-top: 2px;
	overflow-x: auto;
    white-space: nowrap;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.breadcrumb {
	display: inline-flex;
    white-space: nowrap;
    gap: 0.5rem;
	padding: 10px 0px;
}
.breadcrumb li {
    display: inline;
}
.breadcrumb li:after {
	display: inline;
	content: '›';
	padding: 0px 0px 0px 9px;
	color: #7b8286;
}
.breadcrumb li a {
	display: inline;
	white-space: nowrap;
	color: #7b8286;
	font: 600 14px Roboto;
}
.maxWidtop {
	display: inline-block;
	max-width: 550px;
	width: 100%;
}
.topupBtn, .validNumber {
	font: 900 20px Urbanist;
	border-radius: 20px;
	background:#8BC34A;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
    color: #FFF;
	position: relative;
	z-index: 3;
	height: 60px;
	padding: 0px 40px;
	display: inline-block;
}
.topupBtn:disabled, .payBtn:disabled {
	background: #CCC !important;
	animation: none !important;
	color: #8C8C8C !important;
}
.home_more {
	display: inline-block;
  padding: 15px 60px;
  font: 800 14px Roboto;
  border-radius: 20px;
  background: rgba(212, 219, 227, 0.6);
  color: #8c9299;
}
.home_more:hover, .faqContainer .more:hover {
	background: #000;
	color: #FFF;
}
.bgOperator {
	background: #FFF;
}
.bgFormTopup {
	background: #E7E7E7;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(228, 231, 237, 1) 100%);
}
#topMenu {
	display: inline-block;
}
#topMenu li {
	display: inline-block;
	line-height: 65px;
	margin: 0px 10px;
}
#topMenu li img {
	display: inline-block;
	max-height: 20px;
}
#topMenu li a { 
	color: #333;
	font: 900 16px Urbanist;
}
#topMenu li a:hover { 
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.top_contact {
	position: relative;
	top: 1px;
}
.topLang {
	float: right;
	margin-top: 15px;
	border: 3.2px solid #7c7c7c;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	font: 600 10px/26px Roboto;
	color: #7c7c7c;
	margin-right: 15px;
	position: relative;
}
.topLang span{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-position: center;
	background-size: cover;
	right: -4px;
	top: -6px;
	border: 3px solid #FFF;
}
.biGrid {
  float: left;
  width: calc(100% + 60px);
}
.biGrid .item {

  float: left;
  width: calc(50% - 60px);
  margin: 0px 60px 60px 0px;
  background: #FFF;
  border-radius: 20px;
  padding: 40px;
  height: 450px;
	font: 600 13px Roboto;
  color: #848788;
}
.biGrid .itemOne .label {
	font: 700 16px Urbanist;
  color: #F46A00;
	margin-bottom: 10px;
}
.biGrid .item h3 {
	margin: 0px;
	font: 700 22px Urbanist;
  color: #505459;
}
.biGrid .item img {
	border-radius: 15px;
}
.biGrid .itemTwo a {
	float: left;
  background: #63c600;
  color: #FFF;
  padding: 10px 30px;
  border-radius: 20px;
	font: 900 16px Urbanist;
}
.widgetRecharge {
	background: url("../img/mail_ilustration.jpg");
	background-size: cover;
	border-radius: 15px;
	padding: 100px 20px 20px 20px;
	margin: 30px 0px 20px 0px;
}
.widgetRecharge .selectPais {
	width: 100%;
	border-radius: 10px;
}
.widgetRecharge .selectPais .handSelect {
	text-align: left;

	padding: 0px 15px;
}
.feikHeader {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 65px;
}
.tabb {
	display: table;
	width: 100%;
}
.tabb > div {
	display: table-cell;
	vertical-align: middle;
}
.topupForm {
	float: left;
	width: 100%;
	text-align: left;
}
.topupInput {
	background: #FFF;
	border: 1px solid #A0A4A6;
	border-radius: 15px;
	font: 600 15px Roboto;
	padding: 10px;
}
.topupInput:focus {
	border: 1px solid #0AF;
}
#card-errors {
	color: #F00;
	padding: 5px;
	font: 600 13px Roboto;
	border-radius: 8px;
}
.resume .item {
	padding: 5px 0px;
	border-bottom: 1px solid #EFEFEF;
}
.resume .item .main{
	font: 600 13px Urbanist;
}
.resume .item .main2{
	font: 900 23px Urbanist;
	color: #262626;
}
.resume .item .main3 li {
	list-style: inside;
}
.resume .item.act{
	background: #FFF;
	position: relative;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	padding: 15px;
}
.resume .item.act .img {
	position: absolute;
	right: 10px;
	top: 10px;
}
.resume .item.act .img img {
	max-width: 40px;
	max-height: 40px;
	border-radius: 4px;
}
.resume .tabbNumb {
	border: 0px;
}
.resume .info {
	padding-right: 15px;
}
.info_add_sald {
	text-transform: none;
	font-size: 11px;
}
.hand_base {
	vertical-align: bottom !important;
	font-size: 20px
}
.feeInformation {
	cursor: pointer;
}
span.req {
	color: #E53110;
	font: 900 22px/14px Roboto;
	position: relative;
	top: 7px;
}
.rec_privacy {
	font: 600 12px Roboto;
    color: #676c71;
	border-bottom: 3px solid #EAEDF0;
	border-top:3px solid #EAEDF0;
  padding:15px 0px;
}
.rec_privacy a {
    color: #000;
	text-decoration: underline;
}
.cardContainer {
	display: inline-block;
	width: 100%;
}
.cardIlus {

	display: inline-block;
  color: #333;
  width: 100%;
  position: relative;
  text-align: left;
}
.cardInput {
	border: 1px solid #bfc2c6;
	border-radius: 10px;
	position: relative;
	background: #FFF;
}
.cardInput .lab {
	font: 700 12px/30px Roboto;
	position: absolute;
	left: 10px;
	top: 0px;
	color: #000;
}
.cardInput .labH {
	z-index: 2;
}
.cardInput.error {
	border: 1px solid #F00;
}
.cardInputName .lab {
	z-index: 3;
}
#card-number-element, #card-expiry-element, #card-cvc-element, .inputMailCart {
	background: transparent !important;
	color: #000;
	font: 900 16px Roboto;
	border: 0px;
	position: relative;
	box-sizing: 2;
}
.inputMailCart {
	padding-top: 25px;
	border-radius: 15px;
}
.inputMailCart::placeholder {
	color: #a3abb0;
}
.inputMailCart:-webkit-autofill {
  box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important; /* o el color de fondo que prefieras */
  -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset !important;
  -webkit-text-fill-color: #000 !important; /* Color del texto */
  transition: background-color 5000s ease-in-out 0s; /* Truco para evitar parpadeo */
}
.expiry {
	float: left;
	width: 50%;
}
.cvc {
	float: left;
	width: 50%;
	padding-left: 20px;
	position: relative;
}
.cvc img {
	position: absolute;
  right: 10px;
  bottom: 21px;
  max-height: 15px;
}
.StripeElement--invalid {
	color: #FF8080 !important;
}
.StripeElement--focus {
	border-color: #000 !important;
}
.load_payment {
	position: absolute;
	z-index: 10;
	background: #FFF;
	width: 100%;
	height: 100%;
	display: flex;
  justify-content: center;  /* Centra horizontalmente */
  align-items: center;
	padding: 0px 20%;
}
.form_error {
	border-color: #FF8080;
}
.initp_tab_opt {
	display: table;
	width: 100%;
	cursor: pointer;
}
.initp_tab_opt .ck {
	vertical-align: middle;
	display: table-cell;
	width: 1%;
}
.initp_tab_opt .ck > div {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #FFF;
	border-radius: 6px;
	border: 1px solid #bfc2c6;
	position: relative;
	top: 2px;
}
.initp_tab_opt.act .ck > div {
	position: relative;
	background: #86c102;
}
.initp_tab_opt.act .ck > div:after {
	content: "\f122";
	font-family: 'Ionicons';
	color: #FFF;
	position: absolute;
	left: 5px;
	top: 4px;
	font-size: 14px;
}
.checkConditions:not(.act) .ck > div{
  background: #FFF;
  border-color: #FF5E5E;
}
.initp_tab_opt .ttx {
	vertical-align: middle;
	display: table-cell;
	width: 99%;
	text-align: left;
	padding-left: 15px;
	font: 600 14px Roboto;
}
.initp_tab_opt .ttx a {
	text-decoration: underline;
	color: #000;
}
.discount_c input {
	float: left;
	width: calc(100% - 110px);
	margin-right: 10px;
}
.discount_c button {
	float: left;
	width: 100px;
	padding: 10px 5px;
	font: 600 15px Roboto;
	border: 1px solid rgba(0,0,0,0.1);
	background: #000;
	border-radius: 15px;
	color: #FFF;
}
.itemHistorial .num {
	vertical-align: middle;
	display: table-cell;
	width: 99%;
	font: 900 16px Roboto;
	text-align: left;
	padding-left: 20px;
}
.itemHistorial.act {
	color: #ff6000;
}
.itemHistorialEmpty {
	font: 400 12px Roboto;
  padding: 20px;
}

.innerPage {
	padding: 100px 20%;
	font: 400 15px/28px Roboto;
}
.innerPage  li{
	margin-bottom: 15px;
}
.innerPage  h1{
	font: 900 25px Urbanist;
}
.innerPage  h3{
	font: 900 25px Urbanist;
}
.worldWid {
	position: relative;
	overflow: hidden;
}
.worldWid .scre {
	position: absolute;
	height: 200px;
	width: 100%;
}
.centerContent {
	padding: 0px 20%;
}
.overf_country_mask {
	position: relative;
	z-index: 15;
}
.boxResumen {
	background: #F6F7F9;
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	
}
.boxResumen .prod_logo {
	width: 1%;
}
.boxResumen .prod_logo img {
	max-width: 60px;
	max-height: 60px;
	border-radius: 5px;
	position: relative;
	top: 3px;
}
.boxResumen .main {
	background: #FFF;
	border-radius: 20px;
	padding: 20px;
}
.boxResumen .main2 {
	text-align: left;
	padding: 20px;
	font: 900 15px Roboto;
}
.boxResumen .main2 .base {
	text-align: right;
	font: 400 12px Roboto;
}
.boxResumen .main2 .hand_base {
	font: 900 15px Roboto;
	color: #110e2b;
}
.boxResumen .main2 .hand_base strong {
	font: 900 18px Urbanist;
}
.boxResumen .brand {
	font: 900 14px Urbanist;
  color: #a09ea8;
  text-transform: uppercase;
}
.boxResumen .hand_number {
	font: 900 17px Urbanist;
    color: #4b4957;
}
.boxResumen .info {
	font: 600 13px/20px Roboto;
	padding: 0px 20px;
	text-align: left;
	color: #7D7D7D;
}
.boxResumen .prices {
	text-align: right;
	vertical-align: top;
	font: 900 25px/19px Urbanist;
}
.boxResumen .prices button {
	padding: 0px;
	background: transparent;
	color: #255ca2;
	text-decoration: underline;
	font: 600 13px Roboto;
}
.cajaRecarga.off .info, .cajaRecarga.off .cont {
	display: none;
}
.cajaRecarga h3 {
	margin: 0px;
	font: 900 22px/25px Roboto;
	position: relative;
}
.cajaRecarga h3 span {
	display: none;
	position: absolute;
	background: #000;
	color: #FFF;
	left: -9px;
	width: 32px;
	height: 25px;
	border-radius: 0px 20px 20px 0px;
	text-align: right;
	padding-right: 12px;
	font-size: 12px;
}
.cajaRecargaPay  {
	visibility: hidden;
}

#cookiesBanner {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100000;
	background: #FFF;
	max-width: 350px;
	border-radius: 20px;
	text-align: left;
	color: #333;
	display: none;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
}
#cookiesBanner button {
	float: left;
	width: 50%;
	font: 900 18px Roboto;
	padding: 10px;
	border-radius: 0px 0px 0px 18px;
}
#cookiesBanner .ok {
	border-radius: 0px 0px 18px 0px;
	color: #FFF;
	background: #EA0A68;
}
#cookiesBanner .content {
	padding: 20px;
}
#cookiesBanner .main_txt {
	padding: 20px 0px;
	font: 400 14px Roboto;
}
.mainBanner {
	background-image: url("../img/operator_head.jpg");
	background-position: center right;
	background-repeat: no-repeat;
	border-radius: 20px;
	background-size: contain;
}
.mainBanner .osc {
	padding: 30px;
	font: 600 14px Roboto;
	background: linear-gradient(90deg, rgb(255, 255, 255) 30%, rgba(254, 6, 157, 0) 100%);
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}
.mainBanner .only {
	position: absolute;
	right: -30px;
	bottom: -30px;
	background: linear-gradient(90deg, rgba(254,6,157,1) 0%, rgba(247,103,34,1) 100%);
	width: 250px;
	height: 250px;
	line-height: 200px;
	border-radius: 50% 20px 50% 50%;
	color: #FFF;
	text-align: center;
}
.mainBanner .only .bb {
	display: inline-block;
	line-height: 20px;
}
.mainBanner .only strong {
	width: 100%;
	float: left;
	font: 900 30px Urbanist;
}
.mainBanner .only strong span {
	font: 900 14px Urbanist;
}
.mainBanner ul li {
	list-style: inside;
	font: 400 14px/24px Roboto;
}
.mainBanner .maintitle {
	font: 900 25px Urbanist;
	color: #15ad10;
}
.mainBanner button {
	padding: 10px 25px;
}
.mainBanner  .more {
	margin-left: 20px;
}
.mainBanner  .more a {
	color: #717171;
	font: 600 12px Roboto;
	text-decoration: underline;
}
.mainBanner2 {
	background-image: url("../img/operator_head2.jpg");
}
.mainBanner2 .maintitle {
	color: #6ce137;
}
.mainBanner2 .only {
	background: linear-gradient(150deg, rgb(116, 255, 0) 0%, rgb(0, 173, 108) 100%);
	width: 150px;
	height: 150px;
	line-height: 100px;
	border-radius: 50%;
	right: 20px;
	top: 20px;
}
.mainBanner2 button {
	background: linear-gradient(150deg, rgb(116, 255, 0) 0%, rgb(0, 173, 108) 100%);
}
.biHeading {
	font: 900 18px/0px Roboto;
  color: #7b8084;
}
.biHeading strong {
	font: 900 30px Roboto;
	float: left;
	width: 100%;
	padding: 10px 20px;
	color: #000;
}
.apartadoAmountSet {
	text-align: left;
	color: #000;
}
.apartadoAmountSet .desc {
	font: 600 17px Roboto;
	color: #000;
}
.apartadoEmailSet {
	text-align: left;
	color: #000;

	font: 600 12px Roboto;
}
.menu_mobile {
	display: none;
}

.topup_metodo .pay_info {
	display: none !important;
	width: 100%;
}
.topup_metodo.act:not(.act_wait) .card_response, .topup_metodo.act:not(.act_wait) .pay_info {
	display: table !important;
	width: 100%;
}
.topup_metodo.act:not(.act_wait) .pay_info {
	text-align: left;
	color: #333;
	font: 600 12px Roboto;
	background: #F5F7F9;
	border-radius: 15px;
	padding: 15px;
}
.topup_metodo:hover {
	border-color: #D9D9D9;
}
.topup_metodo:first-child {
	border-radius: 30px 30px 0px 0px;
}
.topup_metodo:last-child {
	border-radius: 0px 0px 30px 30px;
	border: 0px;
}
.pcPl {
	float: left;
	width: 60%;
	padding-top: 50px;
	background: #FFF;
}
.pcPr {
	float: left;
	width: 40%;
	padding-left: 90px;
	text-align: left;
	color: #333;
}
.singleNumberSel {
	border-radius: 15px;
	border: 1px solid #CCC;
	position: relative;
	height: 52px;
	box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.singleNumberSel.error {
	border-color: #C82325;
}
.singleNumberSel input.numero {
	border: 0px;
}
.singleNumberSel .selectPais {
	border-radius: 50px 0px 0px 50px;
	border: 0px;
	width: 56px;
}
.singleNumberSel .handSelect {
	border-right: 1px solid #EFEFEF;
	height: 50px;
}
.singleNumberSel .cde {
	position: absolute;
  left: 63px;
  bottom: 15px;
  line-height: 20px;
}
.singleNumberSel .lab {
	display: none;
}

.singleNumberSel .selectPais .img:after {
	content: "\f123";
  font-family: 'Ionicons';
  position: absolute;
  right: -13px;
  top: -5px;
  font-size: 9px;
  color: #ABB4B9;
}
.editNumber .btt {
	float: left;
	width: 185px;
}
.topup_number .cde {
	display: none;
}
.topup_number input.numero {
	padding-left: 10px !important;
	padding-top: 0px;
}
.topup_number .lab {
	display: none;
}
.hand_services {
	margin: 15px 0px 0px 0px;
}
.cartService {
	float: left;
	padding: 10px 20px;
	background: #EFEFEF;
	border-radius: 15px 15px 0px 0px;
	color: #333;
	margin-right: 1px;
	cursor: pointer;
	font: 600 14px Roboto;
}
.cartService.act {
	background: #000;
	color: #FFF;
}
.tipUl {
	margin: 80px 0px 0px 0px;
}
.tipUl img {
	width: 23px;
	height: 23px;
	position: relative;
	top: 6px;
	margin-right: 5px;
}
.tipUl li {
	display: inline-block;
	padding: 10px;
	font: 900 13px Roboto;
	color: #7f828c;
}
.dTotal {
	float: right;
	cursor: pointer;
}
.topup_summary {
	font: 600 12px Roboto;
}
.topup_summary span {
	text-decoration: underline;
}
.resume {
	font: 900 14px Urbanist;
	color: #676C71;
}
.resume .rr {

	text-align: right;
}
.resume .total {
	font: 900 14px Roboto;
	color: #3E4246;
}

.tarifDato {
	max-width: 240px;
	border: 4px solid #FFF;
	background: #FFF;
	margin-bottom: 10px;
	border-radius: 15px;
	cursor: pointer;
	padding: 20px 20px 100px 20px;
	position: relative;
	margin: 0px 20px 0px 0px;
	min-width: 200px;
	flex: 0 0 auto;
	flex-shrink: 0;
	user-select: none;       /* Evita selección de texto */
  -webkit-user-drag: none; /* Evita arrastre de imagen/texto en Safari */
}
.tarifDato .info .img {
	position: absolute;
	right: 20px;
	top: 20px;
}
.tarifDato .info .img img {
	max-height: 50px;
	max-width: 50px;
	border-radius: 4px;
}
.tarifDato .info li {
	list-style: inside;
	font: 600 12px Roboto;
}
.tarifDato .price {
	font: 900 25px/20px Urbanist;
	text-align: center;
}
.tarifDato .price div {
	font: 600 10px Roboto;
}
.tarifDato .btt button {
	float: right;
	background: #000;
	border-radius: 10px;
	border: 0px;
	color: #FFF;
	padding: 10px 15px;
	font: 900 12px Roboto;
}
.tarifDato .name {
	font: 900 22px Urbanist;
	padding-right: 50px;
}
.tarifDato .name span {
	font: 900 11px Roboto;
}
.tarifDato .duration {
	font: 900 16px Urbanist;
	color: #A8A8A8;
}
.tarifDato .sub {
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
	padding: 20px;
}
.tarifDato:not(.act) .addTarifa {
	background: #CCC !important;
	color: #333 !important;
}
.carousel-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
	justify-content: center;
}
.arrowProducts {
  border: none;
  cursor: pointer;
	background: #000;
	color: #FFF;
	border-radius: 50%;
	font-size: 25px;
	margin: 5px;
	width: 50px;
	position: absolute;
	z-index: 3;
	height: 50px;
}
.leftProd {
	left: 0px;
}
.rightProd {
	right: 0px;
}
.sliderProducts {
	width: 100%;
  display: flex;    
	justify-content: flex-start;
  flex-direction: row;        /* Asegura que estén en horizontal */
  overflow-x: auto;           /* Habilita el scroll horizontal */
  overflow-y: hidden;         /* Previene scroll vertical */
  scroll-behavior: smooth;    /* Desplazamiento suave */
  gap: 5px;                  /* Espacio entre elementos */
  padding: 0px;
  -webkit-overflow-scrolling: touch; /* Mejora scroll en iOS */
	scrollbar-width: none;           /* Firefox */
  -ms-overflow-style: none;        /* IE 10+ */
}
.sliderProducts::-webkit-scrollbar {
  display: none;                   /* Chrome, Safari y Edge */
}
.controlsTiip {
	text-align: right;
}
#btnUp, #btnDown {
	display: inline-block;
	color: #fb3462;
	font-size: 25px;
	background: #FFF;
	padding: 0px;
	margin-left: 15px;
}
.actualAmount {
	display: inline-block;
	font: 900 40px Urbanist;
	padding: 0px 15px;
}
.hand_number i {
	color: #6ac101;
}

.mainBtnTheme {
  border-radius: 20px;
  background: #8BC34A;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
  color: #FFF;
  padding: 0px 10px;
  height: 60px;
  font: 900 17px Urbanist;
}

.review {
	padding: 15px;
}
.review > .tabb {
	background: #F2F4F7;
	border-radius: 15px;
	padding: 30px;
}
.review .user {
	vertical-align: top;
}
.review .user span {
	background: #000;
	border-radius: 50%;
	display: inline-block;
	padding: 20px;
}
.review .info {
	padding-left: 15px;
}
.review .addrs span {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-size: cover;
	border-radius: 50%;
	background-position: center;
	position: relative;
	top: 2px;
}
.review .adrName {
	width: 99%;
	padding-left: 7px;
}
.review .name {
	font: 900 18px Urbanist;
}
.review .addrs {
	font: 600 12px/17px Roboto;
}
.review .ttx {
	font: 400 12px/17px Roboto;
}
.review .stars {
	font-size: 12px;
	color: #FFF;
	margin-top: 7px;
}
.review .stars i {
	background: #399F00;
	margin-right: 3px;
	border-radius: 4px;
	padding: 3px;
}
.review .stars .off {
	background: #CCC;
}
.review .stars .date {
	float: right;
	font: 400 12px/17px Roboto;
	color: #9F9F9F;
	position: relative;
	top: 10px;
}
.worldWidget {
	position: relative;
}
.worldWidget .title {
	position: absolute;
	padding: 100px 20% 0px 20%;
	z-index: 2;
}
.worldWidget h3 span {
	width: 100%;
	float: left;
}
.worldWidget h3 strong {
	background: rgba(255,255,255,0.8);
	display: inline;
	padding: 5px 0px;
}
.worldWidget .part2 strong {
	color: #317ff5;
	font: 900 50px Urbanist;
}
.worldWidget a {
	display: inline-block;
	margin: 5px;
	padding: 15px 25px;
	border-radius: 35px;
	background: #9BD51C;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
	font: 600 14px Roboto;
	color: #FFF;
	box-shadow: 0px 0px 20px 20px #FFF;
}
.worldWidget .ok {
	border-color: #002db3;
	background: #002db3;
	color: #FFF;
}
.worldWidget .tbb {
	display: inline-block;
}
.ofertaMovil {
	padding: 15px;
}
.ofertaMovil a{
	text-align: center;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	color: #333;
	background: #F2F4F7;
	border-radius: 15px;
	font: 900 16px Urbanist;
	padding: 15px;
	
}
.ofertaMovil img {
	max-height: 180px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 15px;
}
.ofertaMovil .btt {
	display: inline-block;
	font: 900 12px Roboto;
	padding: 5px 15px;
	background: #8BC34A;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
	color: #FFF;
	border-radius: 6px;
	margin-top: 10px;
}
.minResume {
	font: 900 18px Urbanist;
	border-top: 2px solid #EFEFEF;
	padding: 20px 30px;
}
.minResume .prices {
	text-align: right;
}
.minResume .prices .final {
	color: #fff;
  background: #fd1985;
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
  padding: 3px 6px;
  border-radius: 8px;
}
.minResume .old {
	color: #9B9B9B;
	text-decoration: line-through;
}
.amount_pad {
	padding: 0px 30px;
}
.popLang {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  width: 90%;
	max-width: 400px;
	border-radius: 30px;
	padding: 30px;
	text-align: left;
	
}
.popLang ul img {
	max-height: 15px;
	position: relative;
	top: 3px;
	border-radius: 2px;
	margin-right: 3px;
}
.popLang .title {
	font: 900 18px Urbanist;
}
.popLang a {
	font: 900 14px Urbanist;
	color: #6e7a86;
	margin-bottom: 7px;
	display: inline-block;
}
.popLang a:hover {
	color: #f77706;
}
.gift_item {
	margin: 10px;
	height: 180px;
	background-size: cover;
	background-position: center;
	border-radius: 15px;
	position: relative;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.gift_item > div {
	display: none;
}
.txtGradient {
	background: linear-gradient(90deg, rgba(247,103,34,1) 0%, rgba(254,6,157,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (max-width: 768px) {
	.container, .btnNext, .biGrid, .pcPl, .editNumber .btt, .ckPay, ul.pasos  {
		width: 100%;
	}
	.cartBtn  {
		width: 100% !important;
	}
	.cajaAmount .tabb > div, .cardContainer .tabb > div {
		width: 100%;
		display: table;
	}
	.cajaAmount .tabb button, .cardContainer .tabb button {
		margin-top: 20px;
	}
	header #logo {
	  margin: 7px 0px 0px 0px;
		width: 15%;
	}
	.pcPr, .SumaryDesk, header #logo .text {
		display: none;
	}
	.centerContent {
		width: 100%;
		padding: 0px;
	}
	header #logo img {
	  border: 0px;
	  padding-left: 0px;
	  margin-left: 0px;
		max-height: 30px;
	}
	.selectCountryMenu {
		width: 100%;
		position: fixed;
		height: 100%;
		border-radius: 0px;
	}
	.scr_paises {
		max-height: calc(100% - 60px);
	}
	.inputForm {
		font-size: 17px;
		height: 60px;
		width: calc(100% - 110px);
		font: 600 16px/80px Urbanist;
	}
	.cart_intro {
		padding: 50px 0px;
	}
	.txtsub {
	  font: 400 14px/24px Roboto;
	}
	header {
		padding: 0px 10px 0px 15px;
		height: 50px;
		border-radius: 0px 0px 15px 15px;
	}
	header #logo a {
		font: 900 14px/12px Roboto;
	}
	header #logo a strong {
	  font: 900 18px/16px Roboto;
	}
	.scrTopMenu {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		overflow-x: auto;

		height: 40px;
		-ms-overflow-style: none;  /* Ocultar barra en IE y Edge */
    scrollbar-width: none;  /* Ocultar barra en Firefox */
		display: none;
	}
	.scrTopMenu::-webkit-scrollbar, #topMenu {
		display: none; /* Ocultar barra en Chrome, Safari y Opera */
	}
	footer .rb .col {
		width: calc(100% - 40px);
		text-align: left;
	}
	footer .rb .col .tit, footer .rb .col a {
		padding: 0px;
		border: 0px;
		background: inherit;
	}
	footer .rb .col a {
		font: 600 15px/25px Roboto;
		margin-top: 5px;
	}
	footer .rb .col {
		background: inherit;
		border: 0px;
		margin: 20px;
		text-align: left;
		
	}
	footer .dCenterTxt {
		font: 600 12px/18px Roboto;
	}
	footer .lb {
		width: 100%;
		padding: 20px;
	}
	footer .rb {
		width: 100%;
		padding: 0px;
	}
	.assistanceBar > span {
		font-size: 10px;
	}
	.sect_white {
		padding: 50px 0px 100px 0px;
	}
	.list_country {
		width: 100%;
		margin-right: 0px;
		padding: 0px 30px;
	}
	.list_country .item {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

	.assistanceBar > span span {
		width: 100%;
		float: left;
		font: 400 10px/20px Roboto;
	}
	.list_steps_h32 {
		width: 780px;
	}
	#modalNumber,#modalLanguajes {
		width: calc(100% - 40px);

		left: 20px;
	}
	#modalNumber .pl {
		padding: 0px 0px 5px 0px;
	}
	.prd_grid {
  		padding: 1px 0px 1px 20px;
	}
	.grid_operators, .grid_operators > div {
		width: 100%;
		margin-right: 0px;
	}
	.grid_operators {
		padding: 0px 20px;
	}

	.pais_description h3 {
	  font: 700 22px Urbanist;
	}
	.home_widget_banner .img1 {
		width: 80%;
	}
	
	.sectionTitle {
	  font: 900 20px/30px Urbanist;
	}
	.sectionTitle .dest {
		font-size: 25px;
	}
	.product_logo img {
		max-height: 125px;
	}
	.btnSlide {
		left: 5px;

		width: 40px;
		height: 40px;
	}
	.faqContainer {
		padding: 0px;
		width: calc(100% - 40px);
	}
	.faqContainer h3 {
		padding: 40px 0px;
	}
	.faqContainer:before {
		border-radius: 50px 20px 20px 100px;
	}
	.faqContainer:after {
		border-radius: 20px;
	}
	.widget_faq {
		padding: 20px 0px;
	}
	.gridProductos .item {
		width: 100%;
		margin: 0px 0px 30px 0px;
	}
	.topupAlert h1 {
	  font: 900 25px Roboto;
	}
	.topupAlert .breadcrumb {
	  padding: 0px 0px 20px 0px;
	}
	.breadcrumb-wrapper {
		padding: 0px 15px;
	}
	.biGrid .item {
		width: 80vw;
		margin: 0px 20px 60px 0px;
		height: auto;
		padding: 20px;
	}
	.biGrid .slick-list {
		padding-left: 15px !important;
	}
	.biGridTop .item {
		height: auto;
		padding: 30px;
	}topupTipos 
	.app_pad, footer .dCenter {
		padding: 0px 10px;
	}
	
	.productosHome .item, .gridProductos .item {
		width: 70vw;
	}
	.gridBoxes  {
		width: 100%;
		padding: 0px 15px;
	}
	.gridBoxes li {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	.gridBoxes .slick-slide {
		width: 90vw;
		padding-left: 10px;
	}

	.blog_widget li {
		width: 300px;
	}

	.blog_widget li a img {
		width: 170%;
	}
	.webMenu {
		float: left;
		width: 85%;
	}
	.webMenu li {
		margin-left: 0px;
		width: 25%;
	}
	.webMenu li button, .webMenu li a {
		width: 45px;
		height: 50px;
		padding-top: 2px;
		margin-left: 10px;
	}
	.webMenu li img, .menu_mobile img {
		width: 36px;
		height: 36px;
		margin-bottom: 8px;
	}
	.overf_slider {
		overflow: hidden;
		float: left;
		width: 100%;
	}
	.actualMontant {
	  font: 900 25px/55px Roboto;
		min-width: 70px;
	}
	.breadcrumb {
		padding: 5px 15px;
	}
	.breadcrumb li a, .breadcrumb li:after {
		font-size: 13px;
	}
	.innerPage {
		padding: 100px 20px;
	}
	.worldWid .scre {
		height: 55%;
	}
	#cookiesBanner {
		max-width: 100%;
		width: calc(100% - 40px);
	}
	.containerHeaderRicha h1 {
		font: 900 25px Urbanist;
	}
	#app_menu {
		right: 5px !important;
	}
	.topup_register {
		position: fixed;
		overflow: scroll;
		top: 0px;
		height: 100%;
		left: 0px;
	}
	.popAutorecar p {
		height: 60px;
	}
	.popAutorecar h4 {
		font: 900 18px Roboto;
	}
	.feikHeader {
		height: 50px;
	}
	.opHeader h1 {
	  font: 900 22px Urbanist;
	}
	.opHeader .osc {
		padding-top: 60px;
		padding-bottom: 10px;
		font: 500 13px Roboto;
	}
	.grid_operators a .tab {
		height: auto;
	}
	#alerta {
		max-width: 80%;
	}
	.left {
		left: 0px !important;
	}
	.right {
		right: 0px !important;
	}
	.topupConInfo, .stepProduct, .app_top_pad {
		padding: 0px 15px;
	}
	.topupPad {
		padding: 0px 10px;
	}
	.cardInput .lab {
  		font: 700 11px/30px Roboto;
	}
	.number_topup .validNumber {
		right: 23px;
	}
	.topupForm {
		width: 100%;
		padding: 0px;
	}
	.number_topup .ppl {
		width: 100%;
		padding: 0px;
	}
	.sliderProducts {
		padding-left: 15px;
	}
	.number_topup .ppr {
		width: 100%;
		padding: 0px 10px;
	}
	.editNumberBtn, .editProductBtn {
		font-size: 12px;
	}
	.boxSaldoSel, .max_widthTop {
		max-width: 100%;
	}
	.cajaRecarga h3 {
		text-align: center;
		font-size: 22px;
	}
	.cajaRecarga h3 div {
		width: 100%;
		font-size: 14px;
	}
	.info_as23ed4 {
		text-align: center;
		padding: 0px !important;
	}
	.cajaRecarga .info {
		padding-right: 8px;
	}
	.resume .rr {
		width: 1%;
	}
	.resume .item.act{
		margin-bottom: 10px;
		border-bottom: 1px solid #CCC;
		padding-bottom: 10px;
	}
	.terms_check {
		padding: 0px;
	}
	.tabAppPay {
		margin-top: 20px;
		color: #FFF;
		text-align: center;
		padding: 0px 40px;
	}
	.tabbMinima .item {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.topup_metodo .infoTe {
		font-size: 12px;
	}
	.boxSaldoSel .tri {
		right: 25%;
	}
	.tabbMinima .item {
		border: 0px;
	}
	.reviews {
		margin: 0px;
	}
	.review {
		width: 80vw;
		padding: 5px;
	}
	.worldWidget .title {
		padding: 20px 30px 0px 30px;
	}
	.worldWidget .part2 strong {
		font-size: 25px;
	}
	.worldWidget h3 {
		padding: 0px 20px;
	}
	.biGridTop .itemOne .desc, .biGridTop .itemTwo .desc {
		font: 900 18px/26px Urbanist;
	}
	.worldWidget {
	  padding: 0px 10px;
		margin-bottom: 40px;
	}
	.wlpr2 {
		margin-top: 50px;
	}
	.worldWidget > img {
		position: relative;
		top: 100px;
		margin-bottom: 70px;
		z-index: 1;
	}
	.worldWidget .tbb {
		box-shadow: none;
		background: none;
	}
	.worldWidget a {
		font-size: 12px;
		padding: 10px 20px;
		box-shadow: 0px 0px 10px 10px #FFF;
	}
	.ofertasMovil {
		margin: 0px;
	}
	.ofertaMovil {
		width: 70vw;
	}
	.container {
		padding: 0px;
	}
	.topupPl {
		width: 100%;
		padding: 0px 0px 15px 0px;
	}
	.topupPr {
		width: 100%;
		padding: 15px;
	}
	.app_lat_pad {
		padding: 0px 15px;
	}
	.mainBanner {
		background-size: cover;
		background-position: center left;
	}
	.mainBanner .osc {
		background: rgba(255,255,255,0.7);
	}
	.mainBanner .only {
		width: 140px;
		height: 140px;
		line-height: 90px;
	}
	.mainBanner2 .maintitle {
		padding-right: 80px;
	}
	.mainBanner .only strong {
		font-size: 18px;
	}
	.mainBanner .only strong span {
		width: 100%;
		float: left;
		font-size: 11px;
	}
	.mainBanner2 {
		background-position: center;
	}
	.mainBanner2 .osc {
		background: rgba(255,255,255,0.9);
	}
	.mainBanner2 .only {
		width: 80px;
		height: 80px;
		line-height: 46px;
	}
	.topLang {
		margin-top: 7px;
	}
	.top_contact {
		top: 0px;
	}
	.boxSaldoAmount {
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-top: 15px;
	}
	.boxSaldoSel {
		padding: 20px 30px 0px 30px;
	}
	.amount_pad {
	  padding: 0px 30px;
	}
	.minResume {
	  padding: 20px 30px;
	}
	.scroll-wrapper {
		padding-left: 15px;
	}
	.boxSaldoAmount .heading {
		font: 900 18px Urbanist;
	}
	#user_menu {
		right: 15px !important;
		left: inherit !important;
	}
	.gift_item {
		width: 70vw;
	}
	.prd_logo {
		max-width: 90px;
	}
	.mainBanner .more {
		float: left;
		width: 100%;
		margin-top: 20px;
		margin-left: 0px;
	}
}