/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  /*height: 32rem;*/
  /*background-color: #777;*/
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  /*margin: 5rem 0;*/
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.bg-white{
  background:#fff;
}


bg-white.bg-white li a{
  color:#000;
}

.navbar-dark .navbar-nav .nav-link{
  color:#000;
  font-weight:bold;
}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#eb3c37;
}

.firtssesion{

  /*margin-top:150px;*/
  margin-top:97px;

}

.firtssesionmovil{

  /*margin-top:150px;*/
  margin-top:28px;

}

.firtssesiontv{

  /*margin-top:150px;*/
  margin-top:65px;

}

.secinlogin{
  margin-top:75px;
}

.firtssesion2{

  margin-top:100px;

}

.tamanofirts{
  font-size:17px;
  text-align:center;
  padding-top:5px;
  color:#da291c !important;
}


.fondomenu{
  background:#c31e25;
  height:auto;
}

.colmcentrada{
  text-align:center;
 /* flex: 20%;
  max-width: 20%;*/
}

.btnac{
  font-size: 14px;
    padding-top: 6px !important;
    padding-bottom: 15px !important;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    color: #000000;
    border-radius:5px;
    cursor:pointer;
    border:none;
    margin-bottom:10px;
    height:35px;

}

.btnac:hover{
  background-color: #000 !important;
  color: #fff !important;
}

.titlemenu{
  padding-top:10px;
  color:#000;
  font-size:16px;
}


.sepcolmmenu{
  border-right: dashed #fff 1px;
}


.bodycard1{
  padding:5px !important;
}

.bodycard2{
  padding:3px !important;
  text-align:center;
}

.cardnew{
    width: 22rem;
}

.ofertas{
  margin-top:15px;
}

.publicidadesinternet{
  margin-top:20px;
  margin-bottom:35px;
}

.ofertas2{
  margin-top:15px;
  background:#f2f2f2
}

.card-img-top{
  height:18em;
}

.about{
  background:url(../img/claro.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment: fixed;
  /*margin-top:20px;*/
}

.titleabout{
  text-align:center;
  color:#fff;
  padding-top:15px;
}

.aboutparrafo{
  width:60%;
  margin:0px auto;
  color: #fff;
  font-family: arial;
  text-align: justify;
  line-height: 22px;
  font-weight: 500;
  font-size: 17px;
}

.about{
  margin-top:15px;
}

.dividerabout{
  height:80px;
}

@media (min-width: 1200px){
  
  .containernew {
    max-width: 1179px;
}

}


.tlfcatalogo{
  max-width:120px;
  height: 200px;
}

.sectiontelefono{
  padding-top:25px;
}


.bubutton{
  background: #e73238;
    width: 120px;
    margin: 0px auto;
    color: #fff;
    margin-top: 6px;
    border-radius: 5px;
    cursor: pointer;
}


.col-cet{
  text-align:center;
}


.equimdal{
  padding:22px;
}


/*carousel*/

@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

 /* Bootstrap Lightbox using Modal */

#profile-grid { overflow: auto; white-space: normal; } 
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}


.carousel-control-next, .carousel-control-prev{
  top:-69px;
  width: 3%;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    
    width: 22px;
    height: 25px;
  
}


.carousel-control-prev-icon {
    background-image: url(img/left.svg) !important;
}


.carousel-control-next-icon {
    background-image: url(img/right.svg);
}

.panel-thumbnail{
  text-align:center;
}


/*css carousel equipo detail*/
* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.containerotro {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
  text-align:center;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
/*  float: left;
  width: 16.66%;*/
    float: right;
    width: 24.66%;
    margin: 0px auto;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}



/*estilo normal*/

.titleoferta{
  text-align:center;
  margin-bottom:25px;
}

.cajaoferta{
  cursor:pointer;
  text-align:center;
  margin-bottom:15px;
}

.cajaofertadetail{
    border: solid 2px;
    padding: 4px;
    border-radius: 3px;
}

.cajaofertadetail:hover{
  border:2px solid #ef3829;
  transition:none;
}


.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #ef3829;
}

.popover-body {
    border: 2px solid #ef3829;
    background: #ef382933;
    padding: 0.5rem 0.75rem;
    color: #212529;
    border-radius: 3px;
}


.selectedoferta{
  border:2px solid #ef3829;
  transition:none;
}


.titleheadercard{
  text-align:center;
}

.boxprice{
    cursor:pointer;
    border: solid 2px #ef3829;
    padding: 8px;
    border-radius: 4px;
}

.boxpriceactiveselected{
  background:#fae4dd;
}

.titleboxprice{
      color: #000;
    font-size: 15px!important;
    font-family: din-bold-webfont;
    padding-top: 10px;
}

.pricebox{
    font-size: 25px;
    color: #ef3829;
}

.botomp{
  margin-bottom:0px !important;
}

.paymensual{
  font-size:12px;
  /*font-weight:bold;*/
  color:#000;
}

.btncontinue{
      border-bottom: 6px solid #c9171d;
    background-color: #e73238;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    padding: 12px;
    font-family: din-bold-webfont;
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
}

.btncontinue:hover {
    border-bottom: 6px solid #e73238;
}

.seprow{
  margin-top:15px;
}

.centradocell{
  text-align:center;
}

.detailequi{
  font-size:14px;
  text-align:left;
}

.planboxi{
  padding:15px;

}

.boxofertanew{
  margin-bottom:23px;

}

.boxofertanew-selected{
  background:#fae4dd;
}


.icoinSVA {
    width:35px;
}

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

.boxmainfeature{
  cursor:pointer;
  border: solid 2px #8f8f8f;
  border-radius: 4px;
  margin-bottom:12px;
}

.boxmainfeature:hover{
  background-color: #fae4dd;
  border: 2px solid #ef3829;
}


.changeplan{
  text-align:center;
}

.form-check-input{
  cursor:pointer;
}

.form-check {
    padding-left: 2.25rem;
}


.boxmainfeature-selected{
  background-color: #fae4dd;
  border: 2px solid #ef3829;
}


.sectionhead{
    background: #000;
    padding: 8px;
    color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.card-text{
  padding: 8px;
  background: #d52b1e;
  color: #fff;
  font-weight: 600;
  text-align:left;
}

.cartageneral{
  text-align:center;
}

.txtmuted{
  color:#fff !important;
}

#headingOne{
  background:#d52b1e;
}

#headingTwo{
  background:#d52b1e;
}

#headingThree{
 background:#d52b1e;
}

.btnupdateplan{
  color:#fff;
  font-weight:bold;
}

.btnupdateplan:hover {
    color: #000;
    text-decoration: none;
}

.btn-link:focus{
  text-decoration: none;
}

.btnequipo{

  background:#000000ad;
  border-radius:2px;
  width:90%;
  margin:0px auto;
  margin-bottom:6px;

}

.btnequiponew{

  background:#000000ad;
  border-radius:2px;
  width:90%;
  margin:0px auto;
  margin-bottom:6px;

}

.btnequiponew:hover{
  background:#000;
  color:#fff;
}

.btnequipo:hover{
  background:#d52b1e;
  color:#fff;
}

a.card-link{
  color:#fff;
}


.emptyespace{
  height:15rem;
}

.emptyespace2{
  height:3rem;
}

.emptyespace3new{
  height:3rem;
}


.foo{
  background:#000;
}

body{
  padding-bottom:0px;
}


p.txtfoo{
    padding-bottom: 0px;
    margin-bottom: 0px !important;
    padding:10px;
}



/*estilo ofertas de movil*/
  

.separaoferta{
  margin-top:20px;
}


.titleofertamovil{
  padding-bottom:15px;
}

.toptxt{
  font-size: 30px;
    padding: 11px;
    margin-top: 18%;
}


@media (min-width: 1200px){
  .containeronly {
    max-width: 100%;
}

}


.centradobox{
  text-align:center;
}

.separatp{
    padding-top: 15px;
}

.txtinfotv{
  text-align:justify;
}


.streamingtitle{
  padding-bottom:15px;
}

.priceplan{
  text-align:right;
  font-size: 21px;
  font-weight: 600;
}

.detailplan{
  font-size:15px;
}

.secondetail{
  padding-top:5px;
  font-size:12px;
}

.ivdet{
  font-size:14px;
}

.secondrow{
  margin-top:20px;
}

.inclu{
  display:block;
  margin-top:10px;
}

.detailplan2{
  display:block;
  padding-top:7px;
}

.centertitles{
  text-align:center;
}

p.centertitles{
  font-size:13px;
}

.centerblock{
  text-align:center;
}

.viewdetail{
  font-size:14px;
}

.parrafointernet{
  max-width:60%;
}

.dividr{
  height:45px;
}

.paquet{
  margin-top: 15px;
  margin-bottom:20px;
}

.termcentra{
  padding-top:10px;
  text-align:center;
}

.btnterm{
  color: #000;
  background-color: #d52b1ea8;
  border-color: #d52b1e;
}

.btnterm:hover{
  color:#fff;
  background-color:#000;
  border-color:#000 !important;
}

.btnterm:focus{
  border-color:none !important;
  box-shadow:none !important;
}

.promoplan{
  margin:0px auto;
}

.planlte{
  padding-top:25px;
  max-width: 60%;
  text-align: center;
  margin:0px auto;
  padding-bottom:20px;
}

.planlte2{
  padding-top:25px;
}
/*end oferta estilo de moil*/


.planesnegocios{
  padding-bottom:12px;
  padding-top:12px;
}


/*estilos vertical tabs*/

* {box-sizing: border-box}

/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
}

/*end estilos vertical tabs*/

.anchosearch{
  width: 30%;
  margin: 0px auto;
  padding-bottom:10px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #d52b1e;
}


img.imgofen {
  max-height: 35vh;
}


.italic { font-style: italic; }
/*.small { font-size: 0.8em; }*/
.small { font-size:14px; }
.small2 { font-size: 0.9em; }

/** LIGHTBOX MARKUP **/

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 45%;
  height: 100%;

  margin:0px auto;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.featuretitle{
  color:#f30000;
  font-weight:600 !important;
  text-align: center;
  padding-bottom:8px;
}

.featuretitledos{
  color:#f30000;
  font-weight:600 !important;
  padding-bottom:8px;
}


.featitle{
  text-align:center;
  padding-top:5px;
}

.offeatured{
 transition: transform .2s; /* Animation */

}

.offeatured:hover{
  transform: scale(0.9);
  cursor:pointer;
}


.cardfeatured{

 transition: transform .2s; /* Animation */
 padding-bottom:20px;
}


.cardfeatured:hover{
  transform: scale(1.1);
  cursor:pointer;
}

img.imgtp{
  /*height:30vh;*/
  height:23vh;
}

.ropan{
  text-align:center;
  vertical-align:middle !important;
}

.centerclm{
  text-align:center;
}

.cardlnk{
  color:#0000009e !important;
  font-weight:bold;
}

.cardlnk:hover{
  color:#eb3c37 !important;
  /*font-weight:bold;*/
}

.titleoff{
  text-align:center;
  font-weight:bold !important;
}

.buca{
  text-align:center;
  width:25%;
  margin:0px auto;
}

.lta{
  margin-top:15px;
}


/**/

.imageoff {
  opacity: 1;
  display: block;
 /* width: 100%;
  height: auto;*/
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.offeatured:hover .imageoff {
  opacity: 0.3;
}

.offeatured:hover .middle {
  opacity: 1;
}

.text {
  background-color:#000;
  color:#ffffff;
  font-size: 16px;
  padding: 12px 12px;
  border-radius:3px;
}

.fancybox-slide--iframe .fancybox-content {
  width  : 1000px;
  height : 800px;
  max-width  : 80%;
  max-height : 80%;
  margin: 0;
}

/*nuevos*/

.cntere{
  text-align:center;
}

.rsult{
  border:solid 1px #0000002e;
  padding:15px;
  border-radius:3px;
}

.cntere{
  margin-bottom: 10px;
}

.sectionsearch{
  background:#f5f6fa;
}

.boxsearch{
  padding-top:10px !important;
}

.rsult{
  background:#fff;
}

ul.detailbusq li{
  text-align:left;
  list-style:none;
}


.offeatured2{
 transition: transform .2s; /* Animation */
 margin-bottom:8px;

}

.offeatured2:hover{
  transform: scale(1.1);
  cursor:pointer;
}

.tmcondi{
  text-align:justify;
  max-width:80%;
  margin:0px auto;
  padding-top:20px;
}

#rsultplan{
  display:none;
  padding-top:10px;
}


.rplanfondo{
  background:#f5f6fa;
}

.titleresultplan{
  margin-bottom:20px;
  text-align:center;
}

.buscadorfirts{
  background:#d52b1e;
  color:#ffffff;
}

.seconsectin{
  margin-top:20px;
}

.plannegociosmvil{
  margin-top:15px;
}


.itembarra{
  color: #d02224;
  font-size:50px !important;
}

.itembbox{
  padding:10px;
  transition:0s;
  border-radius:3px;
  background:#00000012;
}

.itembbox:hover{
  background:#d02224;
  color:#ffffff;
  cursor:pointer;
}

.itembbox:hover .itembarra{
  color:#ffffff;

}

.itembbox:hover .titlemenu{
  color:#ffffff;
}

.itembbox:hover .subtitleseryme{
  color:#ffffff;
}


 

.fontofirtssection{
  background:#00000014;
}

.titleubli{
  margin-bottom:20px;
}

.filaitembolita{
  padding-top:15px;
}

.centradobola{
  text-align:center;
}


/*.enoferplan{
position: absolute;
background: #f7ff00;
color: #000;
top: -2%;
padding: 3px;
border-radius: 3px;
transform: rotate(-27deg);
left: -16px;
}*/

.enoferplan{

  position: absolute;
    background: #f7ff00;
    color: #000;
    top: -8%;
    padding: 3px;
    border-radius: 3px;
    transform: rotate(-27deg);
    left: -26px;
    font-size: 13px;

}



.spaciado{
  margin-top:45px;
}

.spaciadobtom{
  margin-bottom:30px;
}

.emptyspaceend{
  position:relative;
  display:block;
  height:4rem;
}



@media (min-width:1199px){

  .navbar2new{

/*vigente antes V*/
  padding: .5rem 7rem;
  /*padding: .5rem 5rem;*/

}

}

@media (min-width:1199px){

  .navbar3new{

/*vigente antes V*/
  padding: .5rem 15rem;
  /*padding: .5rem 5rem;*/

}

}



@media (min-width:768px) and (max-width:991px){

  .tanamo{
  width: 100%;
  height: 55%;
}

}


@media (min-width:320px) and (max-width:767px){

.centradobola{
  padding-bottom:15px;
}

}

@media (min-width:768px) and (max-width:991px){

.offeatured{
  width: 100%;
  height: 45vh;
}



}

@media (min-width:576px) and (max-width:767px){

.sepcolmmenu{
  padding-bottom:5px;
}



}

@media (min-width:320px) and (max-width:575px){

.sepcolmmenu{
  padding-bottom:5px;
}

}

.plnsmovil{
  padding-top:60px;
  margin-bottom:20px;
}


@media (min-width:1920px){

  .navbar2new {
    padding: 0.5rem 26rem;
}

}


.smptyindex{
  height:4rem;
}

.imglogorinci{
  width:10vh
}

.columplanupdate{
  padding-bottom:25px;
}


.firtsnuevotop{
  margin-top:65px;
}





/*estilo login*/

.global-container{
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
}


.card-title{ font-weight:300; }

.login-form{ 
  width:330px;
  margin:20px;
}

.sign-up{
  text-align:center;
  padding:20px 0 0;
}

.alert{
  margin-bottom:-30px;
  font-size: 13px;
  margin-top:20px;
}

/*end */



.boxlogocentrado{
  text-align:center;
}

.ingresaranchobtn{

  width:100%;

}


.boxbola:hover{
  cursor:pointer;
  transform:scale(1.1);
}

.tanamo{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.boxbola:hover img.tanamo {
  filter: none;
  -webkit-filter: grayscale(0%);
}


.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
  color:#f30000;
}

.termandcndition{
  line-height: 3;
border-radius: 3px;
padding: 5px 20px;
color: #FFF !important;
background: #D52B1E;
}

.termandcndition:hover{
  text-decoration:none;
  background:#000;
  color:#ffffff;
}

.pdo{
  color:#d2000a;
}

.boxcloud{
  border: solid 1px #00000024;
  border-bottom:none;
  padding: 10px;
  border-radius: 3px;
}

.contn{
  margin-bottom:3px;
}

.tctdescrib{
font-size: 13px !important;
color: #d2000a;
}



.modhead{
background: #000;
color: #fff;
}

.modfoo{
  background: #00000012;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #d52b1e;
  border-color: #dee2e6 #dee2e6 #fff;
}

.tte{
  text-align:center !important;
}

.boxbola:hover{
  text-decoration:none;
}

.volver{
  background: #d52b1e;
width: 15%;
text-align: center;
border-radius: 3px;
padding: 2px;
}

.volver:hover{
  background:#000;
  cursor:pointer;
}

.volver:hover a{
    text-decoration:none;
}

.titleinfofeatured{
  margin-top:2rem;
  margin-bottom:1rem;
}

.detailfeatured{
  font-size:24px;

}


.emptyspacefeatured{
  height:3rem;
}


.linkfeatured:hover{

  text-decoration:none;


}

.featitle{
  /*color:#da291c !important;*/
    color: #555 !important;
    font-weight: bold;
}

  .linkfeaturednegocio:hover{
      text-decoration:none;
    }


.itembarnavprincipal:hover{
  text-decoration:none;
}

.centered{
  text-align:center;
}


.mdalcontentnew{
  padding: 18px;
  border-radius: 3px;
  border: 8px solid #d52b1e;
  box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 );
  background-color: rgba( 255, 255, 255, 1.00 );
}

.titleasistenciamdal{
  text-align:center;
  margin-bottom:40px;
}

.boxredsocial{
    width: 100%;
    display: block;
    border-radius: 3px;
    padding: 7px;
   
}

.txtclor{
   color: #ffffff !important;
}

.txtclor:hover{
  text-decoration:none;
}

.boxredsocial{
  margin-bottom:8px;
}


.boxwhatsapp{
  background:#00a884;
}

.boxfaceboook{
  background:#1877f2;
}

.boxinstagraam{
  background:#da3862;
}

.boxllamar{
  background:#da291c;
}

.boxredsocial:hover{
  background:#000;
}

.modalhdercontac{
  background: #000;
color: #fff;
}


.btnotroequipo{
  margin-top:10px;
  border-bottom: 3px solid #c9171d;
  border-radius:4px;
  width: 55%;
  height: 30px;
  display: inline-block;
  background-color: #e73238;

}

.btnotroequipo:hover{
  border-bottom:0px;
  transform: translateY(1px);
}


.btnotroequipo a{
  color:#ffffff;
}

.btnotroequipo a:hover{
  text-decoration:none;
}

.ptyspace{
  height:45px;
}

.bxboton{
  text-align:center;
}

.burde{
  border-right: solid 1px #000;
}

.optioncompra{
  background: #e73238;
  color: #fff;
}

.ttleresumen{
  font-family: din-bold-webfont;
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom:20px;

}

.tupe{
  padding-top: 20px;
}

.filatitle{

  

}

.celdaresumen{
  border: solid 1px #000;
  border-radius: 3px;
  padding: 10px;
  background:#eaeaea;
  text-align:center;
  color:#000;
  font-family:din-bold-webfont;
  font-weight: 700;
  font-size: 14px;


}

.celdaresumen01{
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
}


.celdaresumen02{
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}

.cardequi{
  cursor:pointer;
}

#headingOnenew, #headingTwonew, #headingThreenew{
  background:#ffffff;
}


.btnupdateplannew{
  color:#000;
  font-weight:bold;
}

.cardnew2{
  border:1px solid rgb(0, 0, 0);
}

.card-headernew{
  border-bottom:1px solid rgb(4, 4, 4);
}

.resumenfirtssesion{
  margin-top:30px;
}


@media (max-width:991px) {

 .containerresumen {
  max-width:935px;
}

}


.titlerenta{
  font-size: 18px;
  text-align:right;
}

.titlequipo{
  font-family: Roboto,Helvetica Neue,sans-serif;
  font-weight: 400;
  font-size:16px;
  color:#000;
}

.titlequipo2{
 text-align:justify;
 padding-left:15px;

}

.titleother{
  font-family: Roboto,Helvetica Neue,sans-serif;
font-weight: 400;
font-size: 16px;
color: #000;
}



.montomensual{
  color:#000;
  text-align:right;
}

.stotal{
  color:#000;
  width: auto;
  height: auto;
  float: left;
  font-size: 24px;
  font-family: Roboto,sans-serif;
  font-weight: 700;
  margin-left: 35px;

}

.totalapagarhoy{
  padding-right: 20px;
}

.infoaditotal{
  color:#000;
  margin-left: 35px;
  font-size:19px;
  padding: 0 10px;
}

.totalpagarlista{


  font-size:19px;
  margin-right: 12%;
}

.sotalfirts{
  color:#000;
  width: auto;
  height: auto;
  float: right;
  margin-right: 12%;
  font-size: 24px;
  font-family: Roboto,sans-serif;
  font-weight: 700;
}

.sotalfirts1{
  color:#000;
  width: auto;
  height: auto;
  float: right;
  font-size: 24px;
  font-family: Roboto,sans-serif;
  font-weight: 700;
}


.mtofinal{
  text-align:right;
}

.mlistred{
  color: #ef382a;
  font-family: Roboto,sans-serif;
font-weight: 700;
}

.mlistblack{
  color:#000;
  font-family: Roboto,sans-serif;
font-weight: 700;
}

.mlistgreen{
  color:#498f4c;
  font-family: Roboto,sans-serif;
font-weight: 700;
}

.rtamensaulfinal{
  color:#000;
  font-family: Roboto,sans-serif;
  font-weight: 700;
  font-size: 19px;
}

.cifraend{
  font-size: 24px;
  line-height: 40px;
  color: #ef382a;
  font-family: Roboto,sans-serif;
  font-weight: 700;
}

.titlersumen{

  color:#000;
  font-size: 32px;
  margin-top: 30px;
  font-family: Roboto,sans-serif;
  font-weight: 700;

}

.rt1{
/*  padding-right: 20px;*/
  color:#000;
  font-family: Roboto,sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.cabezado{
  margin-bottom:20px;
}

.mtoacordeon{
  font-family: Roboto,Helvetica Neue,sans-serif;
  font-size: 20px;
  font-weight: 400;
}


.infofinal{
  width: 65%;
  height: auto;
  float: right;
  background: yellow;
  font-size: 14px;
  background: #F6F6F6;
  margin-top: 25px;
  font-size: 14px;
  color:#000;
  font-style: oblique;
  font-weight: 700;
  margin: 10px;
}

.btnregresar{
margin-right:20%;
width: 100%;
height: 31px;
background-color: #a6a4a5;
display: inline-block;
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
text-align: center;
cursor: pointer;
float: right;
}


.btnprocesar{
width: 100%;height: 31px;
background-color: #ef382a;
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
text-align: center;
cursor: pointer;
float: right;
margin-right: 35px;
}

.flechaprocesarnext{

position: absolute;
top: 0;
bottom: 0;
right: 60px;
margin: auto;
width: 12px;
height: 12px;

}

.flechaprocesarback{
  position: absolute;
top: 0;
bottom: 0;
left:60px;
margin: auto;
width: 12px;
height: 12px;
}

 .boxinfodetail{
      margin-left:8px;
    }

    .boxfina{

    }


@media (max-width:440px) {

.rt1{
  font-size: 15px !important;
}

}


@media only screen and (max-width: 768px){
  .stotal, .titlerenta{

    font-size:18px !important;
  }
}


  @media (max-width: 770px){

   

/*    .boxfina{
      margin-left:8px;
    }*/
   
    .infoaditotal{
      font-size: 12px;
  }

    .infoaditotal {

    color:#000;
    margin-left:0px;
    padding:0px;
    /*font-size:19px;*/
    /*padding: 0 10px;*/

}

.finaltotal{
  font-size: 14px;
margin-right: 3%;
line-height: 18px;
}

.titlerenta{
  font-size:12px !important;
}

.cifraend{
  font-size:14px;
}

.sinbotom{
  margin-bottom:0px;
}

.totalpagarlista{
  margin-right:0px;
}

.sotalfirts{
  margin-right:0px;
  font-size:16px !important;
}

.sotalfirts1{
  margin-right:0px;
  font-size:16px !important;
}

.mtoacordeon{
  font-size:15px;
}

.btnprocesar{
  width:100%;
}

.btnregresar{
width: 100%;
}

.btnregresar{
margin-right:0%;
}

.btnprocesar{
  margin-right:0%;
}

  }

  .numbersel{

display:inline-block;
width: 28px; 
height: 28px;
background-color:#000;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
margin-left: 4px;
font-size: 23px;
font-family: Roboto,sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
  }


  .trash{
  width: 18px;
  position: absolute;
  right: 15px;
  cursor: pointer;
  }


.chder{
  padding: 18px;
}

.boximg{
  text-align:center;
}

.boxcabe{
  border-bottom:solid 1px #000;
  padding:18px;
  margin-bottom:15px;
/*  padding:0px !important;*/
}

.cardbodynew{
  padding:0;
}

.tabnumber{

  display:inline-block;
  width: 28px;
  height: 28px;
  /*float: left;*/
  background-color: #1f97af;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  /*margin-left: 4px;*/
  font-size: 23px;
  font-family: Roboto,sans-serif;
  font-weight: 700;
  color: #fff;
  text-align:center;

}

ul.listdescriptiva{
  list-style:none;
  color:#000;
}

.finequip{
  color:#000;
  font-size: 18px;
  font-weight:700;

}

.finatamano{
  color:#000;
  font-size: 18px;
}

/*.nocursor{
  cursor:block;
}
*/

.bordeitemchild{
  border: solid 3px #1f97af;
}

.desc{
  font-size:14px;
}

.boxcabe2{
  border-top: solid 1px #000;
  padding:18px;
}

.activeplan{
  background: #d52b1e;
color: #fff;
}

.titlefeaturedbox{
  color:#000;
  font-family: Roboto,sans-serif;
  font-weight: 700;
  font-size:16px;
}

.pricefeatured{
  font-size:24px;
  display:block;
  line-height: 35px;
color: #ef382a;
display: block;
padding-bottom: 13px;
margin-bottom: 13px;
border-bottom: 1px solid #dddddd;
font-weight: 700;
}

.selectservice{
  font-size: 19px;
text-align: center;
color: #ef3828;
cursor: pointer;
}

.burdeselected{
  padding:10px;
  width: 100%;
/*height: 57px;*/
float: left;
border: 1px solid #EF3828;
font-size: 19px;
text-align: center;
margin: 22px 0;
color: #ef3828;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
cursor: pointer;
}


.activefeautredon {
  background-color: #ef3828;
  color: #ffffff;
}

.selectserviceon{
  color:#ffffff;
}


.selectedON{
 box-shadow: 1px 3px 10px -3px #22adc9 !important;
}


.boxprincipal{
  padding:20px;
  width:100%;
height: auto;
display: inline-block;
float: left;
margin: 0 1%;
box-shadow: 0 1px 13px #0000001a;
-webkit-box-shadow: 0px 1px 13px rgba(0,0,0,.1);
-moz-box-shadow: 0px 1px 13px rgba(0,0,0,.1);
background-color: #fff;
border-radius: 24px;
box-sizing: border-box;
cursor: default;
}


.boxprincipal:hover{

  border: 2px solid #7c8385;

}

.titlefeaturedadicna{
  color:#000;
  text-align:center;
  margin-bottom:35px;
}



.listdescriptiva{
  color:#000;
}

.boxinfodetail{

}

.mbotomd{
  color:#000;
  margin-bottom:3px;
}

.cardnew3{
  border: 1px solid rgb(0, 0, 0);
  border-bottom: 0px;
}

/*.bordeadone{
  border-bottom:none !important;
}*/

.bordeadone{
  border-bottom:solid 1px #000 !important;
}



.bordeadocard{
  border: solid 1px #000;
  border-radius:0px !important;
}

.bordeadocard3{
  border-right:solid 1px #000;
  border-left:solid 1px #000;
  border-top:none !important;
  border-top-right-radius:0px !important; 
  border-top-left-radius:0px !important;
}


.bordebody03{
  border-bottom:solid 1px #000;
}

.noradiusone{
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
}

/*.card-header {
  border-bottom: 1px solid rgb(0, 0, 0);
}*/

.bordebody02{
  border-top: 1px solid #000;
}

#headingOnenew{
  background:#eee;
}


/*estilos para la barra de navegacion*/






  .filaitem{
    padding-bottom:3px;
  }


.linseparadora{
	margin-top: 5px;
	margin-bottom: 5px;
  }

  .boxprocesar{
    width:60%;
    margin:auto;
	text-align:center;
	background: #d02224;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
  }



    .boxprocesar:hover{
	background:#000;	

  }

  .cancelped{
  	color:#ffffff;
  	text-align:center;
  	cursor:pointer;
  	background:#d02224;;
  	border-radius:3px;
  }

    .boxprocesar2{
    margin-top:5px;
}


  .cancelped:hover{
	background:#000;
  }

  .carritosize{
  	font-size:20px !important;
  }

  .boxacceso{
  	background:#d02224;
  	color:#ffffff;
  	padding:10px;
  }

    .boxacceso2{
    background:#d02224;
    color:#ffffff;
    padding:0px;
  }

  .boxacceso2 li{
    color:#ffffff;
  }

  /*end*/


.nav-item a.dropdown-toggle{
	color:#ffffff;
}


  .cnnt1{
    text-align:right;
  }

    .cnnt2{
    text-align:left;
  }


  .navbar-nav2 .dropdown-menu2 {
  position:absolute;
  float: none;
}


.dropdown a.dropdown-toggle{
  color:#ffffff;
}

/*.npadinright{
 flex: 0 0 9.667%;
}*/

.npadinleft{
  padding-left:0% !important;
}


  .dropedown2 {
   padding:8px;
   /*width:100% !important;*/
}

  .dropedown3 {
   padding:8px;
}


@media (min-width:320px) and (max-width:483px){

  .dropedown2 {
    width:14rem;
}

}


@media (min-width:484px) and (max-width:600px){

  .dropedown2 {
    width:18rem;
}

}


@media (min-width:601px) and (max-width:767px){

  .dropedown2 {
    width:22rem;
}

}


@media (min-width:768px){

  .dropedown2 {
    width:22rem;
}

}


  @media (min-width: 992px){
    .col-lg-2-new {

      max-width: 10.667% !important;
}
  }

.fixed-top2{
    position: fixed;
top:43px;
right: 0;
left: 0;
z-index: 1034;
}


.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1032;
}

.dontpaddin{
  padding:0px !important;
}

.onadding{
  padding-top:10px !important;
}


/*estilo boton whatsapp*/

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float2{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  color:#FFF;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.float3{
  position:fixed;
  width:100x;
  height:60px;
  bottom:40px;
  left:40px;
  color:#FFF;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.float:hover {
  text-decoration: none;
  color: #25d366;
  background-color:#fff;
}

.my-float{
  margin-top:16px;
}



/*end */

.cabecerah2{
  padding-top:20px;
}

.fondocuerpo{
  background: #d52b1e;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.firtsbtndetail{
  margin-top:10px;
}

.contentmodalnew{
  border: solid 5px #d52b1e;
}

.hdermodal{
  background: #d52b1e;
  color: #fff;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}

.hdermodal2{
  background: #000;
  color: #fff;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}

.ftermodal{
  background:#00000024;
}

.btoequiapli{
  background: #d52b1e;
  border-color: #d52b1e;
}

.btoequiapli:hover{
  background:#000;
  border-color:#000 !important;
}

.contenidoplan{
  text-align:center;
}


.cartageneral p{
  color:#ffffff;
  font-weight:bold;
}

.tminos{
	height:150px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.tminos2{
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#headingpromo{
  background: #0097a9;
}


ul.lta li {
	line-height:30px;
}

ul.lta li a{

color:#4a4a4a;

}

ul.lta li a:hover{
	color:rgb(208, 34, 36) !important;
	text-decoration:none;
}

ul.lta li a{
	border-bottom: solid 1px #a9a9a9;
    padding-bottom: 3px;
    display:inline-block;
}


.headingOnenoticias{
    background: #0097a95e;
    color:#ffffff;
    border-radius: 0px;
}

.card-headernotice {
    padding: 0.1rem 1.25rem;
}

.noticetitle{
  font-weight:bold;

}

.noticetitle:hover{
  text-decoration:none;
}

.infonoticeinternet{
  max-width:70%;
  text-align:justify;
}

.bordercollapseonenotice{
    border-bottom: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-color: #a1d9df;
}

.subtitleseryme{
  color: #000;
  font-size: 16px;
}


.nav-pills a.nav-link{

background:#0000001f;
margin-bottom:3px;



}

.nav-pills a.nav-link:hover{

background:#d52b1e;
color:#ffffff;

}
.nav-tabs .nav-link {
    background:#0000001f;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover {
 background:#d52b1e;
 color:#ffffff;
}

 .topnavidad{
  top:10% !important;
  width:20%;
  margin:0px auto;
 }


.santaop{
    top:40% !important;
    width:10% !important;
    left:90%;
    position: fixed;
    z-index: 1032;
}



  .topnavidad2{
  top:15% !important;
  width:20%;
  margin: 0px 0px 0px auto;
 }


 @media (min-width:320px) and (max-width:991px){

.topnavidad2 {
    top: 18% !important;
    width: 20%;
    margin: 0px 0px 0px auto;
}

}