.levus-touch-gallery
{
    overflow: hidden;
    position: relative;
}

.levus-touch-gallery::after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 4;

    /* background: rgb(33, 88, 47); */
    background: #eae7e7;
}

.levus-touch-gallery::before
{
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 22px);
    left: calc(50% - 22px);
    /* z-index: 5; */
    z-index: 4;
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

.levus-touch-gallery.load::after,
.levus-touch-gallery.load::before
{
    display: none;
}

.levus-touch-gallery img
{
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.levus-touch-gallery .slides
{
    overflow: hidden;
}

.levus-touch-gallery .slides ul
{
    display: block;
    position: relative;

    /* fix conflict */
    margin: 0!important;
}

.levus-touch-gallery .slides li
{
    /* fix conflict */
    position: absolute!important;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: .5s;
    /* border: 1px solid #fff; */
}

.levus-touch-gallery .slides li a
{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.levus-touch-gallery .slides li a picture
{
    display: block;
    width: 100%;
}

.levus-touch-gallery .thumbs
{
    overflow: hidden;
}

@media(max-width:776px)
{
    .levus-touch-gallery .thumbs
    {
        display: none;
    }
}

.levus-touch-gallery .thumbs ul
{
    display: block;
    position: relative;
    height: 100px;
    /* conflict */
    margin: 0!important;
}

.levus-touch-gallery .thumbs li
{
    border: 1px solid #fff;
    display: block;
    height: 100px;
    opacity: .6;
    cursor: pointer;
    transition: .5s;
}

.levus-touch-gallery .thumbs li:hover,
.levus-touch-gallery .thumbs li.active
{
    opacity: 1;
}

.levus-touch-gallery .thumbs img
{
    height: 100%;
    object-fit: cover;
}

.levus-touch-gallery .dots
{
    display: none;
}

@media(max-width:776px)
{
    .levus-touch-gallery .dots
    {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 15px 0;
        /* conflict */
        margin: 0!important;
    }
    .levus-touch-gallery .dots li
    {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23eae7e7' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");
        background-size: cover;
        cursor: pointer;
    }
    .levus-touch-gallery .dots li.active
    {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");
    }
}

/* arrows */
.levus-touch-gallery .slides ul .left,
.levus-touch-gallery .slides ul .right
{
    width: 40px;
    height: 40px;
    background: rgba(35,35,35,.65);
    position: absolute;
    top: calc(50% - 10px);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.levus-touch-gallery .slides ul .left 
{
    left: 0;
}

.levus-touch-gallery .slides ul .left::before
{
    content: '';
    width: 20px;
    height: 20px;  
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 20 20'%3E%3Cpath d='M18.271,9.212H3.615l4.184-4.184c0.306-0.306,0.306-0.801,0-1.107c-0.306-0.306-0.801-0.306-1.107,0L1.21,9.403C1.194,9.417,1.174,9.421,1.158,9.437c-0.181,0.181-0.242,0.425-0.209,0.66c0.005,0.038,0.012,0.071,0.022,0.109c0.028,0.098,0.075,0.188,0.142,0.271c0.021,0.026,0.021,0.061,0.045,0.085c0.015,0.016,0.034,0.02,0.05,0.033l5.484,5.483c0.306,0.307,0.801,0.307,1.107,0c0.306-0.305,0.306-0.801,0-1.105l-4.184-4.185h14.656c0.436,0,0.788-0.353,0.788-0.788S18.707,9.212,18.271,9.212z'%3E%3C/path%3E%3C/svg%3E");
}

.levus-touch-gallery .slides ul .right 
{
    right: 0;
}

.levus-touch-gallery .slides ul .right::before 
{
    content: '';
    width: 20px;
    height: 20px;  
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 20 20'%3E%3Cpath d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E");
}