a:link, a:visited, a:active {
  text-decoration:none;
}
.phone-link a:hover {
  text-decoration-color: white;
}
.btn-yellow {
  background-color: #F2A33F !important;
  color: white !important;
}

/* ALTO DE MAIN */
@media(min-width: 1024px){
  .marginTopMainFix{
    margin-top: 114px;
  }
}

/* FIN DE ALTO MAIN*/
/*Inicio*/
.divLogo {
  padding-left: 10%;
}
.divLiks {
  padding-right: 10%;
}
.csslinks {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.mostrarMovilIcons{
  display: none !important ;
}
.mostrarWebIcons{
  /* display: block !important ; */
}
.divPaddingIndex{
  padding-left: 5%;
  padding-right: 5%;
  /* margin-bottom: 8%; */
 }
 .divInformacionIzquierda{
  margin-top: 3%;
 }
.divImagenCelularIndex{
  padding-top: 1%;
  padding-bottom: 2%;
}
.textoEncuentraIndex{
  font-size: 22px;
  font-weight: 100;

}
/*FIN INICIO*/

/*SECCION BENEFICIOS*/
.seccionserviciosGenerales {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
}
.divBeneficioEncerrado{
  margin-top: 5%;
}
.tituloH3Beneficio {
  text-align: center;
  font-weight: bold;
}
.descripcionBeneficio {
  text-align: center;
    margin-bottom: 10%;
    font-size: 14px;
    font-family: Poppins,sans-serif;
    font-weight: 400;
    color: gray;
}
/*FINALIZA SECCION BENEFICIOS*/

/*SECCION REGISTRA TU NEGOCIO*/
.divPaddingRegistraTuNegocio {
  padding-left: 17%;
  padding-right: 15%;
}
.textH2RegistraTuNegocio {
  font-size:55px;
  font-weight: bold;
  padding-top: 5%;
}
.textH3RegistraTuNegocio{
  font-family: Poppins,sans-serif;
  color: #DE0A73!important;
  line-height: 34px;
}
.textosPBeneficios {
  color: grey;
}
.textoBeneficosEnBuen {
  color: #DE0A73!important;
  font-family: Poppins,sans-serif;
  font-weight: 300;
}
.divListBeneficios {
  padding-bottom: 15%;
}
.divCel {
  background-image: url('../img/foto-pon-tu-negocio2atrasparecia.png'); background-repeat:no-repeat; background-size:auto; background-attachment:no-scroll; background-position: 50% 0%;
}
.listaBeneficios {
  font-size: 14px;
  margin-top: 10%;
  color: grey;
}
.colorIconos  {
  color:#68599c;
  font-size: 30px !important;
  text-align: center;
}

/*FINALIZA SECCION REGISTRA TU NEGOCIO*/

/* +++++++++++++++++++++seccion beneficios+++++++++++++++++++*/
.divPaddingContieneServiciosBeneficios {
  padding: 4% 10%;
}
.divComidaBeneficios {
  padding: 4% 10%;
}
.imgDivBeneficios {
  
}
.imgBeneficios {
  
}

/*++++++++++++ finaliza seccion beneficios++++++++++++++++*/

/**/
.sidebar-header {
  color: #F2A33F;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  padding-top: 3%;
}
.sidebar-header-contactanos {
  color: #F2A33F;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  padding-top: 3%;
}
.phone-link-contactanos {
  color: #F2A33F;
  /* text-decoration: none; */
  font-size: 2.2em;
  background-image: url(https://landingpage.buscoencuentro.mx/wp-content/uploads/2020/01/icono-whatsapp.png);
  background-position: left center;
  background-size: 30px;
  background-repeat: no-repeat;
  /* padding-left: 1.3em; */
  max-width: 240px;
  
}
.phone-link-contactanos:hover { 
  color: rgb(9, 9, 138); 
}

.mail-link {
  color: #F2A33F;
  text-decoration: none;
    font-size: 1.5em;
    display: block;
    margin: 10px auto 20px;
    text-align: center;
}
.mail-link:hover { 
  color: rgb(9, 9, 138); 
}

.tyc-link {
  color: #F2A33F;
  display: block;
  margin: 10px auto 20px;
  text-align: center;
}

.pdp-link {
  color: #F2A33F;
  display: block;
  margin: 10px auto 20px;
  text-align: center;
}
/**/
.responsiveTitle{

}
.responsiveTitle2{

}
.imageCell{
  min-height: 400px;width:100%;
}
@media (max-width: 768px) {
  .imageCell{
    min-height: 50vh;
    text-align: center;  
  }

  .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
    color: white;
    background-color: #F2A33FE6 !important;
  }
  
}

.text-yellow {
  color: #F2A33F !important;
}

.background-yellow {
  background-color: #F2A33F !important;
}

.color-yellow {
  color: #F2A33F;
}

.border-yellow {
  border: 1px solid #F2A33F !important;
}

.btn-white {
  background-color: white !important;
  color: black !important;
  border: 1px solid black !important;
}
@media (max-width: 768px) {
  .btn-white:hover, .btn-white:active, .btn-white:focus {
    color: white;
    background-color: whiteE6 !important;
  }
}

.text-white {
  color: white !important;
}

.background-white {
  background-color: white !important;
}

.background-image-logo{
  background-image: url("../img/Watermark-BG_White.png") !important;

}
.color-white {
  color: white;
}

.video{
  width: 100%;
  height: 350px;
  border:0px;
}
.icoMenu{
width: 30px;
}

.border-white {
  border: 1px solid white !important;
}

.btn-red {
  background-color: #da3125 !important;
  color: white !important;
}
@media (max-width: 768px) {
  .video{
    width: 100%;
    height: 230px;
  }
  .btn-red:hover, .btn-red:active, .btn-red:focus {
    color: white;
    background-color: #da3125E6 !important;
  }
}

.text-red {
  color: #da3125 !important;
}

.background-red {
  background-color: #da3125 !important;
}

.color-red {
  color: #da3125;
}

.border-red {
  border: 1px solid #da3125 !important;
}

.btn-pink {
  background-color: #DE0A73 !important;
  color: white !important;
}
@media (max-width: 768px) {
  .btn-pink:hover, .btn-pink:active, .btn-pink:focus {
    color: white;
    background-color: #DE0A73E6 !important;
  }
}

.text-pink {
  color: #DE0A73 !important;
}

.background-pink {
  background-color: #DE0A73 !important;
}

.color-pink {
  color: #DE0A73;
}

.border-pink {
  border: 1px solid #DE0A73 !important;
}

.btn-green {
  background-color: #1a9440 !important;
  color: white !important;
}
@media (max-width: 768px) {
  .btn-green:hover, .btn-green:active, .btn-green:focus {
    color: white;
    background-color: #1a9440E6 !important;
  }
}

.text-green {
  color: #1a9440 !important;
}

.background-green {
  background-color: #1a9440 !important;
}

.color-green {
  color: #1a9440;
}

.border-green {
  border: 1px solid #1a9440 !important;
}

.btn-blue {
  background-color: #500ade !important;
  color: white !important;
}
@media (max-width: 768px) {
  .btn-blue:hover, .btn-blue:active, .btn-blue:focus {
    color: white;
    background-color: #500adeE6 !important;
  }
}

.text-blue {
  color: #500ade !important;
}

.background-blue {
  background-color: #500ade !important;
}

.color-blue {
  color: #500ade;
}

.border-blue {
  border: 1px solid #500ade !important;
}

.btn-purple {
  background-color: #442662 !important;
  color: white !important;
}
@media (max-width: 768px) {
  .btn-purple:hover, .btn-purple:active, .btn-purple:focus {
    color: white;
    background-color: #442662E6 !important;
  }
}

.text-purple {
  color: #442662 !important;
}

.background-purple {
  background-color: #442662 !important;
}

.color-purple {
  color: #442662;
}

.border-purple {
  border: 1px solid #442662 !important;
}

.btn-success {
  background-color: #29bb29 !important;
  color: white !important;
}
@media (max-width: 768px) {
  .btn-success:hover, .btn-success:active, .btn-success:focus {
    color: white;
    background-color: #29bb29E6 !important;
  }
}

.text-success {
  color: #29bb29 !important;
}

.background-success {
  background-color: #29bb29 !important;
}

.color-success {
  color: #29bb29;
}

.border-success {
  border: 1px solid #29bb29 !important;
}

.btn-error {
  background-color: #bb2929 !important;
  color: white !important;
}
@media (max-width: 768px) {
  .btn-error:hover, .btn-error:active, .btn-error:focus {
    color: white;
    background-color: #bb2929E6 !important;
  }
}

.text-error {
  color: #bb2929 !important;
}

.background-error {
  background-color: #bb2929 !important;
}

.color-error {
  color: #bb2929;
}

.border-error {
  border: 1px solid #bb2929 !important;
}

body {
  font-family: Poppins, sans-serif !important;
  font-size: 3vw;
}
@media (min-width: 1024px) {
  body {
    font-size: 14px;
  }
}

h1, h2, h3, h4, h5 {
  line-height: 50px;
}

.row {
  margin: 0 !important;
}

.nav-web {
  color: white !important;
  padding: 0 50px;
}
.nav-web li {
  color: white !important;
}
.nav-web li a {
  color: white !important;
}
.nav-web li a:focus, .nav-web li a:active, .nav-web li a:hover {
  color: #F2A33F !important;
}

.background-gradient {
  background-image: linear-gradient(90deg, #291256 0%, #442662 35%, #572890 100%);
}

.background-none {
  background: none !important;
}

@media (min-width: 1024px) {
  #registro .contenedor {
    /* width: 1340px;
    margin: auto; */
    
  }
}

.descargalo-ya {
  font-weight: 700;
  /* font-size: 5vw; */
}
.descargalo-ya2 {
  font-weight: 700;
  /* font-size: 5vw; */
}
.white{
  color:white;
}
.fondoContacto{
  background-image: linear-gradient(90deg, #271754 0%, #502d89 100%);

}
@media (min-width: 1024px) {
  .descargalo-ya {
    font-size: 27px;
  }
  .descargalo-ya2 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .nav-web {
    min-height: 114px;
  }

  .web-logo {
    width: 100%;
    max-width: 114px;
  }
}
.main-title {
  /* font-size: 5vw; */
  font-weight: 600;
}

/* @media (min-width: 1024){
  .mostrarWebIcons{
    display: block !important;
  }
  .mostrarMovilIcons{
    display: none !important;
  }
} */
@media (max-width: 1024px) {
  /* .main-title {
    font-size: 45px;
  } */
  .divPaddingIndex{
    padding-left: 5%;
    padding-right: 5%;
    /* margin-bottom: 8%; */
   }

/*+++++++++++BENEFICIOS++++++++++++++*/
   .divPaddingRegistraTuNegocio {
    padding-left: 7%;
    padding-right: 7%;
    }
   
   
}
@media (max-width: 768px) {
  .responsiveTitle{
    font-size: 36px !important;;
  }
  .responsiveTitle2{
    font-size: 20px !important;;
    line-height:  20px !important;;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .responsiveTitle3{
    font-size: 16px !important;;
    line-height:  16px !important;;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .marginTopMainFix{
    margin-top: 90px;
  }

  .main-title {
    margin-top: 10%;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
  }
  .textoEncuentraIndex{
    font-size: 15px;
    font-weight: 100;

  }

  .divInformacionIzquierda {
    margin-top: 10%;
  }
  .divImagenCelularIndex {
    padding-top: 10%;
    padding-bottom: 33%;
  }
  .divPaddingIndex{
    padding-left: 5%;
    padding-right: 5%;
    /* margin-bottom: 8%; */
   }
    .descargalo-ya {
      font-weight: 700;
    }
    .descargalo-ya2 {
      font-weight: 700;
    }
  .textoDescargalo{
    font-size: 12px !important;
  }

  /*+++++++++++BENEFICIOS++++++++++++++*/
  .seccionserviciosGenerales {
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
  }
  .divPaddingRegistraTuNegocio {
    padding-left: 0%;
    padding-right: 0%;
    }
    .textH2RegistraTuNegocio {
      font-size: 55px;
      font-weight: bold;
      padding-top: 5%;
      padding-bottom: 2%;
  }
  .textH3RegistraTuNegocio {
    font-family: Poppins,sans-serif;
    color: #DE0A73!important;
    line-height: 37px;
    font-size: 33px;
    padding-bottom: 2%;
  }

  /*seccion beneficios*/
  .divPaddingContieneServiciosBeneficios {
    padding-top: 4%;
    padding-left: 0%;
    padding-right: 0%;
  }
  .imgDivBeneficios{
    text-align: center;
  }
  .divComidaBeneficios {
    padding-top: 4%;
    padding-left: 0%;
    padding-right: 0%;
  }
 
}
.lineleft{
  width: 20px;
    background-color: #F90691;
    height: 20px;
    position: absolute;
    width: 3px;
    height: 33vh;
    top: 20%;
    left: -5px;
}
.lineright{
  width: 20px;
    background-color: white;
    height: 20px;
    position: absolute;
    width: 3px;
    height: 33vh;
    top: 20%;
    right: 5px;
}

@media (max-width: 426px) {
   .imageCell{
    min-height: 40vh;
    text-align: center;  
  }
  .mostrarWebIcons{
    display: none !important ; 
 }
 .mostrarMovilIcons{
  display: block !important ;
}
.sizeMobile{
  width: 30px;
}
  .divLogo {
    padding-left: 0%;
  }
  .divInformacionIzquierda {
    margin-top: 0%;
  }
  .textoEncuentraIndex {
    line-height: 24px;
    font-size: 16px;
    font-weight: 100;
  } 
  .descargalo-ya {
    font-weight: 700;
    font-size: 4vw;
  }
  .descargalo-ya2 {
    font-weight: 700;
  }
  .textoDescargalo {
    line-height: 14px;
    font-size: 12px;
  }

  /*+++++++++++BENEFICIOS++++++++++++++*/
  .textH2RegistraTuNegocio {
    font-size: 34px;
    font-weight: bold;
    padding-top: 5%;
    padding-bottom: 2%;
    line-height: 40px;
  }
  .textH3RegistraTuNegocio {
    font-family: Poppins,sans-serif;
    color: #DE0A73!important;
    line-height: 37px;
    font-size: 25px;
    padding-bottom: 2%;
  }
  .textosPBeneficios {
    color: grey;
    font-size: 16px;
  }
  .textoBeneficosEnBuen {
    color: #DE0A73!important;
    font-family: Poppins,sans-serif;
    font-weight: 300;
    font-size: 16px;
  }

  .imgDivBeneficios{
    text-align: center;
  }
  .imgBeneficios {
    width: 70%;
  }
  .divPaddingContieneServiciosBeneficios {
    padding-top: 4%;
    padding-left: 0%;
    padding-right: 0%;
  }
  .phone-link-contactanos {
    color: rgb(9, 9, 138);
    /* text-decoration: none; */
    font-size: 2.2em;
    background-image: url(https://landingpage.buscoencuentro.mx/wp-content/uploads/2020/01/icono-whatsapp.png);
    background-position: left center;
    background-size: 23px;
    background-repeat: no-repeat;
    padding-left: 1.3em;
    max-width: 240px;
    
  }
 
}

.title {
  font-size: 5vw;
}
@media (min-width: 1024px) {
  .title {
    font-size: 17px;
  }
}
@media (max-width: 321px) {
  .imageCell{
   min-height: 33vh;
   text-align: center;  
 }}
.instruccion {
  font-size: 2vw;
}
@media (min-width: 1024px) {
  .instruccion {
    font-size: 14px;
  }
}

/*#  sourceMappingURL=main.css.map */
body{
  overflow-x: hidden;
}
/* Right */
.video-content{
  height: 100%;
  position: relative;
  min-height: 300px;
}
.video-bg-bottom{
  
}
.video{
  z-index: 99;
  background: rgb(55,30,95);
}
.video-content::before{
  z-index: 1;
  content: "";
    position: absolute;
    transform: skew(20deg);
    background: rgb(55,30,95);
    height: 800px;
    width: 31vw;
    top: 0;
    right: -146px;
}
.video-content::after{
  z-index: 1;
    content: "";
    position: absolute;
    transform: skew(30deg);
    background: rgb(55,30,95);
    height: 500px;
    width: 100%;
    top: 230px;
    left: 144px;
}
.video-absolute{
  position: absolute;
}
.cat-images{
  display: flex;
  position: absolute;
  z-index: 99;
  top: 260px;
  justify-content: center;
  width: 100%;
}
.cat-item{
  margin-left: 10px;
}

/* Left */
.video-content-grey{
  height: 100%;
  position: relative;
  min-height: 400px;
}
.video-content-grey .bg-left,
.video-content-grey .bg-right{
  opacity: .25;
}
.video-content-grey .video{
  background: rgb(154 154 154) !important;
}
.bg-left::before{
  z-index: 1;
  content: "";
    position: absolute;
    transform: skew(-20deg);
    background: rgb(154 154 154);
    height: 800px;
    width: 31vw;
    top: 0;
    left: -146px;
}
.bg-left::after{
  z-index: 1;
    content: "";
    position: absolute;
    transform: skew(-30deg);
    background: rgb(154 154 154);
    height: 500px;
    width: 100%;
    top: 230px;
    right: 144px;
}
/* Right Gris */
.bg-right::before{
  z-index: 1;
  content: "";
    position: absolute;
    transform: skew(20deg);
    background: rgb(154 154 154);
    height: 800px;
    width: 31vw;
    top: 0;
    right: -146px;
}
.bg-right::after{
  z-index: 1;
    content: "";
    position: absolute;
    transform: skew(30deg);
    background: rgb(154 154 154);
    height: 500px;
    width: 100%;
    top: 230px;
    left: 144px;
}
@media (min-width: 425px) {
  .video-content{
    min-height: 225px;
  }
  .video-content::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(20deg);
      background: rgb(55,30,95);
      height: 800px;
      width: 20vw;
      top: 0;
      right: -146px;
  }
  .video-content::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(30deg);
      background: rgb(55,30,95);
      height: 500px;
      width: 100%;
      top: 230px;
      left: 144px;
  }
  /* Left */
  .bg-left::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(-20deg);
      background: rgb(154 154 154);
      height: 800px;
      width: 20vw;
      top: 0;
      left: -146px;
  }
  .bg-left::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(-30deg);
      background: rgb(154 154 154);
      height: 500px;
      width: 100%;
      top: 230px;
      right: 144px;
  }
  /* Right */
  .bg-right::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(20deg);
      background: rgb(154 154 154);
      height: 800px;
      width: 20vw;
      top: 0;
      right: -146px;
  }
  .bg-right::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(30deg);
      background: rgb(154 154 154);
      height: 500px;
      width: 100%;
      top: 230px;
      left: 144px;
  }
}
.subtitle-mobile{
  line-height: initial;
    font-size: 14px;
}
@media (min-width: 768px) {
  .subtitle-mobile{
    line-height: initial;
    font-size: 16px;
  }
  .video-content::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(20deg);
      background: rgb(55,30,95);
      height: 800px;
      width: 20vw;
      top: 0;
      right: -146px;
  }
  .video-content::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(30deg);
      background: rgb(55,30,95);
      height: 500px;
      width: 100%;
      top: 230px;
      left: 144px;
  }
  /* Left */
  .bg-left::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(-20deg);
      background: rgb(154 154 154);
      height: 800px;
      width: 20vw;
      top: 0;
      left: -146px;
  }
  .bg-left::after{
    z-index: 1;
    content: "";
    position: absolute;
    transform: skew(-44deg);
    background: rgb(154 154 154);
    height: 500px;
    width: 100%;
    top: 230px;
    right: 241px;
  }
  /* Right */
  .bg-right::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(20deg);
      background: rgb(154 154 154);
      height: 800px;
      width: 20vw;
      top: 0;
      right: -146px;
  }
  .bg-right::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(40deg);
      background: rgb(154 154 154);
      height: 500px;
      width: 100%;
      top: 230px;
      left: 209px;
  }
  .cat-item{
    margin-left: 33px;
  }
}
@media (min-width: 769px) {
  .bg-left::after,.bg-right::after{
      top: 350px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .video-content{
    min-height: 540px;
  }
  .video-content::after{
    top: 350px;
  }
  .cat-images{
    top:380px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .video-content::after{
    top: 350px;
  }
  .marginTopMainFix{
    margin-top: 90px;
  }
  .cat-images{
    top:400px;
  }
}
@media (min-width: 1024px) {
  .video-content{
    min-height: 540px;
  }
  .video-content::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(20deg);
      background: rgb(55,30,95);
      height: 800px;
      width: 14vw;
      top: 0;
      right: -145px;
  }
  .video-content::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(30deg);
      background: rgb(55,30,95);
      height: 500px;
      width: 100%;
      top: 350px;
      left: 144px;
  }
  /* Left */
  .bg-left::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(-20deg);
      background: rgb(154 154 154);
      height: 800px;
      width: 14vw;
      top: 0;
      left: -145px;
  }
  .bg-left::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(-30deg);
      background: rgb(154 154 154);
      height: 500px;
      width: 100%;
      top: 350px;
      right: 144px;
  }
  /* Right */
  .bg-right::before{
    z-index: 1;
    content: "";
      position: absolute;
      transform: skew(20deg);
      background: rgb(154 154 154);
      height: 800px;
      width: 14vw;
      top: 0;
      right: -145px;
  }
  .bg-right::after{
    z-index: 1;
      content: "";
      position: absolute;
      transform: skew(30deg);
      background: rgb(154 154 154);
      height: 500px;
      width: 100%;
      top: 350px;
      left: 144px;
  }
  .cat-images{
    top: 400px;
  }
}