/*!
    *Thanks to Reiha Hosseini for inspiration: https://codepen.io/mrReiha/pen/RwPgLeM?editors=1100
*/.abs,h2:after,.cards .card figcaption,.cards .card:after,.news .card figcaption,.news .card:after,.news .article figcaption{position:absolute}.rel,h2,h2 strong,.cards .card,.news .card,.news .article{position:relative}.fix{position:fixed}.dfix{display:inline}.dib{display:inline-block}.db{display:block}.dn{display:none}.df,.cards,.news{display:flex}.dif{display:inline-flex}.dg{display:grid}.dig{display:inline-grid}.vm,h2,h2 strong,h2 span{vertical-align:middle}body{background:#24282f;font-family:Alegreya Sans}.wrapper{padding:15px}h2{padding:10px 10px 10px 25px;color:#ccc;margin:0}h2 strong{z-index:2;background:#24282f;padding:4px 8px}h2 span{font-size:.7em;color:#aaa;margin-left:10px}h2:after{content:"";z-index:1;bottom:50%;margin-bottom:-2px;height:2px;left:0;right:0;background:#373d47}.cards,.news{flex-flow:row wrap}.cards .card,.news .card{margin:20px;width:180px;height:270px;overflow:hidden;box-shadow:0 5px 10px #000c;transform-origin:center top;transform-style:preserve-3d;transform:translateZ(0);transition:.3s;border:none;border-radius:0}.cards .card img,.news .card img{width:100%;min-height:100%}.cards .card figcaption,.news .card figcaption{bottom:0;left:0;right:0;padding:10px;font-size:16px;background:none;color:#fff;transform:translateY(100%);transition:.3s;text-shadow:0 1px 0 rgba(51,51,51,.3);box-shadow:0 0 2px #0003;background:rgba(6,18,53,.7)}.cards .card:after,.news .card:after{content:"";z-index:10;width:200%;height:100%;top:-90%;left:-20px;opacity:.1;transform:rotate(45deg);background:linear-gradient(to top,transparent,#fff 15%,rgba(255,255,255,.5));transition:.3s}.cards .card:hover,.news .card:hover,.cards .card:focus,.news .card:focus,.cards .card:active,.news .card:active{box-shadow:0 8px 16px 3px #0009;transform:translateY(-3px) scale(1.05) rotateX(15deg);border:none;border-radius:0}.cards .card:hover figcaption,.news .card:hover figcaption,.cards .card:focus figcaption,.news .card:focus figcaption,.cards .card:active figcaption,.news .card:active figcaption{transform:none}.cards .card:hover:after,.news .card:hover:after,.cards .card:focus:after,.news .card:focus:after,.cards .card:active:after,.news .card:active:after{transform:rotate(25deg);top:-40%;opacity:.15}.news .article{overflow:hidden;width:350px;height:235px;margin:20px}.news .article img{width:100%;min-height:100%;transition:.2s}.news .article figcaption{font-size:14px;text-shadow:0 1px 0 rgba(51,51,51,.3);color:#fff;left:0;right:0;top:0;bottom:0;padding:40px;box-shadow:0 0 2px #0003;background:rgba(6,18,53,.6);opacity:0;transform:scale(1.15);transition:.2s}.news .article figcaption h3{color:#3792e3;font-size:16px;margin-bottom:0;font-weight:700}.news .article:hover img,.news .article:focus img,.news .article:active img{filter:blur(3px);transform:scale(.97)}.news .article:hover figcaption,.news .article:focus figcaption,.news .article:active figcaption{opacity:1;transform:none}