.backcircle{ 
    width: 26px;
    height: 25px;
    background-color: white;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.61); 
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.61);
}

.socialtext{
    margin-left: 42px;
    font-weight: 900;
    font-size: 16px;
    margin-top: 12px;
    color: #707070;
}

.sociallogin{
    width: 90% !important;
    background-color: #ffffff;
    height: 46px;
    margin-left: 5%;
    border-radius: 2px;
    margin-top: 12px !important;
}

.imagelogo{
    margin-top: 6px;
    width: 31px;
    margin-left: 31px;

}

.backcircle p{
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 23px; 
}
.anoth{
    color:black;
    font-weight: 700;
    font-size:18px
}

.expan{
    text-align: center;
    padding: 5% 2% 5% 2%;
    width: 80%;
    margin-left: 10%;
    border-radius: 11px;
    background-color: black;
    height: 56px;
}
.adix{
    width: 100%;
    border: 0px;
    background-color: transparent;
    height: 51px;
    border-bottom: 2px solid #9d9d9d !important;
}
.MenuDetCantidad {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #000000;
        border-radius: 134px;
        opacity: 1;
    }
    .cen {
    text-align: center;
} 
.MenuDetTam{
    height: 47px;
    line-height: 35px;
}  

.padding{
    background: #F0F0F0 ;
}

.colL, .colR{
    width: 15%;
}
.colR{
    padding-left: 5%;
}
.colL{
    padding-right: 5%;
}
#imgSB {
    width: 49%;
    margin-left: 22%;
    height: auto;
    padding-top: 10%;
}
.Bamsearchbar{

    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    border-radius: 7px;
}

ul {
    list-style-type: none;
    margin: 0;
    margin-bottom: 10%;
    padding: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,0);
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: #8f9bb3;
    text-align: center;
    padding: 14px 13px;
    text-decoration: none;
  }
  .active {
    color: #23147A;
    border-bottom: 3px solid #23147A;
    font-weight: 600;
}

.masonry { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
}

 .instanttu{
    padding-top: 5%!important;
    text-align: center;
    background-size: cover;
    background-position: center center;
    height: 26vh;
    margin: 10px;
 }

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.masonry i{
  float: right;
  padding-bottom: 10px;
  font-size: 19px;
  color:#5EF192 
}

.itemtua {
    display: inline-block;
    margin-top: -21px !important;
    width: 100%;
  -webkit-transition:1s ease all;
    box-sizing: border-box;
}

.masonry {
    padding: 10px;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .tab-nav .tabs{
        background-color: white !important;
    }

    .mapdiv{
    
        background-image: url("img/map.png");
        background-size: 100% 100vh;
        margin-left: -3%; 
        margin-right: -3%;
        margin-top: -10%;
        padding-top: 15px;
        padding-bottom: 15px;
        min-height: 81vh !important;
    }
    .message{
        text-align: center;
        background: white;
        margin-left: auto;
        margin-right: auto;
        padding-right: 5%;
        padding-left: 5%;
        padding-top: 3%;
        margin-top: 10%;
        width: 60%;
        height: auto;
        min-height: 10vh;
        border-radius: 18px;
    }
    #textmsg{
        font-size: 14px;
    }
    .oval{
        margin-top: 22vh;
        margin-left: auto;
        margin-right: auto;
        width: 8%;
        height: auto;
    }

    .selectedbtton{
        width: 70%;
        margin-left: 15%;
        height:40px;
        background-color: #23147A;  
        border-radius: 25px;

      }

      .selectedbtton p{
          line-height: 37px;
          width: 100%;
          text-align: center;
          color: white;
          font-size: 16px;
          font-weight: 600;
      }

      
    .img1{
        width: 7%;
        position: absolute;
        margin-top: 73%;
        margin-left: 32%;
      }

      .PlantillaBassipe{
        padding-bottom:16vh;background-size: cover !important;min-height: 52vh;
      }

      @media only screen and (min-height: 800px) {
        .bannerblanco{
              margin-top: -35%!important;
          }
      }
      .PlantillaBaseswap{
          min-height: 50vh;
          background-image: url('../img/fondo.png');
          background-size: cover;
      }

      .padding{
          padding: 0%!important;
      }
      .back{
          color: #23147A;
          font-size: 20px;
      }
.header-item{
    max-width: 150px;
}


      .titleserv {
        font-size: 12px;
        border-bottom: 1px solid black;
    }

.nobord{
    border-bottom-color: white;
    border-left-color: white;
    border-top-color: white;
    border-right-color: white;
    width: 100%;
}

.elembotu{

    font-size: 12px;
    width: 40%;
    margin-left: 60%;
    margin-top: 8px;
    height: 10px;
    line-height: 28px;
    min-height: 28px;
}

    .stampbt{
        background-color: black;
    color: white;
    margin-top: 5px;
    width: 100%;
    border: 0px;
    border-radius: 10px;

    }

    .expertcard{
        border-radius:25px;
        padding-top: 1px;
        padding-bottom: 1px;
        box-shadow: 0 1px 3px rgb(0 0 0 / 30%);

    }

    .descr {
        font-size: 11px;
        margin-top: 4px !important;
    }

    .maintlte {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 7px;
        font-size: 14px;
        border-bottom: 1px solid black;
    }

    
.bt2 {
    font-size: 13px;
    text-align: right !important;
    display: block;
}


      .empresas2{
          background-color: #fff;
          border-radius: 8px;
          padding-top:10%;
      }
      .Letra1{
          color: #000;
          font-size: 10px;
          line-height: 1;
      }

      .chencho p{
        width: 100%;
        line-height: 37px;
        text-align: center;
        color: white;
        font-weight: 600;
      }

      .inmarcele{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 12px 24px #00000029;
        border-radius: 17px;
      }
      .couponmiage{
        width: 80%;
        border-radius: 52px;
        margin-left: 10%;
        margin-top: 12px;
      }
      .chencho{
          background-color: #23147A;
          height: 40px;
          width: 80%;
          margin-left: 10%;
          border-radius: 20px;
      }
      .Letra2{
          color: #23147A;
          font-size: 10px;
          line-height: 0;
      }
      .Letra3{
          color: #000;
          font-size: 10px;
          line-height: 1;

      }

      .shed{
        padding-left: 11px;margin-bottom:0px;color:#00BEB1;    color: #00BEB1 !important;
        font-size: 12px;
        margin-top: 6px;
        margin-bottom: 6PX;
        text-align: right;
        width: 94%;
        margin-top: -10%;
      }
      .tamniologos{
          width: 101%;
          margin-top: -4px;
      }
      .positionpanel{
          padding-right: 30%;
          padding-left: 30%;
          text-align: center;
      }
      .row{
          padding: 0%!important;
      }
      .col{
          padding:2px!important;
      }
      .bannerblanco{
        background-color:white;
        /* border-radius: 50px 50px 0px 0px; */
        -moz-border-radius: 15px 15px 0px 0px;
        -webkit-border-radius: 15px 15px 0px 0px;
        border: 0px solid #000000;
        margin-top: -16%;
        min-height: 50vh;
        margin-left: 4%;
        padding-top: 5%;
        margin-right: 4%;
      }
      .formadiv{
          border-radius: 30px;
          background-color: #fff;
          margin-left: 15%;
          margin-right: 15%;
          padding-top: 3%;
      }
      .Sombras{
          -webkit-box-shadow: 0px 17px 29px 0px rgba(0,0,0,0.2);
          -moz-box-shadow: 0px 17px 29px 0px rgba(0,0,0,0.2);
          box-shadow: 0px 17px 29px 0px rgba(0,0,0,0.2);
      }
      .Titulo{
          font-size: 18px;
          font-weight: bold;
          color: #0000;
      }
      .Titulo2{
          font-size: 15px;
          font-weight: bold;
          color: #000;
          line-height: 1;
      }
      .letrs{
          font-size: 13px;
          color: #000;
          line-height: 1;
      }
      .divnegro{
          border-radius: 10px;
          background-color: #000;
          text-align: center;
          margin-right: 15%;
          margin-left: 25%;
          margin-bottom: 10%;
      }
      .ltrsblancas{
          color: #fff;
      }
      .imgen{
       
          background-size: cover;
          padding-top: 62%!important;
          -webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
          -moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
          box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
      }
      .imgen2{
        
          background-size: cover;
          padding-top: 62%!important;
          -webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
          -moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
          box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
      }
      .divnegro2 {
          border-radius: 10px;
          background-color: #000;
          text-align: center;
          margin-right: 30%;
          margin-left: 35%;
          margin-bottom: 10%;
      }
      .divnegro3 {
          border-radius: 10px;
          background-color: #000;
          text-align: center;
          margin-bottom: 10%;
          margin-right: 25%;
      }
      .scrolling-wrapper{
          width: 100%;
          padding-right: 10%;
          overflow-x: scroll;
          overflow-y: hidden;
          white-space: nowrap;
          padding-top:0px;
    
      }
      .horizontal-scroll-contenedor {
          width: auto;
          height: 50px;
          overflow-y: hidden;
          overflow-x: auto;
          /*padding: 10px;*/
          margin-left: -13px;
          white-space: nowrap;
      }
      .horizontal-scroll-contenedor > div {
        margin-left: 18px;
          height: 50px;
          font-weight: 600;
          /*margin: 0 10px 0 0;*/
          padding: 0;
          display: inline-block;
          text-align: center;
          color: #000;
          line-height: 50px;
      }

      .horizontal-scroll-contenedor2 {
          width: auto;
          height: 100px;
          overflow-y: hidden;
          overflow-x: auto;
          /*padding: 10px;*/
          white-space: nowrap;
      }
      .horizontal-scroll-contenedor2 > div {
          width: 100px;
          height: 100px;
          /*margin: 0 10px 0 0;*/
          padding: 0;
          display: inline-block;
          text-align: center;
          color: #000;
          line-height: 50px;
      }
      
        .mapdiv{
            background-image: url("img/map.png");
            background-size: 100% 100vh;
            margin-left: -3%; 
            margin-right: -3%;
            margin-top: -10%;
            padding-top: 15px;
            padding-bottom: 15px;
            min-height: 81vh !important;
        }
        .message{
            text-align: center;
            background: white;
            margin-left: auto;
            margin-right: auto;
            padding-right: 5%;
            padding-left: 5%;
            padding-top: 3%;
            margin-top: 10%;
            width: 60%;
            height: auto;
            min-height: 10vh;
            border-radius: 18px;
        }
        #textmsg{
            font-size: 14px;
        }
        .oval{
            margin-top: 22vh;
            margin-left: auto;
            margin-right: auto;
            width: 8%;
            height: auto;
        }
        .empresas{
            background-color: #fff;
            border-radius: 8px;
            padding-top:10%;
        }
        .Letra1{
            color: #000;
            font-size: 10px;
            line-height: 1;
        }
        .Letra2{
            color: #23147A;
            font-size: 10px;
            line-height: 0;
        }
        .Letra3{
            color: #000;
            font-size: 10px;
            line-height: 1;
      
        }
        .tamniologos{
            width: 101%;
            margin-top: -4px;
        }
        .row{ 
            padding: 0%!important;
        }
        .col{
            padding:2px!important;
        }

        .PlantillaBase{
            padding: 0% 3% 0% 3%;
        }

        .Letra1{
            font-size: 15px;
            
        }
        .Letra2{
            font-size: 16px;
            
        }
        .Letra3{
            font-size: 23px;
 
        }

        .postionimage{
            text-align: center;
            padding-top: 5%;
            font-weight: 600;

        }
        .postionimage{
            text-align: center;
            padding-top: 5%;
            font-weight: 600;

        }
        .Letras1{
            font-weight: 700;
            text-align: right;
            font-size: 18px;
            color: rgb(0, 0, 0);
        }

        .Letras2{
            font-size: 21px;
            color: #000;
            font-weight: 700;
        }
        .Letras3{
            font-size: 13px;
         
            color: #929292;
        }
        .Letras4{
            font-size: 13px;
         
            color: #23147A;
        }
        .Letras5{
            font-size: 15px;
          font-weight: 600s;
            color: black;
        }

        .Letras7{
            font-size: 15px;
          
            color: white;
        }

        .posisionador{
            padding: 2% 2% 2% 2%;
            margin: 0% 0% 0% -2%;
        }
        .posisionadore{
            margin: 0% -10% 0% -10%;
        }
        .btntamanio1{
            text-align: center; 
            padding: 5% 2% 5% 2%;
        }
        .btntamanio2{
            background-color: #216a1b;
            text-align: center; 
            padding: 5% 2% 5% 2%;
            height: 65px;
        }



        .letinin{
            margin-top: 14px;
            color:#23147A;
            font-size: 18px;

        }

        .profilecontainte{
            padding: 22px;
        }

        .sout{
            border: 2px solid #FF3A52;
            border-radius: 10px;
            opacity: 1;
            width: 75%;
            margin-left: 12%;
            height: 44px;
            position: absolute;
            bottom: -28vh;
          }
    
          .pizbod{
            border-bottom: 1px solid white;
            width: 100%;
            background-color: transparent;
            border-left: 0px;
            border-right: 0px;
            border-top: 0px;
            line-height: 31px;
            color: white;
            font-size: 24px;
        }
          .sout p{
            text-align: center;
                letter-spacing: 0px;
                color: #FF3A52;
                opacity: 1;
                width: 100%;
                text-align: center;
                font-size: 22px;
                line-height: 39px;
          }

        .PlantillaBase{
            padding: 5% 3% 0% 3%;
        }

        .Letra1{
            font-size: 15px;
            font-weight: bold;
        }
        .Letra2{
            font-size: 18px;
            font-weight: bold;
        }
        .Letra3{
            font-size: 23px;
            font-weight: bold;
        }
        .PanelGris{
            background-color: #5b5757;
            border-radius: 2px;
            -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
            padding: 3% 0% 2% 0%;
        }
        .ImagenPapas{
            width: 30%;
            -webkit-box-shadow: 0px 5px 5px 0px rgba(104,104,104,1);
            -moz-box-shadow: 0px 5px 5px 0px rgba(104,104,104,1);
            box-shadow: 0px 5px 5px 0px rgba(104,104,104,1);
            padding-top: 2%;
        }
        .PanelAzul{
            background-color: #5b5757;
            border-radius: 2px;
            -webkit-box-shadow: 0px 0px 5px 1px rgba(80,227,194,1);
            -moz-box-shadow: 0px 0px 5px 1px rgba(80,227,194,1);
            box-shadow: 0px 0px 5px 1px rgba(80,227,194,1);
            padding: 3% 0% 2% 0% !important;
            text-align: center;
        }
        .BTNGris{
            background-color: #5b5757;
            border-radius: 2px;
            padding: 3% 0% 2% 0%;
            text-align: center;
        }
        .BTNBlanco{
            background-color: #fff;
            border-radius: 2px;
            padding: 3% 0% 2% 0%;
            text-align: center;
        }
        .PanelRojo{
            background-color: #272727;
            border-radius: 2px;
    
            padding: 3% 0% 2% 0% !important;
            text-align: center;
        }


        .goback{
            margin-left: 1%;
            margin-top: 1%;
            margin-bottom: 10%;
        }
        .payment_option{
            background-color: white;
            color:black;
            border-radius: 2px;
            width: 95%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 4%;
        }
        #cardtxt{
            padding-left: 7%;
            width: 100%;
            height: auto;
            text-align: left;
            font-size: 16px;
            background-color: rgba(0,0,0,0);
            color: white;
            margin-left: auto;
            margin-right: auto;
        }

        #ownertxt{
            padding-left: 2%;
            width: 100%;
            text-align: left;
            font-size: 16px;
            background-color: rgba(0,0,0,0);
            color: white;
            margin-left: auto;
            margin-right: auto;
        }
        
        .ccinfocont{
            
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        .ccinfo{
            padding: 4px;
            background-color: white;
            color:black;
            width: 100%;
            border-radius: 3px;
        }

        .phoneinput{
            width: 90% !important;
            text-align: center!important;
            font-size: 29px !important;
            margin-top: 20% !important;
            background-color: #ffffff00 !important;
            color: white !important;
            margin-left: auto !important;
            margin-right: auto !important;
          }

        .ccinfo input{

            padding: 4px;
            background-color: white;
            width: 95%;
            border-radius: 10px;
        }
        

        .title{
            width: 100%;
            text-align: center;
            color: black;
            font-size: 23px;
            margin-bottom: 33px;
        }

        hr{
            border:  0.4px solid #3C3C3C;
        }


        .badgeposition{
            position: absolute;
            top: 0px;
            z-index: 2;
            margin-left: -15px;
            margin-top: 0px;
            z-index: 9;
          }



          .pmaptitle{
              width: 100%;
              text-align: center;
              font-size: 19px !important;
              font-weight:600;
            letter-spacing: 0px;
            color: #272727;
            opacity: 1;
          }


          .pmapsubtitle{
            width: 100%;
            text-align: center;
            font-size: 12px !important;
            font-weight:600;
          letter-spacing: 0px;
          color: #606060;
          opacity: 1;
        }
          
          .badgeOncolor{
            width: 100%;
            text-align: center;
            line-height: 26px;
            margin-left: -2%;
            font-weight: 700;
            color: white;
          }
                 
              .outerbadge{
                width: 24px;
                height: 24px;
                border-radius: 24px;
                background-color: #23147A;
                margin-top: 4px;
              }

              .jq-toast-single{
                font-family: 'Montserrat', sans-serif !important;
                font-size: 15px !important;
              
                background: rgb(42,162,149);
                background: linear-gradient(0deg, rgba(42,162,149,1) 0%, rgba(0,255,226,1) 100%);
              }
              
              .jq-toast-loader{
                background-color: #25997f !important;
              }
              .jq-toast-wrap.top-right {
                top: 4% !important;
                right: 1% !important;
            }


            .repy{
                width: 50%;margin-left:25%;margin-top:10vh
            }
            .addsomething{
                color:black;width: 100%;text-align: center;margin-top:10vh
            }
            .checkbot{
                color:black;width: 100%;font-size: 21px;text-align: center;
            }
            .backcheck{
                color:#23147A;margin-left: 10px;font-size:17px;font-weight: 600;
            }
            .shopplease{
                margin-top: 10vh;
                margin-left: 25%;
                width: 50%;
                height: 35px;
                background: #4D4D4D 0% 0% no-repeat padding-box;

                opacity: 1;
            }
        
            .shopplease p{
                text-align: center;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
                line-height: 30px;
            }

          .colorLetras{
            color: #fff;
          }
          .blacksettingcard{
            background: #000000 0% 0% no-repeat padding-box;
            border-radius: 10px;
            opacity: 1;
            margin-left: 7%;
            margin-right: 6%;
            padding:12px
          }
    
          .pureblack{
            background-color: black;
          }
    
          .extrastwo{
            float:right;
            color: #7878805C!important;
          }
    
          .item-content{
            background-color: black !important;
          }            

          .PlantillaBase335{
            min-height: 100vh;
            background-image: url('./img/fondo_user.png');
            background-size: cover;
            padding-right: 2%;
            padding-left: 2%;
        }
        .padding2 {
            padding: 0px!important;
        }
        .Titulo{
            font-weight: bold;
            color: #fff;
        }
        .positiontitulo{
            padding-top: 25%;
            padding-left: 3%;
        }
        .panel{
            border-radius: 10px;
            background-color: rgb(34, 34, 34);
            color: white;
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 20%;
            padding-top: 20%;
            padding-left: 5%;
            padding-right: 5%;
            text-align: center;
        }
        .Sombras{
            -webkit-box-shadow: 0px 17px 29px 0px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 17px 29px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 17px 29px 0px rgba(0,0,0,0.2);
        }
        .imgposition{
            width: 30%;
            position: absolute;
            margin-left: 35%;
        }
        .atras{
            border-radius: 10px;
            border: 1.3px solid #727272!important;
            padding-top: 4%;
            padding-bottom: 3%;
        }
        .flecha{
            color:#545559;
            font-size: 150%;
        }
        .btnazul{
            background-color: #23147A;
            border-radius: 10px;
            text-align: center;
            padding-top: 6%;
            padding-bottom: 5%;
            margin-left: 5%;
        }
        .letrabtn{
            color: #fff;
            font-size: 150%;
            font-weight: bold;
        }
        .iconus2{
            margin-top: 10px;
            font-size: 100%;
            color: #23147A;
        }

    
        .Letra11{
            font-size: 15px;
            font-weight: bold;
        }
        .Letra22{
            font-size: 18px;
            font-weight: bold;
        }
        .Letra33{
            font-size: 23px;
            font-weight: bold;
        }

        .hc{
            font-size: 13px;
            font-weight: 600;
            color: #000;
            line-height: 1;
        }


 
        .mapdiv{
            background-image: url("img/map.png");
            background-size: 100% 100vh;
            margin-left: -3%; 
            margin-right: -3%;
            margin-top: -10%;
            padding-top: 15px;
            padding-bottom: 15px;
            min-height: 81vh !important;
        }
        .message{
            text-align: center;
            background: white;
            margin-left: auto;
            margin-right: auto;
            padding-right: 5%;
            padding-left: 5%;
            padding-top: 3%;
            margin-top: 10%;
            width: 60%;
            height: auto;
            min-height: 10vh;
            border-radius: 18px;
        }
        #textmsg{
            font-size: 14px;
        }
        .oval{
            margin-top: 22vh;
            margin-left: auto;
            margin-right: auto;
            width: 8%;
            height: auto;
        }
        .empresas{
            background-color: #fff;
            border-radius: 8px;
            padding-top:10%;
        }
        .Letra1{
            color: #000;
            font-size: 10px;
            line-height: 1;
        }
        .Letra2{
            color: #23147A;
            font-size: 10px;
            line-height: 0;
        }

        .activat{
            color: #23147A !important;
            font-weight: 600 !important;
        }
        .Letra3{
            color: #000;
            font-size: 10px;
            line-height: 1;
            font-weight: bold;
        }
        .exito{
            text-align: right;
            width: 94%;
        }
        .tamniologos{
            width: 101%;
            margin-top: -4px;
        }
        .row{ 
            padding: 0%!important;
        }
        .col{
            padding:2px!important;
        }

        .additba{
            background: #1F1F1F 0% 0% no-repeat padding-box;
            border-radius: 6px;
        }

        .additba p{
            color: #46a3ff;
            font-size:11px;
            width: 100%;
            text-align: center;
        }

        .addya{
            background: #1F1F1F;
            border-radius: 50%;
            color: #46a3ff;
            width: 20px;
            height: 27px;
        }

        .addya p{
            width: 101%;
            text-align: center;
            color: #46a3ff;
            font-weight: 600;
            line-height: 18px;
        }

        .pal{
            width: 101%;
            text-align: center;
            color: #46a3ff;
            font-weight: 600;
            line-height: 22px !important;
        }

        .linit{
            width: 100%;
            text-align: center;
      
        }

        .tothr{
            width: 100%;
            text-align: right;
        }

        .omad{
            width: 100%;
            background: transparent;
            border: 0px;
            color: white;
        }

        .cen{
            text-align: center;
          }

          .CarritoMapaLinea{
            border: 1px solid #8F9BB3;
            opacity: 0.5;
            margin: -198% 40% 0% 40%;
          }

          .CarritoMapaRef {
            text-align: left;
            font-size: 14px;
            letter-spacing: 0px;
            color: black;
            opacity: 1;
        }

        .CarritoMapa {
            padding: 150% 0% 56% 0%;
            position: relative!important;
            width: 100%;
            box-sizing: 100;
            z-index: 100;
            bottom: -5%;
            border-radius: 20px 20px 0px 0px;
        }

        .CarritoMapabtnV{
            background-color: black;
            border-radius: 5px;
            opacity: 1;
            text-align: center;
            font-size: 17px;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            padding: 2% 0% 2% 0%;
          }
          
          .CarritobtnGriss {
            background: #e5e5e5 0% 0% no-repeat padding-box;
            border-radius: 55px;
            opacity: 0.2;
            text-align: center;
            font-size: 13px;
            letter-spacing: 0px;
            color: #272727;
            opacity: 1;
            font-weight: bold;
            text-align: center;
        }

        .CarritoMapaLinea {
            border: 1px solid #8F9BB3;
            opacity: 0.5;
            margin: -198% 40% 0% 40%;
        }

        #instrucciones{
            border-bottom:1px solid black !important;
            width: 100%;
        }

        .detalle{
            color:#23147A;
            font-size: 18px;
            text-align: left;
            width: 100%;
        }

        .xtra{
            background-color:#E6E6E6;
            border-radius: 10px;
            width: 86%;
            margin-left: 2%;
            z-index: 10;
            position: relative;
            border: 1px solid #707070;
        }
        .backxtra{
            background-color: #C0C0C0;
            border-radius: 10px;
            width: 86%;
            margin-left: 14%;
            margin-top: -24%;
            z-index: 1;
            position: relative;
        }
        .franja{
            width: 100%;background-color: black;height: 35px;
        }
        .seseve{
            color: black; font-size: 14px; margin-left: 5%;
        }

        .whitercards{
            width: 100%;
            background-color: white;
            margin-bottom:12px;
        }
        .perfilCards{
          width: 100%;
          text-align: center;
          font-size: 18px;
          font-weight: 600;
          color:black;
        }
        .codi{
          width: 100%;
          text-align: left;
          font-size: 22px;
          font-weight: 600;
          color:black;
          margin-left:10%;
          padding: 0px;
        }
        .ablanda{
          width: 100%;
          text-align: left;
          font-size: 15px;
          color:black;
          margin:0px;
          margin-left:10%;
          padding: 0px;
        }
        .mucho{
          margin-left: 7%;
          margin-bottom: 10px;
          width: 86%;
        }
        .imgdal{
          margin-left: 5px;
          font-size: 19px;
          font-size: 600;
          font-weight: 600;
          margin-bottom:0px;
        }
        .imgdale{
          margin-left: 5px;
          font-size: 15px;
          font-size: 600;
          font-weight: 400;
          color:#272727;
        }
        .mucho img{
          width: 100%;
        }

        .creep{
            box-shadow: 0px 8px 16px #0000000D;
            -webkit-box-shadow: 0px 8px 16px #0000000D;
            width: 100%;height: 90px;background-color:white
           }
           .shwa{
            width: 100%;
            text-align: center;
            font-size: 24px;
            margin-top: -7%;
            font-weight: 600;
           }
           .addbuttoncard{
            width: 90%;
            margin-left: 5%;
            background-color: white;
            border-radius: 20px;
            min-height: 73px;
            box-shadow: 6px 12px 30px #00000029;
            -webkit-box-shadow: 6px 12px 30px #00000029;
            margin-top: 25px;
           }
           .addbuttontext{
            color: #23147A;
            width: 100%;
            text-align: center;
            line-height: 65px;
            font-size: 22px;
            font-weight: 600;
           }
           

           .thevisa{
            width: 100%;
            margin-top: 16%;
            margin-left: 15%;
        }
        
        .tarjetacard{
            margin-left: 10%;
            font-weight: 700;
            margin-top: 10px;
        }
        .tarjetacardds{
        
            margin-left: 10%;
            font-weight: 400;
            margin-top: 10px;
            font-size: 12px;
            margin-top: -9px;
        
        }

        .borrartarjeta{
            width: 95%;
    text-align: right;
    margin-right: 34px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #23147A;
        }


        .pampi{
            width: 100%;
            text-align: center;
            font-weight: 600;
            font-size: 19px;
            margin-top: 10%;
          }
        
          .containerorder{
              padding-top:10px;
              padding-bottom:10px;
            width: 90%;
            margin-left: 5%;
            background-color: white;
            border-radius: 25px;
            box-shadow: 6px 12px 30px #00000029;
            -webkit-box-shadow: 6px 12px 30px #00000029;
          }
        .onceactive{
          border-bottom: 5px solid #23147A;
        }
         
        .papagayo{
          width: 88%;
            margin-left: 26%;
            margin-top: 8%;
        }
        .peco{
          margin-left: 10%;
            font-weight: 600;
            font-size: 15px;
            margin-bottom: 0px;
            margin-top: 12px;
        }
        .estado{
          margin-left: 10%;
            font-weight: 600;
            color: #867d7d;
            font-size: 12px;
        }

        .tab-nav {
            box-shadow: 2px 8px 15px 10px rgba(0,0,0,0.29);
-webkit-box-shadow: 2px 8px 15px 10px rgba(0,0,0,0.29);
-moz-box-shadow: 2px 8px 15px 10px rgba(0,0,0,0.29);
        }