#mainwrapper{}
#mainwrapper .box{cursor:pointer;overflow:hidden;}
#mainwrapper .box img{}
#mainwrapper .box .caption{background-color:rgba(0,98,49,0.8);position:absolute;color:#fff;z-index:100;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out;left:0;}
#mainwrapper .box .caption{text-align:center;}
#mainwrapper .box .caption img{margin:0 auto;display:flex;flex-direction:row;justify-content:center;}
#mainwrapper .box .caption p{padding:10px 50px;border:1px solid #fff;margin:0 auto;text-align:center;position:absolute;margin-top:30px;text-indent:0px;left:20%;}
#mainwrapper .box .caption p:hover{background:rgba(255,255,255,0.2);}
#mainwrapper .box .simple-caption{height:30px;width:200px;display:block;bottom:-30px;line-height:25pt;text-align:center;}
#mainwrapper .box .full-caption{width:380px;height:250px;top:-200px;text-align:left;padding:15px;}
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption{opacity:0;width:380px;height:240px;margin-left:50px;text-align:left;padding:15px;text-transform:uppercase;}
#mainwrapper .box .slide-caption{width:485px;height:250px;margin-left:50px;text-align:left;padding:15px;left:200px;}
#mainwrapper #box-5.box .rotate-caption{width:485px;height:250px;text-align:left;padding:15px;top:200px;-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#mainwrapper .box .rotate{width:200px;height:400px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out;}
#mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p{position:relative;left:-200px;width:170px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out;}
#mainwrapper .box .scale-caption h3{-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-o-transition-delay:300ms;-ms-transition-delay:300ms;transition-delay:300ms;}
#mainwrapper .box .scale-caption p{-webkit-transition-delay:500ms;-moz-transition-delay:500ms;-o-transition-delay:500ms;-ms-transition-delay:500ms;transition-delay:500ms;}
#mainwrapper .box:hover .simple-caption{-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);opacity:1;transform:translateY(-100%);}
#mainwrapper .box:hover .full-caption{-moz-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transform:translateY(100%);opacity:1;transform:translateY(100%);}
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption{opacity:1;}
#mainwrapper .box:hover .slide-caption{background-color:rgba(0,0,0,1) !important;-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:1;transform:translateX(-100%);}
#mainwrapper .box:hover img#image-4{-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1;}
#mainwrapper .box:hover .rotate{background-color:rgba(0,0,0,1) !important;-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#mainwrapper .box:hover #image-6{-moz-transform:scale(1.4);-o-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);}
#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p{-moz-transform:translateX(200px);-o-transform:translateX(200px);-webkit-transform:translateX(200px);transform:translateX(200px);}