/*** MODULE****/
.block_content .image_container .image_text *{
    overflow: inherit;
}

.block_content img.box-shadow,
.block_content div.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
}

/*.block_content .only-txt *{
    margin-bottom:0px;
}*/

.block_content img {
    object-fit: cover;
    width: -moz-available;
}

    .block_content img {
        object-fit: cover;
        width: -moz-available;
    }

    .block_content div.circle {
        border-radius: 50% !important;
        border-radius: 50%;
        object-fit: cover;
    }

    .block_content .img_image.rounded {
        border-radius: 10px;
    }

/* overlay style 1 */
.block_content .image_container.style1 .image_text {
    position: absolute;
    
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: -10px;
    
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 0 !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.block_content .image_container.style1 .img_image:hover {
    opacity: 0.2;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .block_content .image_container.style1 .img_image:hover ~ .image_text,
    .block_content .image_container.style1 a:hover + .image_text {
        opacity: 1;
        animation: bounce1 0.7s;
    }


.block_content .image_container.style1 {
    position: relative;
    text-align: center;
    /*	overflow: hidden; */
}





    .block_content .image_container.style1 .image_text,
    .block_content .image_container.style1 .image_text span,
    .block_content .image_container.style1 .image_text span p {
        pointer-events: none !important;
    }




/* overlay style 2*/
.block_content .image_container.style2 .image_text {
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -10px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 0 !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.block_content .image_container.style2 .img_image:hover {
    opacity: 0;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

    .block_content .image_container.style2 .img_image:hover ~ .image_text,
    .block_content .image_container.style2 a:hover + .image_text {
        opacity: 1;
        animation: bounce2 1s;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }


.block_content .image_container.style2 {
    position: relative;
    /* text-align: center; */
}



    .block_content .image_container.style2 .image_text,
    .block_content .image_container.style2 .image_text span,
    .block_content .image_container.style2 .image_text span p {
        pointer-events: none !important;
    }




/* overlay style 3 */
.block_content .image_container.style3 .image_text {
    position: absolute;
    text-align: center;
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: -10px;
    bottom: 5px;
    width: 100%;
    line-height:1;
    z-index: 0 !important;
    background-color: rgba(0, 0, 0, 0.7);
}

    .block_content .image_container.style3 .image_text p,
    .block_content .image_container.style3 .image_text h1,
    .block_content .image_container.style3 .image_text h2,
    .block_content .image_container.style3 .image_text h3,
    .block_content .image_container.style3 .image_text h4 {
        color: white !important;
        /*margin-bottom:5px;*/
    }


.block_content .image_container.style3 {
    position: relative;
    /*  text-align: center; */
    overflow: hidden;
    /* float: left; */
}





/* Hover effect 1 (zoom in)*/
.block_content .img_image.hover1 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    .block_content .img_image.hover1:hover {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
    }


/* Hover effect 2 (flash) */
.block_content .img_image.hover2:hover {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}


@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes bounce1 {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(20px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes bounce1 {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(20px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@-webkit-keyframes bounce2 {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(20px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}


@keyframes bounce2 {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(20px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}