.tilter{display:block;position:relative;width: 211px;height: 274px;margin:1.5em 2.5em;color:#fff;flex:none;perspective:1000px;display: inline-block;vertical-align: middle;margin: 0;/* background: #fff; */text-align: left;}.tilter *{pointer-events:none}.tilter:hover,.tilter:focus{color:#fff;outline:0}.tilter__figure,.tilter__image{margin:0;width:100%;height:100%;display:block}.tilter__figure>*{transform:translateZ(0px);}.smooth .tilter__figure,.smooth .tilter__deco--overlay,.smooth .tilter__deco--lines,.smooth .tilter__deco--shine div,.smooth .tilter__caption{transition:transform .2s ease-out}.tilter__figure{position:relative}.tilter__figure::before{content:'';position:absolute;width: 100%;height: 100%;top: 0;left: 0;box-shadow:0 30px 20px rgba(35,32,39,.5);}.tilter__deco{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity: 0;background: none;}.tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(226,60,99,0.4),rgba(145,58,252,0.4),rgba(16,11,192,0.4))}.tilter__deco--shine div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0.25) 50%,transparent 100%);background: none !important;}.tilter__deco--lines{fill:none;stroke:#fff;stroke-width:1.5px}.tilter__caption{position:absolute;/* bottom:0; */width:100%;/* padding:4em */height: 100%;width: 100%;height: 100%;/* border:1px solid rgba(67,67,67,1); */position: absolute;left: 0;top: 0;padding-left: 12px;padding-top: 13px;box-sizing: border-box;background: #fff;padding-right: 12px;}.tilter__title{margin:0;font-weight:400;font-size:2.5em;font-family:abril fatface,serif;line-height:1}.tilter__description{margin:1em 0 0;font-size:.85em;letter-spacing:.15em}.tilter--1 .tilter__figure::before{box-shadow:0 30px 20px rgba(0,0,0,.5)}.tilter--2,.tilter--2:hover,.tilter--2:focus{color:#2e27ad}.tilter--2 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(245,239,40,0.6),rgba(164,22,169,0.6))}.tilter--2 .tilter__deco--lines{stroke:#2e27ad;stroke-width:4px}.tilter--3 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(205,81,220,0.6),rgba(41,94,230,0.5))}.tilter--3 .tilter__caption{padding:2em;text-align:right;text-shadow:.1em .8em 1em rgba(0,0,0,.35)}.tilter--4 .tilter__deco--overlay{background-image:linear-gradient(20deg,rgb(214,100,40),rgba(46,39,173,0.58),rgba(53,74,165,0.6))}@media screen and (min-width:30em){.tilter--4 .tilter__deco--lines{transform:scale3d(.8,.8,1);transition:transform .4s}.tilter--4:hover .tilter__deco--lines{transform:scale3d(1,1,1)}.tilter--4 .tilter__title,.tilter--4 .tilter__description{transform:translate3d(0,80px,0);opacity:0;transition:transform .4s,opacity .4s}.tilter--4:hover .tilter__description{transition-delay:.1s}.tilter--4:hover .tilter__title,.tilter--4:hover .tilter__description{transform:translate3d(0,0,0);opacity:1}}.tilter--5 .tilter__deco--lines path{stroke-dasharray:1270;stroke-dashoffset:1270;transition:stroke-dashoffset .7s}.tilter--5:hover .tilter__deco--lines path{stroke-dashoffset:0}.tilter--5 .tilter__figure::before{box-shadow:none}.tilter--6,.tilter--6:hover,.tilter--6:focus{color:#2e27ad}.tilter--6 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(46,39,173,0.2),rgba(255,186,59,0.58))}.tilter--6 .tilter__deco--lines{stroke:#2e27ad;stroke-width:6px;top:-50px;left:-50px}.tilter--6 .tilter__caption{padding:0 4em 5.5em 1em}.tilter--6 .tilter__figure::before{box-shadow:none}.tilter--7 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(93,203,106,0.48),rgba(59,239,255,0.58))}.tilter--7 .tilter__deco--lines{stroke-width:20px;transform:scale3d(.9,.9,1);opacity:0;transition:transform .3s,opacity .3s}.tilter--7:hover .tilter__deco--lines{opacity:1;transform:scale3d(1,1,1)}.tilter--7 .tilter__figure::before{box-shadow:none}.tilter--8{perspective:none}.tilter--8 .tilter__figure{transform-style:flat}.tilter--8 .tilter__deco--lines{stroke:#9255ae;stroke-width:6px;mix-blend-mode:color-burn}.tilter--8 .tilter__caption{color:#9255ae;mix-blend-mode:color-burn}.tilter--8 .tilter__figure::before{box-shadow:none}


.tilter__image{
    opacity:0;
}
.tilter__caption:after{
content:"";

position:absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:187px;
height:247px;
border:1px solid rgba(67,67,67,1);
}

.tilter__figure::before{
box-shadow: 0 30px 20px rgba(35,32,39,0) !important;
	-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}

.tilter .tilter__caption{
	-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.tilter:hover .tilter__caption{
    box-shadow: 0 30px 20px rgba(0,0,0,.3) !important;
    background: #fff;
}