@font-face {
  font-family: 'gothambold';
  src: url('/../assets/admin/fonts/gothambold-webfont.woff2') format('woff2'),
       url('/../assets/admin/fonts/gothambold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.formLogin .error{
        color: #f97c00!important;
            margin-top: 0 !important;
}

.formLogin li{
        list-style: none;

}

.sectionLogin .formLogin .btnLogin input.btnOrange{
    color:#fff !important;
     -webkit-appearance: none;
}
.container.News #v-pills-tabContent.tab-content{
    width: 85%;
}

.menu-fixed .item .item-menu.active{
   color: #204F9A !important;
   font-family: "gothambold" !important;
line-height: 26px;
}

.shopCart .headerCart{
    padding-top: 5px !important;
}

.shopCart h6{
    margin-top: 5px;
}

.shopCart .headerCart h6{
    margin-bottom: 0px;
}

.shopCart .cardProduct span{
    font-family: gothamlight;
    line-height: 24px !important;
}


.shopCart .headerCart .closeCart{
    margin-top: -7px;
}

.shopCart .buttonCart a.goCart{
    font-family: gothambold;
        line-height: 44px;
}

.card-port-detail img{
    width: 100% !important;
}

.card-port-detail .content-card h6{
        font-family: gothamlight;
}

.card-port-detail .content-card p{
        font-family: gothamlight;
        font-size: 12px !important;
        color: #605b63 !important;
        padding-top: 5px !important;
}

.card-port-detail .footer{
    display: none !important;
}

.retos-content .card-retos .header .tag-reto{
    font-size:10px;
}

.sectionLogin{
    align-items: center !important;

  }

  @media (min-width: 768px){
    .sectionLogin{
      max-height: 100vh !important;
    }


    .sectionLogin .formLogin{
      margin-top: 0 !important;
    }



    .text-news .col-10.container.py-3.pt-5{
      padding-top: 0 !important;
    }

    .sectionLogin .formLogin .check-box{
      margin-top: 15px !important;
    }

    .ult-descuentos .box-ticket{
      max-width: 370px !important;
      max-width: 100% !important;
    }

    .header-descuentos{
      padding: 0 20px !important;
      width: 1320px !important;
    }

    .tickets{
      padding: 0 20px !important;
      max-width: 1320px !important;
      width: auto !important;
    }

    .conoce-avance{
      padding: 0 20px !important;
      max-width: 1320px !important;
      width: auto !important;
    }

    h5, .h5 {
      font-size: 1.25rem !important;
    }

    .tickets .box-ticket{
      width: 100% !important;
      margin: 0 15px !important;
    }

    .tickets .box-ticket:first-child{
      margin-left: 0 !important;
    }

    .tickets .box-ticket:last-child{
      margin-right: 0 !important;
    }

    .tickets .box-ticket h5{
      font-size: 1.25rem !important;
    }


    .footer .row.aling-items-center.mx-4{
      justify-content: center;
    }

    .content-profile{
      /* margin-top: 50px !important; */
    }

    .CardeskCol{
      width: 100% !important;
      max-width: 370px !important;
    }

    .card-colors .text.mobile{
      display: none !important;
    }

    .container.py-lg-5.pt-5{
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }

  }









  /*Global*/

  body, .bg-light{
    background-color: #F7F5F5 !important;
  }

  .boxPoints p{
    margin-bottom: 10px !important;
  }

  .slick-dots li.slick-active button:before{
    font-size: 14px;
    /* color: gray !important; */
    opacity: .5 !important;
  }
  .tickets .box-ticket, .carrusel-avances .box-ticket{
    overflow: hidden;
  }

  .tickets .box-ticket .img-ticket .box-img, .carrusel-avances .box-ticket .img-ticket .box-img{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    max-height: initial !important;
  }

  .tickets .box-ticket .img-ticket .box-img img, .carrusel-avances .box-ticket .img-ticket .box-img img{
    height: 100%;
    object-fit: cover;
  }

  .avance-box .box-avances{
    margin: 15px auto !important;
  }

  .carrusel-avances .box-ticket{
    margin: 15px auto !important;
  }

  .header-descuentos{
    padding-top: 0 !important;
  }

  .header-descuentos a{
    font-weight: bold !important;
  }

  .header-descuentos h5 p, .header-descuentos .h5 p{
    margin-top: 10px !important;
  }

  .breadcrumbs.py-5.d-none.d-md-block{
    padding-top: 0 !important;
  }

  .pse{
    top: auto !important;
    bottom: 30% !important;
    display: none;
  }

  .header-profile .profile .img-profile{
    width: 110px !important;
    height: 110px !important;
    margin: 0 0 0 -20px !important;
  }

  .header-profile .profile .info-profile{
    margin: 0 !important;
  }

  .header-profile .profile{
    justify-content: flex-start !important;
  }

  .produc-second span{
    display: none !important;
  }

  .produc-second .row.justify-content-center.py-3{
    width: calc(100% + 0px) !important;
  }

  .produc-second .box-prod-second{
    padding: 15px !important;
    width: 100% !important;
    height: 165px !important;
  }

  .header-portfolio h5{
    margin-bottom: 0 !important;
  }

  .produc-second .box-prod-second img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .container.py-5, .container.pt-md-5.News{
    padding-top: 0 !important;
  }

  .box-portfolio{
    margin-bottom: -15px !important;
    transform: translateY(-35px);
  }

  .produc-second{
    transform: translateY(-5px);
  }

  .produc-second h5{
    font-family: "gothamlight";
    color: #220049 !important;
    margin-bottom: 0 !important;
  }

  .News .align-items-start .shadow-TagOne{
    max-width: 355px;
    min-width: 335px;
    width: 100% !important;
  }

  .News .align-items-start .shadow-TagOne img{
    object-fit: cover;
  }

  .News .align-items-start .card{
    padding: 0 !important;
    width: 100%;
  }

  .News h6{
    margin: 0 !important;
  }

  .CardeskCol img{
    min-height: 100px;
    object-fit: contain;
  }

  .card-port-detail img{
    min-height: 112px;
    object-fit: contain;
  }

  .ult-products .card-product{
    max-width: 220px;
    width: 100% !important;
  }

  .card-colors.gray{
    background: #ffffff !important;
  }

  .col-sm-5.col-md-5.card-colors.white .col{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .table-contigo .header th{
    vertical-align: middle;
  }

  #myTabContent{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .col-md-6.velocimetro.px-5{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .container-fluid.px-md-3.px-lg-5.px-sm-0.bg-white.py-5{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .retos-content .card-retos .content span{
    line-height: 1.3 !important;
  }

  .retos-content.my-5{
    margin-top: 30px !important;
  }

  .info-actividad.ms-2{
    line-height: 1 !important;
  }

  .retos-content .card-retos{
    max-width: 370px;
    width: 100% !important;
  }

  .retos-content{
    font-family: "gothamlight";
  }

  .retos-content h6, .retos-content a, .retos-content span.tag-reto{
    font-family: "gothambold";
  }

  .row.mt-4.mx-auto.d-flex.justify-content-center{
    margin-top: 0 !important;
  }

  .retos-content .card-retos .header .img-reto img{
    max-width: 79px !important;
    height: 79px !important;
  }

  .avance-box .box-avances .header-box .caja-puntos{
    align-items: baseline !important;
  }

  .avance-box .box-avances .header-box .caja-puntos img{
    transform: translateY(4px) translateX(-5px);
  }

  .avance-box .box-avances .header-box p, .carrusel-avances .box-avances .header-box p{
    margin-top: 0 !important;
    padding-top: 5px !important;
  }

  .avance-box .box-avances, .carrusel-avances .box-avances{
    height: auto !important;
  }

  .avance-box .box-avances .progress-bar, .carrusel-avances .progress-bar{
    margin-bottom: -25px !important;
  }

  .avance-box .box-avances .progress-bar p, .carrusel-avances .progress-bar p{
    font-family: "gothambold";
    font-size: 18px;
  }

  .card-points .header .box-points{
    width: 110px !important;
  }

  .avance-box .box-avances .progress-bar p span, .carrusel-avances .progress-bar p span{
    color: #777777;
    font-family: "gothamlight";
    font-size: 12px;
  }

  .avance-box .box-avances .progress-bar .orange, .carrusel-avances .progress-bar .orange{
    color: orange;
  }

  .avance-box .box-avances .progress-bar .green , .carrusel-avances .progress-bar .green{
    color: #6AC11F;
  }

  .avance-box .box-avances .progress-bar .red, .carrusel-avances .progress-bar .red{
    color: red;
  }

  .avance-box .box-avances .progress-bar .barra .barra-progreso.green, .carrusel-avances .progress-bar .barra .barra-progreso.green{
    background: #6AC11F !important;
  }

  .container.ult-descuentos.py-1.py-lg-5{
    padding-top: 0 !important;
  }

  .ult-descuentos .box-ticket{
    margin: 15px !important;
  }

  .ult-descuentos .box-ticket .info-ticket{
    width: 70% !important;
    margin-top: 15px !important;
  }

  .ult-descuentos .box-ticket .info-ticket .header-ticket .tag{
    margin-top: 5px !important;
  }

  .ult-descuentos .box-ticket .info-ticket{
    width: 30% !important;
  }

  .ult-descuentos .box-ticket .info-ticket {
    padding-left: 20px !important;
  }

  .ult-descuentos .box-ticket .info-ticket h5, .tickets .box-ticket .info-ticket .header-ticket .title h5{
    margin-bottom: 5px !important;
    min-height: 48px;
  }

  .ult-descuentos .box-ticket .info-ticket a{
    font-family: "gothamlight";
  }

  /* .ult-descuentos .box-ticket{
    width: 70% !important;
  } */

  .ult-descuentos .box-ticket .img-ticket{
    width: 30% !important;
  }

  .f-16{
    font-family: "gothamlight";
    font-size: 16px !important;
  }

  .shopCart h6{
    font-size: 14px !important;
  }

  .shopCart .buttonCart a.goCart{
    margin: 0 0 5px 0 !important;
  }

  .cardProduct .row{
    padding: 10px 0 !important;
    justify-content: space-between;
  }

  .ult-descuentos .box-ticket .info-ticket .content-ticket a, .tickets .box-ticket .info-ticket .content-ticket a{
    font-family: "gothambold";
    text-decoration: none;
  }

  .header-catalog h5{
    margin-bottom: 0px !important;
  }

  .card-gray .container-img img{
    object-fit: contain;
  }

  /*Movil*/
  @media (max-width: 767px){

    .carrusel-avances .box-ticket .info-ticket .header-ticket .title h5, .carrusel-avances .box-ticket .info-ticket .header-ticket .title .h5{
      font-size: 16px !important;
    }

    .header-descuentos{
      padding: 0 20px !important;
    }

    .menu-fixed .item .item-menu{
      font-size: 12px !important;
      font-family: "gothamlight";
    }

    .menu-fixed .item{
      padding: 0 2px !important;
    }

    .slick-home a.slick-slide{
      height: fit-content !important;
    }

    .menuflexMobile{
      height: 100% !important;
      position: fixed !important;
    }

    .menuflexMobile .userProfile .description-userProfile{
      margin-left: 0 !important;
      width: 246px !important;
    }

    .menuflexMobile .userProfile .description-userProfile p{
      font-size: 16px !important;
      margin-top: -4px !important;
    }

    .menuflexMobile .userProfile .description-userProfile .client-name{
      font-size: 16px !important;
      white-space: nowrap;
      transform: translateY(7px);
      width: 115px;
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .menuflexMobile .userProfile .description-userProfile .points h6{
      font-size: 20px !important;
    }

    .menuflexMobile .userProfile .description-userProfile .points span{
      font-size: 12px !important;
    }

    .menuflexMobile .userProfile{
      padding: 10px 0px !important;
    }

    .menuflexMobile .menuNavMobile{
      margin-top: 0 !important;
    }

    .menuflexMobile .menuNavMobile a{
      width: 80% !important;
      font-family: "gothamlight";
      margin-top: 15px !important;
      padding-bottom: 15px !important;
    }

    #close-sesion{
      font-family: "gothamlight";
      opacity: .8;
    }

    .menuflexMobile .userProfile .close-menuMobile span{
      font-size: 12px !important;
      text-decoration: underline;
      padding-bottom: 2px;
    }

    .menuflexMobile .userProfile .close-menuMobile{
      border-bottom: 0 !important;

    }

    .headerMobile .container-fluid.mx-0.py-3{
      padding: 14px 15px !important;
    }

    .boxPoints{
      margin-top: -15px !important;
      border-radius: 0 0 8px 8px !important;
    }

    .breadcrumbs{
      display: none !important;
    }


    .header-profile .col-sm-12.col-md-6.my-3.my-sm-1{
      margin-top: 0 !important
    }

    .content-profile .filter-month form, .content-profile .filter-month form select{
      width: 100% !important;
    }

    .car-port{
      transform: translateY(-45px);
    }

    .produc-second .box-prod-second{
      height: 101px !important;
    }

    .card-colors.white{
      background: #ffffff !important;
    }

    .container-fluid.px-md-3.px-lg-5.px-sm-0.bg-white.py-5{
      padding-top: 0 !important;
      padding-bottom: 15px !important;
    }

    .container.bg-light.py-4{
      padding-bottom: 0 !important;
    }

    h5{
      font-size: 1.25rem !important;
    }

    .card-product-cart .content .info-cart-product p{
      font-size: 16px !important;
    }

    .card-product-cart:first-child{
      margin-top: -20px !important;
    }

  }

  @media (max-width: 461px){
    .menuflexMobile .img-userProfile{
      display: none;
    }
    .menuflexMobile .userProfile .description-userProfile{
      transform: translateX(-0) !important;
      width: 100% !important;
    }
    .menuflexMobile .userProfile .close-menuMobile{
      border-bottom: 0 !important;
      position: absolute !important;
      right: 0 !important;
      top: 20px !important;
    }
  }


  /******/
  .cards-white {
    background: #fff;
    border-radius: 12px;
    padding: 15px 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
  }
  .cards-white.row-right {
    position: relative;
  }
  .cards-white.row-right a.button-row {
    position: absolute;
    right: 10px;
    bottom: 15px;
  }
  .cards-white .estado {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    padding: 3px 0;
    color: #fff;
    text-align: center;
    width: 100px;
    font-size: 12px;
    border-bottom-left-radius: 12px;
  }
  .cards-white .estado.icon img {
    width: 17px;
    height: 17px;
    margin-right: 3px;
    margin-top: -2px;
  }
  .cards-white .estado.right {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 12px;
    right: initial;
    left: 0;
  }
  .cards-white.blue .estado {
    background: linear-gradient(189.41deg, #009edc 4.08%, #004f9f 92.89%);
  }
  .cards-white.orange .estado {
    background: -webkit-linear-gradient(#ef7d00, #fb0);
  }
  .cards-white.purple .estado {
    background: -webkit-linear-gradient(#e72582, #5a328a);
  }
  .cards-white.green .estado {
    background: -webkit-linear-gradient(#afca0b, #50af47);
  }
  .cards-white.button-bottom {
    position: relative;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
  @media (min-width: 768px) {
    .cards-white.button-bottom {
      min-height: 276px;
    }
  }
  .cards-white.button-bottom .img {
    min-height: 124px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .cards-white.button-bottom a {
    position: absolute;
    right: 15px;
    bottom: 10px;
  }


  .cards-white .img-full {
    margin: -15px 0;
  }
  .cards-white .img-full img {
    width: 153px;
    height: 187px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .cards-white .text {
    padding-bottom: 28px;
    position: relative;
  }
  .cards-white .text a.button-underline {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 0;
    text-transform: uppercase;
    font-family: 'gothambold' !important;
  }


  .avance .cards-white {
    margin: 20px 0 !important;
  }
  @media (min-width: 768px) {
    .avance .cards-white {
      margin: 20px 15px;
    }
  }
  .avance .cards-white p {
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 18px;
  }
  .avance .cards-white .button-underline {
    padding-right: 20px;
    text-transform: uppercase;
  }
  .avance .cards-white .button-underline::after {
    content: "";
    transform: translateX(-50%) rotate(45deg);
    top: 32%;
    right: 0;
    width: 8px;
    height: 8px;
    display: block;
    border-top: solid 2px #004f9f;
    border-right: solid 2px #004f9f;
    border-top-right-radius: 4px;
    position: absolute;
  }