.portfolio--bg-black{padding-bottom:50px;background-color:#1e1b22}.portfolio__title{margin-bottom:30px}.portfolio__image img{width:100%;height:600px}.portfolio__image--clickable{position:relative;cursor:pointer}.portfolio__image--clickable::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.portfolio__image--clickable .icon{position:absolute;top:50%;left:50%;width:100px;height:100px;border:1px solid #fff;border-radius:50%;-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.portfolio__image--clickable .icon::before,.portfolio__image--clickable .icon::after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff}.portfolio__image--clickable .icon::before{width:45px;height:1px}.portfolio__image--clickable .icon::after{width:1px;height:45px}.portfolio__image--clickable:hover::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.portfolio__image--clickable:hover .icon{-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}@media(max-width: 1399.98px){.portfolio__image img{height:450px}}@media(max-width: 1199.98px){.portfolio__image img{height:400px}}@media(max-width: 991.98px){.portfolio__image img{height:300px}}@media(max-width: 767.98px){.portfolio--bg-black{padding-bottom:30px}.portfolio__row{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto;padding-bottom:15px}.portfolio__image img{height:250px}}@media(max-width: 575.98px){.portfolio__image img{height:200px}}