.woSlide{
    width: 100%;
    position: relative;
    overflow: hidden;
    direction: rtl;
}

.woSlide>.scroll{
    position: absolute;
    top: 0;
    right: 0;
    transition: transform 1s cubic-bezier(.69,-0.04,.7,1.02);
    overflow: hidden;
}

.woSlide>.scroll>.slide{
    float: right;
    position: relative;
}
.woSlide>.scroll>.slide>img{
    width: 100%;
    height: auto;
    display: block;
}
.woSlide>.next,
.woSlide>.prev{
    position: absolute;
    top: 50%;
    color: #fff;
    width: 46px;
    height: 46px;
    cursor: pointer;
    opacity: 0.5;
    opacity: 0.7;
    transition: 500ms;
    margin-top: -63px;
    display: none;
}

.woSlide>.next.disabled,
.woSlide>.prev.disabled{
    opacity: 0.3 !important;
    cursor: default;
}

.woSlide>.next:hover,
.woSlide>.prev:hover{opacity: 1;}
.woSlide>.next{left: 30px;}
.woSlide>.prev{right: 30px;}

.woSlide>.next:after,
.woSlide>.prev:after,
.woSlide>.next:before,
.woSlide>.prev:before{
    content: '';
    width: 20px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
}

.woSlide>.next:before{
    transform: rotate(-45deg);
    transform-origin: top left;
    top: 22px;
    margin-left: -10px;
}
.woSlide>.next:after{
    transform: rotate(45deg);
    transform-origin: bottom left;
    top: 20px;
    margin-left: -10px;

}

.woSlide>.prev:before{
    transform: rotate(45deg);
    transform-origin: top right;
    top: 22px;
    margin-left: -10px;
}
.woSlide>.prev:after{
    transform: rotate(-45deg);
    transform-origin: bottom right;
    top: 20px;
    margin-left: -10px;
}


.woSlide>.thumbs{
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 40px;
    overflow: hidden;
}

.woSlide>.thumbs>.thumbsWrapper{
    position: absolute;
    height: 100%;
    right: 50px;
    left: 50px;
    overflow: hidden;
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll{
    position: absolute;
    height: 100%;
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    transition: transform 1s cubic-bezier(.69,-0.04,.7,1.02);
    transform: none !important;
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb{
    float: right;
    height: 100%;
    padding: 12px 0;
    color: #fff;
    opacity: 0.5;
    transition: opacity 500ms;
    cursor: pointer;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 10;
    font-size: 12px;
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb>span.title{
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb.current,
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb:hover{
    opacity: 1;
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb:last-child:before{
    left: 1px;
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb:before{
    content: '';
    position: absolute;
    height: 100%;
    background: #000;
    opacity: 0.35;
    top: 0;
    right: 1px;
    left: 0;
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.35;
    top: 0;
    right: 0;
    transform: translateX(100%);
}
.woSlide>.thumbs>.thumbsWrapper>.thumbsScroll>.thumb.current:after{
    transform: translateX(0);
    transition: transform 8s linear;
}

.woSlide>.thumbs>.nextThumbs,
.woSlide>.thumbs>.prevThumbs{
    position: absolute;
    top: -17px;
    bottom: 0;
    width: 50px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
    cursor: pointer;
    transition: 300ms;
}

.woSlide>.thumbs>.nextThumbs.disabled,
.woSlide>.thumbs>.prevThumbs.disabled{
    opacity: 0.3 !important;
    cursor: default;
}

.woSlide>.thumbs>.nextThumbs:hover,
.woSlide>.thumbs>.prevThumbs:hover{opacity: 1;}
.woSlide>.thumbs>.nextThumbs{left: 0;}
.woSlide>.thumbs>.prevThumbs{right: 0;}

.woSlide>.thumbs>.nextThumbs:after,
.woSlide>.thumbs>.prevThumbs:after,
.woSlide>.thumbs>.nextThumbs:before,
.woSlide>.thumbs>.prevThumbs:before{
    content: '';
    width: 20px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
}

.woSlide>.thumbs>.nextThumbs:before{
    transform: rotate(-45deg);
    transform-origin: top left;
    top: 37px;
    margin-left: -10px;
}
.woSlide>.thumbs>.nextThumbs:after{
    transform: rotate(45deg);
    transform-origin: bottom left;
    top: 36px;
    margin-left: -10px;
}

.woSlide>.thumbs>.prevThumbs:before{
    transform: rotate(45deg);
    transform-origin: top right;
    top: 37px;
    margin-left: -10px;
}
.woSlide>.thumbs>.prevThumbs:after{
    transform: rotate(-45deg);
    transform-origin: bottom right;
    top: 36px;
    margin-left: -10px;
}

.woSlide .overlayWrapper{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 40px;
    left: 0;
}

.woSlide .overlayWrapper a.FullLink{
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

.woSlide .overlay{
    position: absolute;
    width: 33.333333%;
    height: 33.333333%;
    display: flex;
}
.woSlide .overlay>.inside{
    margin: auto;
    width: 100%;
}
.woSlide .overlay.white{
    color: #ffffff;
}
.woSlide .overlay.brown{
    color: #806a50;
}
.woSlide .overlay.black{
    color: #000000;
}

.woSlide .overlay.area_1{
    top: 0;
    right: 0;
    padding: 0 100px 0 0;
}
.woSlide .overlay.area_2{
    top: 0;
    right: 33.3333%;
    padding: 0 0 0 0;
}
.woSlide .overlay.area_3{
    top: 0;
    left: 0;
    padding: 0 0 0 100px;
}
.woSlide .overlay.area_4{
    top: 33.333333%;
    right: 0;
    padding: 0 100px 0 0;
}
.woSlide .overlay.area_5{
    top: 33.333333%;
    right: 33.333333%;
    padding: 0 0 0 0;
}
.woSlide .overlay.area_6{
    top: 33.333333%;
    left: 0;
    padding: 0 0 0 100px;
}
.woSlide .overlay.area_7{
    bottom: 0;
    right: 0;
    padding: 0 100px 0 0;
}
.woSlide .overlay.area_8{
    bottom: 0;
    right: 33.333333%;
    padding: 0 0 100px 0;
}
.woSlide .overlay.area_9{
    bottom: 0;
    left: 0;
    padding: 0 0 0 100px;
}

.woSlide .overlay a{
    position: relative;
    display: inline-block;
    text-decoration: none;
    border: 2px solid #fff;
    padding: 15px 30px;
    font-size: 14px;
    overflow: hidden;
}
.woSlide .overlay a span{
    transition: 500ms color cubic-bezier(1, -0.01, 0.58, 1);
    color: #ffffff;
}
.woSlide .overlay.black a{
    border-color: #000000;
}
.woSlide .overlay.brown a{
    border-color: #806a50;
}
.woSlide .overlay.black a span{
    color: #000000;
}
.woSlide .overlay.brown a span{
    color: #806a50;
}
.woSlide .overlay a span{
    position: relative;
    z-index: 1;
}
.woSlide .overlay a:before{
    position: absolute;
    content: '';
    background: #fff;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translateX(100%);
    transition: 500ms transform cubic-bezier(1, -0.01, 0.58, 1);
}
.woSlide .overlay.brown a:before{
    background: #806a50;
}
.woSlide .overlay.black a:before{
    background: #000000;
}
.woSlide .overlay a:hover span{
    color: #000;
}
.woSlide .overlay.black a:hover span,
.woSlide .overlay.brown a:hover span{
    color: #fff;
}
.woSlide .overlay a:hover:before{
    transform: translateX(0);
}
.woSlide .overlay .title{
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.woSlide .overlay .text{
    font-size: 13px;
    margin-bottom: 20px;
}

.woSlide .overlay>.inside > *{
    opacity: 0 !important;
    transition: 1s !important;
}
.woSlide .slide.current .overlay>.inside > *{
    opacity: 1 !important;
}
.woSlide .slide.current .overlay.up .inside .title{
    transition-delay: 2s !important;
}
.woSlide .slide.current .overlay.up .inside .text{
    transition-delay: 2.2s !important;
}
.woSlide .slide.current .overlay.up .inside a{
    transition-delay: 2.4s !important;
}

.woSlide .slide.current .overlay.down .inside .title{
    transition-delay: 2.4s !important;
}
.woSlide .slide.current .overlay.down .inside .text{
    transition-delay: 2.2s !important;
}
.woSlide .slide.current .overlay.down .inside a{
    transition-delay: 2s !important;
}

.woSlide .slide.current .overlay.right .inside .title,
.woSlide .slide.current .overlay.left .inside .title{
    transition-delay: 2s !important;
}
.woSlide .slide.current .overlay.right .inside .text,
.woSlide .slide.current .overlay.left .inside .text{
    transition-delay: 2.2s !important;
}
.woSlide .slide.current .overlay.right .inside a,
.woSlide .slide.current .overlay.left .inside a{
    transition-delay: 2.4s !important;
}

.woSlide .slide .overlay.up>.inside > *{
    transform: translateY(100px);
}
.woSlide .slide .overlay.down>.inside > *{
    transform: translateY(-100px);
}
.woSlide .slide .overlay.right>.inside > *{
    transform: translateX(-100px);
}
.woSlide .slide .overlay.left>.inside > *{
    transform: translateX(100px);
}

.woSlide .slide.current .overlay>.inside > *{
    transform: translateX(0);
    transform: translateY(0);
}