html[dir] .gohk-carousel-container {
    visibility: hidden;
}

html[dir] .gohk-carousel-container .owl-carousel .image-wrapper {
    position: relative;
}

html[dir] .gohk-carousel-container .owl-carousel .image-wrapper .image-item {
    position: relative;
    display: block;
    text-decoration: none;
}

html[dir] .gohk-carousel-container .owl-carousel .image-wrapper .image-item > img {
    width: 100%;
    height: 100%;
}

html[dir] .gohk-carousel-container .owl-carousel .image-wrapper .image-item .video-play-icon-wrapper {
    cursor: pointer;
    position: absolute;
    width: 15%;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

html[dir] .gohk-carousel-container .owl-carousel .image-wrapper .image-item .video-play-icon-wrapper img {
    width: 100%;
}

html[dir] .gohk-carousel-container .owl-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 0.53%;
    margin-top: 0;
    width: 100%;
}

html[dir] .gohk-carousel-container .owl-carousel button.owl-dot span {
    background-color: #FFF;
}

html[dir] .gohk-carousel-container .owl-carousel button.owl-dot span:hover {
    background-color: #869791;
}

html[dir] .gohk-carousel-container .owl-carousel button.owl-dot.active span {
    width: 20px;
}
html[dir] .gohk-carousel-single-container {
    visibility: hidden;
}

html[dir] .gohk-carousel-single-container .carousel-single .image-wrapper {
    position: relative;
}

html[dir] .gohk-carousel-single-container .carousel-single .image-wrapper .image-item {
    position: relative;
    display: block;
    text-decoration: none;
}

html[dir] .gohk-carousel-single-container .carousel-single .image-wrapper .image-item > img {
    width: 100%;
    height: 100%;
}

html[dir] .gohk-carousel-single-container .carousel-single .image-wrapper .image-item .video-play-icon-wrapper {
    cursor: pointer;
    position: absolute;
    width: 15%;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

html[dir] .gohk-carousel-single-container .carousel-single .image-wrapper .image-item .video-play-icon-wrapper img {
    width: 100%;
}