/* THUMBNAIL EFFECT */
/* slide */
.title{position:relative;display:inline-block;overflow:hidden;background:#111;max-width:100%;}
.title img{display:block;transition:all .6s ease-in-out;width:100%;height:auto;}
.title:before,.title:after{content:'';position:absolute;text-align:center;transition:all .6s ease-in-out;width:100%;}
.title:before{height:100%;}
.title:after{background:rgba(94,0,24,.8);color:#fff;content:attr(data-title);line-height:1.5em;overflow:hidden;padding:1em 0;text-overflow:ellipsis;white-space:pre;}
/* slide */
.title.slide.overlay:before{background:rgba(94,0,24,.8);}
.title.slide.overlay:before{top:-100%;}
.title.slide.overlay:hover:before{top:0;}
.title.slide.overlay.bottom:before,.title.slide.overlay.reverse:before{bottom:-100%;top:auto;}
.title.slide.overlay.bottom:hover:before,.title.slide.overlay.reverse:hover:before{bottom:0;top:auto;}
.title.slide.overlay.reverse.bottom:before{bottom:auto;top:-100%;}
.title.slide.overlay.reverse.bottom:hover:before{bottom:auto;top:0;}
.title.slide.overlay.left:before{left:-100%;top:0;}
.title.slide.overlay.left:hover:before{left:0;top:0;}
.title.slide.overlay.right:before,.title.slide.overlay.reverse.left:before{left:auto;right:-100%;top:0;}
.title.slide.overlay.right:hover:before,.title.slide.overlay.reverse.left:hover:before{left:auto;right:0;top:0;}
.title.slide.overlay.reverse.right:before{left:-100%;right:auto;top:0;}
.title.slide.overlay.reverse.right:hover:before{left:0;right:auto;top:0;}
.title.slide.overlay.in:before{left:0;top:0;box-shadow:inset 0 0 0 rgba(94,0,24,.8);background:none}
.title.slide.overlay.in:hover:before{left:0;top:0;box-shadow:inset 0 0 0 10em rgba(94,0,24,.8);}
.title.slide.overlay.in.left:hover:before{box-shadow:inset -10em 0 0 10em rgba(94,0,24,.8);}
.title.slide.overlay.in.right:hover:before{box-shadow:inset -10em 0 0 10em rgba(94,0,24,.8);}
.title.slide:after{top:-3.5em;}
.title.slide:hover:after{top:0;}
.title.slide.bottom:after{bottom:-3.5em;top:auto;}
.title.slide.bottom:hover:after{bottom:0;top:auto;}
.title.slide.left:after{top:50%;margin-top:-1.75em;left:-100%;}
.title.slide.left:hover:after{top:50%;left:0;}
.title.slide.right:after{top:50%;margin-top:-1.75em;right:-100%;}
.title.slide.right:hover:after{top:50%;right:0;}
/* fade-in */
.title.fade-in.overlay:before{background:rgba(94,0,24,0);}
.title.fade-in.overlay:hover:before{background:rgba(94,0,24,.8);}
.title.fade-in:after{opacity:0;top:0;}
.title.fade-in.bottom:after{top:auto;bottom:0;}
.title.fade-in.middle:after{top:50%;margin-top:-1.75em;}
.title.fade-in:hover:after{opacity:1;}
/* move */
.title.move{background:rgba(94,0,24,1);}
.title.move.overlay:before{top:100%;left:0;background:rgba(94,0,24,.8);z-index:1;}
.title.move.overlay:hover:before{top:0;}
.title.move.top.overlay:before,.title.move.overlay.reverse:before{bottom:100%;top:auto;}
.title.move.top.overlay:hover:before,.title.move.overlay.reverse:hover:before{bottom:0;top:auto}
.title.move.top.overlay.reverse:before{top:100%;bottom:auto;}
.title.move.top.overlay.reverse:hover:before{top:0;bottom:auto;}
.title.move:after{background:rgba(94,0,24,1);bottom:-3.5em;z-index:2;}
.title.move:hover img{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);transform:translateY(-10%);}
.title.move:hover:after{bottom:0;}
.title.move.top:after{bottom:auto;top:-3.5em;}
.title.move.top:hover img{-webkit-transform:translateY(1.75em);-moz-transform:translateY(1.75em);transform:translateY(1.75em);}
.title.move.top:hover:after{bottom:auto;top:0;}
/* uncover */
.title.uncover{background:rgba(94,0,24,1);z-index:0;}
.title.uncover.overlay:before{top:0;left:0;height:auto;background:rgba(94,0,24,.8);z-index:2;}
.title.uncover.overlay:before{bottom:0;top:100%;}
.title.uncover.overlay:hover:before{bottom:3.4em;top:0;}
.title.uncover.top.overlay:before{bottom:100%;top:0;}
.title.uncover.top.overlay:hover:before{bottom:0;top:3.4em;}
.title.uncover.overlay.reverse:before{bottom:100%;top:0;}
.title.uncover.overlay.reverse:hover:before{bottom:3.4em;top:0;}
.title.uncover.top.overlay.reverse:before{bottom:0;top:100%;}
.title.uncover.top.overlay.reverse:hover:before{bottom:0;top:3.4em;}
.title.uncover:after{bottom:0;z-index:-1;}
.title.uncover img{z-index:1;}
.title.uncover:hover img{-webkit-transform:translateY(-3.4em);-moz-transform:translateY(-3.4em);transform:translateY(-3.4em);}
.title.uncover.top:after{bottom:auto;top:0;}
.title.uncover.top:hover img{-webkit-transform:translateY(3.4em);-moz-transform:translateY(3.4em);transform:translateY(3.4em);}
/*  ribbon */
.title.ribbon{overflow:visible;z-index:0;}
.title.ribbon:before{background:#149e81;left:.1em;bottom:.9em;width:0em;height:3.5em;-webkit-transform:skewY(45deg);-moz-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;transform-origin:100% 100%;transition:all .1s ease-in-out .5s;z-index:-1;}
.title.ribbon:hover:before{left:-1em;width:1.1em;transition-delay:0s;}
.title.ribbon:after{background:rgba(94,0,24,1);z-index:2;bottom:2em;left:-1em;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;transition:all .5s ease-in-out 0s;}
.title.ribbon:hover:after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1);transition-delay:.1s;}
/* NED OF THUMBNAIL EFFECT */