/* Thumbnail Effects Style */
.tj_container{
    height: 152px;
    position:relative;
    margin:0px auto;
}
.tj_nav{
    position:absolute;
    right:0px;
    top:50%;
    margin-top:-32px;
    height:72px;
    width:72px;
    z-index: 3
}
.tj_nav span{
    width:72px;
    height:72px;
    border: 1px solid #242221;
    border-radius: 40px;
    background:transparent url(../images/prev.png) no-repeat center;
    position:absolute;
    top:50%;
    left:0px;
    margin-top: -36px;
    text-indent:-9000px;
    opacity:0.7;
    cursor:pointer;
    /*-webkit-transition: all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    */
}
#tj_prev{
    display: none
}
.tj_nav span.tj_next{
    background-image:url(../images/next.svg);
    top:auto;
    bottom:0px;
    left:0px;
}
.tj_nav span:hover{
    opacity:1.0;
}
.tj_wrapper{
    width:100%;
    height:100%;
    position:relative;
    margin:0px auto;
}
.tj_wrapper ul li{
    width: 100%;
    display: block
}
.tj_wrapper ul li a{
    outline:none;
    display:block;
    margin:5px;

}
.tj_wrapper ul li a img{
    display:block;
    border:none;
    opacity:0.7;
    -moz-box-shadow:2px 2px 4px #8e8e8e;
    -webkit-box-shadow:2px 2px 4px #8e8e8e;
    box-shadow:2px 2px 4px #8e8e8e;
    /*
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -transition: all 0.2s ease-in-out;
    */
}
.tj_wrapper ul li a img:hover{
    opacity:1.0;
}

/* Specific style for the examples */
.example10 .tj_container{
    height:600px;
}

@media (max-width: 761px){
    .tj_nav{
        margin-top: -18px;
        height: 36px;
        width: 36px;
    }

    .tj_nav span{
        width: 36px;
        height: 36px;
        background-size: 10px;
        margin-top: -18px;
    }
}