.card{display:block}article.card{width:auto;height:350px;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,0.3);overflow:hidden;margin-top:0}article.card .thumb{width:auto;height:348px;background-size:cover;border-radius:3px;max-width:446px;object-fit:fill;filter:brightness(0.85)}article.card .infos{width:auto;height:350px;position:relative;padding:14px 24px;background:#fff;transition:0.4s 0.15s cubic-bezier(0.17,0.67,0.5,1.03)}article.card .infos .title{position:relative;margin:10px 0;letter-spacing:3px;font-size:1.5rem;text-shadow:0 0 0px #32577f;color:#fff;margin-top:-9rem}article.card .infos .flag{position:absolute;top:50%;right:0;transform:translateY(-50%);width:35px;height:23px;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/397014/flag.png) no-repeat top right;background-size:100% auto;display:inline-block}article.card .infos .date,article.card .infos .seats{margin-bottom:10px;text-transform:uppercase;font-size:0.85rem;color:rgba(21,37,54,0.7);font-family:'Grotesque',sans-serif}article.card .infos .seats{display:inline-block;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,0.2);opacity:0;transition:0.5s 0.25s cubic-bezier(0.17,0.67,0.5,1.03)}article.card .infos .txt{font-family:'Merriweather',sans-serif;line-height:2;font-size:0.95rem;color:rgba(21,37,54,0.7);opacity:0;transition:0.5s 0.25s cubic-bezier(0.17,0.67,0.5,1.03)}article.card .infos .details{position:absolute;left:0;left:0;bottom:0;margin:10px 0;padding:20px 24px;letter-spacing:1px;color:#4e958b;font-family:'Grotesque Black',sans-serif;font-size:0.9rem;text-transform:uppercase;cursor:pointer;opacity:0;transition:0.5s 0.25s cubic-bezier(0.17,0.67,0.5,1.03)}article.card:hover .infos{transform:translateY(-348px);background-color:#fff}article.card:hover .infos .title{margin-top:0px;color:#000}article.card:hover .infos .seats,article.card:hover .infos .txt,article.card:hover .infos .details{opacity:1}