﻿
/*Start Overlay Css*/

.content-box a{
    display:block;
    color: #ffffff;
   
    font-size:small;
    line-height:none;
    position: relative;
}
.content-link{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width:  100%;
    height: 100%;
    padding: 7% 0;
    
    background: rgba(179,220,237,1);
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: linear-gradient(to bottom, rgb(11, 56, 73) 0%, rgba(41,184,229,1) 50%, rgb(11, 56, 73) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 );filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=0 );filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e68282', endColorstr='#f0d68a', GradientType=0); /* IE6-9 */
    transition: all 0.6s;
}
.content-link i{
display:inline-block;
font-size:small;
}
.content-box a:hover .content-link{
    opacity: .92;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(175, 236, 225, 0.22);
    -moz-box-shadow: 10px 10px 0px 0px rgba(175, 236, 225, 0.22);
    box-shadow: 10px 10px 0px 0px rgba(175, 236, 225, 0.22);
}

/*End Overlay Css*/

