.owl-carousel2, .owl-carousel {
    direction: ltr !important
}

.owl-item > div {
    cursor: pointer;
   /* margin: 6% 8%;*/
    transition: margin 0.4s ease;
}

.owl-item.center > div {
    cursor: auto;
    margin: 0;
}




.owl-item.active.center > div {
    border-radius: 10px;
    transform: scale(1);
    padding: 15px;
}



.owl-item.active > div {
    transform: scale(0.8);
    transition: .3s linear;
}














.owl-item:not(.center) > div:hover {
    opacity: .75;
}

ul li {
    list-style-type: none;
}

.slider--teams {
    direction:ltr !important;
    top: 50%;
    left: 50%;
    max-width: 750px;
    opacity: 0;
    transform: translate(-50%, 0%);
}

    .slider--teams .slider--teams__team {
        position: relative;
        overflow: hidden;
    }

#list {
    position: relative;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

    #list li {
        position: relative;
        display: inline-block;
        float: left;
        text-align: center;
    }

        #list li figure {
            cursor: pointer;
            margin: 1em;
            opacity: 0.5;
            backface-visibility: hidden;
            transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 450ms ease-in-out;
            transform: scale(0.5) translateZ(0px);
        }

            #list li figure:hover {
                opacity: 0.8;
                transform: scale(0.6) translateZ(0px);
            }

            #list li figure:active {
                opacity: 1;
                transform: scale(0.7) translateZ(0px);
            }

            #list li figure > div {
                border-radius: 5px;
                position: relative;
                margin: 2rem auto;
                width: 120px;
                height: 120px;
                overflow: hidden;
                transform: rotate(45deg) translateZ(0px);
            }

                #list li figure > div > div {
                    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/953/teams.jpg) no-repeat;
                    background-size: cover;
                    background-position: 0px 0px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 170px;
                    height: 170px;
                    transform: rotate(-45deg) translate(0%, -70%);
                }

            #list li figure figcaption h2 {
                color: #333;
                font-size: 1.6rem;
                font-weight: 800;
            }

            #list li figure figcaption p {
                color: #666;
                font-size: 0.9rem;
                font-weight: 400;
            }

        #list li:nth-child(1) figure > div > div {
            background-position: 0px 0px !important;
        }

        #list li:nth-child(2) figure > div > div {
            background-position: 0px 20% !important;
        }

        #list li:nth-child(3) figure > div > div {
            background-position: 0px 40% !important;
        }

        #list li:nth-child(4) figure > div > div {
            background-position: 0px 60% !important;
        }

        #list li:nth-child(5) figure > div > div {
            background-position: 0px 80% !important;
        }

        #list li:nth-child(6) figure > div > div {
            background-position: 0px 100% !important;
        }

.active {
    opacity: 1 !important;
    transform: scale(1) translateZ(0px) !important;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}