/* before-after-slider style start */
.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-before-label:before, 
.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-after-label:before{
	width: auto;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0px;
}
.wpmozo-bna-before-after-image-wrapper img{
    width: 100%;
    object-fit: cover;
}
/* before-after-slider style end */

/* floating-image-item style start *//* before-after-slider style start */
.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-before-label:before, 
.twentytwenty-vertical .wpmozo-bna-before-after-image-wrapper .twentytwenty-after-label:before{
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0px;
}
.wpmozo-bna-before-after-image-wrapper img{
    width: 100%;
    object-fit: cover;
}
/* before-after-slider style end */

/* floating-image-item style start */
.floating-image-item {
    position: absolute !important;
}
.wpmozo-bna-floating-image-wrapper{
    position: relative;
}
.floating-image-item {
    display: inline-block;
    line-height: 0;
    top: 0;
    left: 0;
    margin: 0;
    will-change: transform;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
@-webkit-keyframes wpmozo_float_up_down {
    from {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@keyframes wpmozo_float_up_down {
    from {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@-webkit-keyframes wpmozo_float_left_right {
    from {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}
@keyframes wpmozo_float_left_right {
    from {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}
/* floating-image-item style end */

@keyframes wpmozoTopToBottom {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes wpmozoLeftToRight {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes wpmozoRightToLeft {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes wpmozoBottomToTop {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

.wpmozo-animation{
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.wpmozo-animation.wpmozo-animation-top:hover { 
    animation-name: wpmozoTopToBottom; 
}
.wpmozo-animation.wpmozo-animation-left:hover { 
    animation-name: wpmozoLeftToRight; 
}
.wpmozo-animation.wpmozo-animation-right:hover { 
    animation-name: wpmozoRightToLeft; 
}
.wpmozo-animation.wpmozo-animation-bottom:hover { 
    animation-name: wpmozoBottomToTop; 
}

.wpmozo-bna-arrows-outside .swiper-button-next {
    -webkit-transform: translateX(calc(100% + 10px)) translateY(-50%);
    -moz-transform: translateX(calc(100% + 10px)) translateY(-50%);
    transform: translateX(calc(100% + 10px)) translateY(-50%);
}
.wpmozo-bna-arrows-outside .swiper-button-prev {
    -webkit-transform: translateX(calc(-100% - 10px)) translateY(-50%);
    -moz-transform: translateX(calc(-100% - 10px)) translateY(-50%);
    transform: translateX(calc(-100% - 10px)) translateY(-50%);
}
.wpmozo-bna-arrows-bottom_center,
.wpmozo-bna-arrows-bottom_left,
.wpmozo-bna-arrows-bottom_right,
.wpmozo-bna-arrows-top_center,
.wpmozo-bna-arrows-top_left,
.wpmozo-bna-arrows-top_right {
    flex-direction: row-reverse;
}
.wpmozo-bna-arrows-bottom_center .swiper-button-next,
.wpmozo-bna-arrows-bottom_center .swiper-button-prev,
.wpmozo-bna-arrows-bottom_left .swiper-button-next,
.wpmozo-bna-arrows-bottom_left .swiper-button-prev,
.wpmozo-bna-arrows-bottom_right .swiper-button-next,
.wpmozo-bna-arrows-bottom_right .swiper-button-prev,
.wpmozo-bna-arrows-top_center .swiper-button-next,
.wpmozo-bna-arrows-top_center .swiper-button-prev,
.wpmozo-bna-arrows-top_left .swiper-button-next,
.wpmozo-bna-arrows-top_left .swiper-button-prev,
.wpmozo-bna-arrows-top_right .swiper-button-next,
.wpmozo-bna-arrows-top_right .swiper-button-prev {
    position: relative;
    top: auto;
    transform: none;
}
.wpmozo-bna-arrows-bottom_center .swiper-button-next,
.wpmozo-bna-arrows-bottom_left .swiper-button-next,
.wpmozo-bna-arrows-bottom_right .swiper-button-next,
.wpmozo-bna-arrows-top_center .swiper-button-next,
.wpmozo-bna-arrows-top_left .swiper-button-next,
.wpmozo-bna-arrows-top_right .swiper-button-next {
    margin-left: 15px;
}
.wpmozo-bna-arrows-top_center,
.wpmozo-bna-arrows-top_left,
.wpmozo-bna-arrows-top_right {
    order: -1;
    margin-bottom: 15px;
}
.wpmozo-bna-arrows-bottom_center,
.wpmozo-bna-arrows-bottom_left,
.wpmozo-bna-arrows-bottom_right {
    margin-top: 15px;
}
.wpmozo-bna-arrows-bottom_left,
.wpmozo-bna-arrows-top_left {
    justify-content: flex-end;
}
.wpmozo-bna-arrows-bottom_center,
.wpmozo-bna-arrows-top_center {
    justify-content: center;
}

.swiper-pagination {
    position: relative;
    margin-top: 15px;
    text-align: center;
}
.swiper-container-horizontal > .swiper-pagination {
    bottom: 0;
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    margin: 0 4px;
    opacity: 1;
    transition: all 0.3s ease;
}
.wpmozo-bna-swiper-pagination-wrap .transparent_dot .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    border-width: 1px;
    border-style: solid;
    background: 0 0;
}
.wpmozo-bna-swiper-pagination-wrap .transparent_dot .swiper-pagination-bullet-active {
    border: none;
}
.wpmozo-bna-swiper-pagination-wrap .stretched_dot .swiper-pagination-bullet {
    border-radius: 6px;
}
.wpmozo-bna-swiper-pagination-wrap .stretched_dot .swiper-pagination-bullet-active {
    width: 30px;
}
.wpmozo-bna-swiper-pagination-wrap .line .swiper-pagination-bullet,
.wpmozo-bna-swiper-pagination-wrap .line .swiper-pagination-bullet-active {
    border-radius: 0;
    width: 30px;
    height: 3px;
    vertical-align: middle;
}
.wpmozo-bna-swiper-pagination-wrap .rounded_line .swiper-pagination-bullet,
.wpmozo-bna-swiper-pagination-wrap .rounded_line .swiper-pagination-bullet-active {
    border-radius: 30px;
    width: 30px;
    height: 6px;
    vertical-align: middle;
}
.wpmozo-bna-swiper-pagination-wrap .square_dot .swiper-pagination-bullet,
.wpmozo-bna-swiper-pagination-wrap .square_dot .swiper-pagination-bullet-active {
    border-radius: 0;
    vertical-align: middle;
}
.wpmozo-bna-swiper-pagination-wrap .swiper-pagination-bullets-dynamic {
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}
.wpmozo-bna-swiper-pagination-wrap .swiper-pagination {
    width: auto !important;
}
.floating-image-item {
    position: absolute !important;
}
.wpmozo-bna-floating-image-wrapper{
    position: relative;
}
.floating-image-item {
    display: inline-block;
    line-height: 0;
    top: 0;
    left: 0;
    margin: 0;
    will-change: transform;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
@-webkit-keyframes wpmozo_float_up_down {
    from {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@keyframes wpmozo_float_up_down {
    from {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@-webkit-keyframes wpmozo_float_left_right {
    from {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}
@keyframes wpmozo_float_left_right {
    from {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}
/* floating-image-item style end */

@keyframes wpmozoTopToBottom {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes wpmozoLeftToRight {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes wpmozoRightToLeft {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes wpmozoBottomToTop {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

.wpmozo-animation{
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.wpmozo-animation.wpmozo-animation-top:hover { 
    animation-name: wpmozoTopToBottom; 
}
.wpmozo-animation.wpmozo-animation-left:hover { 
    animation-name: wpmozoLeftToRight; 
}
.wpmozo-animation.wpmozo-animation-right:hover { 
    animation-name: wpmozoRightToLeft; 
}
.wpmozo-animation.wpmozo-animation-bottom:hover { 
    animation-name: wpmozoBottomToTop; 
}