@media (max-width: 768px) {
  body{font-size: 14px;}
  .gptp123 {
    padding: 30px 40px !important;
  }

  nav {
    height: auto !important;
  }

  .pageerror {
    margin: 0 30px !important;
    line-height: 1.5;
  }
  .pd{
    padding: 0 0 0 !important;
  }
  .ch {
    display: inline-block !important;
}
}

.ch {
  white-space: nowrap;
}
.pd{
  padding: 40px 0 0;
}

.gptp123 {
  padding: 5% 30%;
}

.pageerror {
  background-color: #ECEBEB;
  margin: 0 18%;
}

.p-30 {
  padding: 5% 12% 8%;
}

.texterr {
  line-height: 1.5;
}

body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  color: #4A4A4A;
  font-weight: 300; }

nav {
  height: 80px;
}

.text-bold-alternative-1 {
  font-family: 'Roboto', sans-serif;
  padding-top: 50px }

  .text-bold-alternative {
  font-family: 'Roboto', sans-serif;}

.height-auto {
  height: auto; }

.hr {
  width: 50%; }

.td {
  font-size: calc(100% - 16px); }

.btn-2 {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out; }

.btn-3 {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 2px solid #993CBA;
  padding: 0.475rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out; }

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button; }

button,
select {
  text-transform: none; }

button,
input {
  overflow: visible; }

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

/*New Home*/
.dropdown-menu {
  border: 0px !important;
}
.img-responsive {
  max-width: 100%
}

.img-miio-text {
  height: 25px;
}
.img-miio-title {
  height: 35px;
}
.img-servicio {
  width: 200px;
}
.circle-step {
  height: 80px;
  width: 80px;
  margin: 0 auto;
}
.container-info-step {
  margin: 0 auto;
  min-height: 310px;
}
.bg-miio-home {
  background: #7A2CB3;
}
.bg-home-blue{
  background: #009BBC;
}
.bg-home-purple-2{
  background: #7A2CB3;
}
.bg-home-red{
  background: #F94B41;
}
.bg-home-purple{
  background: #5B4374;
}
.bg-home-yellow{
  background: #CD9A31;
}
.bg-home-orange{
  background: #FC9146;
}
.bg-home-green{
  background: #1FC05C;
}
.img-home-colors {
  width: 100%;
  max-width: 400px;
}

.img-movil-red {
  width: 50%;
  max-width: 170px;
}
.img-brillo-red {
  width: 50%;
  vertical-align: top;
}
.img-boton-red {
  margin-top: -100px;
  margin-left: 170px;
  max-width: 190px;
  width: 100%;
}

.img-movil-green {
  width: 100%;
  max-width: 300px;
}
.img-boton-green {
  margin-top: -100px;
  margin-left: 210px;
  max-width: 190px;
}

.p-testimony {
  min-height: 120px;
  text-align: justify;
}

.container-prensa {
  border-left: 1px solid;
  color: #E3E3E3;
}

.display-mobile {
  display: none;
}

.container-prensa-mobile {
  display: none;
}

.container-help {
  margin: 0 auto;
}

.owl-carousel .owl-item img {
  width: auto;
  display: initial;
}

.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  border: 2px solid #000000;
  background: #ffffff;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #000000;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background: #BCBCBC;
  border: 2px solid #BCBCBC;
}

@media only screen and (max-width: 1500px) {
  .col-lg-hide {
    display: none !important;
  }
}

@media only screen and (max-width: 1050px) {
  .container-info-step {
    min-height: 350px;
  }
}

@media only screen and (max-width: 768px) {
  .img-movil-red {
    width: 100%;
  }
  .img-brillo-red {
    width: 100%;
  }
  .img-boton-red {
    margin-top: 20px;
    margin-left: auto;
  }

  .img-boton-green {
    margin-top: auto;
    margin-left: auto;
  }

  .p-testimony { 
    text-align: center;
  }
  .display-desktop {
    display: none;
  }
  .display-mobile {
    display: block;
  }
  .mobile-us-text {
    height: 100px;
  }
}

@media only screen and (max-width: 760px) {
  .container-prensa-desktop {
    display: none;
  }

  .container-prensa-mobile {
    display: block;
  }

  .container-prensa {
    border-left: 0px;
  }
  .home-app-link {
    width: 115px;
  }
}

@media only screen and (max-width: 650px) {
  .container-help {
    width: 200px;
    height: 150px;
  }
}

@media only screen and (max-width: 480px) {
  .img-servicio {
    width: 150px;
  }
  .container-help {
    width: 160px;
  }
}

@media only screen and (max-width: 400px) {
  .home-app-link {
    width: 95px;
  }
}

@media only screen and (max-width: 380px) {
  .container-help {
    width: 140px;
  }
}

@media only screen and (max-width: 360px) {
  .img-servicio {
    width: 120px;
  }
  .container-help {
    width: 100%;
  }
}

@media only screen and (max-width: 330px) {
  .home-app-link {
    width: 80px;
  }
}

/*New Home*/

.img {
  width: 100%; }

.font-size-14 {
  font-size: 14px; }

.font-size-18 {
  font-size: 18px; }

.font-size-29 {
  font-size: 1.3rem; }

.font-size-22 {
  font-size: 2.4rem; }

.font-size-20 {
  font-size: 1.9rem; }

  .font-size-50 {
  font-size: 50px}

.font-size-60 {
  font-size: 60px}

.font-weight-900 {
  font-weight: 900; }

.bg-dark-miio {
  background: #323232; }

.bg-azul-miio {
  background: #009BBC; }

.text-azul-miio {
  color: #009BBC; }

.border-pdf {
  border-bottom: 3px solid; }

.border-azul-miio {
  border-color: #009BBC; }

.bg-verde-miio {
  background: #2AC664; }

.text-verde-miio {
  color: #2AC664; }

.border-verde-miio {
  border-color: #2AC664; }

.bg-rojo-miio {
  background: #F94B41; }

.text-rojo-miio {
  color: #F94B41; }

.text-blue-miio {
  color: #6076E9; 
}

.border-blue-miio {
  border-color: #6076E9; 
}

.border-rojo-miio {
  border-color: #F94B41; }

.bg-gris-miio {
  background: #4A4A4A; }

.bg-blue-miio {
  background: #6076E9;
}

.text-dark-miio {
  color: #4A4A4A; }

.border-gris-miio {
  border-color: #4A4A4A; }

.bg-gold-miio {
  background: #C89541; }

.text-gold-miio {
  color: #C89541; }

.text-purple-miio {
  color: #934BA4; }

.border-gold-miio {
  border-color: #C89541; }

.bg-black-miio {
  background: #000000; }

.text-black-miio {
  color: #000000; }

.border-black-miio {
  border-color: #000000; }

.text-footer {
  color: #9B9B9B; }

.align-botton-flex {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.slogan {
  line-height: 1rem;
  font-size: 14px; }

.color-text-miio {
  color: #934BA4; }

.bg-miio {
  background: #934BA4; }

.border-miio {
  border-color: #934BA4; }

.bg-plan-llamadas {
  background: #C9C323;
}
.text-plan-llamadas {
  color: #C9C323; 
}

.bg-plan-megas {
  background: #383F6A;
}
.text-plan-megas {
  color: #383F6A; 
}
.border-megas {
  border-color: #383F6A!important;
}

.bg-comisiones-header { background:#9F68E1; }
.bg-comisiones { background:#E5E5E5; }

.table-comision thead th { vertical-align: middle !important; }
.table-comision td { vertical-align: middle !important; border-bottom: 1px solid #979797 !important; }
.table-border-right { border-right: 1px solid #979797 !important }
.table-comision tbody:before {
    content:"@";
    display:block;
    line-height:20px;
    text-indent:-99999px;
}
.table-comision td:first-child { text-align: left; }
.comision-strike { width: 100%; height: 20px; border-bottom: 1px solid #979797; text-align: center; }
.comision-striked-text { font-size: 20px; background: #E5E5E5; padding: 0 20px; }

.bg-plan-50 {
  background: #F5A623; }

.text-plan-50 {
  color: #F5A623; }

.bg-yellow {
  background: #FDC526; }

.bg-gray {
  background: #DEDEDE; }

.color-text-telefonia {
  color: #8B572A; }

.color-text-financiera {
  color: #0E5444; }

.header-unboxing {
  background-color: #FEC526;
}
.bg-unboxing-chip {
  background-color: #FFB31A;
}
.text-yellow-unboxing {
  color: #DF9500;
}
.img-top-unboxing {
  margin-top: -10px;
}

.bg-unboxing-tarjeta {
  background-color: #672CB8;
}

.text-purple-unboxing {
  color: #672CB8;
}

#hero-home {
  background-image: url("../img/banner-home.jpg");
  background-color: #A086D4;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  min-height: 800px;
}

#section-info-responsive {
    display: none;
  }

  #section-info-full {
    display: block;
  }

#hero-home-mobile {
  background-image: url("../img/IMA_1 banner.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

#hero-telefonia {
  background-image: -webkit-gradient(linear, left top, right top, from(#38DA94), to(#4EE9B2));
  background-image: linear-gradient(to right, #38DA94, #4EE9B2);
}

#hero-cobertura {
  background-image: -webkit-gradient(linear, left top, right top, from(#AAEDF6), to(#3FC2CC));
  background-image: linear-gradient(to right, #AAEDF6, #3FC2CC); }

#hero-dinero {
  background-image: -webkit-gradient(linear, left top, right top, from(#F94B41), to(#FD938D));
  background-image: linear-gradient(to right, #F94B41, #FD938D); }

#hero-ganancias {
  background-image: -webkit-gradient(linear, left top, right top, from(#F49C0C), to(#FAD961));
  background-image: linear-gradient(to right, #F49C0C, #FAD961); }

#formulario-miio {
  background-image: url("../img/FONDO_formulario.png");
  background-repeat: no-repeat;
  background-size: cover; }

#portabilidad {
  background-image: url("../img/IMG_Cnumero Copy.png");
  background-repeat: no-repeat;
  background-size: cover; }

#chip {
  background-image: url("../img/gamification-10.png");
  background-repeat: no-repeat;
  background-size: cover; }

#conocenos {
  background-image: url("../img/back.png"), -webkit-gradient(linear, left bottom, left top, from(#934BA4), to(#C582D1));
  background-image: url("../img/back.png"), linear-gradient(to top, #934BA4, #C582D1);
  background-repeat: no-repeat;
  background-size: contain; }

#entretenimiento {
  background-image: url("../img/IIMG_entre.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px; }

#credito-instantaneo {
  background-image: url("../img/IMG_credit.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px; }

@media only screen and (max-width: 1600px) {
  #hero-home {
    min-height: 600px;
  }
}

@media only screen and (max-width: 760px){
  #hero-home {
    background-image: url("../img/banner-home-resp.jpg");
    background-position: bottom center;
    background-size: cover;
  }

  .home-apps-container {
    margin-top: 320px !important;
    margin-bottom: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  #hero-telefonia {
    background-image: -webkit-gradient(linear, left bottom, right bottom, from(#38DA94), to(#4EE9B2));
    background-image: linear-gradient(to bottom, #38DA94, #4EE9B2);
  }
  
  #section-info-responsive {
    display: block;
  }

  #section-info-full {
    display: none;
  }

  #entretenimiento {
    background-image: url("../img/IIMG_entre_p.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px; }

  #formulario-miio {
    background-image: url("../img/FONDO_formulario.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center; }

  #portabilidad {
    background-image: url("../img/IMG_Cnumero Copy.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: left; }

  #credito-instantaneo {
    background-image: url("../img/IMG_credit.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    height: 700px; }

  #conocenos {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#934BA4), to(#C582D1));
    background-image: linear-gradient(to top, #934BA4, #C582D1);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left; } 

  .content-center-mobile {
    text-align: center;
    margin: auto;
  }
}
.mt-6 {
  margin-top: 70px; }

#radius-17 {
  border-radius: 0.85rem; }

.mt-8 {
  margin-top: 80px; }

.bg-alternative {
  background: #F5F5F5; }

.rounded-radius {
  border-radius: 20px; }

.rounded-radius-bottom {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%; }

.top {
  top: 90px;
  z-index: 20; }

.top-70 {
  top: 70px;
  z-index: 20; }

.top-40 {
  top: 50px;
  z-index: 20; }

.z-index {
  z-index: 20; }

.pt-10 {
  padding: 140px 0 0; }

.pt-8 {
  padding: 80px 0 0; }

.pt-6 {
  padding: 40px 0 0; }

.pl-10 {
  padding: 100px; }

.top-less {
  top: -40px; }

.top-less-7 {
  top: -70px; }

.top-less-dudas {
  top: -130px; }

.top-less-futuro {
  top: -160px;
  left: 60px; }

.top-less-4 {
  top: -300px; }

.top-more-7 {
  top: 7px; }

.top-less-3 {
  top: -270px; }

.right-2 {
  right: -20px; }

@media only screen and (max-width: 768px) {
  .pt-10 {
    padding: 100px 0 0; }

  .top {
    top: 20px;
    z-index: 20; }

  .top-less-6 {
    top: -60px; }

  .top-40 {
    top: 80px;
    z-index: 20; } }
.li {
  margin-left: 0; }

.shadow-bottom {
  -webkit-box-shadow: 0px 0px 4px #000000;
          box-shadow: 0px 0px 4px #000000; }

.form-control-miio {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.90rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-bottom: 1px solid #C2C2C2; }

.form-control-area {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.375rem 0.75rem;
  font-size: 0.90rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  border-bottom: 1px solid #C2C2C2; }

.img-110 {
  width: 110%; }

.swiper-container {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

ul {
  list-style-image: url("../assets/Oval.png"); }

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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 12px;
  line-height: 30px;
  color: #777;
  background: #4CAF50;
}

.container {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
  background: #F9F9F9;
  padding: 25px;
  margin: 150px 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
}  color: #888;
}

:-ms-input-placeholder {
  color: #888;

}

#contact input:focus,
#contact textarea:focus {
#contact textarea {
  height: 100px;

.copyright {
  text-align: center;
  max-width: 100%;
  resize: none;
#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  -webkit-transition: background 0.3s ease-in-out;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: #43A047;

.logo { width: 150%
  height: auto  margin-top: -0.5em;}