.hover-yellow .overlay {
	/*background: rgb( 237,170, 30, 0.8) !important; */
	background: yellow !important;
}




/* FTRHOVER ROW */
.HomePage .container-fluid.hpRow2 {
    background-color: #E1E1E1;
}

.HomePage .container-fluid.hpRow2 .col-sm-4 {
    margin: 0;
    padding: 0;
}

.FtrHover img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.FtrHover {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 75%;
    transition: all .5s;
    margin-bottom: 1em;
}

.HomePage .FtrHover {
    margin-bottom: 0;
}

.FtrHover .caption {
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    display: block;
    top: 88%;
    width: 100%;
}

.FtrHover .caption p {
    opacity: 0;
}

.FtrHover.green .caption {
    background-color: rgba(161, 178, 69, .8);
}

.FtrHover.purple .caption {
    background-color: rgba(115, 23, 72, .7);
}

.FtrHover.blue .caption {
    background-color: rgba(30, 59, 103, .8);
}

.FtrHover .caption h2 {
    margin: 0;
    font-size: 18px;
    /*     line-height: 35px; */
}

.FtrHover .caption h2, .FtrHover .caption p {
    color: #fff!important;
    text-align: center;
    border: none;
}

.FtrHover:hover .caption h2 {
    background-color: transparent;
    /* line-height: 35px; */
    margin-bottom: .5em;
}

.FtrHover:hover .caption p {
    opacity: 1;
}

.FtrHover:hover .caption {
    opacity: 1;
    top: 0;
    bottom: 0;
    display: block;
    padding: 1em;
    text-shadow: 1px 1px 4px #333;
    transition: top .5s;
}

.FtrHover .TextButton {
    border: 1px solid #fff;
    background-color: transparent;
    text-transform: uppercase;
}

.FtrHover .TextButton:hover {
    background-color: white;
    color: #333;
    text-shadow: none;
}