﻿.form_hover {
    padding: 0px;
    position: relative;
    overflow: hidden;
    height: 170px;
    /* background-color: #286090;*/
    background-color: rgb(var(--primary-color));
    min-width:250px;
}


    .form_hover > .tile-front {
        margin: 0;
        position: absolute;
        top: 10px;
        padding-left: 20px ;
        padding-right: 20px;
        text-align: left;
        color: #FFFFFF;
    }

    .form_hover > .tile-front >h2  {
        text-align:left;
    }

    .form_hover:hover .header {
        opacity: 1;
        transform: translateY(-172px);
        -webkit-transform: translateY(-172px);
        -moz-transform: translateY(-172px);
        -ms-transform: translateY(-172px);
        -o-transform: translateY(-172px);
    }

    .form_hover img {
        z-index: 4;
    }

    .form_hover .header {
        position: absolute;
        top: 170px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 100%;

    }

    .form_hover .blur {
        height: 170px;
        z-index: 5;
        position: absolute;
        width: 100%;
    }

    .form_hover .caption-text {
        z-index: 10;
        color: #fff;
        position: absolute;
        height: 170px;
        text-align: center;
        top: -20px;
        width: 100%;
    }
