.grid_home{
    width: 100%;
    padding: 0;
}

.filter-img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.filter-img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    opacity: 0.8;
    transition: all 0.15s linear;
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    outline: none !important;
    width: 100%;
    height: 100%;
}

.homepage_blocks-item {
    height: 230px;
    display: block;
    position: relative;
    margin-bottom: 0.25rem !important;
}

@media only screen and (max-width: 1200px){
span.text-content.text-content-mobile {
    font-weight: 600;
    display: block;
    position: absolute;
    left: 20px;
    bottom: 20px;
}
}

span.text-content {
    position: relative;
    top: 10px;
    left: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    color: white;
    font-size: 1.10rem;
    line-height: 1;
    font-weight: 500;
    /*-webkit-text-stroke: 2px #363636; *//* For browsers that support WebKit prefix */
    /*text-stroke: 2px #363636;*/ /* Standard property for text stroke */
    transition: all 250ms ease-out 100ms
}


.homepage_blocks-item:hover span.text-content {
    position: relative;
    top: 10px;
    left: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #363636;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 600;
    /*-webkit-text-stroke: 2px #363636; *//* For browsers that support WebKit prefix */
    /*text-stroke: 2px #363636;*/ /* Standard property for text stroke */
    /*text-shadow: -1px -1px 0px  #ffffff,1px -1px 0px #ffffff,-1px 1px 0px #ffffff,1px 1px 0px #ffffff; !* Multiple shadows create a stroke effect *!*/
}

.nounderline:hover, .nounderline:focus{
    outline: none;
    text-decoration: none!important;
}

/*Slider Slick*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .main-slider .slick-initialized {
        opacity: 1;
        height: auto;
        overflow-y: unset;
    }

    .main-slider .slick-slide {
        height: 75vh !important;
        position: relative;
        display: block !important;
        align-items: center;
        flex-direction: column;
    }
    .main-slider .slick-slide img {
        position: relative;
        object-fit: scale-down;
        object-position: center center;
        height: 100%;
        margin: auto;
        width: auto;
    }
}

@media only screen and (max-width : 768px) {

    .thumbs {
        width: 100%;
        margin-top: 15px;
    }

}

@media only screen and (min-width : 769px) {
    .thumbs {
        width: 80%;
        margin: 15px auto 15px auto;
    }
}

.thumbs .slick-slide {
    /*width: 80px !important;*/
    height: 80px !important;
    margin-right: 10px;
    margin-left: 10px;
    /*border: solid 3px #000;*/
    /*transition: 0.3s;*/
}
.thumbs .slick-slide img {
    width: 80px !important;
    height: 80px !important;
    position: absolute;
    object-fit: cover;
    object-position: center top;
}

.thumbs .slick-slide.slick-current img {
    border: 4px solid grey ;
}


@media only screen and (max-width : 768px) {
    .footer-logo{
        height: 5.5rem!important;
    }
}

@media only screen and (min-width : 768px) {
    .footer-logo{
        height: 5.5rem!important;
    }
}

.inactive_link {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.link-cabecera-contacto {
    font-weight: 400;
    font-size: 1.2rem!important;
}

.no-padding {
    padding-left: 0!important;
    padding-right: 0!important;
}

.no-padding-right {

    padding-right: 0!important;
}

.no-padding-left {
    padding-left: 0!important;

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.displace-left{

}

    .texto-memoria {
        line-height: 1.9rem!important;
        text-align: justify!important;
    }
}

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) and (max-width: 1280px){
    .texto-memoria {
        line-height: 1.75rem!important;
        text-align: justify!important;
        max-height: 45vh;
        overflow-y: auto;
        padding-right: 20px;
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1366px){
    .texto-memoria {
        line-height: 1.75rem!important;
        text-align: justify!important;
        max-height: 64vh;
        overflow-y: auto;
        padding-right: 20px;
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px){
    .texto-memoria {
        line-height: 1.75rem!important;
        text-align: justify!important;
        max-height: 57vh;
        overflow-y: auto;
        padding-right: 20px;
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1919px){
    .texto-memoria {
        line-height: 1.75rem!important;
        text-align: justify!important;
        max-height: 65vh;
        overflow-y: auto;
        padding-right: 20px;
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1680px){
    .texto-memoria {
        line-height: 1.75rem!important;
        text-align: justify!important;
        max-height: 70vh;
        overflow-y: auto;
        padding-right: 20px;
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width: 1681px) and (max-width: 1919px){
    .texto-memoria {
        line-height: 1.75rem!important;
        text-align: justify!important;
        max-height: 67vh;
        overflow-y: auto;
        padding-right: 20px;
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width: 1920px){
    .texto-memoria {
        line-height: 1.85rem!important;
        text-align: justify!important;
        max-height: 64.5vh;
        overflow-y: auto;
        padding-right: 20px;
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width : 1024px) {
    .displace-left{
        position: relative!important;
        left: -2.5vh!important;
    }

    .texto-memoria::-webkit-scrollbar {
        width: 8px; /* Set the width of the scrollbar for WebKit browsers */
    }

    .texto-memoria::-webkit-scrollbar-track {
        background: #f1f1f1; /* Set the color of the scrollbar track */
    }

    .texto-memoria::-webkit-scrollbar-thumb {
        background: #dcdcdc; /* Set the color of the scrollbar handle */
    }

    .texto-memoria::-webkit-scrollbar-thumb:hover {
        background: #8c8c8c; /* Set the color of the scrollbar handle on hover */
    }

    .texto-memoria::-moz-scrollbar {
        width: 8px; /* Set the width of the scrollbar for WebKit browsers */
    }

    .texto-memoria::-moz-scrollbar-track {
        background: #f1f1f1; /* Set the color of the scrollbar track */
    }

    .texto-memoria::-moz-scrollbar-thumb {
        background: #dcdcdc; /* Set the color of the scrollbar handle */
    }

    .texto-memoria::-moz-scrollbar-thumb:hover {
        background: #8c8c8c; /* Set the color of the scrollbar handle on hover */
    }

}








/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}