html{scroll-behaviour : smooth;}
body{background-color:var(--body);font-family: 'Roboto', sans-serif;color:var(--black);}
a{color:var(--black);text-decoration:none;}
a:hover{text-decoration:none;color:var(--black);}
p{margin:0px;}
.w-10{max-width:10% !important;}
.w-15{max-width:15% !important;}
.w-20{max-width:20% !important;}
.w-30{max-width:30% !important;}
.w-40{max-width:40% !important;}
.w-45{max-width:45% !important;}
.hespecial{max-height: 650px;}
/*PRINCIPALES*/
button,.telefonoPif{cursor:pointer !important;}
.recuadro{ box-shadow: var(--shadowR);border-radius: var(--recuadro) !important;background-color:var(--white);margin:var(--mrb) 0;padding:var(--padingInt);border:0px solid rgba(0,0,0,.125) !important; }
.rcdPink{border:var(--recuadro);border:1px solid var(--pink);box-shadow: 0 0 0 1px  var(--pink);  }
.bcp{background-color:#e8e8e8;}
.estb::-webkit-scrollbar {height:7px;}
.estb::-webkit-scrollbar-track {background: #f1f1f1;}
.estb::-webkit-scrollbar-thumb {background: #888;border-radius: 8px;}
.estb::-webkit-scrollbar-thumb:hover {background: #555;}
.titleSlide{font-size:var(--title1);font-weight:400;}
.title1Light{font-size: var(--title1);font-weight: var(--f400);}
.title1Bold{font-size: var(--title1);font-weight: var(--f700);}
.title2Light{font-size: var(--title2);font-weight: var(--f400);}
.title2Bold{font-size: var(--title2);font-weight: var(--f700);}
.title3Light{font-size: var(--title3);font-weight: var(--f400);}
.title3Bold{font-size: var(--title3);font-weight: var(--f700);}
.title4Light{font-size: var(--title4);font-weight: var(--f400);}
.title4Bold{font-size: var(--title4);font-weight: var(--f700);}
.title5Light{font-size: var(--title5);font-weight: var(--f400);}
.title5Bold{font-size: var(--title5);font-weight: var(--f700);}
.title6Light{font-size: var(--title6);font-weight: var(--f400);}
.title6Bold{font-size: var(--title6);font-weight: var(--f700);}
.title6Light{font-size: var(--title6);font-weight: var(--f400);}
.subtitle{font-size: var(--subtitle);}
.body1Light{font-size:var(--body1);font-weight: var(--f400);}
.body1Bold{font-size:var(--body1);font-weight: var(--f700)}
.body2Light{font-size:var(--body2);font-weight: var(--f400);}
.body2Bold{font-size:var(--body2);font-weight: var(--f700)}
.bodyEspecial{font-size:var(--bodyEspecial);font-weight: var(--f700);}
.body3Light{font-size:var(--body3);font-weight: var(--f400);}
.body3Bold{font-size:var(--body3);font-weight: var(--f700)}
.body4Light{font-size:var(--body4);font-weight: var(--f400);}
.body4Bold{font-size:var(--body4);font-weight: var(--f700)}
.body5Light{font-size:var(--body5)!important;font-weight: var(--f400);}
.body5Bold{font-size:var(--body5);font-weight: var(--f700)}
.body6Light{font-size:var(--body6);font-weight: var(--f400);}
.body6Bold{font-size:var(--body6);font-weight: var(--f700)}
.colorPink{color:var(--liver) !important;}
.colorGreen{color:var(--greenSup) !important;}
.colorMagent{color:var(--magentPare) !important;}
.colorOrange{color:var(--oranBasic) !important;}
.colorBlue{color:var(--bluePlus) !important;}
.colorRed{color: var(--danger) !important;}
.colorwhite{color: var(--white) !important;}
.colorGray{color:var(--colorGray)!important;}
.borderGreen{border-bottom:5px solid var(--greenSup);}
.borderBlue{border-bottom:5px solid var(--bluePlus);}
.borderMagent{border-bottom:5px solid var(--magentPare);}
.borderOrange{border-bottom:5px solid var(--oranBasic);}
.bgGreen{background-color:var(--greenSup) !important;border-top-left-radius:var(--recuadro);border-top-right-radius: var(--recuadro);}
.bgBlue{background-color:var(--bluePlus) !important;border-top-left-radius:var(--recuadro);border-top-right-radius: var(--recuadro);}
.bgMagent{background-color:var(--magentPare) !important;border-top-left-radius:var(--recuadro);border-top-right-radius: var(--recuadro);}
.bgOrange{background-color:var(--oranBasic) !important;border-top-left-radius:var(--recuadro);border-top-right-radius: var(--recuadro);}
.bgGrayLight{background-color:var(--bgLightFooter) !important;}
.bgGrayDark{background-color:var(--black) !important;}
.bgPink{background-color:var(--liver) !important;}
/* #navbarTop{position:fixed;top: 0;transition: top 0.3s;z-index:999;box-shadow:0 10px 20px rgba(0,0,0,.2)} */
.fixed-top{position:fixed;top: 0;transition: top 0.3s;z-index:999999999;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.sticky{position:fixed;top: 0;transition: top 0.3s;z-index:999999999;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.flesp{flex:0 0 24% !important;}
.flesd{flex:0 0 49% !important;}
.flexdi{flex: 0 0 32.33% !important;}
.logo{max-height:75px;}

/*ESPECIALES*/
.nav-pills {color:var(--colorGray);font-weight: var(--f300)}
.nav-pills .nav-link.active{background-color:transparent !important;color:var(--colorGray);font-weight: var(--f700)}
.card-header {padding: .75rem 1.25rem;margin-bottom: 0;background-color: transparent;border-bottom: 1px solid rgba(0,0,0,.125);}
.modal-dialog{max-width:510px;}
.modal-content{background-color:#F5F5F5 !important;}
.modal-header{background-color:#F5F5F5;border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);max-wid: 56px;}
.shadowModal{padding: 16px 16px;border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);background-color: #fff;box-sizing: border-box;max-width: 445px;}
.nav-tabs{background-color:#F5F5F5;border:0px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;font-size:var(--body3);font-weight: var(--f300);color: var(--color)}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #495057;background-color: #fff;border-color: transparent;font-size:var(--body2);font-weight: var(--f500);padding:.5rem;}
.aniosreemplazo{content: url('../img/iconos/reemplazoanos.svg');}
.aniosreparaciones{content: url('../img/iconos/reparacionesanos.svg');}
.accordion-toggle{cursor:pointer;}
.accordion-toggle:after {content:url('../img/flechaUp.svg');float: right;color: inherit;}
.card-header.collapsed .accordion-toggle:after {content:url('../img/flechaDown.svg');}
.img1carrousel{content: url('../img/portadas/banner.png');}
/* .imgPif{content: url('../img/banners/pifSlideuno.jpg');} */
/* .imgKlic{content: url('../img/banners/01-klic.png');} */
/* .imgCovid{content: url('../img/portadasProductos/Web_Antigenos.jpg');} */
/* .imgContrata{content: url('../img/banners/bannerPIFActivo.jpg');} */
/* .imgAsistencias{content: url('../img/banners/Banner_WEB_SA_Digital_PIF.png');} */
/* .imgPif2{content: url('../img/banners/pifSlideDos.jpg');} */
.imgVentas{content: url('../img/banners/Pif_web.jpg');}
.imgCine{content: url('../img/banners/cinepolisSeguro.png');}
.imgBN{content: url('../img/banners/promociones/PIF-Web.jpg');}
.imgCinepolis{content: url('../img/banners/02-entradasCinepolis.jpg');}
.imgCinemex{content: url('../img/banners/03-entradasCinemex.jpg');}
.imgPif3{content: url('../img/banners/pifSlideTres.jpg');}
.imgsup{content: url('../img/portadasProductos/superior.jpg');}
.imgpl{content: url('../img/portadasProductos/plus.jpg');}
.imgpr{content: url('../img/portadasProductos/pareja.jpg');}
.imgbs{content: url('../img/portadasProductos/basico.jpg');}
.imgos{content: url('../img/portadasProductos/otros.jpg');}
.imgsu{content: url('../img/portadasProductos/sucur.png');}
.imgdm{content: url('../img/portadasProductos/medico.jpg');}
.imgvn{content: url('../img/promociones/pif-web-cm21.jpg');}
.btnModal{cursor:pointer;}
.carousel-item:after{display: block;cursor:pointer;position: absolute;top: 0;height: 100vh;width: 100%;content: '';}
.carousel-caption {position: absolute;right: 0%;bottom: 15%;left: auto;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center; width:65%}
.btn-slide{max-width:400px;height:48px;border-radius:var(--recuadro);background-color: var(--liver); width:100%;color:var(--white);border:0px;font-weight:var(--f400)}
.btnCorto{max-width:400px;height:48px;border-radius:var(--recuadro);background-color: var(--liver); width:100%;color:var(--white);border:0px;font-weight:var(--f400)}
.btnCortoSuburbia{max-width:400px;height:48px;border-radius:var(--recuadro);background-color: #552166; width:100%;color:var(--white);border:0px;font-weight:var(--f400)}
.bullets{float:left;line-height: 0.8;}
.linkLeft{text-align:left}
.linkCenter{text-align:center}
.linkRight{text-align:right}
.descripProd .nav-tabs{overflow-x: auto;overflow-y:hidden;flex-wrap: nowrap;display: -webkit-box;}
.listMedic{-webkit-padding-start:15px;}
.underline{text-decoration:underline;}
.circuloPuntos{background: var(--liver);padding: 0px 6px;border-radius: 40px;width: 20px;height: 20px;color: var(--white);font-size: var(--body3);float: left;margin-right: 10px;margin-bottom:50px;}
.circuloPuntosE{background: var(--liver);padding: 0px 6px;border-radius: 40px;width: 20px;height: 20px;color: var(--white);font-size: var(--body3);float: left;margin-right: 10px;margin-bottom:65px;}
.circuloPuntosP{background: var(--liver);padding: 0px 6px;border-radius: 40px;width: 20px;height: 20px;color: var(--white);font-size: var(--body3);float: left;margin-right: 10px;margin-bottom:23px;}
.dropdown:hover>.dropdown-menu {display: block;}
.navbar-nav{width:91%}
.navbar .nav-item + .nav-item{text-align:center;margin-left:40px;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left:0;padding-right:0;}
.topMenu{margin-top:180px;}
.telefono{position: fixed;bottom: 50px;right: -155px;padding-top: 5px;padding-left: 5px;width: 210px;height:55px;background: rgba(255,255,255,1);border-top-left-radius:25px;border-bottom-left-radius:25px;box-shadow: var(--shadowL);}
.telefonoPif{position: fixed;bottom: 50px;right: -195px;padding-top: 5px;padding-left: 5px;width: 250px;height:55px;background: rgba(255,255,255,1);border-top-left-radius:25px;border-bottom-left-radius:25px;box-shadow: var(--shadowL);}
.circulo{float:left;margin-right:10px;}
.infoTel{float: left;}
.showTel{right:0px}
.bg-light {background-color: #ffffff!important;}
.btnDirec{background-color:#f5f5f5;border:0px solid;font-size:var(--body4);border-radius:25px;}
.btnActive{background-color: var(--colorwhite);border:1px solid #d8d8d8;font-size:var(--body4);border-radius:25px;}
.card-group .card{height: calc(100% - 0px);}
.card-group{width:100%;display:flex;}
.card-footer{background-color:transparent !important;}
.disable{position:absolute;top:10px;left:25px;}
.dropdown-toggle::after {display: inline-block;width: 0;height: 0;margin-left: 8px;vertical-align: .255em;content: url('../img/dropdown.svg');font-size:0px;border-top: 0 solid;border-right: 0 solid transparent;border-bottom: 0;border-left: 0 solid transparent;}
.covid{content: url('../img/covidLiver.png');}
.cpif{content: url('../img/Cintillo-Web.png');}
.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
}
.especialSS:after{
    display: block;
    position: absolute;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0.8) 100%) !important;
    top: 0;
    height: 100vh;
    width: 100%;
    content: '';
}
.centradoMovil{ text-align: right;}

@media screen and (max-width:960px){
  .hespecial{max-height: 100vh;height: 100vh;}
  .modal-dialog{margin:0;max-width:100vw;}
  .flesp,.flesd,.flexdi{flex:0 0 100% !important;}
  .title3Light{font-size: var(--title3);font-weight: var(--f400);}
  .titleSlide{font-size:var(--title3);font-weight:400;}
  .especial{font-size:var(--title5)}
  .mail{font-size:var(--title5)}
  .card-group{width:100%;display:contents;}
  .aniosreemplazo{content: url('../img/iconos/reemplazoanosMovil.svg');}
  .aniosreparaciones{content: url('../img/iconos/reparacionesanosMovil.svg');}
  .img1carrousel{content: url('../img/portadas/bannerMovil.png');}
  /* .imgPif{content: url('../img/banners/pifmovil.jpg');} */
  /* .imgKlic{content: url('../img/banners/01m-klic.png');} */
  /* .imgCovid{content: url('../img/portadasProductos/Mobile_Antigenos.jpg');} */
  .imgVentas{content: url('../img/banners/Pif_mobile.jpg');}
  .imgCine{content: url('../img/banners/cinepolisSeguroMovil.png');}
  .imgCinepolis{content: url('../img/banners/02m-entradasCinepolis.jpg');}
  .imgCinemex{content: url('../img/banners/03m-entradasCinemex.jpg');}
  /* .imgPif2{content: url('../img/banners/pifmovilSlideDos.jpg');} */
  .imgPif3{content: url('../img/banners/pifmovilSlideTres.jpg');}
  .imgsup{content: url('../img/portadasProductos/superiormovil.jpg');}
  .imgpl{content: url('../img/portadasProductos/plusmovil.jpg');}
  .imgpr{content: url('../img/portadasProductos/parejamovil.jpg');}
  .imgbs{content: url('../img/portadasProductos/basicomovil.jpg');}
  .imgos{content: url('../img/portadasProductos/otrosmovil.jpg');}
  .imgsu{content: url('../img/portadasProductos/sucurmovil.png');}
  .imgdm{content: url('../img/portadasProductos/medicomovil.jpg');}
  .imgBN{content: url('../img/banners/promociones/PIF-Mobile.jpg');}
  .imgvn{content: url('../img/promociones/pif-mobile-cm21.jpg');}
  /* .imgContrata{content: url('../img/banners/bannerPIFmobileActivo.jpg');} */
  /* .imgAsistencias{content: url('../img/banners/Banner_MOBILE_SA_Digital_PIF.png');} */
  .topMenu{margin-top:157px;}
  .centradoMovil{ text-align: center;}
  .navbar-nav{width: 100% !important;}
  .navbar .nav-item{width:100% !important;}
  .navbar .navbar-toggler{position:absolute;top:5px;left:16px;border:0px;}
  .navbar-toggler{padding:.25rem 0;}
  .navbar .navbar-brand{flex:100%;margin-right:0;padding:0;}
  .navbar .navbar-brand img{width:20% !important; max-height:48px;}
  .linkLeft{text-align:left;margin-top:3px;margin-bottom:3px;}
  .linkCenter{text-align:left;margin-top:3px;margin-bottom:3px;}
  .linkRight{text-align:left;margin-top:3px;margin-bottom:3px;}
  .carousel-caption {position: absolute;right: 0%;bottom: 30px;left: 0%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;width:100%;}
  .btn-slide{max-width:200px;height:48px;border-radius:var(--recuadro);background-color: var(--liver); width:100%;color:var(--white);border:0px;font-weight:var(--f400);font-size:var(--body4);}
  .navbar-collapse{position: absolute;background-color:rgba(0,0,0,0.7);width:100%;z-index:999;top:0;height:100vh;}
  .navbar .nav-item, .navbar .nav-item .dropdown{text-align:left!important;padding-left:20px;margin-left:0 !important}
  .navbar-nav{width: 70% !important;background: var(--body);height: 100vh;margin-left: 0 !important;z-index:999;padding:10px;}
  .dropdown-menu{display: block;background-color: var(--body);left:40px;border:0px;}
  .overly{overflow: hidden;}
  .lineMb{margin-top:.5rem;margin-bottom:.5rem;}
  .sfp{padding-left: 10px;padding-right:10px;}
  .circuloPuntos {background: var(--liver);padding: 0px 6px;border-radius: 40px;width: 20px;height: 20px;color: var(--white);font-size: var(--body3);float: left;margin-right: 10px;margin-bottom: 33px;}
  .cpif{content: url('../img/Cintillo-Movil.png');}
  .captionSpecial{height:100%;}
  .titleSpecial{font-size:var(--subTitle);}
  .subtitleSpecial{font-size:var(--body4);}
  .btnSpecial{position: absolute;bottom: 3vh;width:100vw}
  .carousel-indicators{bottom:8px;}
}
.privilegios{position:relative;top:.75rem;}
.privilegios li{background-color:#c3c3c3;}
.privilegios .active{background-color:#e10098 !important}
.galery-category{padding:5%;}
.galery-category:hover{border:1px solid var(--liver);border-radius:10px;padding:5%;}
.galery-active{border:1px solid var(--liver);border-radius:10px;padding:5%;}
#bulletsSpecial .swiper-pagination-bullet{background:#000000 !important;margin-left:.5rem;}
#bulletsSpecial .swiper-pagination-bullet-active{background:#e10098 !important;}
.bulletsSpecial .swiper-pagination-bullet{background:#000000 !important;margin-left:.5rem;}
.bulletsSpecial .swiper-pagination-bullet-active{background:#e10098 !important;}

/*Slider Omar*/


.mobile{
  display: none;
}

.carousel-indicators li{
  width: 15px;
  height: 15px;
  border-radius: 100%;
  cursor: pointer;
}

.shadow:after {
  display: block;
  position: absolute;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,0.8) 100%);
  top: 0;
  height: 100vh;
  width: 100%;
  content: '';
}

.carousel-control-next, 
.carousel-control-prev {
  width: 5%;
}

.pointer{
  cursor: pointer !important;
}

.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 15%;
  left: auto;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  width: 65%;
}

.title3Light {
  font-size: 1.75rem;
  font-weight: 400;
}

.title6Light {
  font-size: 1.25rem;
  font-weight: 400;
}

.btn-slide {
  max-width: 400px;
  height: 48px;
  border-radius: 4px;
  background-color:#e10098;
  width: 100%;
  color: #ffff;
  border: 0px;
  font-weight: 400;
  cursor: pointer;
  padding: 0.5rem;
}


@media (max-width: 960px){
  /*.visible{
    display: none ;
  }*/

  .mobile{
      display: block ;
  }

  .mobileCarrucel{
      display: none ;
  }

  .carousel-caption {
      position: absolute;
      right: 0%;
      bottom: 30px;
      left: 0%;
      z-index: 10;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #fff;
      text-align: center;
      width: 100%;
  }

  .titleSpecial {
      font-size: 1.125rem;
  }

  .especial {
      font-size: 1.375rem;
  }

  .btn-slide {
      max-width: 200px;
      height: 48px;
      border-radius: 4px;
      background-color:#e10098;
      width: 100%;
      color: #ffffff;
      border: 0px;
      font-weight: 400;
      font-size: 0.75rem;
  }
}


.overloading {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999999999999999999;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255, 0.8);
  transition: 0.5s;
  opacity: 0.7;
}

.overloading-content {
  position: relative;
  top: 45%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}