/*Logo carousel*/
#clients {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    #clients .clients-wrap {
        display: block;
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
    }

        #clients .clients-wrap ul {
            display: block;
            list-style: none;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

            #clients .clients-wrap ul li {
                display: block;
                float: right;
                position: relative;
                width: 220px;
                height: 220px;
                line-height: 100px;
                text-align: center;
                padding: 10px;
                box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            }
                #clients .clients-wrap ul li a {
                    text-align: center;
                    vertical-align: central;
                    width: 210px;
                    height: 210px;
                }

                #clients .clients-wrap ul li img {
                    vertical-align: middle;
                    max-width: 100%;
                    max-height: 100%;
                    -webkit-transition: 0 linear left;
                    -moz-transition: 0 linear left;
                    transition: 0 linear left;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
                    filter: alpha(opacity=65);
                    opacity: 0.75;
                    height: 100%;
                    width: 100%;
                    
                }

                    #clients .clients-wrap ul li img:hover {
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                        filter: alpha(opacity=100);
                        opacity: 1.0;
                    }