.category-page{
    background-color: #f8f8f8;
}
.LocationIncluir {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    flex-wrap:wrap;
    flex-direction:row;
    gap:10px;
    padding:10px 0;
}
/* *************************************************************************************************** */
.BotonNuevo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px;
    font-size: 1.4em;
    border: solid 1px #d7d7d7;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    flex:1;
    max-width: 200px;
}
.BotonNuevo:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.BotonWhatsApp {
    background-color: #fff;
    color:#3ba237;
}
.BotonMasInfo {
    background-color: #fff;
    color:#143666; 
}

.BotonTelefono {
    background-color: #fff;
    color:#143666; 
}

.BotonNuevo .icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.BotonNuevo .icon.info {
    background-image: url('../images/provider/mas-info.svg');
}

.BotonNuevo .icon.whatsapp {
    background-image: url('../images/provider/info-whatsapp-color.svg');
}

.BotonNuevo .icon.tel {
    background-image: url('../images/provider/info-tel.svg');
}

/* FILTERS */

.filters .top .title{
    font-size: 2em;
    font-weight: 700;
    color: #143666;
}
.filters .top .back-btn{
    display: none;
}
.filters .top .submit-btn{
    display: none;
}

/* Filter */

.filters .filter{
    margin-top: 25px;
}
.filters .filter .title{
    display: inline-block;
    padding: 5px 17px;
    padding-left: 0;
    position: relative;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.1;
    color: #606060;
}
.filters .filter .toggleAccordion{
    cursor: pointer;
    outline: none;
}
.filters .filter .title:before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -3px;
    background-color: #f99441;
    border-radius: 50%;
    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    -webkit-transition:
        -webkit-transform 200ms ease-out,
        opacity 200ms ease-out;
    -o-transition:
        -o-transform 200ms ease-out,
        opacity 200ms ease-out;
    transition:
        transform 200ms ease-out,
        opacity 200ms ease-out;

    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
}
.filters .filter.active .title:before{
    opacity: 1;

    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);

}
.filters .filter .title:after{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    border: solid #606060;
    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition:
        -webkit-transform 200ms ease-out,
        margin-top 200ms ease-out;
    -o-transition:
        -o-transform 200ms ease-out,
        margin-top 200ms ease-out;
    transition:
        transform 200ms ease-out,
        margin-top 200ms ease-out;
}
.filters .filter.show .title:after{
    margin-top: -1px;

    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.filters .filter .holder{
    display: none;
    margin-top: 10px;
}
.filters .filter.show .holder{
    display: block;
}

/* Input */

.filters .input{
    display: block;
    width: 100%;
    padding: 10px 17px 11px;
    font-size: 1.5em;
    line-height: 1.1;
    color: #143666;
    background-color: rgba(102, 102, 102, 0.05);
    border-radius: 12px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filters .input::-webkit-input-placeholder{
    color: #666;
}
.filters .input:-moz-placeholder{
    color: #666;
}
.filters .input::-moz-placeholder{
    color: #666;
}
.filters :-ms-input-placeholder{
    color: #666;
}

/* Search */

.filters .input-holder{
    position: relative;
}
.filters .search .input{
    padding-right: 42px;
}
.filters .search .submit{
    display: block;
    width: 42px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    background: no-repeat center;
    background-image: url(../images/providers/filters-search.svg);

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Select */
.filters .filter .select{
    display: block;
    position: relative;
}
.filters .filter .select:after{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    z-index: 0;
    border: solid #c6c6c6;
    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.filters .filter .select .input{
    position: relative;
    z-index: 1;
    padding-right: 28px;
    cursor: pointer;
}
.filters .filter .select .input.placeholder{
   /* laura 22-11-24  color: #666;*/
}
.styled-form label.error{
    display: block;
    margin-top: 5px;
    padding-left: 1px;
    font-size: 1.3em;
    color: #ed5656;
}

/* IE Fix*/
.filters .filter .select select::-ms-expand{
    display: none;
}
/* Firefox fix */
@-moz-document url-prefix() {
    .filters .filter .select{
        max-width: 100%;
        overflow: hidden;
        background-color: rgba(102, 102, 102, 0.05);
        border-radius: 12px;
    }
    .filters .filter .select select{
        width: calc(100% + 20px);
        background-color: transparent;
    }
    .filters .filter .select option{
        font-size: 15px;
    }
}

/* Features */
.features-icons-card {
    display: flex;
    list-style: none;
}


/* Asegura que todos los íconos en la misma fila estén alineados */
.features-icons .feature .icon,
.features-icons-card .feature .icon {
    display: inline-block; /* Asegura que los íconos sean elementos alineables */
    vertical-align: bottom; /* Alinea los íconos por su parte inferior */
    width: 30px; /* Ancho estándar para otros íconos */
    height: 30px; /* Altura estándar para otros íconos */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.features-icons .feature .icon.promotion,
.features-icons-card .feature .icon.promotion {
    width: 85px; /* Ancho del icono de promoción */
    height: 35px; /* Ajusta la altura si es necesario */
    background-size: contain; /* Escala la imagen para que encaje en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-position: center; /* Centra la imagen en el contenedor */
}
/* Contenedor del texto para asegurar alineación uniforme */
.features-icons .feature .text,
.features-icons-card .feature .text {
    margin-top: 10px; /* Espaciado entre el ícono y el texto */
    /*text-align: center;  Centra el texto bajo el ícono */
    font-size: 1em; /* Tamaño de fuente del texto */
}

.providers-list .features-icons .feature .icon.promotion + .text{
    color: #f99441;
    font-weight: 700;
}
.features-icons {
    display: flex;
    justify-content: space-around; /* Distribuye los elementos de manera uniforme */
    align-items: flex-end; /* Asegura la alineación inferior */
}

.filters .filter .features{
    margin-top: 0;
}
.filters .filter .features .icon-checkbox{
    padding: 10px 10px 14px;
    margin-right: 10px;
    background-color: rgba(102, 102, 102, 0.05);
    border-radius: 12px;
    cursor: pointer;
}
.filters .filter .features .icon-checkbox input{
    position: absolute;
    left: -9999px;
}

.filters .filter .features .icon-checkbox input:checked ~ .text{
    color: #143666;
}
.filters .filter .features .icon-checkbox input:checked ~ .icon{
    opacity: 1;
}

/* Range */
.filters .qty-range .noUi-target{
    margin-top: 16px;
    background-color: rgba(102, 102, 102, 0.15);
    border: none;
    box-shadow: none;
}
.filters .qty-range .noUi-horizontal{
    height: 5px;
}
.filters .qty-range .noUi-connect{
    background-color: #f99441;
}
.filters .qty-range .noUi-handle{
    border-color: #dbdcdd;
    border-radius: 50%;
    box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.2);
    outline: none;
    cursor: pointer;
    cursor: -webkit-grab;
}
.filters .qty-range .noUi-handle:active{
    cursor: move;
    cursor: -webkit-grabbing;
}
.filters .qty-range .noUi-handle:after{
    display: none;
}
.filters .qty-range .noUi-handle:before{
    width: auto;
    height: auto;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    background: transparent;
}
.filters .qty-range .noUi-horizontal .noUi-handle{
    width: 20px;
    height: 20px;
    top: -7px;
}
html:not([dir=rtl]) .filters .qty-range .noUi-horizontal .noUi-handle{
    right: -10px;
}

.filters .qty-range .values{
    margin-top: 16px;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #143666;
}

/* Checkbox */

.filters .filter .checkbox{
    display: block;
    padding: 5px 10px;
    padding-left: 32px;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filters .filter .checkbox + .checkbox{
    margin-top: 10px;
}
.filters .filter .checkbox input{
    position: absolute;
    left: -9999px;
}
.filters .filter .checkbox .check{
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 4px;
    background-color: rgba(102, 102, 102, 0.15);
    border-radius: 3px;
}
.filters .filter .checkbox .check:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center/contain;
    opacity: 0;

    -webkit-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
.filters .filter .checkbox .text{
    font-size: 1.5em;
    line-height: 1.1;
    /* laura 22-11-24 color: #666;*/

    -webkit-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}

.filters .filter .checkbox input:checked ~ .check:before{
    opacity: 1;
}
.filters .filter .checkbox input:checked ~ .text{
    color: #143666;
}

/* Event type */

.filters .event-types{
    margin-right: -5px;
    margin-left: -5px;
}
.filters .event-types .item{
    display: inline-block;
    width: 25%;
    max-width: 90px;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filters .event-types .item:before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.filters .event-types .item .btn,
.filters .event-types .item .btn .icon{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: no-repeat center/contain;
}
.filters .event-types .item .btn{
    width: calc(100% - 10px);
    position: absolute;
    top: 0;
    left: 5px;
    padding: 9px 11px 11px;
    background-color: rgba(102, 102, 102, 0.05);
    border-radius: 12px;
    cursor: pointer;
}
.filters .event-types .item .btn[disabled]{
    opacity: 0.2;
    cursor: default;
}
.filters .event-types .item .btn .icon{
    max-width: 44px;
    margin: 0 auto;
}
.filters .event-types .item .btn:after{
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 0;
    opacity: 0;
    border-radius: 0 0 12px 12px;

    -webkit-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
.filters .event-types .item .btn.active:after{
    opacity: 1;
}

.filters .event-types .item .btn[data-event-type="1"]:after{
    background-color: #FEB902;
}

.filters .event-types .item .btn[data-event-type="2"]:after{
    background-color: #b479f2;
}

.filters .event-types .item .btn[data-event-type="3"]:after{
    background-color: #f17b7b;
}

.filters .event-types .item .btn[data-event-type="4"]:after{
    background-color: #98d85b;
}

.filters .event-types .item .btn .tooltip{
    display: none;
}
.providers-main-col .list-information{
    text-align: center;
}
.providers-main-col .list-information .text{
    font-size: 1.4em;
    /* laura 22-11-24 color: #666;*/
}
.providers-main-col .list-information .text label{
    display: inline-block;
}
.providers-main-col .list-information .select-holder,
.providers-main-col .list-information .select-holder select{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 1em;
    color: inherit;
    z-index: 1;
}
.providers-main-col .list-information .select-holder{
    top: -1px;
    margin-left: 6px;
}
.providers-main-col .list-information .select-holder select{
    padding: 4px 18px 4px 0;
    cursor: pointer;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.providers-main-col .list-information .select-holder:before{
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    margin-top: -7px;
    border: solid #c6c6c6;
    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* IE Fix */
.providers-main-col .list-information .select-holder select::-ms-expand{
    display: none;
}
/* Firefix fix */
@-moz-document url-prefix() {
    .providers-main-col .list-information .select-holder{
        max-width: 100%;
        overflow: hidden;
    }
    .providers-main-col .list-information .select-holder select{
        width: calc(100% + 20px);
        background-color: transparent;
    }
    .providers-main-col .list-information .select-holder option{
        font-size: 15px;
    }
}


body[data-event-type="1"] .list-rubros.highlighted .item .tag{
    color:#f1ab10;
}
body[data-event-type="1"] .list-rubros.highlighted .item:before{
    background: #f1ab10;
}
body[data-event-type="2"] .list-rubros.highlighted .item .tag{
    color:#b479f2;
}
body[data-event-type="2"] .list-rubros.highlighted .item:before{
    background: #b479f2;
}
body[data-event-type="3"] .list-rubros.highlighted .item .tag{
    color:#f17b7b;
}
body[data-event-type="3"] .list-rubros.highlighted .item:before{
    background: #f17b7b;
}
body[data-event-type="4"] .list-rubros.highlighted .item .tag{
    color:#8cc357;
}
body[data-event-type="4"] .list-rubros.highlighted .item:before{
    background: #8cc357;
}

.list-rubros{
    border-top: 1px solid #eaeaea;
}
.list-rubros .sub-title{
    font-size: 2em;
    color: #143666;
    text-transform: uppercase;
}
.list-rubros .item{
    margin-top: 20px;
    position: relative;
}
.list-rubros .item:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #606060;
    opacity: 0.3;
}

.list-rubros .item .tag{
    margin-left: 10px;
    color: #606060;
    font-size: 1.5em;
}

/* PROVIDERS LIST */
.providers-list{
    margin-top: 25px;
}
.providers-list .provider{
 /* laura - comento esto   text-align: center; */
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 18px 45px -10px rgba(20, 54, 102, 0.1);
}
.providers-list .provider,
.providers-list .inner-ad,
.providers-list .featured-main,
.providers-list .featured-slider{
    margin-top: 40px;
}
.providers-list .provider:first-child{
    margin-top: 0;
}

.providers-list .provider .main-photo {
    display: block; 
    width: 100%; 
    height: 200px; 
    background-size: cover; 
    background-position: center; 
    border-top-left-radius: 16px; 
    border-top-right-radius: 16px;
}
.providers-list .provider.highlighted .main-photo{
    display: block;
}
.providers-list .provider .main-photo:before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 39.5%;
}
.providers-list .provider .holder {
    position: relative;
    padding: 10px; /* Mantiene el padding existente */
    border-radius: 16px;     /* Mantiene el borde redondeado */
    /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Añade sombra */
    background-color: #fff;  /* Añade fondo blanco */
}
.providers-list .provider .avatar{
    display: block;
    width: 74px;
    height: 74px;
    margin: 0 auto; 
    border-radius: 17px;
    /*box-shadow: 0px 0px 0px 1px rgba(0,0,0, 0.05);*/
    box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.2);
}
.providers-list .provider .title {
    font-size: 1.8em;     /* Cambia el tamaño de la fuente */
    font-weight: bold;    /* Aplica negrita */
    margin: 10px 0px 0px 0px;       /* Margen superior e inferior */
    color: #143666;
}
.providers-list .provider .title a{
    color: inherit;
}
.providers-list .provider .location-text{
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
}
.providers-list .provider .description{
    font-size: 1.3em;
    border-top: 1px solid rgba(102, 102, 102, .1);
    padding: 15px 0;
}
.providers-list .provider .favorite-btn{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.providers-list .provider .favorite-btn svg{
    display: block;
    width: 20px;
    height: 20px;
}
.providers-list .provider .favorite-btn svg path{
    fill: #e2e2e2;
    stroke: #d5d5d5;

    -webkit-transition:
        stroke 200ms ease-out,
        fill 200ms ease-out;
    -o-transition:
        stroke 200ms ease-out,
        fill 200ms ease-out;
    transition:
        stroke 200ms ease-out,
        fill 200ms ease-out;
}
.providers-list .provider .favorite-btn.active svg path{
    fill: #EF7878;
    stroke: #EA5454;
}
.providers-list .provider .btns{
    padding: 20px 0 10px;
    border-top: 1px solid rgba(102, 102, 102, 0.1);
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap:1em;
    white-space: nowrap;
}
.providers-list .provider .btns .btn,
.providers-list .provider .btns .arrow-link{
    margin-top: 3px;
}
.providers-list .provider .btns .btn{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 6px 11px;
    padding-left: 24px;
    margin: 0 12px;
    font-size: 1.3em;
    font-weight: 700;
    color: #606060;
}
.providers-list .provider .btns .btn .icon{
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    background: no-repeat center/contain;
}
.providers-list .provider .btns .btn .icon.tel{
    background-image: url(../images/providers/contact-btn-tel.svg);
}
.providers-list .provider .btns .btn .icon.cel{
    background-image: url(../images/providers/contact-btn-cel.svg);
}
.providers-list .provider .btns .btn .link:after{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    border: solid #606060;
    border-width: 2px 2px 0 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.providers-list .provider .btns .text.hidden{
    display: none;
}

/* laura - viejo*/
.providers-list .provider .add-btn{
    background-color: #143666;
    color:#fff;
}
.providers-list .provider .add-btn[disabled]{
    background-color: #666 !important;
    opacity: 0.3 !important;
    cursor: default !important;
}
/* Inner ad */
.providers-list .inner-ad .image{
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.providers-list .inner-ad .image:before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 33.3333%;
}

/* Store */
.providers-list .store{
    padding: 50px 0 20px;
    margin: 0 -30px;
    overflow: hidden;
    text-align: center;
}
.providers-list .store .heading{
    display: inline-block;
    position: relative;
    padding-right: 14px;
    padding-left: 14px;
    font-size: 2.6em;
    line-height: 1.1;
}
.providers-list .store .heading .spark{
    display: inline-block;
    position: absolute;
    top: -2px;
    right: -10px;

    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.providers-list .store .heading .spark.first{
    right: auto;
    left: -10px;

    -webkit-transform: scale(-0.8, 0.8);
    -ms-transform: scale(-0.8, 0.8);
    -o-transform: scale(-0.8, 0.8);
    transform: scale(-0.8, 0.8);
}
.providers-list .store .heading .spark:before{
    position: static;

    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.providers-list .store .store-carousel{
    margin-top: 20px;
}
.providers-list .store .owl-carousel.notInit{
    display: block;
    height: 0 !important;
    overflow: hidden !important;
    margin-bottom: 395px;
}
.providers-list .store .rounded-btn{
    margin-top: -10px;
}
.providers-list .store-carousel .owl-nav .owl-prev,
.providers-list .store-carousel .owl-nav .owl-next{
    top: auto;
    bottom: -28px;
    margin-left: -123px;
}
.providers-list .store-carousel .owl-nav .owl-next{
    margin-left: 77px;
}

/* Featured */

.providers-list .featured-main .info .title{
    font-size: 3em;
}
.providers-list .featured-main .info .rounded-btn{
    font-size: 1.4em;
}

/* SERVICE INFO */
.service-info.content p{
    font-size: 1.4em;
}

/* KEYFRAMES quoteHighlight */

@-webkit-keyframes quoteHighlight {
    0% {
        border-color:#f99441;

        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    43% {
        opacity:1;
    }
    100% {
        opacity:0;

        -webkit-transform: scale(6);
        -ms-transform: scale(6);
        -o-transform: scale(6);
        transform: scale(6);
    }
}
@-o-keyframes quoteHighlight {
    0% {
        border-color:#f99441;

        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    43% {
        opacity:1;
    }
    100% {
        opacity:0;

        -webkit-transform: scale(6);
        -ms-transform: scale(6);
        -o-transform: scale(6);
        transform: scale(6);
    }
}
@-moz-keyframes quoteHighlight {
    0% {
        border-color:#f99441;

        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    43% {
        opacity:1;
    }
    100% {
        opacity:0;

        -webkit-transform: scale(6);
        -ms-transform: scale(6);
        -o-transform: scale(6);
        transform: scale(6);
    }
}
@keyframes quoteHighlight {
    0% {
        border-color:#f99441;

        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    43% {
        opacity:1;
    }
    100% {
        opacity:0;

        -webkit-transform: scale(6);
        -ms-transform: scale(6);
        -o-transform: scale(6);
        transform: scale(6);
    }
}

ul.list-rubros-lugares {
    list-style-type: disc; /* Mantener los puntos de lista */
    padding-left: 20px; /* Ajustar espacio a la izquierda si es necesario */
}

ul.list-rubros-lugares li {
    display: flex; /* Alinear el contenido en fila */
    align-items: center; /* Centrar verticalmente el contenido */
}

ul.list-rubros-lugares li h3 {
    margin: 0; /* Eliminar margen del h3 */
    display: inline; /* Asegurarse que el h3 no ocupe el 100% del ancho */
}
.Calificacion {
    text-align:left;
    margin-bottom:10px;
 }
.Calificacion .c-rating-count {
    font-size: 10px;
    padding-left:1%;
}
.title-container {
    display: flex;
    align-items: center;
}
.title-container .avatar {
    width: 50px;
    height: 50px;
    margin-right: 10px; /* Espacio entre el avatar y el título */
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.title-container .title {
    font-size: 1.5em;
    margin: 0;
}
.PromoSumarQuitar {
  display: flex; /* Hace que los hijos se distribuyan en fila */
  justify-content: space-between; /* Coloca el SVG a la izquierda y el botón a la derecha */
  align-items: center; /* Alinea los hijos verticalmente */
  /*padding: 0px 0px 15px;  Opcional: Espaciado interno */
  min-height: 48px;
  padding: 0 10px;
  background: linear-gradient(to bottom, #ede9e9, #ffffff);
}
.DivPromocion .icon {
  width: 14vh; /* Ajusta el ancho del contenedor del SVG */
  aspect-ratio: 12 / 5;
  background-image: url('../images/provider/promocion.svg'); /* SVG como fondo */
  background-size: contain; /* Asegura que el SVG se ajuste al contenedor */
  background-repeat: no-repeat;
  background-position: center;
}

/* ********* parte de filtros nueva ***** */
/* Contenedor principal */
.holder.features.features-icons {
    display: block; /* Cada elemento se coloca en bloque */
    gap: 20px; /* Opcional: Si usas margen para separación */
}

/* Cada fila */
.feature {
    display: inline-grid; /* Cada fila se organiza en bloque */
   /* justify-content: space-between;*/
   /* margin-bottom: 20px; /* Espacio entre filas */
    width:33%;
}

/* Contenedor de ícono, texto y botón */
.label-with-switch {
    display: flex; 
    width: 100%; 
    margin-top: 10px; 
    flex-direction: column;
    align-items: center;
}

/* Icono */
.label-with-switch .icon {
    display: block; /* Ícono en su propia línea */
    width: 24px;
    height: 24px;
    margin-bottom: 5px; /* Espacio debajo del ícono */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Texto */
.label-with-switch .text {
    display: block; /* Texto en su propia línea */
    font-size: 1.2em;
    color: #606060;
    margin-bottom: 10px; /* Espacio debajo del texto */
}

/* Interruptor */
.switch {
    display: block; /* Botón en su propia línea */
    position: relative;
    width: 40px;
    height: 20px;
    margin-bottom: 10px; /* Espacio debajo del botón */
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #143666;
}

input:checked + .slider:before {
    transform: translateX(20px);
}

.IconoUbicacion{
    margin-left:;
     }
.tooltip {
    width: 30%;
    top: -12%;
    position: absolute;
    border: solid 1px #143666;
    z-index: 10;
    background-color: #fff;
    color: #143666;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    transition: opacity 0.3s ease, transform 0.3s ease;
    display:none;
}

.tooltip.show {
    opacity: 1; /* Visible */
    transform: translateY(0); /* Sin desplazamiento */
    display:block;
    position:relative;
    top:-45px;
    background-color: #fff;
    width:25vh ;
}
/* **************** MEDIAS QUERIES ******* */
@media (max-width: 767px){
    .intro .background:after{
    }
    .DivBotonIncluir { 
        justify-content: center;
        width: 100%;
    }

      #NombreSumarQuitar::after {
        content: ""; /* Solo el ícono para dispositivos móviles */
        font-size: 20px;
    }
    .add-btn-desktop {
        display: none;
    }

    .add-btn-mobile {
        display: inline;
    }
    ul.list-rubros-lugares li {
        display: block; /* Alinear en bloque para pantallas pequeñas */
        text-align: left; /* Alinear el texto a la izquierda */
    }
    ul.list-rubros-lugares li h3 {
        margin-top: 10px; /* Añadir margen superior si es necesario en pantallas pequeñas */
    }

    .LocationIncluir {
        flex-direction:column;
        justify-content: flex-start;
        align-items: stretch;
    }
}
@media (max-width: 979px) {
    .providers-main-col{
        padding-top: 35px;
    }
    .filters{
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        padding: 0;
        z-index: 600;
        background-color:rgba(255, 255, 255, 0);

        -webkit-transition: background-color 350ms ease-out 300ms;
        -o-transition: background-color 350ms ease-out 300ms;
        transition: background-color 350ms ease-out 300ms;
    }
    .filters .modal-holder{
        width: 100%;
        height: 100%;
        padding-top: 58px;
        background-color: #fff;
        opacity:0;

        -webkit-transform: translate3d(-80px, 0, 0);
        -ms-transform: translate3d(-80px, 0, 0);
        -o-transform: translate3d(-80px, 0, 0);
        transform: translate3d(-80px, 0, 0);

        -webkit-transition:
            opacity 250ms ease-out,
            -webkit-transform 350ms cubic-bezier(0.47, 0, 0.75, 0.72);
        -o-transition:
            opacity 250ms ease-out,
            -o-transform 350ms cubic-bezier(0.47, 0, 0.75, 0.72);
        transition:
            opacity 250ms ease-out,
            transform 350ms cubic-bezier(0.47, 0, 0.75, 0.72);

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .filters.show{
        background-color:#fff;

        -webkit-transition: background-color 200ms ease-out;
        -o-transition: background-color 200ms ease-out;
        transition: background-color 200ms ease-out;
    }
    .filters.show .modal-holder{
        opacity:1;

        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);

        -webkit-transition:
            opacity 250ms ease-in 150ms,
            -webkit-transform 330ms cubic-bezier(0.39, 0.58, 0.57, 1) 50ms;
        -o-transition:
            opacity 250ms ease-in 150ms,
            -o-transform 330ms cubic-bezier(0.39, 0.58, 0.57, 1) 50ms;
        transition:
            opacity 250ms ease-in 150ms,
            transform 330ms cubic-bezier(0.39, 0.58, 0.57, 1) 50ms;
    }

    /* Top */

    .filters .top{
        display: block;
        width: 100%;
        height: 58px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        padding: 0 0 0 64px;
        background-color: #fff;
        box-shadow: 0px 1px 0px 0px rgba(89, 89, 89, 0.1);

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .filters .top .back-btn{
        display: block;
        width: 44px;
        height: 44px;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -22px;
    }
    .filters .top .back-btn:before{
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        border: solid #c6c6c6;
        border-width: 0px 0px 2px 2px;

        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .filters .top .btn{
        display: block;
        width: 55px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        text-indent: -9999px;
        border-left: 1px solid #f2f2f2;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
    }
    .filters .top .btn.reset-btn{
        right: 55px;
    }

    /* Scrollable */

    .filters .scrollable:not(.scroll-x){
        padding: 0 30px 50px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Search */

    .filters .search{
        margin: 0 -30px 25px;
        padding: 25px 30px;
        border: solid #f2f2f2;
        border-width: 1px 0;
    }

    /* Criteria */

    .filters .criteria{
        margin-top: 25px;
        position: relative;
    }
    .quote-form .criteria:after{
        content: "";
        display: block;
        width: 40px;
        height: calc(100% - 3px);
        position: absolute;
        right: -30px;
        top: 0;

        background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%);
        background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }
} 
@media (min-width: 768px) {

    .providers-list .provider .holder,
    .PromoSumarQuitar
      {
        padding: 10px 40px;
    }
    /* MAIN COL */
    .providers-main-col .list-information {
        text-align: left;
    }
    .providers-main-col .list-information .text{
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }
    .providers-main-col .list-information .text + .text{
        text-align: right;
    }
    .providers-main-col .list-information .select-holder{
        margin-top: 0;
    }

    /* PROVIDERS LIST */

    .providers-list .provider{
        text-align: left;
    }
    .providers-list .provider,
    .providers-list .inner-ad,
    .providers-list .store,
    .providers-list .featured-main,
    .providers-list .featured-slider{
        margin-top: 50px;
    }
    .providers-list .provider .main-photo{
        margin-bottom: 0;
    }
    .providers-list .provider .main-photo:before{
        padding-bottom: 33.5%;
    }
    .providers-list .provider.highlighted .avatar{
        top: -30px;
    }
    .providers-list .provider .title{
        display: inline-block;
        vertical-align: middle;
        margin: 0 11px 0 0;
        font-size: 2em;
    }
 .providers-list .provider .location-text{
        top: 2px;
        margin: 5px 0;
    }

    .providers-list .provider .favorite-btn{
        right: 18px;
        top: 18px;
        padding: 8px;
    }
    .providers-list .provider .favorite-btn svg{
        width: 24px;
        height: 24px;
    }

   /*laura 21-11 .providers-list .provider .features{
        margin: 5px 0 0 -12px;
        max-width: none;
    }*/
    .providers-list .provider .features .feature{
        width: 75px;
        margin-right: 5px;
    }
    .providers-list .provider .features .feature .icon{
        width: 30px;
        height: 30px;
    }
    .providers-list .provider .features .feature .text{
        margin-top: 8px;
    }

    .providers-list .provider .btns{
        text-align: justify;
    }
    .providers-list .provider .btns:after{
        content: "";
        display: inline-block;
        width: 100%;
    }
    .providers-list .provider .btns .contact-btns{
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }
    .providers-list .provider .btns .btn{
        margin: 0 24px 0 0;
    }
    .providers-list .provider .btns .arrow-link{
        margin: 0;
    }

    .providers-list .inner-ad{
        margin-top: 50px;
    }
    .providers-list .inner-ad .image{
        max-width: 1100px;
    }
    .providers-list .inner-ad .image:before{
        padding-bottom: 13.636%;
    }

    /* Store */

    .providers-list .store{
        padding: 60px 0 5px;
        margin: 0 -50px;
    }
    .providers-list .store .heading{
        padding-right: 0;
        padding-left: 0;
        font-size: 2.8em;
    }
    .providers-list .store .heading .spark{
        right: -30px;
    }
    .providers-list .store .heading .spark.first{
        left: -30px;
    }

    .providers-list .store .store-carousel{
        margin-top: 25px;
    }
    .providers-list .store .rounded-btn{
        margin-top: 0;
    }
    .providers-list .store-carousel .owl-nav .owl-prev,
    .providers-list .store-carousel .owl-nav .owl-next{
        bottom: -40px;
        margin-left: -133px;
    }
    .providers-list .store-carousel .owl-nav .owl-next{
        margin-left: 87px;
    }

    /* SERVICE INFO */

    .service-info.content h1,
    .service-info.content h2,
    .service-info.content > p{
        font-size: 2.4em;
    }
    .service-info.content h2.heading{
        font-size: 2.6em;
    }
    .service-info.content h3{
        font-size: 1.8em;
    }
    .service-info.content h4,
    .service-info.content h5,
    .service-info.content h6{
        font-size: 1.6em;
    }
    .service-info.content p{
        font-size: 1.5em;
    }
}
@media (min-width: 980px) {
    /* VIEWPORT */
    .category-page{
        position: relative;
        z-index: 0;
    }
    .category-page:before{
        content: "";
        display: block;
        width: 2000px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -2000px;
        margin-left: 330px;
        background-color: #fff;
        z-index: -1;
    }

    .category-viewport .col{
        display: inline-block !important;
        vertical-align: top;
        width: calc(100% - 280px);
        padding-left: 50px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .category-viewport .col.filters{
        width: 280px;
        padding-left: 0;
        padding-right: 50px;
        background-color: #fff;
    }

    /* FILTERS */
    .filters .top{
        position: relative;
    }
    .filters .top .title{
        position: relative;
        padding-left: 34px;
    }
    .filters .top .title:before{
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px;
        background: no-repeat center/contain;
    }
    .filters .top .reset-btn{
        display: inline-block;
        position: absolute;
        right: 0;
        top: 1px;
        font-size: 1.4em;
        font-weight: 700;
        padding: 4px 0;
    }

    /* Scrollable */
    .filters .scrollable{
        height: auto;
        overflow: visible;
        -webkit-overflow-scrolling: initial;
    }

    /* Search */
    .filters .input,
    .filters .filter .features .icon-checkbox{
        box-shadow: inset 0px 0px 0px 1px rgba(79, 156, 214, 0);

        -webkit-transition: box-shadow 200ms ease-out;
        -o-transition: box-shadow 200ms ease-out;
        transition: box-shadow 200ms ease-out;
    }
    .filters .input:focus,
    .filters .filter .features .icon-checkbox.focus{
        box-shadow: inset 0px 0px 0px 1px rgba(79, 156, 214, 0.5);
    }

    /* Search */
    .filters .search{
        margin-top: 40px;
    }

    /* Features */
      .filters .filter .features{
        margin: 0 -20px 0 0;
    }
    .filters .filter .features .icon-checkbox{
        width: 70px;
        margin-right: 8px;
    }
    .filters .filter .features .icon-checkbox{
    }

    /* Range */

    .filters .qty-range .noUi-handle,
    .filters .qty-range .noUi-handle{
        -webkit-transition:
            border-color 200ms ease-out,
            background-color 200ms ease-out;
        -o-transition:
            border-color 200ms ease-out,
            background-color 200ms ease-out;
        transition:
            border-color 200ms ease-out,
            background-color 200ms ease-out;
    }
    .filters .qty-range .noUi-handle:focus,
    .filters .qty-range .noUi-handle:hover{
        border-color: #4f9cd6;
        background-color: #b9e1ff;
    }

    /* Event type */

    .filters .event-types .item .btn{
        padding: 7px 9px 9px;
    }
    .filters .event-types .item .btn:after{
        height: 5px;
    }

    .filters .event-types .item .btn .tooltip{
        top: auto;
        bottom: -30px;
        padding: 6px 12px 7px;
        white-space: nowrap;
    }
    .filters .event-types .item .btn:not([disabled]) .tooltip{
        display: block;
    }


    .list-rubros .item .tag{
        font-size: 1.6em;
    }

    .list-rubros .item .tag:hover{
        color: #4f9cd6;
    }

    /* LIST */

    .providers-main-col{}
    .providers-main-col .criteria{
        margin: 0 0 20px -3px;
        padding-top: 5px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(198, 198, 198, 0.5);
    }
    .providers-main-col .criteria .title{
        padding: 0 0 2px 3px;
    }
    .providers-main-col .criteria .clear-btn{
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        margin-top: 10px;
        background: no-repeat center/20px auto;
        background-image: url(../images/b64/filters-clean.svg);
    }
    .providers-main-col .criteria .clear-btn:hover,
    .providers-main-col .criteria .clear-btn:focus{
        opacity: 0.4;
    }

    /* Store */

    .providers-list .store{
        padding: 50px 0 5px;
        margin: 0;
        overflow: visible;
    }
    .providers-list .store .wrapper{
        padding: 0;
    }
    .providers-list .store .heading{
        max-width: 400px;
    }
    .providers-list .store .heading .spark{
        right: -10px;
    }
    .providers-list .store .heading .spark.first{
        left: -10px;
    }

    /* PROVIDERS LIST */

    .providers-list .provider.highlighted .main-photo:hover + .holder .info .title a,
    .providers-list .provider .avatar:hover + .title a,
    .providers-list .provider .title a:hover,
    .providers-list .provider .title a:focus,
    .providers-list .provider .btns .btn:hover,
    .providers-list .provider .btns .btn:focus{
        color: #4f9cd6; /* celeste al pasar el mouse por el botón */
    }
    .providers-list .provider .add-btn:not([disabled]):hover,
    .providers-list .provider .add-btn:not([disabled]):focus{
        /* background-color: #4f9cd6; celeste al pasar el mouse por el botón */
    }
    .providers-list .provider .favorite-btn:hover svg path,
    .providers-list .provider .favorite-btn:focus svg path{
        stroke: #4f9cd6; /* celeste al pasar el mouse por el botón */
        /*fill: #4f9cd6;*/
    }

    .providers-list .provider .btns .btn .link:after,
    .providers-list .provider .btns .btn .link:after{
        -webkit-transition: border-color 200ms ease-out;
        -o-transition: border-color 200ms ease-out;
        transition: border-color 200ms ease-out;
    }
    .providers-list .provider .btns .btn:hover .link:after,
    .providers-list .provider .btns .btn:focus .link:after{
        border-color: #4f9cd6; /* celeste al pasar el mouse por el botón */
    }

    .providers-list .store-carousel{
        margin: 25px -25px 0;
    }
    .providers-list .store-carousel .store-list{
        margin: 0;
    }

    /* Featured */

    .providers-list .featured-main .image:before{
        /*padding-bottom: 50%;*/
    }
    .providers-list .featured-main .info{
        padding-right: 26px;
        padding-left: 26px;
        font-size: 0.9em;
    }
    .providers-list .featured-main .info .rounded-btn{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

}
@media (min-width: 1200px) {
    .intro .background:after{
    }
    /* VIEWPORT */
    .category-page:before{
        margin-left: 0;
        left: auto;
        right: 50%;
        margin-right: 210px;
    }
    .category-viewport .col{
        width: calc(100% - 340px);
        padding-left: 70px;
    }
    .category-viewport .col.filters{
        width: 340px;
        padding-right: 70px;
    }
    /* Features */
    .filters .filter .features{
        margin: 0 -20px 0 0;
    }
    .filters .filter .features .icon-checkbox{
        width: 80px;
        margin-right: 12px;
    }
    .filters .filter .features .icon-checkbox .icon{
        width: 34px;
        height: 34px;
    }
    /* Event type */
    .filters .event-types{
        margin-right: -6px;
        margin-left: -6px;
    }
    .filters .event-types .item{
        padding-right: 6px;
        padding-left: 6px;
    }
    .filters .event-types .item .btn{
        width: calc(100% - 12px);
        left: 6px;
        padding: 9px 11px 11px;
    }
    /* Store */
    .providers-list .store-carousel{
        margin-right: 0;
        margin-left: 0;
    }
    .store-carousel .store-list .store-card{
        padding-right: 20px;
        padding-left: 20px;
    }
    .providers-list .store-carousel .owl-nav .owl-prev,
    .providers-list .store-carousel .owl-nav .owl-next{
        margin: 0;
        left: -35px;
        top: 50%;
        margin-top: -40px
    }
    .providers-list .store-carousel .owl-nav .owl-next{
        left: auto;
        right: -35px;
    }
    /* Featured */
    .providers-list .featured-main .info{
        padding-right: 36px;
        padding-left: 36px;
    }
}
@media (min-width: 1921px){
    .intro .background:after{
    }
}
@media (min-width: 768px) and (max-width: 979px){
    /* FILTERS */
    .filters .scrollable:not(.scroll-x){
        padding: 0 50px 70px;
    }

    /* Criteria */
    .filters .criteria{
        margin-top: 30px;
    }
    .filters .criteria .scrollable{
        margin: 12px -50px 0;
        padding: 0 50px 30px 45px;
    }

    /* Search */
    .filters .search{
        margin: 0 -50px 30px;
        padding: 30px 50px;
    }

    /* Filter */

    .filters .filter{
        margin-top: 30px;
    }

    /* Checkbox */

    .filters .filter .checkbox{
        display: block;
    }

}
@media (min-width: 768px) and (max-width: 1199px){
    .category-page .intro{
        -webkit-mask: url(../images/providers/intro-mask-1200.svg) bottom center/cover;
        -moz-mask: url(../images/providers/intro-mask-1200.svg) bottom center/cover;
        -ms-mask: url(../images/providers/intro-mask-1200.svg) bottom center/cover;
        mask: url(../images/providers/intro-mask-1200.svg) bottom center/cover;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    .category-page .intro{
        -webkit-mask: url(../images/providers/intro-mask-1024.svg) bottom center/cover;
        -moz-mask: url(../images/providers/intro-mask-1024.svg) bottom center/cover;
        -ms-mask: url(../images/providers/intro-mask-1024.svg) bottom center/cover;
        mask: url(../images/providers/intro-mask-1024.svg) bottom center/cover;
    }
}
/* .rating-holder {
    position: absolute;
    top: 35px;
    right: 15px;
} */
.rating-holder button{
    width: 2em;
    height: 2em;
}
.noResult{
    font-size: 18px;
    border: 1px solid #000;
    padding: 10px;
    font-weight: bold;
}

.id-allprov-popup .btn {
	display: inline-block;
    position: relative;
    left: 20px;
    font-size: 1.5em;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 100px;
    background-color: #90c65c;
    color: #fff;
    margin-right: 30px;
}

.id-allprov-popup .btns .hidePopup {
    background-color: #ef7878;
}

.id-allprov-popup .btns {
	margin-top: 15px;
}

.id-allprov-popup .holder {
	text-align: center !important;
}

.holder .info .title {
    width: 100%;
}

/* .switchTFBox{
    display: none;
    margin-bottom: 20px;
}
.switchTF {
    background-color: #eee;
    padding: 10px;
    font-size: 1.5em;
    width: 25%;
    margin-right: 10px;
    border-radius: 20px;
    color: #666;
    text-align: center;
    display: inline-block;
    cursor: pointer;
} */
@media (max-width: 320px) {
    .rating-holder {
        position: static;
        top: unset;
        right: unset;
    }
    .id-allprov-popup .btns {
        margin-left: -15px !important;
    }
    .id-allprov-popup .btn{
        margin-right: 15px !important;
    }
}

/*
@media (max-width: 768px) {
    .holder .info .title {
         text-align:center;
    }
}*/
 

/*! nouislider - 12.1.0 - 10/25/2018 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}