#sync1 {
    .item {
        margin: 5px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
    }
}

#sync2 {
    .item {
        margin: 5px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        cursor: pointer;
        transition: all .3s ease-in-out;

        h1 {
            font-size: 18px;
        }
    }

    .item:hover {
        opacity: .8;
    }
}



.owl-theme {
    .owl-nav {

        [class*='owl-'] {
            transition: all .3s ease;

            &.disabled:hover {
                background-color: gold;
            }
        }

    }
}


#sync1.owl-theme {
    position: relative;

    .owl-next,
    .owl-prev {
        height: 24px;
        width: 24px;
        margin-top: -24px;
        position: absolute;
        background: #fff;
        border-radius: 50%;
        top: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .owl-prev {
        left: 10px;
    }

    .owl-next {
        right: 10px;
    }
}

#sync2.owl-theme {
    position: relative;

    .owl-next,
    .owl-prev {
        height: 24px;
        width: 24px;
        margin-top: -18px;
        position: absolute;
        background: #fff;
        border-radius: 50%;
        top: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .owl-prev {
        left: 10px;
    }

    .owl-next {
        right: 10px;
    }
}