ul.thumbs{padding:0;margin:0;overflow:hidden}ul.thumbs li{display:inline-block;height:300px;overflow:hidden;padding:0;float:left;position:relative}ul.thumbs li a.thumbnail{background-repeat:no-repeat;background-size:cover;background-color:#cecece;background-position-x:50%;display:block;box-sizing:border-box;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;z-index:9;width:100%;height:100%;border: solid 1px #2EB167}ul.thumbs li a.thumbnail h4{position:absolute;top:5;left:10;padding:7px 10px;text-transform:uppercase;background-color:#efefef;color: #2EB167;font-size:12px;margin:0}ul.thumbs li a.thumbnail .description{position:absolute;height:0;bottom:0;width:100%;right:0;opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;color:#333;background-color:rgba(255,255,255,.7);font-size:15px; padding:18px 12px;line-height:10px;box-sizing:inherit;text-align:center}ul.thumbs li a.thumbnail .active-arrow{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #fff;bottom:-2px;z-index:99;position:absolute;left:0;right:0;margin:0 auto}@media (max-width:970px){ul.thumbs li{width:50%!important}.media iframe{width:100%}}@media (max-width:1200px) and (min-width:970px){ul.thumbs li{width:33.3333%!important}}ul.thumbs li a.thumbnail:hover .description{height:50px;opacity:1}ul.thumbs li.content{width:100%!important;display:none;margin-bottom:50px;background:0 0;float:left;height:250px;position:relative;padding:50px 0}ul.thumbs li.content h3{display:inline-block}ul.thumbs li.content .close{position:absolute;top:0;right:0;color:#c2c2c2;cursor:pointer;font-weight:400;font-family:-webkit-pictograph;font-size:76px;line-height:70px}ul.thumbs li.content .close:hover{opacity:.7}ul.thumbs li.content .media{display:inline-block;float:left;margin-right:20px;width:50%;min-height:200px}ul.thumbs li.content .media img{max-width:100%}@media (max-width:1080px){.close{right:0!important;top:7px!important}ul.thumbs .media{margin-right:0;margin-bottom:20px}}@media (max-width:590px){ul.thumbs li{width:100%!important}ul.thumbs .media{display:none!important}}@media (max-width:700px) and (min-width:590px){ul.thumbs .media{width:100%!important;display:block!important;margin-top:60px}}.portfolio-content{display:none}