.clear {clear:both; line-height:0 !important; height:0 !important; }
/*.page-content{padding-bottom: 60px}*/
/* Invert navigation bars to fill style */
:root,
:root.theme-dark,
:root .theme-dark {
  --f7-bars-bg-color: var(--f7-theme-color);
  --f7-bars-text-color: #fff;
  --f7-bars-link-color: #fff;
  --f7-navbar-subtitle-text-color: #2c365d;
  --f7-bars-border-color: transparent;
  --f7-tabbar-link-active-color: #fff;
  --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);
  --f7-searchbar-bg-color: var(--f7-bars-bg-color);
  --f7-searchbar-input-bg-color: #fff;
  --f7-searchbar-input-text-color: #000;
  --f7-sheet-border-color: transparent;
  --f7-tabbar-link-active-border-color: #fff;
}
.dialog-button{
  /*color: #2c365d !important;*/
}
.dialog-title{
  text-align: center !important;
}
.navbar,
.toolbar,
.subnavbar,
.calendar-header,
.calendar-footer {
  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
  --f7-link-highlight-color: var(--f7-link-highlight-white);
  --f7-button-text-color: #fff;
  /*--f7-button-pressed-bg-color: #2c365d;*/
}

/*.navbar{background-color: #2c365d !important}*/
.toolbar{background-color: #fff !important}

.lista-anuncios{}
.lista-anuncios h1{margin-left: 15px; font-weight: 500; border-bottom: 1px solid #2c365d; margin-right: 15px}
.descr{position: relative;display: table-row-group; text-align: left;}
.descr .tituloprod{
   /* margin: 0; */
    color: #36454f; 
    /*font-size: 15px;*/ 
    /*line-height: 1.2; */
    font-weight: 500; 
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line;
    text-overflow: ellipsis;
    /*height: 30px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    
}
/*.descr p{margin: 0; padding-bottom: 35px;}*/
.descr .descprod{
   /*line-height: 1.2; height: 40px !important; display: -webkit-box !important; color: #36454f !important;  padding-bottom: 35px; word-wrap: break-word; overflow: hidden;white-space: pre-line;text-overflow: ellipsis; }*/
    
    color: #36454f;
    font-size: 14px;
    font-weight: 250;
    letter-spacing: .2px;
    line-height: 1.4;
    /*height: 40px;*/
    /*word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line;
    text-overflow: ellipsis;
    display: -webkit-box;*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*text-align: justify;*/
  }
  .nome-produto{
    font-size: 80% !important;
    white-space: normal !important;
  }
/*.descr .preco{font-size: 3.5vw; bottom: 0; color: red; }*/
.preco{font-size: 3.5vw; bottom: 0; color: #36454f !important; }
/*.toolbar{height: 14vh}
.topopoup{height: 14vh}
.topopoup .navbar-inner{height: 14vh}
.topopoup .title{font-size: 7vw; white-space: normal; font-weight: 400}*/
.topopoup .right{margin-right: 15px; font-size: 6vw}
/*.descricao{padding-top: 10vh; padding-bottom: 20vh}*/
.descricao{margin-top: 10px; padding-bottom: 90px;}

.toolbar-inner{display: block !important; }
.add-quant, .botoes .row{width: 100%}

.add-quant{ display: block; overflow: hidden;}
.add-quant .button{color: #000; font-weight: 900; border-radius: 0; height: 15vw; font-size: 10vw; /*border:1px solid #2c365d;*/}
.add-quant .bt-diminuir{border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; width: 20%; float: left;}
.add-quant .bt-add{border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; width: 20%; float:left;}
.add-quant input{/*border:1px solid #2c365d;*/ float: left; width: 60%; text-align: center; font-size: 9vw; color: #000; font-weight: 900 }

/*.botoes {padding: 10px 5vw}*/
/*.botoes .button i{display: block;}*/
.botoes .button i{ padding-right: 10px;top: 14px;position: absolute;left: 10px;}
.botoes .button{/*height: auto; padding: 2vw*/     height: 48px;}
/*.botoes .addprod{background-color: #2c365d; color: #fff; font-weight: 800}*/
.botoes .addprod{/*background-color: #2c365d;*/ color: #fff;}
.botoes .popup-close{color: #000}

/*.menulateral .page{background-color: #2c365d !important}*/
.menulateral .block-title{text-align: center; font-size: 10vw; color: #fff; line-height: 50px}
/*.menulateral .list ul{background: #2c365d}*/
.menulateral .list ul a{color: #fff !important;}

.card-content{height: auto ; min-height: 85px;}
.card-content img{height: auto !important;}

@media (min-width: 991px){

  /*.card-content{height: 140px }*/
.card-content img{height: auto !important; min-height: 85px;}



  .container{width: 900px; margin: 0 auto}
  /*.lista-anuncios a{width: 50%; float: left;}*/
  .descr h2{font-size: 25px}
  .descr p{font-size: 15px}
  /*.descr .preco{font-size: 30px}*/
  .preco{font-size: 30px}

  .topopoup .title{font-size: 25px}
  .topopoup .right{font-size: 30px}

  .add-quant .button{height: 40px;    font-size: 30px;}
  .add-quant input{height: 40px; font-size: 25px}
  .add-quant{margin: 10px 0}
  .descricao img{width: 30%; float: left; margin-right: 15px; padding-bottom: 90px;}
}

.carrinho i{font-size: 30px !important;}
.carrinho{font-weight: 700}
/*.carrinho .card{background-color:#e4e3e3; color: #484848}*/
.carrinho .total{text-align: center; font-size: 20px;background-color:#ccc;}
.btavan{padding: 10px }
.btavan i{float: right; top: 10px; position: relative;}
/*.btavan .button{background-color: #2c365d;}*/
/*a{color: #2c365d !important ;}*/
.link{color: #fff !important;}

.stepper-button-minus:after, .stepper-button-minus:before, .stepper-button-plus:after, .stepper-button-plus:before{
  /*background-color: #2c365d !important ;*/
}

.titulocomplemento{
  white-space: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
}

/*-------------------------------------------------iugo-------------------------------------*/
/
/* Credit Card Form */
.usable-creditcard-form, .usable-creditcard-form * {
    font-size: 13px;
}
.usable-creditcard-form {
    position: relative;
    padding: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.usable-creditcard-form .wrapper {
    border: 1px solid #CCC;
    border-top: 1px solid #AAA;
    border-right: 1px solid #AAA;
    height: 74px;
    /*width: 90%;*/
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.usable-creditcard-form .input-group {
   /* position: absolute;
    top: 300px;*/
}
.usable-creditcard-form .input-group.nmb_a {
   /* position: absolute;
    width: 70%;
    top: 0px;
    left: 0px;*/
}
.usable-creditcard-form .input-group.nmb_b {
    position: absolute;
    width: 30%;
    top: 0px;
    right: 0px;
}
.usable-creditcard-form .input-group.nmb_b input,
.usable-creditcard-form .input-group.nmb_d input {
    text-align: center;
}
.usable-creditcard-form .input-group.nmb_c {
    position: absolute;
    width: 70%;
    top: 37px;
    left: 0px;
}
.usable-creditcard-form .input-group.nmb_d {
    position: absolute;
    width: 30%;
    top: 37px;
    right: 0px;
}
.usable-creditcard-form input {
    background: none;
    display: block;
    width: 100%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:0px;
    padding-left: 35px !important;
    border: none;
}
.usable-creditcard-form .input-group .icon {
    position: absolute;
    width: 22px;
    height: 22px;
   /* background: #CCC;
    left: 8px;*/
    top: 10px;
}
.usable-creditcard-form .input-group.nmb_a input {
    /*border-right: 1px solid #ECECEC;*/
}
.usable-creditcard-form .input-group.nmb_c input {
    border-top: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
}

.usable-creditcard-form input::-webkit-input-placeholder {
    font-size: 12px;
    text-transform: none;
}
.usable-creditcard-form .input-group.nmb_d input {
    border-top: 1px solid #ECECEC;
}

.usable-creditcard-form .input-group.nmb_c input {
    text-transform: uppercase;
}
.usable-creditcard-form .accept {
    color: #999;
    font-size: 11px;
    margin-bottom: 5px;
}
.usable-creditcard-form .footer {
    margin-top: 3px;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.usable-creditcard-form .footer img {
    padding: 0px;
    margin: 0px;
}
.usable-creditcard-form .iugu-btn {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* Do not forget to store your images in a secure server */
.usable-creditcard-form .input-group .icon.ccic-name {
    background: url("https://storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/ccic-name.1cafa1882fdd56f8425de54a5a5bbd1e.png") no-repeat;
}
.usable-creditcard-form .input-group .icon.ccic-exp {
    background: url("https://storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/ccic-exp.05e708b1489d5e00c871f20ba33bbff3.png") no-repeat;
}
.usable-creditcard-form .input-group .icon.ccic-brand {
    background: url("https://storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/ccic-brands.48dba03883007f86e118f683dcfc4297.png") no-repeat;
}
.usable-creditcard-form .input-group .icon.ccic-cvv { background: url("https://storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/ccic-cvv.1fe78dcc390427094bdc14dedea10f34.png") no-repeat; }

.usable-creditcard-form .input-group .icon.ccic-cvv,
.usable-creditcard-form .input-group .icon.ccic-brand
{
    -webkit-transition:background-position .2s ease-in;
    -moz-transition:background-position .2s ease-in;
    -o-transition:background-position .2s ease-in;
    transition:background-position .2s ease-in;
}

.amex .usable-creditcard-form .input-group .icon.ccic-cvv {
    /*background-position: 0px -22px;*/
    background: url("/img/brand/amex.png") no-repeat;
    background-size: cover;
}

.amex .usable-creditcard-form .input-group .icon.ccic-brand {
    /*background-position: 0px -110px;*/
    background: url("/img/brand/amex.png") no-repeat;
    background-size: cover;
}

.visa .usable-creditcard-form .input-group .icon.ccic-brand {
    /*background-position: 0px -22px;*/
    background: url("/img/brand/visa.png") no-repeat;
    background-size: cover;
}

.diners .usable-creditcard-form .input-group .icon.ccic-brand {
    /*background-position: 0px -88px;*/
    background: url("/img/brand/dinners.png") no-repeat;
    background-size: cover;
}

.mastercard .usable-creditcard-form .input-group .icon.ccic-brand {
    /*background-position: 0px -66px;*/
    background: url("/img/brand/mastercard.png") no-repeat;
    background-size: cover;
}

.elo .usable-creditcard-form .input-group .icon.ccic-brand {
    /*background-position: 0px -66px;*/
    background: url("/img/brand/elo.png") no-repeat;
    background-size: cover;
}

/* Non Credit Card Form - Token Area */
.token-area {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px dotted #CCC;
    display: block;
    padding: 20px;
    background: #EFEFEF;
}

.swiper-pagination-bullet{
  background-color: #fff !important;
}

/*/ fim do css iugu*/

.boxrolagem{ overflow: auto;-webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;z-index: 1;}
.pesquisa{background: #fff; padding: 0 15px !important}
.pesquisa .list{margin-bottom: 0}
.pesquisa .list .col{width: 25px !important}
.pesquisa .list .row:before, .pesquisa .list .row:after{display: none;}
.pesquisa .list .item-content{padding: 0 !important; display: block;}
.pesquisa .icon-radio{width: 16px; height: 16px;left: 1px;}
.pesquisa .list .item-inner{padding: 0; text-align: center;    display: block;}
.pesquisa .list .item-inner .item-title{display: block;}
.pesquisa .verm {    border: 2px solid #000;} 
.pesquisa .amare {    border:2px solid #000}  
.pesquisa .verd {    border: 2px solid #000}
.pesquisa label.item-radio>.icon-radio{margin: 0 3px !important}
.datahoradeliveryprogramado .item-after{ font-weight: bold; color: #000 !important;  }