/* Última modificación Bloque */
/* 10/07/2019 14:19           */

.info ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}



/* PROVEDOOR */

.provider-page{
    background-color: #f8f8f8;
    position: relative;
}
.provider-page .provider{
    text-align: center;
}

/* laura  - 18/03/2022 - lo pongo para mostrar un área de video de servicios o instalaciones del proveedor */
.VideoProveedor {
    overflow: hidden;
    margin-top:30px;
    position:relative;
    height:0;
    padding-bottom: 56%;
}
/* laura  - 18/03/2022 - lo pongo para mostrar un área de video de servicios o instalaciones del proveedor */
.VideoProveedor iframe{
        left: 0;
        top:0;
        bottom:0;
        height:100%;
        width:100%;
        position:absolute;
}

/* Go back */

.provider-page .provider-controls{
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 20px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.provider-page .provider-controls .arrow-link{
    padding-right: 0;
    padding-left: 13px;
    font-size: 1.4em;
    color: #666;
}
.provider-page .provider-controls .arrow-link:after{
    right: auto;
    left: 0;
    margin-top: -5px;
    border-width: 0 0 2px 2px;
    border-color: #666;
}
.provider-page .provider-controls .arrow-link.blue{
    color: #143666;
}
.provider-page .provider-controls .arrow-link.blue:after{
    border-color: #143666;
}

@media (max-width: 979px){
    .provider-page .provider-controls{
        display: block;
        width: 100%;
        margin-top: -30px;
        position: static;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .provider-page .provider-controls .arrow-link{
        padding: 4px 14px 4px 0;
        font-size: 1.3em;
        color: #666;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .provider-page .provider-controls .arrow-link + .arrow-link{
        margin-left: 40px;
    }
    .provider-page .provider-controls .arrow-link:after{
        width: 7px;
        height: 7px;
        margin-top: -4px;
        left: auto;
        right: 3px;
        border-width: 2px 2px 0 0;
        border-color: #666;
    }
    .provider-page .provider-controls .arrow-link.left{
        padding-right: 0;
        padding-left: 14px;
    }
    .provider-page .provider-controls .arrow-link.left:after{
        right: auto;
        left: 3px;
        border-width: 0 0 2px 2px;
        border-color: #666;
    }

    .provider-page .provider-controls .arrow-link.blue{
        color: #143666;
    }
    .provider-page .provider-controls .arrow-link.blue:after{
        border-color: #143666;
    }

}

/* Card */

.provider-page .card{
    display: block;
    padding: 30px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 18px 45px -10px rgba(20, 54, 102, 0.1);
}
@media (max-width: 359px){
    .provider-page .card{
        margin-right: -15px;
        margin-left: -15px;
    }
}

.provider-page .push{
    margin-top: 40px;
}



/* MAIN INFO */

.provider .main-info{
    margin-top: 12px;
}
.provider .main-info .main-photo{
    margin: -30px;
    margin-bottom: 0;
    background-color: #f0f0f0;
    border-radius: 16px 16px 0 0;
}
.provider .main-info .main-photo:before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 43%;
}
.provider .main-info .avatar{
    display: block;
    width: 74px;
    height: 74px;
    margin: -50px auto 0;
    border-radius: 17px;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0, 0.05);
}

.provider .main-info .holder{
    position: relative;
}
.provider .main-info .title{
    margin-top: 16px;
    font-size: 2em;
    line-height: 1.1;
    font-weight: 700;
    color: #143666;
}
.provider .main-info .category,
.provider .main-info .location-text{
    display: inline-block;
    vertical-align: middle;
    margin: 5px 5px 0;
}
.provider .main-info .category{
    font-size: 1.4em;
}
.provider .main-info .category[data-event-type="1"]{
    color: #f99441;
}
.provider .main-info .category[data-event-type="2"]{
    color: #b479f2;
}
.provider .main-info .category[data-event-type="3"]{
    color: #f17b7b;
}
.provider .main-info .category[data-event-type="4"]{
    color: #98d85b;
}

.provider .main-info .info{
    margin: 16px -10px 0;
}
.provider .main-info .info div,
.provider .main-info .info p,
.provider .main-info .info li{
    font-size: 1.3em;
    color: #666;
    margin-top: 10px;
    text-align: justify;
}
.provider .main-info .info div div,
.provider .main-info .info div p,
.provider .main-info .info div li{
    font-size: 1em;
}
.provider .main-info .info div:first-child,
.provider .main-info .info p:first-child,
.provider .main-info .info li{
    margin-top: 0;
}

.provider .main-info .favorite-btn{
    display: block;

    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: 55px;
    padding: 10px;

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


    /* Temp hasta que se habilite la opción */

    display: none !important;
}
.provider .main-info .favorite-btn svg{
    display: block;
    width: 20px;
    height: 20px;
}
.provider .main-info .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;
}
.provider .main-info .favorite-btn.active svg path{
    fill: #EF7878;
    stroke: #EA5454;
}

/* Promotion anchor link */

.provider .main-info .promotion-anchor-link{
    display: inline-block;
    /*
    position: absolute;
    right: -20px;
    top: 55px;
    */
    margin-top: 20px;
    text-align: center;

    -webkit-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
.provider .main-info .promotion-anchor-link .icon{
    display: inline-block;
    vertical-align: middle;
    /*width: 38px;
        height: 38px;*/
    width: 15vh;
    aspect-ratio:12 / 5;
    background: no-repeat center/contain;
}
.provider .main-info .promotion-anchor-link .text{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3em;
    line-height: 1;
    color: #f99441;
    font-weight: 700;
    margin-left: 4px;
}

/* Data list */

.provider .main-info .data-list{
    margin: 30px -10px 0;
}
.provider .main-info .data-list:before{
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
    background-color: rgba(102, 102, 102, 0.2);
}


/* QUOTE CTA */

body[data-event-type="4"] .quote-cta .rounded-btn{
    background-color: #4f9cd6;
}


/* DATA LIST */

.data-list{
    position: relative;
    text-align: left;
    margin-top: -25px;
}
.data-list .data{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 120px;
    padding: 0 5px;
    margin-top: 20px;
    text-align: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 360px){
    .data-list .data{
        max-width: 140px;
        padding: 0 10px;
    }
}
.data-list .data .btn{
    display: block;
    width: 100%;
    font-size: 1em;
}
.data-list .data .icon{
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: no-repeat center/contain;
}
/*
.data-list .data .icon.address{
        background-image: url(../images/provider/info-address.svg);
}
.data-list .data .icon.time{
        background-image: url(../images/provider/info-time.svg);
}
.data-list .data .icon.tel{
        background-image: url(../images/provider/info-tel.svg);
}
.data-list .data .icon.cel{
        background-image: url(../images/provider/info-cel.svg);
}
.data-list .data .icon.web{
        background-image: url(../images/provider/info-web.svg);
}
.data-list .data .icon.facebook{
        background-image: url(../images/provider/info-facebook.svg);
}
.data-list .data .icon.twitter{
        background-image: url(../images/provider/info-twitter.svg);
}
.data-list .data .icon.youtube{
        background-image: url(../images/provider/info-youtube.svg);
}
.data-list .data .icon.instagram{
        background-image: url(../images/provider/info-instagram.svg);
}
.data-list .data .icon.whatsapp{
    background-image: url(../images/provider/info-whatsapp.svg);
}
.data-list .data .icon.whatsapp.color{
    background-image: url(../images/provider/info-whatsapp-color.svg);
}
*/
.data-list .data .text,
.data-list .data .link{
    display: block;
    font-size: 1.2em;
    color: #666;
    line-height: 1.2;
}
.data-list .data .link{
    display: inline-block;
    padding-right: 14px;
    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.data-list .data .link:after{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    border: solid #666;
    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;
}
.data-list .data .text.hidden{
    display: none;
}



/* SHARES */

.shares{
    margin-top: 20px;
}
.shares .text{
    display: block;
    font-size: 1.3em;
    color: #666;
    margin-bottom: 10px;
}
.shares .share{
    box-shadow: 0px 0px 0px 1px rgba(216, 216, 216, 0.4);
    margin-left: 8px;
}
.shares .share:first-of-type{
    margin-left: 0;
}



/* FEATURES */

.features .features-list{
    text-align: center;
    margin-right: -10px;
    margin-left: -10px;
    padding: 10px 0 5px;
}
.features .features-list .item{
    display: inline-block;
    vertical-align: top;
    width: 100px;
    padding: 0 5px;
    margin-top: 10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.features .features-list .item .icon{
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    background: no-repeat center/contain;
}
/*
.features .features-list .item .icon.creditcard{
        background-image: url(../images/provider/features-creditcard.svg);
}
.features .features-list .item .icon.kids{
        background-image: url(../images/provider/features-kids.svg);
}
.features .features-list .item .icon.adults{
        background-image: url(../images/provider/features-adults.svg);
}
*/
.features .features-list .item .text{
    display: block;
    margin-top: 5px;
    font-size: 1.4em;
    color: #6b6b6b;
    line-height: 1.25;
}



/* GALLERY */

.gallery .slider-viewport{
    margin: 20px -60px;
    /*box-shadow: 0 10px 10px -10px #000;*/
}
@media (max-width: 359px){
    .gallery .slider-viewport{
        margin-right: -45px;
        margin-left: -45px;
    }
}
.gallery .slider-holder{
    max-width: 720px;
    margin: 0 auto;
    position: relative;
}
/*
.gallery .slider-holder .bx-viewport,
.gallery .slider-holder .slider.notInit .slide{
        border-radius: 8px;
}
*/
.gallery .slider-holder .slider .slide:before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 62.50%;
}

/* Slider */

.gallery .slider-holder .bx-pager{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -30px;
    text-align: center;
}
.gallery .slider-holder .bx-pager .bx-pager-item{
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
}
.gallery .slider-holder .bx-pager .bx-pager-item:first-child{
    margin-left: 0;
}
.gallery .slider-holder .bx-pager .bx-pager-item a{
    display: block;
    width: 8px;
    height: 8px;
    background-color: rgba(109, 109, 109, 0);
    box-shadow: 0px 0px 0px 1px rgba(109, 109, 109, 0.3);
    border-radius: 50%;
    text-indent: -999px;
    overflow: hidden;

    -webkit-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}
.gallery .slider-holder .bx-pager .bx-pager-item a.active{
    background-color: rgba(109, 109, 109, 0.3);
}

.gallery .slider-holder .bx-prev,
.gallery .slider-holder .bx-next{
    top: 50%;
    margin-top: -20px;
    left: 0;
}
.gallery .slider-holder .bx-next{
    left: auto;
    right: 0;
}



/* SERVICES */

.services{}
.services .categories-list{
    text-align: left;
    margin-top: 20px;
}
.services .categories-list .category{
    border-top: 1px solid rgba(102, 102, 102, 0.2);
    position: relative;
}
.services .categories-list .category:first-child{
    border-top: none;
    margin-top: 0;
}
.services .categories-list .category .title{
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.1;
    color: #595959;
    padding: 15px 0;
    outline: none;
}
.services .categories-list .category .services-list{
    padding-bottom: 15px;
    margin-top: -8px;
}
.services .categories-list .category .services-list > .item{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 6px 0;
    padding-right: 10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 540px){
    .services .categories-list .category .services-list > .item{
        width: 33.33333%;
    }
}
@media (min-width: 1200px){
    .services .categories-list .category .services-list > .item{
        width: 25%;
        padding-right: 20px;
    }
}
.services .categories-list .category .services-list > .item .text{
    vertical-align: middle;
    font-size: 1.4em;
    color: #666;
    line-height: 1.1;
}
.services .categories-list .category .services-list > .item.extra .text{
    margin-right: 5px;
}
.services .categories-list .category .services-list > .item.extra:after{
    content: "$";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background-color: #f99441;
    border-radius: 100px;
}

/* Accordion */

.services .categories-list .accordion .accordion-toggle:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    position: relative;
    top: -2px;
    margin-left: 10px;
    border: solid #595959;
    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 250ms ease-out,
        border-color 200ms ease-out;
    -o-transition:
        -o-transform 250ms ease-out,
        border-color 200ms ease-out;
    transition:
        transform 250ms ease-out,
        border-color 200ms ease-out;
}
.services .categories-list .accordion .accordion-content{
    display: none;
}

.services .categories-list .accordion.show .accordion-toggle:after{
    top: 1px;

    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.services .categories-list .accordion.show .accordion-content{
    display: block;
}

.services .categories-list .accordion.visibleForSeo:not(.show) .accordion-content{
    display: none;
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: -9999px;
}



/* LOCATION */

.map-holder{
    position: relative;
    text-align: center;
}
.map-holder .map{
    height: 250px;
    background-color: #e6e4e0;
    box-shadow: 0px 0px 0px 1px rgba(102, 102, 102, 0.1);
}
.map-holder .marker{
    display: block;
    width: 24px;
    height: 34px;
    position: relative;
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:contain;
}
.map-holder .marker:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -15px;
    z-index: -1;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.15);

    -webkit-transform: scale(0.75, 0.25);
    -ms-transform: scale(0.75, 0.25);
    -o-transform: scale(0.75, 0.25);
    transform: scale(0.75, 0.25);

    -webkit-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}
.map-holder .rounded-btn{
    margin-top: 16px;
}
@media (min-width: 360px) and (max-width: 767px){
    .map-holder .map{
        height: 280px;
    }
    .map-holder .rounded-btn{
        margin-top: 20px;
    }
}

/* Tour virual y google maps */

iframe {
    display: block;
    background-color: #000;
    border: none;
    width: 100%;
    height: 100%;
}

#contGoogleMap,
#contGoogleTour{
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
#contGoogleMap{
    height: 340px;
}
#contGoogleTour{
    height: 550px;
}
#googleMap,
#googleTour{
    width: 100%;
    height: 680px;
    position: absolute;
    left: 0;
    top: -150px;
}



/* COMMENTS */

.comments{}
.comments .link-holder{
    text-align: center;
    margin-top: 14px;
}
@media (max-width: 767px){
    .comments .link-holder .arrow-link{
        line-height: 1.2;
        padding-right: 0;
    }
    .comments .link-holder .arrow-link:after{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: auto;
        right: auto;
        margin: 0 0 0 5px;
    }
}

.comments .comments-list{
    margin-top: 25px;
}
.comments .comments-list .item{
    position: relative;
    text-align: left;
}
.comments .comments-list .item:not(:last-child){
    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.comments .comments-list .item .top{
    position: relative;
    font-size: 1em;
    color: #143666;
    padding-left: 34px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.comments .comments-list .item .top:before{
    content: "";
    display: block;
    width: 22px;
    height: 18px;
    position: absolute;
    left: -2px;
    top: 0;
    background: no-repeat center/contain;
    /*background-image: url(../images/provider/comment-icon.svg);*/
}
.comments .comments-list .item .top .name{
    font-size: 1.6em;
    font-weight: 700;
    margin-right: 10px;
}
.comments .comments-list .item .top .date{
    font-size: 1.4em;
}
.comments .comments-list .item .comment{
    font-size: 1.4em;
    margin-top: 10px;
}



/* STORE */

.store{
    background-color: #fff;
    overflow: hidden;
}
.store .store-carousel{
    margin-top: 40px;
    margin-bottom: -30px;
}



/* PROMOTIONS */
/* Laura 9-11-2023 comento position:relative/ left:10px, pongo margin-left:2% */
.promotion{
    width: 100%;
    /*position: relative;
    left: 10px;*/
    margin-left:2%;
    box-shadow:
        -12px 12px 0px -4px rgba(242, 134, 37, 0.7),
        0px 18px 45px -10px rgba(20, 54, 102, 0.1)
        !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 359px){
    .promotion{
        width: calc(100% + 10px);
        left: 20px;
        margin: 0;
    }
}
body[data-event-type="1"] .promotion{
    box-shadow:
        -12px 12px 0px -4px rgba(254, 185, 2, 0.7),
        0px 18px 45px -10px rgba(20, 54, 102, 0.1)
        !important;
}
body[data-event-type="2"] .promotion{
    box-shadow:
        -12px 12px 0px -4px rgba(180, 121, 242, 0.7),
        0px 18px 45px -10px rgba(20, 54, 102, 0.1)
        !important;
}
body[data-event-type="3"] .promotion{
    box-shadow:
        -12px 12px 0px -4px rgba(254, 119, 146, 0.7),
        0px 18px 45px -10px rgba(20, 54, 102, 0.1)
        !important;
}
body[data-event-type="4"] .promotion{
    box-shadow:
        -12px 12px 0px -4px rgba(152, 216, 91, 0.7),
        0px 18px 45px -10px rgba(20, 54, 102, 0.1)
        !important;
}

.promotion .title{
    font-size: 1.8em;
    font-weight: 700;
    color: #f99441;
    margin-top: -5px;
    margin-bottom: 7px;
    position: relative;
}
.promotion .title:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: no-repeat center/contain;
    /*background-image: url(../images/provider/promotion-icon.svg);*/
    position: relative;
    left: -5px;
    top: -2px;
}

.promotion .content{
    margin-right: -10px;
    margin-left: -10px;
}

.promotion .content h1,
.promotion .content h2,
.promotion .content h3,
.promotion .content h4,
.promotion .content h5,
.promotion .content h6{
    margin-bottom: 10px;
}
.promotion .content > *{
    margin-top: 5px;
}
.promotion .content p,
.promotion .content div,
.promotion .content li{
    text-align: justify;
}



/* OTHER PROVIDERS */
/*
@media (max-width: 767px){
        .provider-page .other-providers{
                display: block;
                width: 40px;
                position: absolute;
                left: 0;
                top: 20px;
                background: no-repeat center/cover;
                overflow: hidden;
        }
        .provider-page .other-providers .image-sa{
                display: block;
                width: 100%;
                height: 0;
                padding-bottom: 100%;
                opacity: 1;
                border-radius: 0 10px 10px 0;
        }
        .provider-page .other-providers .holder{
                width: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                z-index: 1;
                text-align: center;

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

        .provider-page .other-providers .holder .icon{
                display: block;
                width: 14px;
                height: 14px;
                margin: 0 auto;
                border: solid #fff;
                border-width: 0 0 4px 4px;
                position: relative;
                left: 3px;

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

                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
        }
        .provider-page .other-providers .holder .text{
                display: none;
        }

        .provider-page .other-providers.next{
                left: auto;
                right: 0;
        }
        .provider-page .other-providers.next .image{
                border-radius: 10px 0 0 10px;
        }
        .provider-page .other-providers.next .holder .icon{
                left: -4px;

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





/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {

    /* PROVEDOOR */

    .provider-page .provider{
        text-align: left;
    }

    /* Go back */

    .provider-page .provider-controls{
        top: 32px;
    }

    /* Card */

    .provider-page .card{
        padding: 50px;
    }

    .provider-page .push{
        margin-top: 60px;
    }



    /* MAIN INFO */

    .provider .main-info{
        margin-top: 0;
    }
    .provider .main-info .main-photo{
        margin: -50px;
        margin-bottom: 0;
    }
    .provider .main-info .main-photo:before{
        padding-bottom: 36.18%;
    }
    .provider .main-info .avatar{
        width: 110px;
        height: 110px;
        margin: 0;
        position: absolute;
        top: -85px;
    }

    .provider .main-info .holder{
        padding-top: 50px;
    }
    .provider .main-info .title{
        margin-top: 0;
        font-size: 2.8em;
        margin-bottom: 10px;
    }
    .provider .main-info .category,
    .provider .main-info .location-text{
        margin: 0;
    }
    .provider .main-info .category{
        margin-right: 15px;
        font-size: 1.5em;
        position: relative;
        top: -1px;
    }

    .provider .main-info .info{
        margin: 20px 0 0;
    }
    .provider .main-info .info div,
    .provider .main-info .info p,
    .provider .main-info .info li{
        font-size: 1.5em;
        margin-top: 14px;
    }
    .provider .main-info .info li{
        margin-top: 0;
    }

    .provider .main-info .favorite-btn{
        right: -25px;
        top: 46px;
        padding: 7px;
    }
    .provider .main-info .favorite-btn svg{
        width: 26px;
        height: 26px;
    }

    .provider .main-info .data-list{
        margin: 35px -10px 0;
        padding-top: 5px;
    }
    .provider .main-info .data-list:before{
        left: 10px;
        right: 10px;
    }



    /* DATA LIST */

    .data-list .data{
        width: 25%;
        max-width: 170px;
    }
    .data-list .data .icon{
        margin-bottom: 4px;
    }
    .data-list .data .text,
    .data-list .data .link{
        font-size: 1.3em;
    }
    .data-list .data .link:after{
        width: 7px;
        height: 7px;
    }



    /* SHARES */

    .shares .text{
        display: inline-block;
        vertical-align: middle;
        font-size: 1.4em;
        margin: 0 15px 0 0;
    }
    .shares .share{
        vertical-align: middle;
        box-shadow: 0px 0px 0px 1px rgba(216, 216, 216, 0.4);
        margin-left: 8px;
    }
    .shares .share:first-of-type{
        margin-left: 0;
    }



    /* FEATURES */

    .features .features-list{
        padding-top: 20px;
        padding-bottom: 0;
        margin-right: -10px;
        margin-left: -10px;
    }
    .features .features-list .item{
        width: 120px;
        margin: 10px 10px 0;
    }
    /*
    .features .features-list .item:nth-child(3n+1):last-child{
            margin-left: calc(50% - 60px);
    }
    .features .features-list .item:nth-child(3n+2):last-child{
            background-color: red;
    }
    */
    .features .features-list .item .icon{
        width: 60px;
        height: 60px;
    }
    .features .features-list .item .text{
        font-size: 1.5em;
    }



    /* GALLERY */

    .gallery .slider-viewport{
        margin-top: 30px;
        margin-right: 0;
        margin-left: 0;
    }
    .gallery .slider-holder .bx-viewport,
    .gallery .slider-holder .slider.notInit .slide{
        border-radius: 16px;
    }

    /* Slider */

    .gallery .slider-holder .bx-pager{
        bottom: -40px;
    }

    .gallery .slider-holder .bx-prev{
        left: -50px;
    }
    .gallery .slider-holder .bx-next{
        right: -50px;
    }



    /* SERVICES */

    .services .categories-list .category .title{
        font-size: 1.8em;
        padding: 20px 0;
    }
    .services .categories-list .category .services-list{
        padding-bottom: 20px;
    }
    .services .categories-list .category .services-list > .item{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .services .categories-list .category .services-list > .item .text{
        font-size: 1.5em;
    }
    .services .categories-list .category .services-list > .item.extra .text{
        margin-right: 7px;
    }
    .services .categories-list .category .services-list > .item.extra:after{
        width: 17px;
        height: 17px;
        line-height: 17px;
        font-size: 11px;
    }

    /* Accordion */

    .services .categories-list .accordion .accordion-toggle:after{
        width: 9px;
        height: 9px;
        top: -3px;
    }



    /* LOCATION */

    .map-holder .map{
        height: 350px;
    }
    .map-holder .marker{
        width: 30px;
        height: 43px;
    }
    .map-holder .rounded-btn{
        left: auto;
        margin-top: 0;
        position: absolute;
        right: 48px;
        bottom: 25px;
        box-shadow: 0px 12px 20px -8px rgba(51, 51, 51, 0.2);
    }

    /* Tour virual y google maps */

    #contGoogleMap,
    #contGoogleTour{
        margin-top: 30px;
    }



    /* COMMENTS */

    .comments .comments-list{
        margin-top: 30px;
    }
    .comments .comments-list .item{
        padding-left: 45px;
        position: relative;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .comments .comments-list .item:not(:last-child){
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .comments .comments-list .item .top{
        padding-left: 0;
        position: static;
    }
    .comments .comments-list .item .top:before{
        width: 26px;
        left: -1px;
        top: 3px;
    }
    .comments .comments-list .item .top .name{
        font-size: 1.8em;
        margin-right: 14px;
    }
    .comments .comments-list .item .comment{
        font-size: 1.5em;
        margin-top: 15px;
    }



    /* PROMOTIONS */

    .promotion{
        border: none;
        width: calc(100% - 30px);
        left: 50px;
        box-shadow:
            -14px 14px 0px -4px rgba(242, 134, 37, 0.7),
            0px 18px 45px -10px rgba(20, 54, 102, 0.1)
            !important;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body[data-event-type="1"] .promotion{
        box-shadow:
            -14px 14px 0px -4px rgba(254, 185, 2, 0.7),
            0px 18px 45px -10px rgba(20, 54, 102, 0.1)
            !important;
    }
    body[data-event-type="2"] .promotion{
        box-shadow:
            -14px 14px 0px -4px rgba(180, 121, 242, 0.7),
            0px 18px 45px -10px rgba(20, 54, 102, 0.1)
            !important;
    }
    body[data-event-type="3"] .promotion{
        box-shadow:
            -14px 14px 0px -4px rgba(254, 119, 146, 0.7),
            0px 18px 45px -10px rgba(20, 54, 102, 0.1)
            !important;
    }
    body[data-event-type="4"] .promotion{
        box-shadow:
            -14px 14px 0px -4px rgba(152, 216, 91, 0.7),
            0px 18px 45px -10px rgba(20, 54, 102, 0.1)
            !important;
    }
    .promotion .title{
        margin-top: -8px;
    }

}

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

    /* PROVEDOOR */

    .provider-page .provider-controls{
        margin: 0;
        position: absolute;
        top: 32px;
    }
    .provider-page .provider-controls .right{
        text-align: right;
    }
    .provider-page .provider-controls .arrow-link{
        padding: 6px 14px 6px 0;
        font-size: 1.4em;
    }

}




/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    /* PROVEDOOR */

    .provider-page .provider .wrapper{
        width: 75%;
    }

    .provider-page .push{
        margin-top: 40px;
    }

    /* Go back */

    .provider-page .provider-controls{
        top: 22px;
    }

    .provider-page .provider-controls .arrow-link:hover,
    .provider-page .provider-controls .arrow-link:focus{
        color: #4f9cd6;
    }
    .provider-page .provider-controls .arrow-link:hover:after,
    .provider-page .provider-controls .arrow-link:focus:after{
        border-color: #4f9cd6;
    }

    /* QUOTE CTA */

    body[data-event-type="4"] .quote-cta .rounded-btn:hover,
    body[data-event-type="4"] .quote-cta .rounded-btn:focus{
        background-color: #3e85bb;
    }

    /* PROMOTION ANCHOR LINK */

    .provider .main-info .promotion-anchor-link{
        display: inline-block;
        position: absolute;
        right: -20px;
        top: 52px;
        margin-top: 0;
    }
    .provider .main-info .promotion-anchor-link:hover,
    .provider .main-info .promotion-anchor-link:focus{
        opacity: 0.5;
    }
    .provider .main-info .promotion-anchor-link .icon{
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    .provider .main-info .promotion-anchor-link .text{
        display: inline-block;
        font-size: 1.2em;
        margin: 4px 0 0 0;
        text-indent: -6px;
    }




    /* MAIN INFO */

    .provider .main-info .favorite-btn:hover svg path,
    .provider .main-info .favorite-btn:focus svg path{
        stroke: #4f9cd6;
    }



    /* DATA LIST */

    .data-list .data .btn .link{
        -webkit-transition: color 200ms ease-out;
        -o-transition: color 200ms ease-out;
        transition: color 200ms ease-out;
    }
    .data-list .data .btn .link:after{
        -webkit-transition: border-color 200ms ease-out;
        -o-transition: border-color 200ms ease-out;
        transition: border-color 200ms ease-out;
    }
    .data-list .data .btn:hover .link,
    .data-list .data .btn:focus .link{
        color: #f28625;
    }
    .data-list .data .btn:hover .link:after,
    .data-list .data .btn:focus .link:after{
        border-color: #f28625;
    }



    /* OTHER PROVIDERS */

    .provider-page .other-providers{
        display: block;
        width: 12.695%;
        max-width: 240px;
        position: absolute;
        left: 0;
        top: 60px;
        background: no-repeat center/cover;
        overflow: hidden;
    }
    .provider-page .other-providers .image-sa{
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 186.15%;
        opacity: 0.25;
        border-radius: 0 16px 16px 0;

        -webkit-transition: opacity 200ms ease-out;
        -o-transition: opacity 200ms ease-out;
        transition: opacity 200ms ease-out;
    }
    .provider-page .other-providers:hover .image,
    .provider-page .other-providers:focus .image{
        opacity: 0.5;
    }
    .provider-page .other-providers .holder{
        width: 100%;
        padding: 0 5px;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        text-align: center;

        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

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

    .provider-page .other-providers .holder .icon{
        display: block;
        width: 22px;
        height: 22px;
        margin: 0 auto;
        border: solid #143666;
        border-width: 0 0 4px 4px;
        position: relative;
        left: 3px;

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

        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .provider-page .other-providers .holder .text{
        display: block;
        max-width: 100%;
        margin-top: 20px;
        font-size: 1.4em;
        line-height: 1.2;
        color: #143666;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .provider-page .other-providers .holder .text strong{
        display: block;
        max-width: 100%;
        margin-top: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .provider-page .other-providers.next{
        left: auto;
        right: 0;
    }
    .provider-page .other-providers.next .image{
        border-radius: 16px 0 0 16px;
    }
    .provider-page .other-providers.next .holder .icon{
        left: -4px;

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



    /* SERVICES */

    .services .categories-list .accordion .accordion-toggle{
        cursor: pointer;

        -webkit-transition: color 200ms ease-out;
        -o-transition: color 200ms ease-out;
        transition: color 200ms ease-out;
    }
    .services .categories-list .accordion .accordion-toggle:hover,
    .services .categories-list .accordion .accordion-toggle:focus{
        color: #4f9cd6;
    }
    .services .categories-list .accordion .accordion-toggle:hover:after,
    .services .categories-list .accordion .accordion-toggle:focus:after{
        border-color: #4f9cd6;
    }



    /* LOCATION */

    .map-holder .wrapper{
        position: relative;
    }



    /* PROMOTIONS */

    .promotion{
        width: calc(100% - 15px);
        left: 50px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .promotion .title{
        margin-top: -13px;
    }

}




/* ********************** de Desktop a HD ********************** */

@media (min-width: 1200px) {

    /* PROVEDOOR */

    .provider-page .provider .wrapper{
        width: 100%;
    }

    /* Card */

    .provider-page .card{
        padding: 50px 75px 55px;
    }   

    .provider-page .push{
        margin-top: 50px;
    }



    /* MAIN INFO */

    .provider .main-info{
        margin-top: 0;
    }
    .provider .main-info .main-photo{
        height: 280px;
        margin: -50px -75px;
        margin-bottom: 0;
    }
    .provider .main-info .main-photo:before{
        display: none;
    }
    .provider .main-info .avatar{
        width: 130px;
        height: 130px;
        top: -100px;
    }

    .provider .main-info .holder{
        padding-top: 60px;
    }
    .provider .main-info .title{
        font-size: 3.2em;
    }
    .provider .main-info .category{
        margin-right: 20px;
    }

    .provider .main-info .info div,
    .provider .main-info .info p,
    .provider .main-info .info li{
        font-size: 1.6em;
    }

    .provider .main-info .favorite-btn{
        right: -40px;
        top: 60px;
    }


    /* PROMOTION ANCHOR LINK */

    .provider .main-info .promotion-anchor-link{
        right: -40px;
        top: 60px;
    }



    /* DATA LIST */

    .data-list .data{
        width: 20%;
        padding-top: 3px;
    }
    .data-list .data .text,
    .data-list .data .link{
        font-size: 1.4em;
    }



    /* OTHER PROVIDERS */

    .provider-page .other-providers{
        width: 8%;
        height: 280px;
    }
    .provider-page .other-providers .image-sa{
        height: 100%;
        padding-bottom: 0;
    }



    /* COMMENTS */

    .comments .comments-list .item{
        padding-left: 50px;
    }
    .comments .comments-list .item .comment{
        font-size: 1.6em;
    }



    /* PROMOTION */

    .promotion{
        width: calc(100% - 30px);
        left: 80px;
        box-shadow:
            -14px 14px 0px -4px rgba(242, 134, 37, 0.7),
            0px 18px 45px -10px rgba(20, 54, 102, 0.1)
            !important;

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

}

@media (min-width: 1200px) and (min-height: 800px) {

    /* PROVEDOOR */

    /* Go back */

    .provider-page .provider-controls{
        top: 32px;
    }

    .provider-page .push{
        margin-top: 60px;
    }

    /* MAIN INFO */

    .provider .main-info .main-photo{
        height: 335px;
    }
    .provider .main-info .avatar{
        width: 150px;
        height: 150px;
        top: -120px;
    }



    /* OTHER PROVIDERS */

    .provider-page .other-providers{
        height: 335px;
        top: 75px;
    }



    /* SERVICES */

    .services .categories-list .category .title{
        padding: 24px 0;
    }
    .services .categories-list .category .services-list{
        padding-bottom: 24px;
    }
    .services .categories-list .category .services-list > .item{
        padding-top: 10px;
        padding-bottom: 10px;
    }



    /* LOCATION */

    .map-holder .map{
        height: 400px;
    }
    .map-holder .marker{
        width: 36px;
        height: 51px;
    }



    /* COMMENTS */

    .comments .comments-list{
        margin-top: 40px;
        padding-bottom: 5px;
    }
    .comments .comments-list .item:not(:last-child){
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

}


@media (min-width: 1350px) {

    /* GALLERY */

    .gallery .slider-holder .bx-prev{
        left: -70px;
    }
    .gallery .slider-holder .bx-next{
        right: -70px;
    }

}


@media (min-width: 1440px) {
    .provider-page .other-providers{
        width: 12.5%;
    }

    .provider .main-info .promotion-anchor-link .text{
        position: absolute;
        left: 0;
        top: 50%;
        text-indent: 0;
        white-space: nowrap;
        margin: 0;

        -webkit-transform: translate(-110%, -50%);
        -ms-transform: translate(-110%, -50%);
        -o-transform: translate(-110%, -50%);
        transform: translate(-110%, -50%);
    }


}




/* 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);
    }
}

/* Laura 13-03-2024 para poner los comentarios como acordeón */
.hidden-comment {
  display: none;
}

.show-more {
  display: block;
  margin: 10px auto; /* Centrado */
  cursor: pointer;
  padding: 8px 16px;
  background-color: #143666;
  color: white;
  border: none;
  border-radius: 4px;
}@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400");
.id-comment-popup .legal{
    font-size: 1.4em;
    padding-top: 20px;
    margin-bottom: -25px;
}
.main-info .c-rating button{
    margin-bottom: 10px;
}
.c-rating-count {
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle;
}
.c-title {
    font-size: 2em;
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
}
.id-comment-popup .message {
    font-size: 10px;
}
.id-comment-popup .message .heading {
    font-size: 4.5em !important;
}/*change add class xs*/
.id-comment-popup .message .text {
    text-align: center;
    margin-top: 30px;
}
.id-comment-popup .responseError{
    text-align: center;
    font-size: 1.7em;
    margin-top: 20px;
    color: red;
}
.comments .rating-holder, .id-comment-popup .rating-holder{
    display: block;
    text-align: center;
}
.comments .c-rating button, .id-comment-popup .c-rating button {
    width: 4em;
    height: 4em;
}

