.opie-portfolio{position:relative;width:auto;padding:0;margin:0 auto;overflow:hidden}.opie-portfolio .o-inner-wrapper{position:relative;display:block;height:195px;height:1600px;width:100%;background:#fcfcfc url("../img/bg2.png") repeat;margin:0 auto}.opie-portfolio .o-box .o-cover{position:absolute;top:0;left:0;height:100%;width:100%;background:#5dade2;overflow:hidden}.opie-portfolio .o-box.active .o-cover{display:none}.opie-portfolio .o-box{width:20%;height:20%;margin:0;padding:0;float:left;background:#FFF;display:inline-block;vertical-align:top;position:absolute;left:0px;top:0px;overflow:hidden;cursor:pointer}.opie-portfolio .o-box img.o-big-image{width:auto;height:100%;max-width:none !important;z-index:98}.opie-portfolio .o-box.active img.o-big-image{display:block;width:auto;height:auto}.opie-portfolio .o-box .o-big-image-wrapper{position:relative}.opie-portfolio .o-box img.o-thumb-image{position:absolute;top:0;left:0;border:0;width:100%;height:auto;background:#5dade2}.opie-portfolio .o-box.mouseOn img.o-thumb-image.loaded,.opie-portfolio .o-box.mouseOut img.o-thumb-image.loaded{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.opie-portfolio .o-box.mouseOn img.o-thumb-image{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.opie-portfolio .o-box.mouseOut img.o-thumb-image,.opie-portfolio .o-box img.o-thumb-image{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.opie-portfolio .o-box.o-show-more img.o-thumb-image{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;filter:alpha(opacity=100) !important;-moz-opacity:1 !important;-khtml-opacity:1 !important;opacity:1 !important}.opie-portfolio .o-box img.o-thumb-image.auto{position:absolute;top:0;left:0;border:0;max-width:none !important;max-height:none !important}.opie-portfolio .o-box img.o-thumb-image.auto.width{width:100%;height:auto;top:50%}.opie-portfolio .o-box img.o-thumb-image.auto.height{width:auto;height:100%;left:50%}.opie-portfolio .o-box h2,.opie-portfolio .o-box h3,.opie-portfolio .o-box p{padding:20px 40px 0 20px;color:#fff;line-height:16px;font-size:14px;font-weight:normal;margin:0}.opie-portfolio .o-box .big{display:none}.opie-portfolio .o-box .loader{background:#5dade2 url("pics/loader.gif") no-repeat center center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:99}.opie-portfolio .o-box .o-enlarge{z-index:100;position:absolute;right:20px;bottom:20px;display:none}.opie-portfolio .o-box.active .o-enlarge{display:block;color:#1ABC9C;background:transparent url("pics/openInfo.png") no-repeat center center;width:30px;height:30px}.opie-portfolio .o-box.active .o-enlarge.opened{background:transparent url("pics/closeInfo.png") no-repeat center center}.opie-portfolio .o-box.active .o-enlarge span{display:none}.opie-portfolio .o-box .o-extra-info{width:100%;z-index:100;display:none}.opie-portfolio .o-box.doReduce .o-extra-info,.opie-portfolio .o-box.doEnlarge .o-extra-info,.opie-portfolio .o-box.active .o-extra-info{display:block}.opie-portfolio .o-box .o-extra-info h3,.opie-portfolio .o-box .o-extra-info p{color:#000}.galleryNav{width:68%;margin-left:auto;margin-right:auto;margin-bottom:50px}.galleryNav li{display:inline-block;list-style:none;margin-right:10px}.galleryNav li a{text-transform:uppercase;font-size:14px;color:#2c3e50;text-decoration:none;font-weight:bold;line-height:20px}.galleryNav li.last{margin:0}.galleryNav li a.active{color:#5dade2}