.shadow{font-family:Ubuntu,sans-serif;overflow:hidden;position:relative}
.shadow:before{content:'';background:#3498db;width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:1;transition:all .4s ease}
.shadow:hover:before{height:70%;border-radius:0 0 250px 250px;shadow-shadow:0 0 20px #000;opacity:.9}
.shadow img{width:100%;height:auto;transition:all .45s}
.shadow:hover img{opacity:.8;filter:hue-rotate(180deg)}
.shadow .shadow-content{color:#fff;text-align:center;width:100%;padding:0 30px;opacity:0;transform:translateX(-50%);position:absolute;top:25%;left:50%;z-index:1;transition:all .4s ease}
.shadow:hover .shadow-content{opacity:1}
.shadow .title{font-size:23px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin:0 0 2px}
.shadow .post{font-size:16px;text-transform:capitalize}
.shadow .icon{padding:0;margin:0;list-style:none;transform:translateX(-50%);position:absolute;left:50%;bottom:10px}
.shadow .icon li{display:inline-block;margin:0 2px;transform:translateX(-100px);transition:all .4s ease}
.shadow .icon li:nth-child(2){transform:translateX(100px)}
.shadow:hover .icon li{transform:translateX(0)}
.shadow .icon li a{color:#fff;background-color:#3498db;font-size:18px;text-align:center;line-height:60px;height:65px;width:65px;border:3px solid #fff;display:block;transition:all .3s}
.shadow .icon li a:hover{color:#3498db;background-color:#fff;border-radius:50%}
@media only screen and (max-width:990px){.shadow{margin:0 0 30px}
}