.ot-overlay-grid{position:relative;margin:0
auto;padding:1em
0 4em;max-width:1000px;list-style:none;text-align:center}.ot-overlay-grid
figure{position:relative;float:left;overflow:hidden;margin:10px
1%;max-height:360px;background:#3085a3;text-align:center;cursor:pointer}.ot-overlay-grid figure
img{position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8}.ot-overlay-grid figure
figcaption{padding:0;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ot-overlay-grid figure figcaption::before,
.ot-overlay-grid figure figcaption::after{pointer-events:none}.ot-overlay-grid figure figcaption,
.ot-overlay-grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.ot-overlay-grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.ot-overlay-grid figure h3,
.ot-overlay-grid figure
p{margin:0}.ot-overlay-grid figure
h3{color:#f4f4f4}.ot-overlay-grid figure h3
span{background:rgba(0,0,0,0.4);padding:5px
10px}.ot-overlay-grid figure
p{letter-spacing:1px;font-size:68.5%}.ot-overlay-grid figure.effect-oscar{background:-webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);background:linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%)}.ot-overlay-grid figure.effect-oscar
img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.ot-overlay-grid figure.effect-oscar
figcaption{padding:0;background-color:rgba(58,52,42,0.7);-webkit-transition:background-color 0.35s;transition:background-color 0.35s}.ot-overlay-grid figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px
solid #fff;content:''}.ot-overlay-grid figure.effect-oscar
h3{margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ot-overlay-grid figure.effect-oscar figcaption::before,
.ot-overlay-grid figure.effect-oscar
p{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0)}.ot-overlay-grid figure.effect-oscar:hover
h3{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ot-overlay-grid figure.effect-oscar:hover figcaption::before,
.ot-overlay-grid figure.effect-oscar:hover
p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ot-overlay-grid figure.effect-oscar:hover
figcaption{background-color:rgba(58,52,42,0)}.ot-overlay-grid figure.effect-oscar:hover
img{opacity:0.4}.ot-overlay-grid figure.effect-ruby{background-color:#17819c}.ot-overlay-grid figure.effect-ruby
img{opacity:0.7;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1.15);transform:scale(1.15)}.ot-overlay-grid figure.effect-ruby:hover
img{opacity:0.5;-webkit-transform:scale(1);transform:scale(1)}.ot-overlay-grid figure.effect-ruby
h3{margin-top:20%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.ot-overlay-grid figure.effect-ruby
p{width:85%;margin:1em
auto 0;padding:10px;border:1px
solid #fff;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,20px,0) scale(1.1);transform:translate3d(0,20px,0) scale(1.1)}.ot-overlay-grid figure.effect-ruby:hover
h3{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ot-overlay-grid figure.effect-ruby:hover
p{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.ot-overlay-grid figure.effect-bubba{background:#9e5406}.ot-overlay-grid figure.effect-bubba
img{opacity:0.7;-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.ot-overlay-grid figure.effect-bubba:hover
img{opacity:0.4}.ot-overlay-grid figure.effect-bubba figcaption::before,
.ot-overlay-grid figure.effect-bubba figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s}.ot-overlay-grid figure.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}.ot-overlay-grid figure.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}.ot-overlay-grid figure.effect-bubba
h3{padding-top:30%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}.ot-overlay-grid figure.effect-bubba
p{padding:20px
2.5em;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.ot-overlay-grid figure.effect-bubba:hover figcaption::before,
.ot-overlay-grid figure.effect-bubba:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ot-overlay-grid figure.effect-bubba:hover h3,
.ot-overlay-grid figure.effect-bubba:hover
p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ot-overlay-grid figure.effect-jazz{background:-webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);background:linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%)}.ot-overlay-grid figure.effect-jazz
img{opacity:0.9}.ot-overlay-grid figure.effect-jazz figcaption::after,
.ot-overlay-grid figure.effect-jazz img,
.ot-overlay-grid figure.effect-jazz
p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s}.ot-overlay-grid figure.effect-jazz figcaption::after{position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.ot-overlay-grid figure.effect-jazz h3,
.ot-overlay-grid figure.effect-jazz
p{opacity:1;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}.ot-overlay-grid figure.effect-jazz
h3{padding-top:26%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s}.ot-overlay-grid figure.effect-jazz
p{padding:0.5em 2em;text-transform:none;font-size:0.85em;opacity:0}.ot-overlay-grid figure.effect-jazz:hover
img{opacity:0.7;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}.ot-overlay-grid figure.effect-jazz:hover figcaption::after{opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1)}.ot-overlay-grid figure.effect-jazz:hover h3,
.ot-overlay-grid figure.effect-jazz:hover
p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}