.pt-clients {


    margin: 0 auto


}





.pt-clients .pt-client {


    position: relative;


    border-right: 1px solid #ddd;


    border-bottom: 1px solid #ddd;


    overflow: hidden


}





.pt-clients .pt-client img {


    -webkit-transition: all .3s ease-in-out 0s;


    transition: all .3s ease-in-out 0s;


    width: 100%;


    margin: 0;


    display: block


}





.pt-clients .pt-client .pt-client-name {


    position: absolute;


    z-index: 2;


    top: 50%;


    left: 0;


    text-align: center;


    width: 100%;


    height: 100%;


    margin-top: -12px;


    color: #fff;


    font-size: 18px;


    line-height: 26px;


    -webkit-transition: opacity .4s ease-in-out 0s;


    transition: opacity .4s ease-in-out 0s;


    opacity: 0


}





.pt-clients .pt-client .pt-client-name a {


    color: #fff;


    text-decoration: none


}





.pt-clients .pt-client .pt-image-overlay {


    position: absolute;


    left: 0;


    top: 0;


    overflow: hidden;


    width: 100%;


    height: 100%;


    background: #00000057;


    -moz-opacity: 0;


    opacity: 0;


    -webkit-transition: opacity .4s ease-in-out 0s;


    transition: opacity .4s ease-in-out 0s


}





.pt-clients .pt-client:hover .pt-image-overlay {


    opacity: .7


}





.pt-dark-bg .pt-clients .pt-client:hover .pt-image-overlay {


    opacity: .8


}





.pt-clients .pt-client:hover .pt-client-name {


    opacity: 1


}