@charset "UTF-8";.portfolio_div, .portfolio_div ul{position:relative;float:left;width:100%;margin:0;padding:0;}
.portfolio_div ul li{position:relative;float:left;margin:0;padding:0;margin-right:2%;margin-bottom:12px;border:1px solid #ddd;overflow:hidden;}
.portfolio_div ul li .inner{position:relative;float:left;width:90%;height:90%;margin:5% 0 0 5%;background:#fff;overflow:hidden;transition:opacity .25s;}
.portfolio_div ul li .inner:hover{opacity:.8;}
.portfolio_div ul.threecols li{width:32%;}
.portfolio_div ul.threecols li:nth-of-type(3n+3){margin-right:0;}
.portfolio_div ul.fourcols li{width:23.1%;}
.portfolio_div ul.fourcols li:nth-of-type(4n+4){margin-right:0;}
.portfolio_div ul.fivecols li{width:18.4%;}
.portfolio_div ul.fivecols li:nth-of-type(5n+5){margin-right:0;}
.portfolio_div ul li a{position:relative;float:left;width:100%;height:131.4px;background:#000;opacity:0;transition:opacity .25s;}
.portfolio_div ul li a:hover{opacity:0;}
.portfolio_div ul.displayFirstFour li{display:none;}
.portfolio_div ul.displayFirstFour li:nth-of-type(1), .portfolio_div ul.displayFirstFour li:nth-of-type(2), .portfolio_div ul.displayFirstFour li:nth-of-type(3), .portfolio_div ul.displayFirstFour li:nth-of-type(4){display:block;}
.popup_div{position:relative;float:left;width:100%;}
.popup_div .category{position:relative;float:left;width:100%;font-size:1.5rem;margin:5px 0 20px;}
.popup_div .category a{font-size:1.5rem;}
.popup_div img{position:relative;float:left;width:60%;height:auto;}
.popup_div .right{position:relative;float:right;width:38%;}
.popup_div .right .content_div{position:relative;float:left;width:100%;}
.popup_div .right .url{position:relative;float:left;z-index:9000;}
.share_icons{position:relative;float:left;width:100%;margin-top:20px;z-index:9001;}
.filter_by{position:relative;float:left;width:100%;margin-top:120px;z-index:9000;}
.filter_by h3{color:#444;font-weight:700;}
.filter_by .each_filter{position:relative;float:left;margin-top:11px;margin-right:2%;width:49%;}
.filter_by .each_filter:nth-of-type(2n+2){margin-right:0;}
.filter_by .each_filter a{position:relative;float:left;width:100%;padding:8px 0;background:#999;color:#fff;font-size:12px;text-decoration:none;border-radius:4px;text-align:center;transition:background .25s;}
.filter_by .each_filter a:hover{background:#aaa;}
.wsi_logo{position:relative;float:right;margin-top:48px;width:200px;height:47px;}
.wsi_logo img{width:100%;height:auto;}
.clear{clear:both;}
@media screen and (max-width:896px){.popup_div img{width:40%;}
.popup_div .right{width:58%;}
}
@media screen and (max-width:568px){.portfolio_div ul.threecols li, .portfolio_div ul.fourcols li, .portfolio_div ul.fivecols li{width:100%;}
.popup_div img{width:70%;margin:0 15%;}
.popup_div .right{width:100%;margin-top:15px;}
.filter_by{display:none;}
.wsi_logo{display:none;}
.portfolio_div ul li a{position:relative;float:left;width:100%;height:363px;background:#000;opacity:0;transition:opacity .25s;}
}