.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{ 
    opacity:0.85;
    filter:alpha(opacity=85);
    -webkit-filter: grayscale(1); 
    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;}