.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0
    }

.price_slider_wrapper .ui-widget-content {
    background: #d6d6d6
}

.ui-slider-horizontal {
    height: 4px
}

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: -1px
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: -1px
    }

.price_slider_wrapper {
    padding-top: 5px;
    padding-right: 12px
}

    .price_slider_wrapper input[readonly] {
        border: 0
    }

    .price_slider_wrapper .price-numner {
        color: var(--heading);
        margin-bottom: 23px;
        display: block
    }

    .price_slider_wrapper .ui-slider {
        background: #c8c8c7 !important;
        height: 2px
    }

        .price_slider_wrapper .ui-slider .ui-slider-range {
            background: var(--main)
        }

        .price_slider_wrapper .ui-slider .ui-slider-handle {
            width: 13px;
            height: 12px;
            background: var(--main);
            border-radius: 0;
            top: -5.5px !important;
            display: block;
            position: absolute;
            margin-left: 0;
            z-index: 1;
            outline: none;
            cursor: pointer
        }

    .price_slider_wrapper .price_slider_wrapper {
        position: relative;
        padding-top: 51px
    }

    .price_slider_wrapper .price_slider_amount {
        margin-top: 18px
    }

        .price_slider_wrapper .price_slider_amount input {
            display: none
        }

        .price_slider_wrapper .price_slider_amount .price_label {
            float: left;
            padding-top: 5px
        }

        .price_slider_wrapper .price_slider_amount button {
            float: right;
            background: transparent;
            border: 1px solid var(--heading);
            border-radius: 5px;
            font-weight: 700;
            color: var(--heading);
            padding: 4px 10px
        }

            .price_slider_wrapper .price_slider_amount button:hover {
                background: var(--main);
                border-color: var(--main)
            }

        .price_slider_wrapper .price_slider_amount:after {
            content: "";
            display: table;
            clear: both
        }

.autocomplete-suggestions {
    position: relative !important;
    max-height: 100% !important;
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    animation: fadeIn .25s both
}

.autocomplete-suggestion {
    clear: both;
    border-bottom: 1px solid #f5f5f5;
    padding: 15px;
    cursor: pointer;
    transition: .15s ease;
    -webkit-transition: .15s ease;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.suggestion-thumb {
    display: inline-block;
    max-width: 60px;
    margin-right: 10px;
    vertical-align: middle
}

.suggestion_content {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    padding: 0 10px
}

.searchsubmit {
    color: var(--heading);
    font-size: 20px;
    position: relative
}

.suggestion-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin: 0;
    font-family: var(--body-font)
}

.suggestion-price {
    font-size: 14px
}

.view-all-results {
    display: block;
    width: 100%;
    padding: 12px 15px;
    background: var(--main);
    color: #fff;
    text-align: center;
    cursor: pointer
}

.autocomplete-suggestions .suggestions-title {
    background: var(--heading);
    color: #fff;
    text-align: center;
    padding: 5px 15px
}

.autocomplete-suggestions .autocomplete-suggestion {
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1
}

.autocomplete-suggestions p {
    cursor: pointer;
    margin: 0
}

.autocomplete-suggestions.focus {
    display: block !important
}

.autocomplete-suggestions.has-content {
    background: #fff;
    overflow: auto;
    box-shadow: 0 0 7px rgba(0,0,0,.1);
    color: var(--heading)
}

form.search-form {
    position: relative
}

    form.search-form input {
        padding-left: 42px;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        form.search-form input::placeholder {
            color: var(--heading)
        }

        form.search-form input:-ms-input-placeholder {
            color: var(--heading)
        }

        form.search-form input::-ms-input-placeholder {
            color: var(--heading)
        }

    form.search-form button {
        height: 40px;
        font-size: 24px;
        color: var(--heading);
        min-width: 40px;
        position: absolute;
        top: 3px;
        left: 3px
    }

.jws-search-results.emtry {
    display: none
}

.widget_product_tag_cloud .tagcloud {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -14px
}

.widget_product_tag_cloud a {
    display: inline-block;
    border-radius: 5px;
    background: var(--background-item);
    color: var(--light);
    padding: 5px 10px;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin: 0 0 10px 10px
}

    .widget_product_tag_cloud a:hover {
        background: var(--main)
    }

.widget-filter-checkbox ul {
    list-style-type: none;
    padding: 0
}

    .widget-filter-checkbox ul .children {
        list-style: none;
        padding: 10px 10px 0
    }

    .widget-filter-checkbox ul li:not(:last-child) {
        margin-bottom: 4px
    }

    .widget-filter-checkbox ul li > span:not(.count-atr) {
        margin-left: 4px
    }

    .widget-filter-checkbox ul li > a {
        padding-left: 35px;
        position: relative;
        color: var(--body)
    }

        .widget-filter-checkbox ul li > a:before {
            content: "";
            width: 15px;
            height: 15px;
            border: 1px solid #dbdbdb;
            position: absolute;
            left: 0;
            top: -1px;
            opacity: .5;
            transition: .3s all
        }

        .widget-filter-checkbox ul li > a:after {
            content: "";
            width: 9px;
            height: 9px;
            background: var(--heading);
            position: absolute;
            left: 3px;
            top: 2px;
            opacity: 0
        }

        .widget-filter-checkbox ul li > a.active:after {
            opacity: 1
        }

        .widget-filter-checkbox ul li > a:hover {
            color: var(--heading)
        }

            .widget-filter-checkbox ul li > a:hover:before {
                opacity: 1;
                border-color: var(--heading)
            }

.product-categories, .wc-layered-nav {
    list-style-type: none;
    padding: 0
}

    .product-categories ul, .wc-layered-nav ul {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        text-transform: uppercase
    }

    .product-categories .children, .wc-layered-nav .children {
        list-style: none;
        padding: 10px 10px 0
    }

    .product-categories li:not(.show-color):not(:last-child), .wc-layered-nav li:not(.show-color):not(:last-child) {
        margin-bottom: 12.5px
    }

    .product-categories li:not(.show-color) > span:not(.count-atr), .wc-layered-nav li:not(.show-color) > span:not(.count-atr) {
        margin-left: 4px
    }

    .product-categories li:not(.show-color) > a, .wc-layered-nav li:not(.show-color) > a {
        color: var(--heading)
    }

        .product-categories li:not(.show-color) > a:hover, .wc-layered-nav li:not(.show-color) > a:hover {
            color: var(--main)
        }

    .product-categories li:not(.show-color).chosen > a, .wc-layered-nav li:not(.show-color).chosen > a, .product-categories li:not(.show-color).current-cat > a, .wc-layered-nav li:not(.show-color).current-cat > a {
        color: var(--main)
    }

.siderbar-inner .widget {
    padding-bottom: 40px
}

    .siderbar-inner .widget .widget-title {
        margin-bottom: 27px
    }

.siderbar-inner .autocomplete-suggestion {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%
}

.sidebar-left .siderbar-inner {
    padding-right: 44px
}

.elementor-widget-wp-widget-tag_cloud h5 {
    margin-bottom: 38px
}

.elementor-widget-wp-widget-tag_cloud .tagcloud {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.elementor-widget-wp-widget-tag_cloud a {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--third);
    font-size: 16px
}

    .elementor-widget-wp-widget-tag_cloud a:not(:first-child):before {
        content: "~";
        display: inline-block;
        margin: 0 14px
    }

    .elementor-widget-wp-widget-tag_cloud a:hover {
        color: var(--heading);
        border-color: var(--heading)
    }

.widget_products .product-item {
    margin-bottom: 16px
}

.widget_products .product_list_widget {
    list-style-type: none;
    margin-top: 22px;
    padding: 0
}

    .widget_products .product_list_widget .product-item-inner {
        position: relative;
        display: flex;
        align-items: center
    }

        .widget_products .product_list_widget .product-item-inner .jws-wishlist-btn {
            position: absolute;
            right: 0;
            font-size: 18px
        }

            .widget_products .product_list_widget .product-item-inner .jws-wishlist-btn i:before {
                font-weight: 600
            }

            .widget_products .product_list_widget .product-item-inner .jws-wishlist-btn.added {
                color: var(--main)
            }

            .widget_products .product_list_widget .product-item-inner .jws-wishlist-btn span {
                display: none
            }

        .widget_products .product_list_widget .product-item-inner .product-image {
            max-width: 100px;
            margin: 0
        }

            .widget_products .product_list_widget .product-item-inner .product-image img {
                will-change: unset
            }

        .widget_products .product_list_widget .product-item-inner .product-content {
            max-width: calc(100% - 100px);
            padding-left: 25px
        }

        .widget_products .product_list_widget .product-item-inner .woocommerce-loop-product__title {
            margin-bottom: 8px;
            margin-top: 0
        }

        .widget_products .product_list_widget .product-item-inner .product-short-text {
            margin-bottom: 0
        }

.wc-layered-nav .chosen a .swatch:before {
    outline-color: #363636 !important
}

.wc-layered-nav .count-atr {
    float: right;
    color: var(--third);
    width: 16px;
    text-align: center
}

.wc-layered-nav .show-color:not(:last-child) {
    margin-bottom: 14px
}

.wc-layered-nav .show-color a .swatch {
    width: 19px;
    height: 19px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgba(208,190,182,.35);
    position: relative;
    cursor: pointer;
    margin-right: 16px
}

    .wc-layered-nav .show-color a .swatch:before {
        display: inline-block;
        width: 23px;
        height: 23px;
        border-radius: 100%;
        outline: 1px solid transparent;
        padding: 2px;
        transition: .3s all;
        margin: 0 2px;
        position: absolute;
        left: -5px;
        top: -3px;
        content: ""
    }

.elementor-widget-wp-widget-nav_menu ul.menu {
    list-style-type: none;
    padding: 0
}

    .elementor-widget-wp-widget-nav_menu ul.menu li {
        margin-bottom: 8px
    }

        .elementor-widget-wp-widget-nav_menu ul.menu li.item-with-label a {
            padding-right: 45px
        }

        .elementor-widget-wp-widget-nav_menu ul.menu li a {
            color: var(--body-color);
            position: relative;
            display: inline-block
        }

            .elementor-widget-wp-widget-nav_menu ul.menu li a:hover {
                color: var(--main)
            }

            .elementor-widget-wp-widget-nav_menu ul.menu li a .menu-label {
                color: #fff;
                font-size: 13px;
                border-radius: 3px;
                padding: 0 8px;
                position: absolute;
                top: -7px;
                right: 0;
                line-height: 19px;
                margin-left: 6px
            }

.main-sidebar .elementor-widget-wp-widget-search form.search-form {
    border: 0;
    border-bottom: 1px solid #e6eaed
}

    .main-sidebar .elementor-widget-wp-widget-search form.search-form input {
        padding: 0
    }

    .main-sidebar .elementor-widget-wp-widget-search form.search-form button {
        text-align: right
    }

.elementor-widget-wp-widget-categories h5 {
    margin-bottom: 18px;
    font-size: 18px
}

.elementor-widget-wp-widget-categories ul {
    list-style-type: none;
    padding: 0
}

    .elementor-widget-wp-widget-categories ul li {
        color: var(--heading);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        justify-content: space-between;
        flex-wrap: wrap
    }

        .elementor-widget-wp-widget-categories ul li:not(last-child) {
            margin-bottom: 8px
        }

        .elementor-widget-wp-widget-categories ul li .children {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 100%;
            max-width: 100%;
            padding-left: 20px
        }

            .elementor-widget-wp-widget-categories ul li .children li:last-child {
                margin-bottom: 0
            }

.jws-newsletter-popup {
    background: #fff;
    max-width: 840px;
    margin: 0 auto
}

    .jws-newsletter-popup .jws-form-content {
        margin-right: -1px
    }

        .jws-newsletter-popup .jws-form-content > .row {
            margin: 0
        }

    .jws-newsletter-popup .sub-new-nothank {
        color: var(--third);
        text-decoration: underline
    }

@media (max-width: 1024px) {
    .streamvidduct-category-list ul li {
        width: 20%
    }
}

@media (max-width: 767px) {
    .streamvidduct-category-list ul img {
        max-width: 80%
    }
}

body > .site {
    overflow: hidden;
    position: relative
}

.site-main.jws-blog-archive {
    padding: 100px 0 68px
}

    .site-main.jws-blog-archive.sidebar-right .post_sidebar {
        padding-left: 45px
    }

    .site-main.jws-blog-archive.sidebar-left .post_sidebar {
        padding-right: 45px
    }

body.search .search-nav {
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 20px 0 40px;
    background: var(--background-item);
    padding: 30px 10px
}

    body.search .search-nav li {
        margin: 0 10px
    }

    body.search .search-nav a.active {
        border-bottom: 2px solid var(--main);
        padding-bottom: 3px
    }

.js-content-container .pmpro_content_message {
    display: none
}

.js-content-container .js-content {
    overflow: hidden
}

    .js-content-container .js-content.js-more {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

    .js-content-container .js-content p:last-child {
        margin-bottom: 0
    }

.js-content-container .view-more-content {
    display: none;
    padding-top: 15px
}

    .js-content-container .view-more-content i {
        transition: .3s all;
        display: inline-block;
        margin-left: 8px
    }

.js-content-container.open .js-content {
    -webkit-line-clamp: 100;
    height: auto;
    max-height: 12.2rem;
    overflow: auto
}

.js-content-container.open .view-more-content i {
    transform: rotate(-180deg)
}

.jws-breadcrumb {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

    .jws-breadcrumb * {
        color: var(--body)
    }

    .jws-breadcrumb .current {
        color: var(--heading)
    }

    .jws-breadcrumb .delimiter {
        margin: 0 5px
    }

    .jws-breadcrumb a:hover {
        color: var(--heading)
    }

.background-gradient-mu {
    background: linear-gradient(248.28deg,var(--secondary) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--third) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--main)
}

.special_change .jws_header .elementor-logo .logo-special {
    display: block
}

.special_change .jws_header .elementor-logo .logo-inner {
    display: none
}

.special_change #multiscroll-nav span {
    border-color: #fff
}

.special_change #multiscroll-nav li .active span {
    background: #fff
}

.special_change .jws-offcanvas-action-wrap .html-animation .burger {
    background: var(--main)
}

    .special_change .jws-offcanvas-action-wrap .html-animation .burger:before, .special_change .jws-offcanvas-action-wrap .html-animation .burger:after {
        background: var(--main)
    }

.page-mail {
    padding: 60px 0
}

    .page-mail > div {
        margin-bottom: 20px
    }

    .page-mail .btn-dark {
        margin-right: 10px
    }

.loader {
    position: absolute;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
    top: 50%;
    left: 50%
}

    .loader:before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .loader .circular {
        animation: rotatekey 2s linear infinite;
        height: 100%;
        transform-origin: center center;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .loader .path {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite;
        stroke: var(--heading);
        stroke-linecap: round
    }

.footer-parallax .site-content {
    position: relative;
    z-index: 1
}

.jws-scrollbar, .select2-results__options {
    scrollbar-color: rgba(255,255,255,.2);
    scrollbar-width: thin;
    overflow-x: hidden
}

.jws-scrollbar-x {
    overflow-x: auto
}

.select2-results__options::-webkit-scrollbar, .jws-scrollbar::-webkit-scrollbar {
    width: 5px
}

.select2-results__options::-webkit-scrollbar-track, .jws-scrollbar::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.2);
    border-radius: 10px
}

.select2-results__options::-webkit-scrollbar-thumb, .jws-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.2);
    border-radius: 10px
}

.dark-mode-on #preloader {
    background: rgba(0,0,0,.9)
}

.jws-recapcha {
    margin-top: -1px
}

    .jws-recapcha > div {
        width: auto !important;
        height: auto !important
    }

.is_stuck {
    z-index: 1
}

.page-no-builder {
    padding: 80px 15px
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

input:not([type="submit"]):focus, select:focus, textarea:focus {
    border-color: var(--main) !important;
    outline: none;
    transition: .3s all
}

.slick-slide:first-child {
    display: block
}

.slick-disabled {
    opacity: .5
}

a, .slick-slide {
    outline: none !important
}

.jws_iframe iframe {
    margin: 0 auto;
    display: block
}

#at-expanded-menu-host .at-expanded-menu {
    animation: fadeIn .5s ease;
    -webkit-animation: fadeIn .5s ease
}

.search-results .jws_search_wap {
    margin-bottom: 40px
}

    .search-results .jws_search_wap .entry-title {
        font-size: 24px;
        line-height: 1.5em
    }

        .search-results .jws_search_wap .entry-title a {
            color: var(--heading)
        }

    .search-results .jws_search_wap .jws_search_meta {
        font-size: 14px;
        color: var(--heading)
    }

.search-no-results .error-404, .error404 .error-404 {
    max-width: 500px;
    margin: 0 auto;
    text-align: center
}

.search-no-results .page-title, .error404 .page-title {
    font-size: 24px;
    line-height: 1.5em;
    color: var(--heading);
    font-weight: 700
}

.search-no-results p, .error404 p {
    margin-bottom: 25px
}

.error404 .error-404 {
    padding: 100px 0
}

.sidebar-mobile-wap .mfp-content {
    position: fixed;
    left: 0;
    width: 300px !important;
    background: #fff;
    height: 100%;
    top: 0;
    padding: 30px 15px;
    overflow: auto;
    transform: translatex(-100%);
    -webkit-transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

    .sidebar-mobile-wap .mfp-content .mfp-close {
        color: #ebebeb;
        background: #000;
        top: 0
    }

.sidebar-mobile-wap.mfp-ready .mfp-content {
    transform: translatex(0%);
    -webkit-transform: translatex(0%)
}

.sidebar-mobile-wap.mfp-removing .mfp-content {
    transform: translatex(-100%);
    -webkit-transform: translatex(-100%)
}

.gallery-global .mfp-content {
    max-width: 900px
}

.gallery-global .mfp-close {
    top: 0
}

.gallery-global .mfp-bottom-bar {
    display: none
}

.mfp-zoom-in .mfp-figure, .mfp-zoom-in .html_inline, .mfp-zoom-in .mfp-figure, .mfp-zoom-in .comment-respond, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 0;
    transition: all .3s ease-out;
    transform: scale(.95)
}

.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .html_inline, .mfp-zoom-in.mfp-ready .comment-respond, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .html_inline, .mfp-zoom-in.mfp-removing .comment-respond, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
    transform: scale(.95);
    opacity: 0
}

.mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0
}

.mfp-zoom-in.mfp-bg, .sidebar-mobile-wap.mfp-bg {
    opacity: 0;
    transition: .3s ease
}

.mfp-zoom-in.mfp-ready.mfp-bg, .sidebar-mobile-wap.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing.mfp-bg, .sidebar-mobile-wap.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-content .comment-respond {
    max-width: 700px;
    margin: 0 auto
}

.mfp-arrow-left {
    transform: translatex(-100%)
}

.mfp-arrow-right {
    transform: translatex(100%)
}

.mfp-ready .mfp-arrow-left {
    transform: translatex(0%)
}

.mfp-ready .mfp-arrow-right {
    transform: translatex(0%)
}

.mfp-removing .mfp-arrow-left {
    transform: translatex(-100%)
}

.mfp-removing .mfp-arrow-right {
    transform: translatex(100%)
}

.backToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 50px !important;
    display: block;
    text-align: center;
    background: #fff;
    z-index: 99;
    opacity: 0;
    font-size: 16px;
    box-shadow: 0 7px 16px rgba(0,0,0,.1)
}

    .backToTop.totop-show {
        opacity: 1
    }

    .backToTop:hover {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px)
    }

        .backToTop:hover:before {
            animation: bounceAlphaUp 1s both;
            -webkit-animation: bounceAlphaUp 1s both;
            display: block
        }

.jws-load-more {
    position: relative
}

    .jws-load-more .has-loaded {
        display: none
    }

    .jws-load-more.all-items-loaded .has-loaded {
        display: block
    }

    .jws-load-more.all-items-loaded .has-loading {
        display: none
    }

    .jws-load-more.items-loading {
        background: transparent !important;
        border-color: transparent !important
    }

        .jws-load-more.items-loading:before, .jws-load-more.items-loading:after {
            opacity: .6;
            transition-delay: 0.3s;
            visibility: visible
        }

        .jws-load-more.items-loading span {
            opacity: 0
        }

.jws-pagination-number ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-top: 8px
}

    .jws-pagination-number ul li {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin: 0 6px
    }

        .jws-pagination-number ul li:first-child {
            margin-left: 0 !important;
            padding-left: 0 !important
        }

        .jws-pagination-number ul li:last-child {
            margin-right: 0 !important;
            padding-right: 0 !important
        }

        .jws-pagination-number ul li > .prev i {
            transform: scaleX(-1);
            display: block
        }

        .jws-pagination-number ul li > a, .jws-pagination-number ul li > span {
            color: var(--heading);
            border-radius: 5px;
            display: block;
            width: 36px;
            height: 36px;
            line-height: 36px;
            background: var(--input-background)
        }

            .jws-pagination-number ul li > .current, .jws-pagination-number ul li > a:hover {
                background: var(--main)
            }

.bg_main {
    background: var(--main)
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--heading)
}

.jws-toolbar-wap {
    position: fixed;
    right: 0;
    bottom: 0;
    display: none;
    left: 0;
    z-index: 350;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 5px;
    height: 45px;
    background: var(--background-item);
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    transition: .3s all;
    transform: translatey(100%);
    opacity: 0;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .jws-toolbar-wap::-webkit-scrollbar {
        display: none
    }

    .jws-toolbar-wap .jws-toolbar-item {
        flex: 1 0 20%;
        text-align: center;
        font-size: 10px
    }

        .jws-toolbar-wap .jws-toolbar-item .jws-icon-dots-three-outline-vertical {
            transform: rotate(90deg);
            display: inline-block
        }

        .jws-toolbar-wap .jws-toolbar-item i {
            display: inline-block;
            font-size: 20px
        }

        .jws-toolbar-wap .jws-toolbar-item span {
            display: block;
            line-height: 5px
        }

        .jws-toolbar-wap .jws-toolbar-item .jws_toolbar_wishlist i {
            position: relative
        }

            .jws-toolbar-wap .jws-toolbar-item .jws_toolbar_wishlist i:after {
                background: var(--main);
                position: absolute;
                width: 8px;
                height: 8px;
                border-radius: 100%;
                content: "";
                opacity: 0;
                top: 2px;
                right: -2px
            }

        .jws-toolbar-wap .jws-toolbar-item .jws_toolbar_wishlist.dots i:after {
            animation: fadeIn 1s ease infinite
        }

@media (min-width: 1500px) {
    .container-full #main > .container {
        padding: var(--container-padding)
    }
}

@media (max-width: 1024px) {
    .jws-toolbar-wap {
        transform: translatey(0);
        opacity: 1
    }

    body.has_toolbar {
        padding-bottom: 55px
    }

    .backToTop {
        bottom: 65px
    }

    .jws_sticky_move {
        position: unset !important;
        top: 0 !important;
        width: 100% !important
    }

        .jws_sticky_move ~ div {
            display: none !important
        }

    .site-main.jws-blog-archive.sidebar-right .post_sidebar {
        padding-left: 15px
    }

    .site-main.jws-blog-archive.sidebar-left .post_sidebar {
        padding-right: 15px
    }
}

@media (max-width: 992px) {
    .site-main.jws-blog-archive.sidebar-left .post_sidebar {
        order: 12
    }

    .backToTop {
        width: 35px;
        height: 35px;
        line-height: 35px !important;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 20px
    }

    #jws-login-form .jws-animation form .lost-pass-link {
        font-size: 14px
    }

    .js-content-container .js-content {
        max-height: 4rem
    }
}

.site-header {
    position: relative;
    z-index: 100
}

.admin-bar .header-side {
    padding-top: 32px
}

.has-header-side .site-content, .has-header-side .site-footer {
    width: calc(100% - 156px);
    transform: translatex(156px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header-side {
    width: 116px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100;
    padding-left: 25px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -ms-overflow-style: none;
    background: var(--background-body);
    scrollbar-width: none
}

    .header-side > .elementor {
        height: 100%
    }

        .header-side > .elementor .elementor-section-height-full {
            height: 100%
        }

    .header-side::-webkit-scrollbar {
        display: none
    }

.has-header-side.header-side-open .site-content, .has-header-side.header-side-open .site-footer {
    transform: translatex(156px)
}

.has-header-side.header-side-open .header-side {
    transform: none
}

.has-header-side.menu-expand .jws-menu-side-element .jws-menu-side > .menu-item > a > .menu-text {
    pointer-events: auto;
    opacity: 1;
    transition: .3s all;
    transition-delay: 0.3s
}

.has-header-side.menu-expand .header-side {
    width: 200px;
    padding-left: 0
}

.has-header-side.menu-expand .site-content, .has-header-side.menu-expand .site-footer {
    transform: translatex(200px)
}

header.header_absolute_yes {
    position: absolute;
    width: 100%
}

.jws-breadcrumbs__item--home {
    color: var(--main) !important
}

.jws-title-bar-wrap .jws-title-bar .jws-text-ellipsis {
    margin-bottom: 10px
}

.jws-title-bar-wrap .jws-title-bar .jws-path {
    color: var(--light)
}

    .jws-title-bar-wrap .jws-title-bar .jws-path i {
        margin-left: 12px;
        color: var(--light);
        font-size: 13px;
        font-weight: 400;
        margin-right: 12px
    }

    .jws-title-bar-wrap .jws-title-bar .jws-path a {
        color: var(--main)
    }

        .jws-title-bar-wrap .jws-title-bar .jws-path a:hover {
            color: var(--main)
        }

.account-menu-dropdown {
    background: var(--light);
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    transform: translatey(-10px);
    -webkit-transform: translatey(-10px);
    position: absolute;
    top: 100%;
    z-index: 1;
    padding: 21px 0;
    pointer-events: none;
    width: 230px;
    right: 0;
    text-align: initial;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

    .account-menu-dropdown ul {
        will-change: transform;
        padding: 0;
        list-style-type: none
    }

    .account-menu-dropdown a {
        font-size: 14px;
        color: var(--heading);
        display: block;
        padding: 7.5px 25px;
        line-height: 20px
    }

        .account-menu-dropdown a:hover {
            color: var(--main)
        }

        .account-menu-dropdown a i {
            margin-right: 22px;
            font-size: 17px
        }

    .account-menu-dropdown .no-user {
        padding: 0 25px
    }

        .account-menu-dropdown .no-user li:not(:last-child) {
            margin-bottom: 20px
        }

    .account-menu-dropdown .hover_2 {
        font-weight: 500;
        border: 2px solid;
        text-align: center;
        padding: 10.5px 25px
    }

        .account-menu-dropdown .hover_2:hover {
            background: var(--main);
            color: var(--light);
            border-color: var(--main)
        }

    .account-menu-dropdown .hover:hover {
        background: #f3f3f3
    }

    .account-menu-dropdown .account-setting {
        position: relative
    }

        .account-menu-dropdown .account-setting .settings {
            position: absolute;
            right: 21px;
            top: 7px;
            font-size: 17px;
            padding: 0
        }

            .account-menu-dropdown .account-setting .settings:hover {
                color: var(--main)
            }

        .account-menu-dropdown .account-setting .name a {
            color: var(--main);
            font-weight: 700;
            display: flex;
            -webkit-display: flex
        }

    .account-menu-dropdown #jws-login-form {
        padding: 7px 25px 0
    }

        .account-menu-dropdown #jws-login-form .jws-animation form p {
            margin-bottom: 15px
        }

        .account-menu-dropdown #jws-login-form .message {
            margin-top: 20px
        }

    .account-menu-dropdown #recaptcha6 {
        transform: scale(.5960259999999999);
        -webkit-transform: scale(.5960259999999999);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .account-menu-dropdown .jws-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -0-align-items: center;
        margin-bottom: 0 !important
    }

        .account-menu-dropdown .jws-button .button {
            width: 50% !important
        }

        .account-menu-dropdown .jws-button a {
            width: 50%;
            padding: 0;
            padding-left: 10px
        }

    .account-menu-dropdown .message {
        margin-top: 20px;
        font-size: 12px;
        line-height: 23px;
        margin-bottom: 0
    }

#jws_header_default .elementor_jws_menu_layout_menu_horizontal .jws_main_menu .jws_main_menu_inner > ul > li > a {
    padding: 0;
    padding-right: 25px
}

@media (min-width: 1025px) {
    .has-header-side.menu-expand .site-content, .has-header-side.menu-expand .site-footer {
        width: calc(100% - 200px)
    }

    .car-account-action:hover .account-menu-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translatey(0);
        -webkit-transform: translatey(0);
        pointer-events: auto
    }
}

@media (max-width: 1024px) {
    .has-tool-bar .header-side {
        padding-bottom: 45px
    }

    .car-account-action.active .account-menu-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translatey(0);
        -webkit-transform: translatey(0);
        pointer-events: auto
    }

    .has-header-side .site-content, .has-header-side .site-footer {
        width: 100%;
        transform: none
    }

    .header-side {
        transform: translateX(-100%)
    }
}

.is-sticky {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 11;
    width: 100%
}

.cafe-scroll-up-sticky.is-sticky {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}

.cafe-row-sticky.cafe-scroll-up-sticky.is-sticky.active-sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: .5s all !important
}

.is-sticky.no-active-sticky {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: .5s all !important
}

.cafe-sticky-row-container {
    width: 100%
}

.site-footer {
    clear: both
}

@media (max-width: 1024px) {
    .has-tool-bar .site-footer {
        padding-bottom: 45px
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes jws_fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes jws_fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.jws_fadeInUp {
    -webkit-animation-name: jws_fadeInUp;
    animation-name: jws_fadeInUp
}

@keyframes pulse {
    0% {
        transform: scale3d(1,1,1);
        opacity: 1
    }

    100% {
        transform: scale3d(2.2,2.2,1);
        opacity: 0
    }
}

@-webkit-keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px,0,0);
        transform: translate3d(50px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px,0,0);
        transform: translate3d(50px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

#pulse:before, #pulse:after {
    animation: 3s ease-out 0s normal none infinite running pulse;
    background: none repeat scroll 0 0 rgba(0,0,0,.5);
    border-radius: 24px;
    box-shadow: 0 0 10px rgba(0,0,0,.7) inset;
    content: "";
    height: 48px;
    left: 50%;
    margin: -24px 0 0 -24px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 48px;
    z-index: -1
}

#pulse:after {
    animation-delay: 1.5s
}

#pulse {
    width: 50px;
    height: 50px;
    background: #fff url(http://www.blogher.com/files/imagecache/tiny_thumb/user_pictures/picture-196261.jpg) no-repeat center center;
    position: relative;
    border-radius: 25px;
    text-align: center;
    font: bold 14px/50px tahoma
}

@-webkit-keyframes btnIconRipple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }

    20% {
        opacity: .8
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes btnIconRipple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }

    20% {
        opacity: .8
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translatey(50px);
        -webkit-transform: translatey(50px)
    }

    to {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translatey(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translatey(-50px);
        -webkit-transform: translatey(-50px)
    }

    to {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translatey(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translatex(150px);
        -webkit-transform: translatex(150px)
    }

    to {
        opacity: 1;
        transform: translatex(0);
        -webkit-transform: translatex(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translatex(-50px);
        -webkit-transform: translatex(-50px)
    }

    to {
        opacity: 1;
        transform: translatex(0);
        -webkit-transform: translatex(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes MoveLeft {
    from {
        transform: translatex(0);
        -webkit-transform: translatex(0)
    }

    to {
        transform: translatex(100px);
        -webkit-transform: translatex(100px)
    }
}

@keyframes MoveRight {
    from {
        transform: translatex(0);
        -webkit-transform: translatex(0)
    }

    to {
        transform: translatex(-100px);
        -webkit-transform: translatex(-100px)
    }
}

@keyframes MoveTop {
    from {
        transform: translatey(0);
        -webkit-transform: translatey(0)
    }

    to {
        transform: translatey(-100px);
        -webkit-transform: translatey(-100px)
    }
}

@keyframes MoveBottom {
    from {
        transform: translatey(0);
        -webkit-transform: translatey(0)
    }

    to {
        transform: translatey(100px);
        -webkit-transform: translatey(100px)
    }
}

@keyframes MoveZoomIn {
    from {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes MoveZoomOut {
    from {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    to {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }
}

@keyframes MoveCircle {
    0% {
        transform: rotate(0deg) translate(-100%) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-100%) rotate(0deg)
    }

    100% {
        transform: rotate(360deg) translate(-100%) rotate(-360deg);
        -webkit-transform: rotate(360deg) translate(-100%) rotate(-360deg)
    }
}

@keyframes MoveCircleSmall {
    0% {
        transform: rotate(0deg) translate(-10%) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-10%) rotate(0deg)
    }

    100% {
        transform: rotate(360deg) translate(-10%) rotate(-360deg);
        -webkit-transform: rotate(360deg) translate(-10%) rotate(-360deg)
    }
}

@keyframes MoveCircle360 {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@keyframes width100 {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }

    100% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }

    25% {
        opacity: 0;
        transform: translateX(10px) scale(.9)
    }

    26% {
        opacity: 0;
        transform: translateX(-10px) scale(.9)
    }

    55% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }
}

@keyframes bounceAlpha_display {
    0% {
        opacity: 0;
        transform: translateX(-7px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes bounceAlpha_hiden {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(7px)
    }
}

@keyframes bounceAlpha2 {
    0% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }

    25% {
        opacity: 0;
        transform: translateX(-10px) scale(.9)
    }

    26% {
        opacity: 0;
        transform: translateX(10px) scale(.9)
    }

    55% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }
}

@keyframes bounceAlphaUp {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1)
    }

    25% {
        opacity: 0;
        transform: translateY(-10px) scale(.9)
    }

    26% {
        opacity: 0;
        transform: translateY(10px) scale(.9)
    }

    55% {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@keyframes bounceAlphaUp2 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    25% {
        opacity: 0;
        transform: translateY(-10px)
    }

    26% {
        opacity: 0;
        transform: translateY(10px)
    }

    55% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes jwsWave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }

    20% {
        opacity: .8
    }

    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: 0
    }
}

@keyframes jwsWave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }

    20% {
        opacity: .8
    }

    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: 0
    }
}

@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
        transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translatey(0),rotateX(0deg);
        transform: translatey(0) rotateX(0deg);
        opacity: 1
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
        transform: translateY(60px) translateZ(-130px) rotateX(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translatey(0) rotateX(0deg);
        transform: translatey(0) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-transform: translateY(-60px) rotateX(90deg);
        transform: translateY(-60px) rotateX(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translatey(0),rotateX(0deg);
        transform: translatey(0) rotateX(0deg);
        opacity: 1
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-transform: translateY(-60px) rotateX(90deg);
        transform: translateY(-60px) rotateX(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translatey(0) rotateX(0deg);
        transform: translatey(0) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-transform: translateY(100px) scaleX(.7) scaleY(.7);
        transform: translateY(100px) scaleX(.7) scaleY(.7);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1);
        opacity: 1
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-transform: translateY(100px) scaleX(.7) scaleY(.7);
        transform: translateY(100px) scaleX(.7) scaleY(.7);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1);
        opacity: 1
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-transform: translateX(160px) translateZ(-130px) rotateY(90deg);
        transform: translateX(160px) translateZ(-130px) rotateY(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0),rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-transform: translateX(160px) translateZ(-130px) rotateY(90deg);
        transform: translateX(160px) translateZ(-130px) rotateY(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
        transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0),rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
        transform: translateX(-160px) translateZ(130px) rotateY(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

[data-settings='{"_animation":"bounceInLeft"}'] img, [data-settings='{"_animation":"bounceInDown"}'] img, [data-settings='{"_animation":"bounceInUp"}'] img, [data-settings='{"_animation":"bounceInRight"}'] img {
    opacity: 0;
    transition: .2s all
}

[data-settings='{"_animation":"bounceInLeft"}']:before, [data-settings='{"_animation":"bounceInDown"}']:before, [data-settings='{"_animation":"bounceInUp"}']:before, [data-settings='{"_animation":"bounceInRight"}']:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    background: #fafafa;
    pointer-events: none;
    opacity: 0;
    transition: .8s ease-in-out,opacity 0s;
    content: "";
    z-index: 1
}

[data-settings='{"_animation":"bounceInLeft"}'].animated:before, [data-settings='{"_animation":"bounceInDown"}'].animated:before, [data-settings='{"_animation":"bounceInUp"}'].animated:before, [data-settings='{"_animation":"bounceInRight"}'].animated:before {
    background: #fafafa;
    opacity: 1;
    transition-delay: 0.6s
}

[data-settings='{"_animation":"bounceInLeft"}'].animated img, [data-settings='{"_animation":"bounceInDown"}'].animated img, [data-settings='{"_animation":"bounceInUp"}'].animated img, [data-settings='{"_animation":"bounceInRight"}'].animated img {
    opacity: 1;
    transition-delay: 0.6s
}

[data-settings='{"_animation":"bounceInLeft"}']:before {
    transform-origin: 100% 50%
}

[data-settings='{"_animation":"bounceInLeft"}'].animated:before {
    transform: scaleX(0)
}

[data-settings='{"_animation":"bounceInDown"}']:before {
    transform-origin: 50% 100%
}

[data-settings='{"_animation":"bounceInDown"}'].animated:before {
    transform: scaleY(0)
}

[data-settings='{"_animation":"bounceInUp"}']:before {
    transform-origin: 50% 0%
}

[data-settings='{"_animation":"bounceInUp"}'].animated:before {
    transform: scaleY(0)
}

[data-settings='{"_animation":"bounceInRight"}']:before {
    transform-origin: 0% 50%
}

[data-settings='{"_animation":"bounceInRight"}'].animated:before {
    transform: scaleX(0)
}

.bounceInLeft, .bounceInDown, .bounceInUp, .bounceInRight {
    animation-name: none
}

.perspective {
    -webkit-perspective: 1800px;
    perspective: 1800px
}

.animated {
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes pulse-border-simple {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
        opacity: 1
    }

    20% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
        opacity: .8
    }

    20% {
        opacity: .8
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        opacity: 0
    }
}

@keyframes pulse-border2 {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4)
    }
}

@keyframes pulse-border3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    20% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes width-left-right {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.lds-dual-ring {
    -webkit-animation-name: lds-dual-ring;
    animation-name: lds-dual-ring
}

.shade_animation {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

    .shade_animation .shade_wrap_inner {
        position: absolute
    }

        .shade_animation .shade_wrap_inner.alternate {
            animation-direction: alternate
        }

        .shade_animation .shade_wrap_inner.infinite {
            animation-iteration-count: infinite
        }

.elementor-bg-before-yes:before {
    content: "";
    height: 100%;
    position: absolute
}

.elementor-bg-before-yes.elementor-bg-before-align-left:before {
    left: 0
}

.elementor-bg-before-yes.elementor-bg-before-align-right:before {
    right: 0
}

.jws-shade-yes > .shade_animation {
    opacity: 1
}

.svg-shade-animation svg path {
    stroke-dashoffset: 20;
    stroke-dasharray: 20;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease
}

.svg-shade-animation svg .path_line {
    stroke-dashoffset: 700;
    stroke-dasharray: 700
}

.svg-shade-animation.animated svg path {
    stroke-dashoffset: 0
}

.elementor-image-animation-360-yes img {
    animation-name: MoveCircle360;
    animation-timing-function: linear;
    animation-duration: 14s;
    animation-delay: 0s;
    display: block;
    animation-iteration-count: infinite
}

.line_animation {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

    .line_animation > section > .elementor-container {
        z-index: 1
    }

    .line_animation .line_wrap {
        position: absolute;
        background: rgba(255,255,255,.1);
        height: 100%;
        width: 1px;
        left: 50%
    }

        .line_animation .line_wrap .line_wrap_inner {
            position: absolute;
            -webkit-animation: MoveUpDown 1s infinite;
            animation: MoveUpDown 10s infinite;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            left: -2px;
            width: 5px
        }

            .line_animation .line_wrap .line_wrap_inner .circle_animation {
                width: 5px;
                height: 5px;
                background: rgba(255,255,255,.6);
                border-radius: 100%;
                display: block
            }

                .line_animation .line_wrap .line_wrap_inner .circle_animation:nth-child(2) {
                    margin-top: 285px
                }

.jws-line-yes > .line_animation {
    opacity: 1
}

@-webkit-keyframes MoveUpDown {
    0% {
        top: -50%
    }

    100% {
        top: 110%
    }
}

@keyframes MoveUpDown {
    0% {
        top: -50%
    }

    100% {
        top: 110%
    }
}

.elementor-counter {
    position: relative
}

    .elementor-counter:before {
        content: "";
        width: 46px;
        height: 46px;
        background: #f6a25c;
        position: absolute;
        bottom: -12px;
        left: -17px
    }

    .elementor-counter .elementor-counter-title {
        z-index: 1;
        position: relative
    }

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
    transition: .3s all
}

.elementor-social-icon i {
    transition: .3s all
}

body .elementor-social-icon {
    vertical-align: middle
}

body .elementor-social-icon {
    background: transparent
}

.elementor-widget-heading .elementor-heading-title {
    line-height: 1.1
}

.elementor-widget-container p {
    margin: 0
}

.brand_slider_custom img {
    opacity: .5;
    transition: .3s all
}

    .brand_slider_custom img:hover {
        opacity: 1
    }

.elementor-accordion-item {
    overflow: hidden
}

.single-elementor_library .post_sidebar {
    display: none
}

.single-elementor_library .post_content {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important
}

.jws-particle-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0
}

.elementor-accordion .elementor-tab-content {
    border-top: 0
}

.elementor-section.elementor-section-height-full > .elementor-container {
    height: 100%
}

.elementor-element .elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-element .elementor-widget-icon-box.elementor-view-default .elementor-icon {
    color: var(--main)
}

.elementor-element .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--main)
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px 15px
}

.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-wrapper {
    display: block !important
}

.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-item {
    flex-basis: 0 !important;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    display: inline-block
}

body[data-elementor-device-mode="mobile"] .wpcf7-form .apply-form .row > .right {
    padding: 0 15px
}

body[data-elementor-device-mode="mobile"] .wpcf7-form .apply-form .row > .left {
    margin-bottom: 20px
}

.elementor-progress-percentage {
    top: calc(100% - 33px);
    position: absolute;
    right: 0;
    opacity: 0;
    transition: .3s all
}

div[style] .elementor-progress-percentage {
    opacity: 1;
    transition-delay: 0.5s
}

.elementor-progress-wrapper {
    overflow: unset !important
}

.elementor-progress-bar {
    position: relative
}

.elementor-widget-progress .elementor-title {
    display: block;
    margin-bottom: 7px
}

.elementor-icon-box-description {
    overflow-wrap: break-word
}

#nsl-notices-fallback > div {
    background: var(--background-item)
}

body div.nsl-container.nsl-container-block .nsl-container-buttons {
    display: block
}

body div.nsl-container .nsl-button-default div.nsl-button-label-container {
    font-family: inherit;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 19px
}

body div.nsl-container .nsl-button {
    border-radius: 10px !important;
    padding: 1px 0;
    font-weight: 700
}

body div.nsl-container .nsl-button-google[data-skin="light"] {
    box-shadow: none;
    color: #00031c;
    border: 1px solid rgba(0,3,28,.1)
}

    body div.nsl-container .nsl-button-google[data-skin="light"] b {
        color: inherit
    }

.nav-outside-prev, .nav-outside-next {
    cursor: pointer
}

@media (max-width: 767px) {
    .remove-absolute {
        position: unset !important
    }
}

body {
    -webkit-tap-highlight-color: transparent
}

.mega-has-hover > div {
    transition: .3s all
}

.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative
    }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a {
            display: block
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-mega_menu_full_width .sub-menu-dropdown {
            left: 0;
            width: 100vw
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-mega_menu_full_width .jws_mega_sub {
            will-change: transform
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.fullwidth .sub-menu-dropdown {
            width: 100vw !important
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu .menu-item-has-children > a:before {
            font-family: "jws_icon";
            content: '\eaee';
            float: right;
            content: '\f31c'
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li:hover > a, .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li.current-menu-item > a {
            color: var(--main)
        }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li:hover > a > span, .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li.current-menu-item > a > span {
                transform: translateX(7px)
            }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li a {
            display: block
        }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li a > span {
                display: inline-block;
                transition: .3s transform;
                will-change: transform
            }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard .sub-menu li a i {
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
                font-size: 6px;
                color: #6d6d6d
            }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard > .sub-menu li {
            position: relative
        }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard > .sub-menu li:not(:last-child) {
                border-bottom: 1px dashed var(--border-color)
            }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard > .sub-menu li .sub-menu {
                position: absolute;
                left: 100%;
                top: 0;
                opacity: 0;
                transition: .3s all;
                visibility: hidden;
                pointer-events: none
            }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item-design-standard > .sub-menu li:hover > .sub-menu {
                opacity: 1;
                visibility: visible;
                pointer-events: auto
            }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu {
            padding: 0;
            list-style-type: none;
            min-width: 260px;
            border-radius: 10px;
            background: rgba(0,3,28,.8);
            border: 2px solid var(--main);
            min-width: 240px;
            backdrop-filter: blur(5px)
        }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu li a {
                color: var(--heading);
                padding: 16px 25px;
                font-size: var(--font-size-sm);
                font-weight: 500;
                position: relative;
                line-height: var(--line-height-sm)
            }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu, .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown {
            position: absolute;
            top: 100%;
            opacity: 0;
            z-index: 5;
            visibility: hidden;
            transform: translatey(15px);
            -webkit-transform: translatey(15px);
            pointer-events: none;
            transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease
        }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown .owl-dots button {
                background: #000
            }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown .movies-ct .jws_movies_advanced_slider {
                padding: 0 40px
            }

                .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown .movies-ct .jws_movies_advanced_slider .owl-nav > button {
                    height: 36px;
                    line-height: 36px
                }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown .before-menu {
                width: 0;
                height: 0;
                border-left: 11px solid transparent;
                border-right: 11px solid transparent;
                border-bottom: 14px solid #fff;
                display: block;
                position: absolute;
                left: 40px;
                top: -13px;
                margin-left: -7px
            }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .mega_menu_full_width {
            transform: none;
            -webkit-transform: none;
            transition: .3s all
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li:hover .sub-menu, .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li:hover .sub-menu-dropdown {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translatey(0);
            -webkit-transform: translatey(0)
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item:first-child {
            padding-left: 0 !important
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li.menu-item:last-child {
            padding-right: 0 !important
        }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a {
            padding: 7px 12.5px;
            font-size: 14px;
            font-weight: 700
        }

            .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li > a > i {
                margin-left: 5px;
                font-size: 14px
            }

.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li.menu-item-has-children:after {
    content: "\e876";
    font-family: 'Linearicons-Free';
    font-size: 10px;
    float: right
}

.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li.current-menu-item > a, .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li.current-menu-ancestor > a {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    padding: 0 3px
}

    .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li.current-menu-item > a:before, .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li.current-menu-ancestor > a:before {
        width: 100%
    }

.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li a {
    position: relative;
    width: auto;
    display: inline-block !important
}

    .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li a:before {
        content: "";
        bottom: 15%;
        left: 0;
        position: absolute;
        height: 10px;
        width: 0%;
        transition: .3s all
    }

    .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li a span {
        position: relative;
        z-index: 1
    }

    .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li a:hover {
        transform: translateX(10px);
        -webkit-transform: translateX(10px)
    }

        .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu.sub_skin_skin2 .jws_main_menu_inner > ul > li .sub-menu li a:hover:before {
            width: 100%
        }

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li:hover > a {
    color: #fff
}

    .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a:before, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a:before, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li:hover > a:before {
        height: 100%
    }

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a span, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a i {
    position: relative
}

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-background_animation > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:before {
    content: "";
    left: 0;
    width: 100%;
    height: 0%;
    background: var(--main);
    top: 0;
    position: absolute;
    transition: .3s ease
}

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner {
    position: relative
}

    .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a > span:before, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a > span:before {
        width: 15px
    }

    .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span {
        position: relative
    }

        .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span:before {
            content: "";
            left: -23px;
            width: 0%;
            height: 2px;
            background: var(--main);
            bottom: 9px;
            position: absolute;
            transition: .3s all
        }

    .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-animation-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:hover > span:before {
        width: 15px
    }

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a > span:before, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a > span:before {
    opacity: 1;
    transform: none
}

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span {
    position: relative
}

    .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span:before {
        content: "";
        width: 3px;
        height: 3px;
        background: currentcolor;
        display: block;
        position: absolute;
        left: 50%;
        bottom: -9px;
        margin-left: -1.5px;
        border-radius: 100%;
        transition: .3s ease;
        opacity: 0;
        transform: translateX(-20px)
    }

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-dots > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li:hover > a > span:before {
    opacity: 1;
    transform: none
}

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-item > a:before, .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li.current-menu-ancestor > a:before {
    width: 100%;
    left: 0
}

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span {
    position: relative
}

    .elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a > span:before {
        content: "";
        right: 0;
        width: 0%;
        height: 1px;
        background: currentColor;
        bottom: 0;
        position: absolute;
        transition: .3s all
    }

.elementor_jws_menu_layout_menu_horizontal.elementor-before-menu-skin-line > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > .nav > li > a:hover > span:before {
    width: 100%;
    left: 0
}

.elementor-jws-menu-align-right ul.nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto
}

.elementor-jws-menu-align-center ul.nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.elementor-jws-menu-align-left ul.nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: auto
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li > a > i {
    display: none
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu li a {
    font-weight: 400
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li > a {
    padding: 10px 0 10px 0
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu ul {
    padding: 0
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .btn-sub-menu {
    background: none;
    border: none;
    font-size: 12px;
    width: 57px;
    height: 30px;
    padding: 0;
    display: block;
    position: absolute;
    right: 0;
    margin-top: 7px;
    top: 0;
    text-align: right
}

    .elementor_jws_menu_layout_menu_vertical .jws_main_menu .btn-sub-menu:before {
        display: inline-block;
        font-weight: 700;
        transition: .3s all
    }

.elementor_jws_menu_layout_menu_vertical .jws_main_menu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    transition: .3s all;
    position: relative
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .jws_mega_sub {
    margin-top: 10px
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu-dropdown {
    display: none;
    width: 100% !important
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu {
    width: 100% !important;
    display: none
}

    .elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu > li > a {
        padding: 10px 12px 10px 12px;
        display: block;
        border-bottom: 1px solid var(--border-color);
        width: 100%
    }

        .elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu > li > a > i {
            display: none
        }

    .elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li .sub-menu > li .sub-menu {
        padding-left: 12px
    }

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li > a {
    display: block;
    border-bottom: 1px solid var(--border-color);
    width: 100%
}

.elementor_jws_menu_layout_menu_vertical .jws_main_menu .jws_main_menu_inner > ul > li.active > .btn-sub-menu:before {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.has-mega-full .elementor-section .elementor-container, .has-mega-full .elementor-column, .has-mega-full .elementor-column-wrap, .has-mega-full .elementor-widget-wrap, .has-mega-full .elementor-widget {
    position: unset
}

.jws_main_menu_inner.menu-toggle {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    position: absolute;
    left: 0;
    right: auto;
    background: #fff;
    transition: .4s;
    z-index: 999;
    border: 3px solid var(--heading);
    width: 100%;
    z-index: 2;
    padding: 22px 0;
    top: calc(100% - 3px)
}

    .jws_main_menu_inner.menu-toggle.open {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .jws_main_menu_inner.menu-toggle .nav li:last-child a {
        border: 0 !important
    }

.toggle-menu-title {
    margin: 0;
    background: var(--heading);
    padding: 14px 15px 14px 27px
}

    .toggle-menu-title i {
        font-size: 30px;
        vertical-align: middle;
        margin-right: 15px;
        float: left
    }

    .toggle-menu-title a {
        color: var(--light);
        font-weight: 500;
        font-size: 15px;
        display: block
    }

.jws-info-box.layout1 .box-title {
    margin-bottom: 7px
}

.jws-info-box.layout1 .box-content i {
    color: var(--light)
}

.jws-info-box.layout1 .box-more a {
    border: 1px solid var(--light);
    padding: 11px 22px;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .jws-info-box.layout1 .box-more a:hover {
        background: var(--light) !important
    }

.jws-info-box.layout1 .jws-info-box-inner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: var(--background-body);
    padding: 30px;
    border-radius: 10px;
    transition: .3s all
}

    .jws-info-box.layout1 .jws-info-box-inner > div:first-child {
        padding-right: 10px
    }

    .jws-info-box.layout1 .jws-info-box-inner:hover {
        background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3)
    }

        .jws-info-box.layout1 .jws-info-box-inner:hover .box-content {
            color: var(--light)
        }

@media (max-width: 767px) {
    .jws-info-box.layout1 .jws-info-box-inner {
        padding: 20px 15px
    }
}

.jws_testimonials_slider_wrap .average-rating {
    margin-bottom: 3px;
    display: block
}

    .jws_testimonials_slider_wrap .average-rating .jws-star-rating {
        width: 100px;
        position: relative;
        height: 27px;
        display: inline-block
    }

        .jws_testimonials_slider_wrap .average-rating .jws-star-rating .jws-star-rated {
            position: absolute;
            overflow: hidden;
            height: 27px;
            display: block
        }

            .jws_testimonials_slider_wrap .average-rating .jws-star-rating .jws-star-rated:before {
                font-family: 'Font Awesome 5 Free';
                content: "\f005\f005\f005\f005\f005";
                font-weight: 900;
                left: 0;
                top: 0;
                position: absolute;
                font-size: 14px;
                text-indent: 0;
                color: var(--main);
                letter-spacing: 5px
            }

.jws_testimonials_slider_wrap.layout2 {
    padding-right: 20px
}

    .jws_testimonials_slider_wrap.layout2 .slider-content {
        display: flex
    }

        .jws_testimonials_slider_wrap.layout2 .slider-content .content-left {
            width: 75px
        }

            .jws_testimonials_slider_wrap.layout2 .slider-content .content-left img {
                margin-bottom: 37px
            }

        .jws_testimonials_slider_wrap.layout2 .slider-content .content-right {
            width: calc(100% - 75px);
            padding-left: 37px
        }

    .jws_testimonials_slider_wrap.layout2 .testimonials-description {
        margin-bottom: 9px
    }

    .jws_testimonials_slider_wrap.layout2 .testimonials-info .testimonials-title {
        color: var(--main);
        font-size: 16px;
        font-weight: 700;
        line-height: 26px
    }

        .jws_testimonials_slider_wrap.layout2 .testimonials-info .testimonials-title:before {
            content: "";
            width: 22px;
            height: 1px;
            background: var(--main);
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px
        }

    .jws_testimonials_slider_wrap.layout2 .slider-dots-box {
        position: absolute;
        right: 0;
        top: 25%;
        z-index: 1
    }

        .jws_testimonials_slider_wrap.layout2 .slider-dots-box li {
            display: block !important;
            margin-bottom: 7px !important
        }

.jws_testimonials_slider_wrap.layout1 .testimonials_slider_thumbnail {
    text-align: center;
    max-width: 304px;
    margin: 0 auto;
    margin-bottom: 21px
}

    .jws_testimonials_slider_wrap.layout1 .testimonials_slider_thumbnail img {
        max-width: 60px;
        border-radius: 100%;
        transform: scale(.8);
        opacity: .5;
        transition: .3s all;
        display: inline-block
    }

    .jws_testimonials_slider_wrap.layout1 .testimonials_slider_thumbnail .slider-item {
        padding: 0
    }

.jws_testimonials_slider_wrap.layout1 .center img {
    transform: scale(1);
    opacity: 1
}

.jws_testimonials_slider_wrap.layout1 .slider-content {
    text-align: center
}

.jws_testimonials_slider_wrap.layout1 .testimonials_description {
    font-size: 20px;
    line-height: 30px;
    color: var(--heading);
    display: inline-block;
    margin-top: 5px;
    max-width: 776px
}

.jws_testimonials_slider_wrap.layout1 .owl-dots {
    margin-top: 22px
}

@media (min-width: 1024px) {
    .slick-no-slide .slick-track {
        width: 100% !important;
        transform: none !important
    }
}

@media (max-width: 767px) {
    .jws_testimonials_slider_wrap.layout2 .slider-content {
        display: block
    }

        .jws_testimonials_slider_wrap.layout2 .slider-content .content-right {
            wdith: 100%;
            padding: 0
        }

    .jws_testimonials_slider_wrap .jws-nav-carousel > div {
        display: none
    }
}

.jws-post-item {
    margin-bottom: 50px
}

.jws-blog-element .jws_post_meta > span {
    margin-right: 15px
}

.jws-blog-element .post-media {
    overflow: hidden;
    position: relative
}

    .jws-blog-element .post-media .video_format {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%)
    }

        .jws-blog-element .post-media .video_format a {
            display: inline-block;
            position: relative;
            transition: 0s all;
            width: 70px;
            height: 70px;
            line-height: 70px;
            border: 2px solid rgba(255,255,255,.4);
            border-radius: 100%;
            color: #fff;
            font-size: 14px;
            text-align: center
        }

            .jws-blog-element .post-media .video_format a:after {
                position: absolute;
                display: block;
                border-radius: 50%;
                top: -1px;
                left: -1px;
                content: "";
                border: 1px solid #fff;
                border-right-color: transparent !important;
                border-bottom-color: transparent !important;
                -webkit-animation: load-spin 3s infinite linear;
                animation: load-spin 3s infinite linear;
                width: calc(100% + 2px);
                height: calc(100% + 2px)
            }

    .jws-blog-element .post-media img {
        width: 100%;
        transition: .3s all
    }

.jws-blog-element .post-inner:hover .post-media img {
    transform: scale(1.1)
}

.jws-blog-element .jws_blog_layout1 .post-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

    .jws-blog-element .jws_blog_layout1 .post-inner .post-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 148px;
        flex: 0 0 148px;
        max-width: 148px
    }

    .jws-blog-element .jws_blog_layout1 .post-inner .jws_post_content {
        padding-left: 24px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 148px);
        flex: 0 0 calc(100% - 148px);
        max-width: calc(100% - 148px)
    }

        .jws-blog-element .jws_blog_layout1 .post-inner .jws_post_content .entry-title {
            margin-bottom: 12px
        }

        .jws-blog-element .jws_blog_layout1 .post-inner .jws_post_content .jws_post_excerpt {
            margin-bottom: 12px;
            font-size: var(--font-size-sm);
            line-height: var(--line-height-sm)
        }

.jws_blog_layout4 .post-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

    .jws_blog_layout4 .post-inner .post-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }

    .jws_blog_layout4 .post-inner .jws_post_content {
        padding-left: 24px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }

        .jws_blog_layout4 .post-inner .jws_post_content .entry-title {
            margin-bottom: 12px
        }

        .jws_blog_layout4 .post-inner .jws_post_content .jws_post_excerpt {
            margin-bottom: 12px
        }

.jws_blog_layout5 .post-inner .post-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 59px;
    flex: 0 0 59px;
    max-width: 59px
}

.jws_blog_layout5 .post-inner .jws_post_content {
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 59px);
    flex: 0 0 calc(100% - 59px);
    max-width: calc(100% - 59px)
}

    .jws_blog_layout5 .post-inner .jws_post_content .entry-title {
        margin-bottom: 12px
    }

    .jws_blog_layout5 .post-inner .jws_post_content .jws_post_excerpt {
        margin-bottom: 12px
    }

.jws_blog_layout2 .entry-title {
    margin-bottom: 12px;
    margin-top: 23px
}

.jws_blog_layout2 .jws_post_excerpt {
    margin-bottom: 12px;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

.jws_blog_layout3 .entry-title {
    margin-top: 44px;
    margin-bottom: 35px
}

.jws_blog_layout3 .jws_post_excerpt {
    margin-bottom: 27px
}

.jws_blog_layout3 .jws_post_content {
    padding: 0 11%
}

.jws_blog_layout6 .entry-title {
    margin-top: 16px
}

.jws_blog_layout6 .jws_post_excerpt {
    margin-bottom: 12px
}

.jws_blog_layout6 .jws_post_content {
    margin-top: 27px
}

.jws_pagination {
    text-align: center
}

    .jws_pagination .jws-load-more .loader .path {
        stroke: var(--light)
    }

    .jws_pagination .jws-load-more.loading {
        pointer-events: none
    }

        .jws_pagination .jws-load-more.loading .has-loading {
            opacity: 0
        }

.post_cat.bage {
    border-radius: 5px;
    background: var(--main);
    padding: 7px 12px
}

    .post_cat.bage a {
        color: var(--light)
    }

.elementor-nav-slider-align-center .custom_navs {
    margin: 0 auto
}

.elementor-nav-slider-align-right .custom_navs {
    margin-left: auto
}

@media (max-width: 992px) {
    .jws-blog-element .jws_blog_layout3 .post-inner .jws_post_content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .jws-blog-element .jws-post-item.true .post-media {
        width: 100%
    }

    .jws-blog-element .jws-post-item.true .jws_post_content {
        width: 100%;
        padding: 17px 0 0 0px !important
    }

    .jws-blog-element .jws_blog_layout3 .post-media {
        margin-bottom: 30px
    }
}

@media (max-width: 480px) {
    .jws_blog_layout4 .post-inner {
        display: block
    }

        .jws_blog_layout4 .post-inner .post-media {
            max-width: 100%
        }

        .jws_blog_layout4 .post-inner .jws_post_content {
            max-width: 100%;
            padding-left: 0;
            padding-top: 15px
        }
}

.jws_team .jws_team_inner .jws_team_image {
    position: relative;
    overflow: hidden;
    text-align: center
}

    .jws_team .jws_team_inner .jws_team_image img {
        transition: .7s all;
        width: 100%
    }

.jws_team .jws_team_inner:hover .jws_team_image img {
    transform: scale(1.15)
}

.jws_team .jws_team_inner .team_title {
    margin-bottom: 7px;
    margin-top: 17px
}

.jws_team .jws_team_inner .team_job {
    margin-bottom: 10px
}

.jws_team.layout1 .jws_team_inner .jws_team_image {
    border-radius: 100%
}

.jws_team.layout1 .jws_team_inner .jws_team_content {
    text-align: center
}

    .jws_team.layout1 .jws_team_inner .jws_team_content .team_description {
        margin-bottom: 20px
    }

    .jws_team.layout1 .jws_team_inner .jws_team_content .team_icon {
        display: flex;
        justify-content: center
    }

        .jws_team.layout1 .jws_team_inner .jws_team_content .team_icon li {
            display: inline-block;
            text-align: center;
            margin: 0 6px
        }

            .jws_team.layout1 .jws_team_inner .jws_team_content .team_icon li a {
                width: 40px;
                display: block;
                height: 40px;
                line-height: 40px;
                background: #e6eaed;
                font-size: 14px;
                border-radius: 50%
            }

                .jws_team.layout1 .jws_team_inner .jws_team_content .team_icon li a:hover {
                    background: var(--main);
                    color: #fff
                }

.jws-breadcrumbs {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .jws-breadcrumbs li {
        display: inline;
        vertical-align: middle
    }

        .jws-breadcrumbs li a {
            color: var(--third)
        }

            .jws-breadcrumbs li a:hover {
                color: var(--main)
            }

        .jws-breadcrumbs li:first-child {
            margin-left: 0 !important
        }

        .jws-breadcrumbs li i {
            display: inline-block
        }

.jws_tab_wrap.display_right .tab_nav_container {
    order: 12
}

.jws_tab_wrap.display_left, .jws_tab_wrap.display_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .jws_tab_wrap.display_left .tab_nav_container, .jws_tab_wrap.display_right .tab_nav_container {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%
    }

        .jws_tab_wrap.display_left .tab_nav_container .tab_nav_wrap, .jws_tab_wrap.display_right .tab_nav_container .tab_nav_wrap {
            display: block
        }

            .jws_tab_wrap.display_left .tab_nav_container .tab_nav_wrap .tab_nav li, .jws_tab_wrap.display_right .tab_nav_container .tab_nav_wrap .tab_nav li {
                display: block
            }

    .jws_tab_wrap.display_left .tab_content, .jws_tab_wrap.display_right .tab_content {
        padding: 0 30px
    }

.jws_tab_wrap .tab_nav_wrap {
    display: inline-block
}

.jws_tab_wrap .tab_absolute {
    position: absolute;
    z-index: 1
}

.jws_tab_wrap .tab_nav {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .jws_tab_wrap .tab_nav li {
        display: inline-block;
        margin: 0 5px 10px
    }

        .jws_tab_wrap .tab_nav li a {
            display: block;
            padding: 7px 27px;
            letter-spacing: 0
        }

            .jws_tab_wrap .tab_nav li a i {
                display: inline
            }

            .jws_tab_wrap .tab_nav li a .elementor-align-icon-right {
                float: right
            }

            .jws_tab_wrap .tab_nav li a span {
                display: inline
            }

            .jws_tab_wrap .tab_nav li a:hover {
                color: var(--btn-color)
            }

                .jws_tab_wrap .tab_nav li a:hover:before {
                    transform: rotate(50deg);
                    border-radius: 0;
                    transform-origin: unset
                }

        .jws_tab_wrap .tab_nav li.current a {
            color: var(--btn-color2)
        }

            .jws_tab_wrap .tab_nav li.current a:before {
                transform: scale(3.4) translateY(-15%);
                border-radius: 100%;
                transform-origin: left
            }

.jws_tab_wrap .tab_content .jws_tab_item {
    display: none
}

    .jws_tab_wrap .tab_content .jws_tab_item.current {
        display: block;
        animation: jws_fadeInUp .7s both;
        -webkit-animation: jws_fadeInUp .7s both
    }

.jws_tab_wrap .layout_layout2 .tab_nav_wrap .tab_nav {
    position: relative
}

    .jws_tab_wrap .layout_layout2 .tab_nav_wrap .tab_nav li {
        margin-right: 35px
    }

body[data-elementor-device-mode="mobile"] .jws_tab_wrap .tab_absolute {
    position: unset
}

@media (max-width: 767px) {
    .jws_tab_wrap.display_right .tab_nav_container {
        order: 0
    }

    .jws_tab_wrap.display_left, .jws_tab_wrap.display_right {
        display: block
    }

        .jws_tab_wrap.display_left .tab_nav_container, .jws_tab_wrap.display_right .tab_nav_container {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
}

.form-footer .row {
    margin: 0 -5px
}

    .form-footer .row > div {
        padding: 0 5px
    }

.wpcf7-spinner {
    position: absolute;
    margin: 0;
    margin-top: 10px;
    display: none
}

div.wpcf7 .ajax-loader {
    background-image: none;
    width: 0;
    height: 0;
    display: block;
    transition: .3s all
}

    div.wpcf7 .ajax-loader.is-active {
        transform: scale(1);
        -webkit-transform: scale(1);
        width: 30px;
        height: 30px
    }

div.wpcf7 .ajax-loader {
    transform: scale(0);
    -webkit-transform: scale(0)
}

    div.wpcf7 .ajax-loader.is-active:after {
        border: 3px solid #fafafa;
        border-radius: 50%;
        border-top: 3px solid #000;
        width: 30px;
        height: 30px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        content: "";
        display: block
    }

.jws-cf7-button-center .wpcf7-submit, .jws-cf7-button-left .wpcf7-submit, .jws-cf7-button-right .wpcf7-submit, .jws-cf7-button-justify .wpcf7-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: auto
}

.jws-cf7-button-center .wpcf7-submit {
    margin-left: auto !important;
    margin-right: auto !important
}

.jws-cf7-button-center .jws-cf7-loader-active {
    text-align: center
}

.jws-cf7-button-left .wpcf7-submit {
    margin-left: 0;
    margin-right: auto
}

.jws-cf7-button-right .wpcf7-submit {
    margin-left: auto !important;
    margin-right: 0 !important
}

.jws-cf7-button-right .jws-cf7-loader-active {
    text-align: right
}

.jws-cf7-button-justify .wpcf7-submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%
}

.jws-cf7-container .select2.select2-container {
    width: 100% !important
}

.jws-cf7-container label {
    margin-bottom: 0
}

.jws-cf7-container input[type="text"], .jws-cf7-container input[type="email"], .jws-cf7-container input[type="tel"], .jws-cf7-container input[type="password"], .jws-cf7-container input[type="url"], .jws-cf7-container input[type="number"], .jws-cf7-container input[type="date"], .jws-cf7-container select {
    min-height: auto;
    height: auto
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0
}

.jws-cf7-highlight-style-default .wpcf7-not-valid-tip {
    display: none
}

.form-sign-up p {
    position: relative;
    display: flex
}

    .form-sign-up p > .wpcf7-form-control-wrap {
        margin-right: 5px
    }

@media (max-width: 480px) {
    .form-sign-up p {
        display: block
    }

        .form-sign-up p > .wpcf7-form-control-wrap {
            margin-right: 0;
            margin-bottom: 5px;
            display: block
        }
}

.jws_search {
    position: relative
}

    .jws_search.popup > button {
        width: 100%;
        border: 0;
        background: transparent;
        text-align: left;
        position: relative;
        line-height: 24px;
        font-size: 24px;
        transition: 0s;
        padding: 0
    }

    .jws_search.icon_left .focused + .search-results-wrapper {
        opacity: 1;
        transform: none;
        pointer-events: auto
    }

    .jws_search.icon_left .search-results-wrapper {
        position: absolute;
        top: 100%;
        background: var(--background-item);
        padding: 20px;
        margin-top: 10px;
        border-radius: 5px;
        width: 100%;
        opacity: 0;
        transform: translateY(10px);
        transition: .3s all;
        pointer-events: none;
        z-index: 1
    }

    .jws_search.icon_left .jws-search-results {
        max-height: 400px
    }

    .jws_search.icon_left .form-loader {
        position: absolute;
        left: 21px;
        bottom: 23px
    }

    .jws_search.icon_left .search-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

        .jws_search.icon_left .search-item .search-images {
            max-width: 65px
        }

        .jws_search.icon_left .search-item .search-content {
            max-width: calc(100% - 75px)
        }

            .jws_search.icon_left .search-item .search-content h6 {
                margin-bottom: 5px;
                font-size: 12px;
                line-height: 16px
            }

            .jws_search.icon_left .search-item .search-content .video-meta {
                font-size: 12px;
                line-height: 16px
            }

    .jws_search.icon_left form {
        position: relative
    }

        .jws_search.icon_left form .s {
            min-height: 44px;
            padding-left: 42px;
            font-size: 14px;
            border: 1px solid rgba(255,255,255,.2);
            border-radius: 10px
        }

        .jws_search.icon_left form button {
            background: transparent;
            border: 0;
            position: absolute;
            left: 0;
            top: 0;
            font-size: 24px;
            min-height: 44px;
            padding: 0 10px;
            z-index: 1
        }

            .jws_search.icon_left form button svg {
                width: 1em;
                height: 1em
            }

.jws-ajax-search.search-loading .searchsubmit {
    opacity: 0
}

.jws-ajax-search.search-loading .form-loader .loader {
    opacity: 1 !important;
    transition-delay: 0.25s
}

.product_search .form-loader {
    position: relative;
    right: 20px
}

    .product_search .form-loader .loader {
        right: 5px;
        top: 0;
        opacity: 0
    }

.jws-search-form .search-item {
    margin-bottom: 15px
}

    .jws-search-form .search-item .search-images {
        max-width: 100px;
        border-radius: 5px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle
    }

    .jws-search-form .search-item .search-content {
        display: inline-block;
        max-width: calc(100% - 105px);
        vertical-align: middle;
        padding-left: 10px
    }

.jws-search-form .not-found {
    padding: 0 10px
}

.form_content_popup .jws-search-form {
    background: var(--background-body)
}

.form_content_popup .jws-search-form {
    padding-top: 50px
}

.form_content_popup form {
    position: relative;
    display: flex
}

.form_content_popup .jws-ajax-search .form-loader {
    position: absolute;
    right: 21px;
    bottom: 25px
}

.form_content_popup .select2-container {
    margin-right: 10px
}

.form_content_popup .s {
    padding-right: 40px
}

.form_content_popup .searchsubmit {
    background: transparent;
    border: 0;
    position: absolute;
    right: 11px;
    bottom: 11px;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    z-index: 1
}

.form_content_popup .jws-search-results {
    max-height: 500px;
    min-height: 200px;
    margin-top: 15px
}

.jws_dropdown_text i, .jws_dropdown_text span {
    vertical-align: middle;
    display: inline-block;
    padding-top: 2px
}

.jws_dropdown_text i {
    font-size: 16px !important;
    margin-right: 7px;
    display: inline-block !important
}

.jws_dropdown_text .drop_top {
    margin: 0;
    transition: .3s all;
    cursor: pointer;
    padding: 5px 0
}

    .jws_dropdown_text .drop_top img {
        vertical-align: middle;
        margin-right: 5px;
        max-width: 24px
    }

    .jws_dropdown_text .drop_top:after {
        content: '\f31a';
        font-family: 'jws_icon';
        margin-left: 3px;
        font-size: 14px;
        font-weight: 700;
        vertical-align: middle
    }

.jws_dropdown_text .dropdown_sub {
    position: absolute;
    background: rgba(0,3,28,.8);
    border: 2px solid var(--secondary);
    min-width: 100px;
    opacity: 0;
    transition: .3s all;
    backdrop-filter: blur(5px);
    border-radius: 10px;
    pointer-events: none;
    overflow: hidden;
    z-index: 999
}

    .jws_dropdown_text .dropdown_sub .drop_item a {
        color: var(--heading);
        font-size: 12px;
        line-height: 25px;
        display: block;
        padding: 3px 14px;
        transition: 0.1s
    }

        .jws_dropdown_text .dropdown_sub .drop_item a img {
            width: 25px;
            margin-right: 15px
        }

        .jws_dropdown_text .dropdown_sub .drop_item a:hover {
            color: var(--light);
            background: var(--main)
        }

.jws_dropdown_text.open .dropdown_sub, .jws_dropdown_text:hover .dropdown_sub {
    opacity: 1;
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    pointer-events: auto
}

.submenu-bottom .jws_dropdown_text .dropdown_sub {
    transform: translateY(15px);
    -webkit-transform: translateY(15px)
}

.submenu-top .jws_dropdown_text .dropdown_sub {
    bottom: 100%;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px)
}

.jws-offcanvas-action-wrap {
    --color_canvas: #fff
}

    .jws-offcanvas-action-wrap .elementor-button-content-wrapper {
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -0-align-items: center
    }

    .jws-offcanvas-action-wrap .jws-button-wrapper {
        position: relative
    }

        .jws-offcanvas-action-wrap .jws-button-wrapper .jws-elementor-button {
            width: auto;
            display: inline-block
        }

            .jws-offcanvas-action-wrap .jws-button-wrapper .jws-elementor-button svg {
                display: block
            }

        .jws-offcanvas-action-wrap .jws-button-wrapper:hover .account-menu-dropdown {
            transform: none;
            -webkit-transform: none;
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

    .jws-offcanvas-action-wrap .html-animation {
        padding-top: 20px;
        display: inline-block;
        cursor: pointer
    }

        .jws-offcanvas-action-wrap .html-animation .burger {
            position: relative;
            display: block;
            width: 40px;
            height: 2px;
            margin: 0 auto;
            background: var(--color_canvas);
            transform: skew(5deg);
            transition-duration: 0.3s
        }

            .jws-offcanvas-action-wrap .html-animation .burger:before, .jws-offcanvas-action-wrap .html-animation .burger:after {
                content: '';
                display: block;
                height: 100%;
                background: var(--color_canvas);
                transition: all .275s;
                transition-duration: 0.3s
            }

            .jws-offcanvas-action-wrap .html-animation .burger:before {
                transform: translateY(-18px)
            }

            .jws-offcanvas-action-wrap .html-animation .burger:after {
                transform: translateY(-11px) translateX(-6px)
            }

        .jws-offcanvas-action-wrap .html-animation.is-open .burger {
            transform: translateY(-8px) rotate(-45deg)
        }

            .jws-offcanvas-action-wrap .html-animation.is-open .burger:before {
                transform: translateY(0) rotate(90deg)
            }

            .jws-offcanvas-action-wrap .html-animation.is-open .burger:after {
                transform: translateY(-12px) translateX(10px) skew(-20deg);
                opacity: 0
            }

.jws-offcanvas-trigger.active .html-animation .burger {
    transform: translateY(-8px) rotate(-45deg)
}

    .jws-offcanvas-trigger.active .html-animation .burger:before {
        transform: translateY(0) rotate(90deg)
    }

    .jws-offcanvas-trigger.active .html-animation .burger:after {
        transform: translateY(-12px) translateX(10px) skew(-20deg);
        opacity: 0
    }

.jws-offcanvas .jws-offcanvas-content-data {
    position: fixed;
    width: 0;
    margin: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background: var(--bodybg);
    visibility: visible;
    z-index: 99999;
    padding: 30px 10px 30px 10px;
    transition: 0.7s;
    max-width: 80%
}

.jws-offcanvas.jws-offcanvas-type-fade {
    opacity: 0;
    right: 50% !important;
    left: 50% !important;
    visibility: hidden;
    transform: none;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: .4s all;
    top: 50%;
    height: calc(100% + 1px);
    margin-top: -1px;
    pointer-events: none;
    max-width: 100%
}

    .jws-offcanvas.jws-offcanvas-type-fade.jws-offcanvas-show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

.jws-offcanvas::-webkit-scrollbar {
    display: none
}

.elementor-align-icon-right + .elementor-button-text {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.elementor-editor-active .jws-offcanvas-trigger-align-floating .jws-offcanvas-action-wrap .elementor-button-text, .elementor-editor-preview .jws-offcanvas-trigger-align-floating .jws-offcanvas-action-wrap .elementor-button-text {
    display: unset
}

.admin-bar > .jws-offcanvas-parent-wrapper .jws-offcanvas-content-data {
    margin-top: 32px
}

.jws-offcanvas-icon-bg {
    display: inline-block
}

.position-at-center .jws-offcanvas-content-data {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-70%);
    opacity: 0;
    pointer-events: none
}

.position-at-right .jws-offcanvas-content-data {
    right: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

.position-at-left .jws-offcanvas-content-data {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    left: 0
}

.position-at-top .jws-offcanvas-content-data {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    left: 0
}

.position-at-bottom .jws-offcanvas-content-data {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    left: 0
}

.jws-offcanvas-shadow-normal.position-at-right.jws-offcanvas-show, .jws-offcanvas-shadow-normal.position-at-left.jws-offcanvas-show {
    -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 15px 1px rgba(0,0,0,.2)
}

.jws-offcanvas-action-wrap .jws-offcanvas-action .jws-offcanvas-icon {
    text-align: center
}

.jws-offcanvas-action-wrap .jws-button-wrapper .jws-offcanvas-action-alignment-left, .jws-offcanvas-action-wrap .jws-offcanvas-icon-wrap .jws-offcanvas-action-alignment-left {
    top: 50%;
    left: 0em;
    right: auto;
    position: fixed;
    z-index: 999
}

.jws-offcanvas-action-wrap .jws-button-wrapper .jws-offcanvas-action-alignment-right, .jws-offcanvas-action-wrap .jws-offcanvas-icon-wrap .jws-offcanvas-action-alignment-right {
    top: 50%;
    right: 0em;
    left: auto;
    position: fixed;
    z-index: 999
}

.jws-offcanvas-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    opacity: 0;
    transition: .5s all
}

.jws-offcanvas-parent-wrapper .jws-offcanvas-overlay {
    cursor: pointer
}

.jws-offcanvas-content {
    position: relative;
    width: 100%
}

.jws-offcanvas img {
    max-width: 100%
}

.jws-offcanvas-full {
    pointer-events: none;
    min-height: 100%
}

.jws-offcanvas-action {
    cursor: pointer
}

.jws-offcanvas-show .jws-offcanvas-close-icon-wrapper {
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1
}

.jws-offcanvas-show .jws-offcanvas-content-data {
    transform: translatex(0);
    -webkit-transform: translatex(0)
}

.jws-offcanvas-show.position-at-center .jws-offcanvas-content-data {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%,-50%)
}

.jws-offcanvas-content .jws-offcanvas-menu, .jws-offcanvas-content .jws-offcanvas-menu .sub-menu {
    list-style: none
}

    .jws-offcanvas-content .jws-offcanvas-menu li a, .jws-offcanvas-content .jws-offcanvas-menu .sub-menu li a {
        padding: 5px 0 5px 0;
        display: block
    }

.jws-offcanvas-content .jws-offcanvas-menu {
    margin-left: 0
}

    .jws-offcanvas-content .jws-offcanvas-menu .menu-item a:hover, .jws-offcanvas-content .jws-offcanvas-menu .menu-item a:focus {
        -webkit-transition: background 150ms linear,color 150ms linear;
        transition: background 150ms linear,color 150ms linear
    }

.jws-offcanvas-close-icon-wrapper {
    position: fixed;
    top: 0;
    visibility: hidden;
    z-index: 9999999;
    pointer-events: none;
    transition: .5s all;
    opacity: 0
}

    .jws-offcanvas-close-icon-wrapper .jws-offcanvas-close {
        display: block
    }

    .jws-offcanvas-close-icon-wrapper .jws-offcanvas-close-icon {
        cursor: pointer;
        display: block;
        font-size: 20px;
        padding-top: 4px;
        padding-right: 4px
    }

        .jws-offcanvas-close-icon-wrapper .jws-offcanvas-close-icon svg {
            width: 1em;
            height: 1em
        }

    .jws-offcanvas-close-icon-wrapper.jws-offcanvas-close-icon-position-left-top {
        left: 0;
        right: auto
    }

    .jws-offcanvas-close-icon-wrapper.jws-offcanvas-close-icon-position-right-top {
        right: 0;
        left: auto
    }

.jws-offcanvas-show ~ .jws-offcanvas-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    visibility: visible
}

.fa-times-thin:before {
    content: '\00d7'
}

@media (min-width: 1024px) {
    .jws-offcanvas-parent-wrapper.jws-offcanvas-hide-desktop {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .jws-offcanvas-parent-wrapper.jws-offcanvas-hide-tablet {
        display: none
    }

    .jws-offcanvas-enabled {
        min-height: 100vh
    }
}

@media (max-width: 767px) {
    .jws-offcanvas-parent-wrapper.jws-offcanvas-hide-phone {
        display: none
    }

    .jws-offcanvas-enabled {
        min-height: 100vh
    }
}

.jws-form-login-popup {
    position: fixed;
    width: 0;
    margin: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    padding: 30px 10px 30px 10px;
    transition: 0.7s;
    width: 100%
}

    .jws-form-login-popup .jws-form-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        visibility: hidden;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        opacity: 0;
        transition: .5s all;
        background: rgba(0,0,0,.75)
    }

    .jws-form-login-popup .jws-form-content {
        max-width: 556px;
        min-height: 580px;
        padding: 38px 70px 45px 70px;
        left: 50%;
        width: calc(100% - 40px);
        top: 0;
        transform: translate(-50%,-70%);
        opacity: 0;
        z-index: 1000;
        position: absolute;
        background: #fff;
        transition: .7s all;
        border-radius: 10px
    }

    .jws-form-login-popup .jws-close {
        position: fixed;
        right: 0;
        font-size: 32px;
        top: 0;
        padding: 22px 14px 0 0;
        cursor: pointer;
        z-index: 1
    }

    .jws-form-login-popup.open {
        visibility: visible;
        pointer-events: auto
    }

        .jws-form-login-popup.open .jws-form-overlay {
            opacity: 1;
            visibility: visible
        }

        .jws-form-login-popup.open .jws-form-content {
            transform: translate(-50%,50px);
            opacity: 1
        }

.jws-login-container .loader .path {
    stroke: #000
}

.jws-login-container .jws-password-hint {
    display: none;
    font-style: italic
}

.jws-login-container .change-form {
    color: #00031C;
    text-align: center;
    display: block
}

    .jws-login-container .change-form span {
        color: var(--main)
    }

.jws-login-container .privacy-policy {
    text-align: center;
    margin-top: 13px
}

    .jws-login-container .privacy-policy a {
        color: #00031C
    }

        .jws-login-container .privacy-policy a:hover {
            color: var(--main)
        }

.jws-login-container .meter {
    display: none
}

    .jws-login-container .meter .text-meter {
        margin-left: 10px;
        color: #b99900
    }

    .jws-login-container .meter .meter-box {
        margin-top: 20px;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-align-items: center
    }

    .jws-login-container .meter span:not(.text-meter) {
        background: #ebebeb;
        height: 3px;
        width: 35px;
        position: relative;
        margin-right: 5px
    }

        .jws-login-container .meter span:not(.text-meter):before {
            content: "";
            left: 0;
            top: 0;
            transition: .3s all;
            width: 0;
            height: 100%;
            background: #b99900;
            position: absolute
        }

    .jws-login-container .meter span {
        display: inline-block
    }

    .jws-login-container .meter[meter="1"] .box1:before {
        width: 100%
    }

    .jws-login-container .meter[meter="2"] .box1:before, .jws-login-container .meter[meter="2"] .box2:before {
        width: 100%
    }

    .jws-login-container .meter[meter="3"] .box1:before, .jws-login-container .meter[meter="3"] .box2:before, .jws-login-container .meter[meter="3"] .box3:before {
        width: 100%;
        background: #266b09
    }

    .jws-login-container .meter[meter="3"] .text-meter {
        color: #266b09
    }

    .jws-login-container .meter[meter="4"] .box1:before, .jws-login-container .meter[meter="4"] .box2:before, .jws-login-container .meter[meter="4"] .box3:before, .jws-login-container .meter[meter="4"] .box4:before {
        width: 100%;
        background: #266b09
    }

    .jws-login-container .meter[meter="4"] .box1 .text-meter, .jws-login-container .meter[meter="4"] .box2 .text-meter, .jws-login-container .meter[meter="4"] .box3 .text-meter, .jws-login-container .meter[meter="4"] .box4 .text-meter {
        color: #266b09
    }

#jws-login-form {
    color: #333549
}

    #jws-login-form .message {
        padding: 5px 15px
    }

    #jws-login-form .slick-slide {
        width: 100%
    }

    #jws-login-form .slick-track .slick-slide {
        opacity: 0;
        transition: .3s all
    }

        #jws-login-form .slick-track .slick-slide.slick-active {
            opacity: 1
        }

    #jws-login-form.in-login .jws-register {
        display: none
    }

    #jws-login-form.in-login .swiper-container-initialized .jws-register {
        display: block
    }

    #jws-login-form .jws-login-container.loading .jws-animation {
        opacity: 0.3 !important;
        animation: none;
        pointer-events: none
    }

    #jws-login-form .jws-animation {
        display: inline-block;
        width: 100%;
        position: relative;
        transition: .3s all
    }

        #jws-login-form .jws-animation .form-contaier:after {
            content: "";
            display: table;
            clear: both
        }

        #jws-login-form .jws-animation .login-width-social .social-line {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 2px;
            margin-bottom: 9px;
            font-size: 14px
        }

            #jws-login-form .jws-animation .login-width-social .social-line span {
                margin: 0 30px
            }

            #jws-login-form .jws-animation .login-width-social .social-line:before {
                content: "";
                flex: 1 0 0%;
                border-bottom: 1px solid rgba(113,116,136,.1)
            }

            #jws-login-form .jws-animation .login-width-social .social-line:after {
                content: "";
                flex: 1 0 0%;
                border-bottom: 1px solid rgba(113,116,136,.1)
            }

        #jws-login-form .jws-animation form[name="registerformpopup"] .input[name="repeat_password"] {
            margin-bottom: 0
        }

        #jws-login-form .jws-animation form p {
            margin: 0;
            margin-bottom: 22px;
            position: relative
        }

            #jws-login-form .jws-animation form p .toggle-password2 {
                position: absolute;
                right: 16px;
                top: 39px;
                font-size: 18px
            }

                #jws-login-form .jws-animation form p .toggle-password2.jws-icon-eye-slash-light:after {
                    position: absolute;
                    left: -3px;
                    top: 12px;
                    content: "";
                    width: 24px;
                    height: 1px;
                    background: #999898;
                    transform: rotate(-15deg)
                }

        #jws-login-form .jws-animation form .row {
            margin: 0 -5px
        }

            #jws-login-form .jws-animation form .row > div {
                margin-bottom: 12px;
                padding: 0 5px
            }

        #jws-login-form .jws-animation form .form-row {
            position: relative
        }

            #jws-login-form .jws-animation form .form-row label {
                position: absolute;
                left: 30px;
                top: 12px;
                margin: 0;
                pointer-events: none;
                transition: .3s all
            }

            #jws-login-form .jws-animation form .form-row input:not([type="checkbox"]):not([type="submit"]) {
                padding: 15px 25px 0
            }

            #jws-login-form .jws-animation form .form-row.entering_text label {
                font-size: 12px;
                line-height: 16px;
                transform: translateY(-5px)
            }

        #jws-login-form .jws-animation form label {
            margin-bottom: 3px
        }

        #jws-login-form .jws-animation form input:not([type="checkbox"]):not([type="submit"]) {
            background: transparent;
            border: 1px solid rgba(0,3,28,.1);
            border-radius: 10px
        }

            #jws-login-form .jws-animation form input:not([type="checkbox"]):not([type="submit"]).invalid {
                border-color: red
            }

        #jws-login-form .jws-animation form .select2-container .select2-selection--single {
            background: transparent;
            border: 1px solid rgba(0,3,28,.1);
            border-radius: 10px
        }

            #jws-login-form .jws-animation form .select2-container .select2-selection--single .select2-selection__rendered {
                color: inherit
            }

        #jws-login-form .jws-animation form .login-submit {
            margin-bottom: 13px
        }

        #jws-login-form .jws-animation form .lost-pass-link {
            display: block;
            float: right;
            color: var(--main)
        }

        #jws-login-form .jws-animation form input.invalid {
            border-color: var(--main)
        }

        #jws-login-form .jws-animation form .login-remember label {
            margin-bottom: 0;
            display: inline-block
        }

        #jws-login-form .jws-animation form #popupRememberme {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -5px;
            -webkit-appearance: none;
            position: relative
        }

            #jws-login-form .jws-animation form #popupRememberme:checked:before {
                background: #2f76bf;
                border-color: #2f76bf
            }

            #jws-login-form .jws-animation form #popupRememberme:checked:after {
                opacity: 1
            }

            #jws-login-form .jws-animation form #popupRememberme:after {
                content: "\f00c";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                position: absolute;
                opacity: 0;
                top: -5px;
                color: #fff;
                font-size: 8px;
                left: 4px
            }

            #jws-login-form .jws-animation form #popupRememberme:before {
                content: "";
                width: 15px;
                height: 15px;
                border: 1px solid rgba(113,116,136,.5);
                display: block
            }

        #jws-login-form .jws-animation form .button {
            width: 100%
        }

            #jws-login-form .jws-animation form .button:hover {
                box-shadow: 0 8px 15px -8px rgba(158,97,255,.5)
            }

    #jws-login-form .form-head {
        text-align: center
    }

        #jws-login-form .form-head .logo {
            margin-bottom: 10px
        }

        #jws-login-form .form-head h5 {
            color: #00031C
        }

        #jws-login-form .form-head .rg, #jws-login-form .form-head .lg {
            display: none
        }

    #jws-login-form.in-register .section-login {
        display: block
    }

    #jws-login-form.in-register .form-head .rg {
        display: block
    }

    #jws-login-form.in-login .section-register {
        display: block
    }

    #jws-login-form.in-login .form-head .lg {
        display: block
    }

.jws-dealer-note {
    display: inline;
    vertical-align: middle
}

@media (max-width: 767px) {
    .jws-form-login-popup .jws-form-content {
        padding: 26px 20px 45px 20px
    }
}

.elementor-widget-jws_banner.jws-content-align-at-center .jws-banner .jws-banner-content {
    justify-content: center;
    -webkit-justify-content: center
}

.elementor-widget-jws_banner.jws-content-align-at-bottom .jws-banner .jws-banner-content {
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.elementor-widget-jws_banner.jws-content-align-at-top .jws-banner .jws-banner-content {
    justify-content: start;
    -webkit-justify-content: start
}

.jws-banner-element .slider-dots-box .slider-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px
}

.jws-banner .jws-banner-image img {
    transition: .7s all;
    max-width: 100%
}

.jws-banner .banner-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: .7s all
}

.jws-banner .jws-banner-content {
    width: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    text-align: center;
    padding: 0 15px 50px 15px
}

.jws-banner .jws-banner-inner > a {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 520px;
    overflow: hidden
}

.jws-banner.layout1 .jws-banner-inner {
    overflow: hidden
}

    .jws-banner.layout1 .jws-banner-inner > a {
        color: inherit
    }

    .jws-banner.layout1 .jws-banner-inner:hover .banner-image {
        transform: scale(1.1)
    }

.jws-banner.layout1 .text-1 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 2px;
    color: var(--heading)
}

.jws-banner.layout1 .text-2 {
    margin-bottom: 20px;
    margin-top: 11px
}

.jws-banner.layout1 .button {
    color: #00031C;
    background: #fff
}

    .jws-banner.layout1 .button:hover {
        background: var(--main);
        color: #fff
    }

.jws-banner .slick-dots {
    margin-top: 35px !important
}

    .jws-banner .slick-dots li {
        border: none;
        width: 25px;
        height: 20px;
        margin: 0 5px;
        border-radius: 0;
        background: transparent !important;
        padding-top: 10px
    }

        .jws-banner .slick-dots li button {
            display: block;
            border: none;
            width: 25px;
            height: 2px;
            border-radius: 0;
            background: #dedede;
            font-size: 0
        }

        .jws-banner .slick-dots li:before {
            display: none
        }

        .jws-banner .slick-dots li.slick-active button {
            background: var(--main)
        }

.jws-banner-nav {
    text-align: right;
    margin-bottom: 42px
}

    .jws-banner-nav .jws-carousel-btn {
        width: 45px;
        height: 45px;
        color: var(--heading);
        font-size: 32px;
        border: 2px solid var(--main);
        display: inline-block !important;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        transition: .3s all;
        background: #fff
    }

        .jws-banner-nav .jws-carousel-btn:hover {
            background: var(--main);
            color: #fff
        }

    .jws-banner-nav .prev-item {
        margin-right: 16px
    }

.jws_gallery_element .center-mode .jws_gallery_item {
    transition: .5s all;
    transform: scale(.9)
}

.jws_gallery_element .center-mode .center .jws_gallery_item {
    transform: scale(1);
    transition-delay: 0.4s
}

.jws_gallery_element .jws_gallery .gallery-image {
    position: relative;
    overflow: hidden;
    transition: .3s all
}

    .jws_gallery_element .jws_gallery .gallery-image > a {
        display: block
    }

    .jws_gallery_element .jws_gallery .gallery-image img {
        transition: .3s all;
        margin: 0 auto;
        width: 100%;
        object-fit: cover;
        object-position: center
    }

    .jws_gallery_element .jws_gallery .gallery-image:hover img {
        opacity: 1;
        transform: scale(1.1)
    }

.jws_gallery_element .jws_gallery .jws_gallery_item {
    margin-top: 0;
    position: relative;
    margin-bottom: 30px
}

.owl-dots {
    text-align: center
}

    .owl-dots button {
        background: var(--light);
        opacity: .1;
        width: 12px;
        height: 4px;
        display: inline-block;
        border-radius: 2px;
        margin: 0 2px;
        cursor: pointer
    }

        .owl-dots button.active {
            opacity: 1;
            width: 24px
        }

@media (max-width: 767px) {
    .gallery_tabs {
        padding-right: 0
    }

        .gallery_tabs li {
            margin-right: 15px
        }

        .gallery_tabs ul {
            text-align: left
        }

    .jws_gallery_element .custom_navs {
        position: relative
    }
}

.jws-menu-list .menu-list-title {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: 700;
    color: var(--heading)
}

.jws-menu-list a {
    color: var(--body)
}

    .jws-menu-list a:hover {
        color: var(--heading)
    }

.jws-menu-list .elementor-icon-list-items {
    margin-top: 23px
}

.jws-menu-list .elementor-icon-list-text {
    color: currentColor !important
}

.jws-menu-list .columns-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

    .jws-menu-list .columns-2 > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px
    }

.jws-menu-list ul {
    list-style-type: none;
    font-size: 13px;
    line-height: 20px
}

    .jws-menu-list ul:not(.elementor-inline-items) li.elementor-icon-list-item {
        padding-bottom: 8px
    }

.jws-menu-list .elementor-icon-list-icon {
    border-radius: 100%
}

    .jws-menu-list .elementor-icon-list-icon i, .jws-menu-list .elementor-icon-list-icon svg {
        width: 1.25em;
        height: 1.25em;
        display: block;
        line-height: 1.25em;
        text-align: center
    }

.jws-menu-list .line_sm li a .elementor-icon-list-text {
    position: relative
}

    .jws-menu-list .line_sm li a .elementor-icon-list-text:before {
        background: var(--heading);
        content: "";
        bottom: 5px;
        right: 0;
        position: absolute;
        height: 1px;
        width: 0%;
        transition: .3s all
    }

.jws-menu-list .line_sm li:focus a .elementor-icon-list-text:before, .jws-menu-list .line_sm li:hover a .elementor-icon-list-text:before, .jws-menu-list .line_sm li.active a .elementor-icon-list-text:before {
    width: 100%;
    left: 0
}

.jws-menu-list .line_pd li a {
    position: relative
}

    .jws-menu-list .line_pd li a:before {
        content: "";
        background-color: currentColor;
        width: 0;
        height: 1px;
        position: absolute;
        left: -30px;
        top: 50%;
        transition: .3s all
    }

.jws-menu-list .line_pd li .elementor-icon-list-text {
    width: auto;
    transition: .3s all
}

.jws-menu-list .line_pd li:focus a:before, .jws-menu-list .line_pd li:hover a:before, .jws-menu-list .line_pd li.active a:before {
    width: 30px
}

.jws-menu-list .line_pd li:focus .elementor-icon-list-text, .jws-menu-list .line_pd li:hover .elementor-icon-list-text, .jws-menu-list .line_pd li.active .elementor-icon-list-text {
    transform: translateX(14px)
}

@media (max-width: 767px) {
    .jws-menu-list.toggle-mobile .menu-list-title {
        cursor: pointer;
        margin-bottom: 5px
    }

        .jws-menu-list.toggle-mobile .menu-list-title:after {
            font-family: "jws_icon";
            content: '\f31a';
            margin-left: 5px;
            font-size: 12px
        }

    .jws-menu-list.toggle-mobile ul {
        display: none
    }

        .jws-menu-list.toggle-mobile ul li:first-child {
            padding-top: 10px
        }

    .jws-menu-list .columns-2 {
        display: block
    }

        .jws-menu-list .columns-2 > li {
            max-width: 100%;
            padding: 0
        }
}

.elementor-logo.has_logo_sticky a {
    position: relative
}

    .elementor-logo.has_logo_sticky a > span {
        transition: .3s all
    }

.elementor-logo.has_logo_sticky .logo-sticky {
    display: none
}

.elementor-logo .logo-special {
    display: none
}

.is-sticky .elementor-logo.has_logo_sticky .logo-inner, .mega-has-hover .elementor-logo.has_logo_sticky .logo-inner {
    display: none
}

.is-sticky .elementor-logo.has_logo_sticky .logo-sticky, .mega-has-hover .elementor-logo.has_logo_sticky .logo-sticky {
    display: block
}

.jws_account {
    position: relative
}

    .jws_account > a {
        color: var(--heading);
        padding-bottom: 10px;
        padding-top: 10px;
        display: flex
    }

        .jws_account > a .jws_a_icon {
            transition: .3s all;
            font-size: 24px;
            vertical-align: middle;
            display: inline-block
        }

        .jws_account > a .jws_account_text {
            vertical-align: middle;
            margin-left: 10px
        }

            .jws_account > a .jws_account_text i {
                margin-left: 2px;
                display: inline-block;
                vertical-align: middle
            }

    .jws_account .user-avatar {
        width: 36px;
        height: 36px;
        min-width: 36px;
        padding: 1px;
        margin-right: 0
    }

        .jws_account .user-avatar img {
            border-radius: 100%;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center
        }

    .jws_account .dropdown-menu {
        position: absolute;
        top: 100%;
        right: 0;
        background: rgba(0,3,28,.8);
        border: 2px solid var(--secondary);
        min-width: 218px;
        backdrop-filter: blur(5px);
        border-radius: 10px;
        z-index: 1;
        pointer-events: none;
        transition: .3s all;
        transform: translateY(10px);
        opacity: 0
    }

        .jws_account .dropdown-menu .post-author {
            background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3);
            padding: 12px 15px;
            margin-top: 25px
        }

            .jws_account .dropdown-menu .post-author h6 {
                display: inline-block;
                vertical-align: middle;
                margin-bottom: 0;
                width: calc(100% e "-" 30px)
            }

        .jws_account .dropdown-menu .user-avatar {
            display: inline-block;
            vertical-align: middle;
            margin-right: 12px
        }

        .jws_account .dropdown-menu ul {
            padding: 20px;
            list-style-type: none;
            font-size: 14px;
            line-height: 19px
        }

        .jws_account .dropdown-menu .active {
            color: var(--main)
        }

        .jws_account .dropdown-menu li i {
            font-size: 20px;
            margin-right: 10px;
            vertical-align: top;
            display: inline-block
        }

        .jws_account .dropdown-menu li:not(:last-child) {
            margin-bottom: 15px
        }

    .jws_account.open .dropdown-menu, .jws_account:hover .dropdown-menu {
        pointer-events: auto;
        transform: none;
        opacity: 1
    }

.map_pin_jws {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50em;
    background-color: var(--main)
}

    .map_pin_jws > div {
        content: '';
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50em;
        opacity: 1;
        background-color: var(--main);
        width: 18px;
        height: 18px
    }

    .map_pin_jws.this > div:first-child {
        -webkit-animation: jwsWave 1.5s cubic-bezier(.4,0,.2,1) infinite forwards;
        animation: jwsWave 1.5s cubic-bezier(.4,0,.2,1) infinite forwards
    }

    .map_pin_jws.this > div:last-child {
        -webkit-animation: jwsWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards;
        animation: jwsWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards
    }

.jws-infowindow-content {
    position: relative;
    padding: 10px;
    display: flex
}

    .jws-infowindow-content.has-image .info-left {
        width: 90px
    }

    .jws-infowindow-content.has-image .content-right {
        width: calc(100% - 90px);
        padding-left: 15px
    }

    .jws-infowindow-content .jws-infowindow-title {
        font-size: 18px;
        font-family: var(--font2);
        line-height: 24px;
        margin-bottom: 10px
    }

    .jws-infowindow-content .jws-infowindow-description {
        margin-top: 10px;
        font-size: 12px;
        line-height: 18px;
        font-family: var(--body-font);
        opacity: .8
    }

        .jws-infowindow-content .jws-infowindow-description a {
            color: #fff;
            margin-top: 8px;
            display: block
        }

.jws-wpsl-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .jws-wpsl-search input {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 190px);
        flex: 0 0 calc(100% - 190px);
        max-width: calc(100% - 190px);
        background: transparent;
        border: 0;
        height: 60px
    }

    .jws-wpsl-search button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px;
        max-width: 190px;
        color: var(--light);
        border: none;
        background: var(--heading);
        height: 60px
    }

.gm-style-iw button {
    top: 0px !important;
    right: 0px !important;
    opacity: 1 !important
}

    .gm-style-iw button > span {
        background-color: #fff
    }

    .gm-style-iw button img {
        width: 20px !important;
        height: auto !important
    }

.gm-style .gm-style-iw-c {
    box-shadow: .209px 2.993px 13.8px 1.2px rgba(73,9,2,.07000000000000001) !important;
    background: var(--main);
    color: #fff;
    padding: 0;
    border-radius: 0
}

.gm-style .gm-style-iw-tc:after {
    background: var(--main)
}

.gm-style .gm-style-iw-d {
    overflow-x: hidden !important;
    padding: 5px;
    overflow: hidden !important;
    max-height: inherit !important
}

.gmnoprint img {
    max-width: none
}

@media (max-width: 767px) {
    .jws-infowindow-content.has-image .info-left {
        width: 60px
    }

    .jws-infowindow-content.has-image .info-right {
        width: calc(100% - 60px);
        padding-left: 15px
    }
}

.tab-horizontal .jws-head-filter {
    text-align: center;
    margin-bottom: 54px
}

    .tab-horizontal .jws-head-filter .jws-ajax-load li {
        display: inline-block;
        margin-right: 30px
    }

        .tab-horizontal .jws-head-filter .jws-ajax-load li:last-child {
            margin-right: 0
        }

        .tab-horizontal .jws-head-filter .jws-ajax-load li a {
            color: var(--heading);
            font-size: 28.43px;
            display: block;
            font-family: 'Ogg';
            opacity: .5;
            padding-bottom: 8px;
            position: relative
        }

            .tab-horizontal .jws-head-filter .jws-ajax-load li a:before {
                content: "";
                width: 0;
                right: 0;
                transition: .3s all;
                height: 2px;
                background: var(--main);
                position: absolute;
                bottom: 0
            }

        .tab-horizontal .jws-head-filter .jws-ajax-load li .active {
            opacity: 1
        }

            .tab-horizontal .jws-head-filter .jws-ajax-load li .active:before {
                width: 100%;
                left: 0;
                right: initial
            }

.tab-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .tab-vertical .jws-head-filter {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

        .tab-vertical .jws-head-filter .jws-ajax-load {
            margin-bottom: 46px
        }

            .tab-vertical .jws-head-filter .jws-ajax-load li {
                margin-bottom: 15px
            }

            .tab-vertical .jws-head-filter .jws-ajax-load a {
                color: var(--main);
                font-size: 14px;
                text-transform: uppercase;
                font-weight: 400;
                opacity: .5;
                letter-spacing: 3px;
                position: relative
            }

                .tab-vertical .jws-head-filter .jws-ajax-load a:before {
                    content: "";
                    width: 10px;
                    height: 10px;
                    left: 0;
                    top: 4px;
                    transition: .3s all;
                    border-radius: 100%;
                    background: var(--main);
                    position: absolute;
                    opacity: 0
                }

                .tab-vertical .jws-head-filter .jws-ajax-load a.active {
                    opacity: 1;
                    padding-left: 24px
                }

                    .tab-vertical .jws-head-filter .jws-ajax-load a.active:before {
                        opacity: 1
                    }

        .tab-vertical .jws-head-filter > a {
            padding-bottom: 5px;
            position: relative;
            color: var(--heading)
        }

            .tab-vertical .jws-head-filter > a:before, .tab-vertical .jws-head-filter > a:after {
                content: "";
                height: 1px;
                background: var(--heading);
                bottom: 0;
                position: absolute;
                transition: .3s all
            }

            .tab-vertical .jws-head-filter > a:before {
                width: 100%;
                right: 0;
                transition-delay: 0.3s
            }

            .tab-vertical .jws-head-filter > a:after {
                width: 0%;
                left: 0
            }

            .tab-vertical .jws-head-filter > a:hover:before {
                width: 0%;
                transition-delay: 0s
            }

            .tab-vertical .jws-head-filter > a:hover:after {
                width: 100%;
                transition-delay: 0.3s
            }

            .tab-vertical .jws-head-filter > a:hover i {
                animation: bounceAlpha 1s both;
                -webkit-animation: bounceAlpha 1s both
            }

            .tab-vertical .jws-head-filter > a i {
                margin-left: 5px;
                display: inline-block
            }

    .tab-vertical .products-tab {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

.products-wrap .slider-dots-box {
    margin-top: 17px
}

.products-wrap .product-item-inner {
    transition: .3s all;
    position: relative
}

    .products-wrap .product-item-inner .star-rating-wap {
        display: none
    }

.products-wrap .slider-layout {
    display: block
}

    .products-wrap .slider-layout .product-item {
        padding: 0 15px
    }

    .products-wrap .slider-layout .slick-active {
        opacity: 1;
        visibility: visible
    }

.products-wrap .jws-carousel-btn {
    position: absolute;
    color: var(--heading);
    font-size: 25px;
    cursor: pointer
}

    .products-wrap .jws-carousel-btn:hover {
        color: var(--main)
    }

.products-wrap.top-nav .jws-carousel-btn {
    top: -39px;
    opacity: .8
}

    .products-wrap.top-nav .jws-carousel-btn:hover {
        opacity: 1
    }

.products-wrap.top-nav .prev-item {
    right: 47px
}

.products-wrap.top-nav .next-item {
    right: 13px
}

.products-wrap.middle-nav .jws-carousel-btn {
    top: 46%;
    font-size: 36px
}

.products-wrap.middle-nav .prev-item {
    left: -30px
}

.products-wrap.middle-nav .next-item {
    right: -30px
}

.jws_product_pagination {
    text-align: center
}

@media (max-width: 767px) {
    .products-wrap .slider-layout {
        margin-left: -5px;
        margin-right: -5px
    }

        .products-wrap .slider-layout .product-item {
            padding: 0 5px
        }
}

.category-content .jws-carousel-btn {
    position: absolute;
    font-size: 25px;
    top: 40%;
    cursor: pointer
}

    .category-content .jws-carousel-btn.prev-item {
        left: -20px
    }

    .category-content .jws-carousel-btn.next-item {
        right: -20px
    }

@media (max-width: 767px) {
    .tab-vertical {
        display: block
    }

        .tab-vertical .products-tab {
            max-width: 100%;
            margin: 0
        }

        .tab-vertical .jws-head-filter {
            max-width: 100%;
            margin-bottom: 30px
        }

            .tab-vertical .jws-head-filter .jws-ajax-load {
                margin-bottom: 0
            }
}

.elementor-widget-jws_widget_heading .title-wrapper.title-cross {
    position: relative
}

    .elementor-widget-jws_widget_heading .title-wrapper.title-cross:after {
        content: "";
        height: 2px;
        width: 100vw;
        position: absolute;
        bottom: 0;
        background: var(--main)
    }

    .elementor-widget-jws_widget_heading .title-wrapper.title-cross.right:after {
        right: 0
    }

    .elementor-widget-jws_widget_heading .title-wrapper.title-cross.left:after {
        left: 0
    }

    .elementor-widget-jws_widget_heading .title-wrapper.title-cross.center:after {
        width: 100%
    }

.elementor-widget-jws_image_carousel.jws-content-align-at-center .jws-image_carousel-image {
    align-content: center;
    -webkit-align-content: center
}

.elementor-widget-jws_image_carousel.jws-content-align-at-bottom .jws-image_carousel-image {
    align-content: flex-end;
    -webkit-align-content: flex-end
}

.jws-image_carousel.grid {
    justify-content: center;
    -webkit-justify-content: center
}

.jws-image_carousel .jws-image_carousel-image {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%
}

    .jws-image_carousel .jws-image_carousel-image a {
        display: block;
        width: 100%;
        opacity: .5;
        filter: grayscale(1)
    }

        .jws-image_carousel .jws-image_carousel-image a:hover {
            opacity: 1;
            filter: grayscale(0)
        }

    .jws-image_carousel .jws-image_carousel-image img {
        display: inline-block
    }

    .jws-image_carousel .jws-image_carousel-image .name {
        font-weight: 700;
        font-size: 14px;
        color: var(--heading);
        margin-top: 20px
    }

.jws-instagram.metro .jws-instagram-inner {
    transition: .3s all
}

.jws-instagram.metro .instagram-wap.loading .jws-instagram-inner {
    opacity: 0
}

.jws-instagram.skin1 .jws-instagram-inner .overlay {
    color: #fff
}

    .jws-instagram.skin1 .jws-instagram-inner .overlay:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--main);
        opacity: .7
    }

    .jws-instagram.skin1 .jws-instagram-inner .overlay i {
        font-size: 22px;
        position: relative
    }

.jws-instagram.skin1 .jws-instagram-inner:hover .overlay {
    opacity: 1
}

.jws-instagram.skin1 .jws-instagram-inner:hover img {
    transform: scale(1.1)
}

.jws-instagram.skin2 .jws-instagram-inner .overlay i {
    font-size: 18px;
    color: var(--heading);
    background: #fff;
    padding: 12px;
    border-radius: 100%
}

    .jws-instagram.skin2 .jws-instagram-inner .overlay i:before {
        width: 1em;
        height: 1em;
        display: block
    }

.jws-instagram.skin2 .jws-instagram-inner:hover .overlay {
    opacity: 1
}

.jws-instagram.skin2 .jws-instagram-inner:hover img {
    transform: scale(1.1)
}

.jws-instagram .jws-instagram-inner {
    position: relative;
    overflow: hidden
}

    .jws-instagram .jws-instagram-inner img {
        transition: .5s all;
        width: 100%
    }

    .jws-instagram .jws-instagram-inner .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        text-align: center;
        transition: .3s all;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

.center-mode .slider-item {
    transition: .5s all;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 !important;
    pointer-events: none
}

.center-mode .prevdiv .slider-item {
    transform: scale(.8) translateX(70px);
    transform-origin: right
}

.center-mode .prevdiv .animated {
    opacity: 0
}

.center-mode .nextdiv .slider-item {
    transform-origin: left;
    transform: scale(.8) translateX(-70px)
}

.center-mode .nextdiv .animated {
    opacity: 0
}

.center-mode .center {
    z-index: 1
}

    .center-mode .center .slider-item {
        transform: scale(1);
        z-index: 1;
        position: relative;
        pointer-events: auto
    }

.jws_slider_element .active .animated {
    opacity: 1;
    visibility: visible
}

.jws_slider_element .thumbnail-nav {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: -94px;
    display: none
}

    .jws_slider_element .thumbnail-nav.owl-loaded {
        display: block
    }

    .jws_slider_element .thumbnail-nav img {
        width: 100%;
        border-radius: 10px;
        border: 2px solid transparent;
        transition: .3s all
    }

    .jws_slider_element .thumbnail-nav .nav-item {
        padding: 0 13px
    }

    .jws_slider_element .thumbnail-nav .current img {
        border-color: var(--main)
    }

.jws_slider_element .jws_slider {
    opacity: 0;
    transition: .3s all
}

    .jws_slider_element .jws_slider.dot-inside .owl-dots {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%)
    }

    .jws_slider_element .jws_slider.owl-loaded {
        opacity: 1
    }

.jws_slider_element > .jws_slider .slider-item > .elementor {
    height: 100%
}

    .jws_slider_element > .jws_slider .slider-item > .elementor > .elementor-section-height-full {
        height: 100%
    }

.jws_slider_element .jws-nav-carousel {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 41px;
    z-index: 1;
    width: 270px;
    margin-left: -135px
}

.jws_slider_element .has_animated {
    opacity: 0
}

.jws_slider_element .animated {
    opacity: 1
}

.dots-align-right .jws_section_slider .slider-dots-box {
    right: 30px;
    left: unset
}

.dots-align-center .jws_section_slider .slider-dots-box {
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

    .dots-align-center .jws_section_slider .slider-dots-box .slider-dots li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px
    }

@keyframes progress {
    from {
        stroke-dashoffset: 360
    }

    to {
        stroke-dashoffset: 0
    }
}

.jws_section_slider > .elementor-element {
    display: none
}

    .jws_section_slider > .elementor-element:first-child {
        display: block
    }

.jws_section_slider.slick_1 > .elementor-element:first-child {
    width: 100%
}

.jws_section_slider {
    display: block !important
}

    .jws_section_slider .jws-carousel-btn {
        font-size: 36px;
        position: absolute;
        z-index: 1;
        top: 50%;
        cursor: pointer;
        text-align: center;
        transition: .3s all
    }

        .jws_section_slider .jws-carousel-btn:hover {
            color: var(--main)
        }

    .jws_section_slider .prev-item {
        left: 15px;
        transform: translatex(-20px);
        display: block;
        opacity: 0
    }

        .jws_section_slider .prev-item i {
            transform: rotate(-180deg);
            display: block
        }

    .jws_section_slider .next-item {
        right: 15px;
        transform: translatex(20px);
        opacity: 0
    }

    .jws_section_slider:hover .jws-carousel-btn {
        transform: none;
        opacity: 1
    }

@media (max-width: 1024px) {
    .jws_slider_element .thumbnail-nav {
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .jws_slider_element .jws-nav-carousel {
        display: none
    }

    .jws_slider_element .thumbnail-nav .nav-item {
        padding: 0 2px
    }
}

.countdown-amount {
    color: var(--main);
    font-weight: 500;
    font-size: 67.34px;
    line-height: 76px
}

.countdown-container {
    display: flex;
    align-items: center
}

    .countdown-container.inline-type .countdown-amount {
        font-size: inherit
    }

.countdown-section {
    display: inline-block;
    position: relative;
    min-width: 12rem;
    padding: 35px 20px;
    text-align: center
}

    .countdown-section span {
        display: block;
        white-space: nowrap
    }

    .countdown-section .countdown-period {
        position: absolute;
        bottom: 0;
        color: var(--heading);
        text-transform: lowercase;
        width: 100%;
        padding-left: .2rem;
        padding-right: .2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        left: 0;
        text-transform: uppercase;
        font-weight: 500;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

.countdown.outer-period .countdown-period {
    left: 0;
    right: 0;
    text-align: center;
    bottom: -2rem
}

.countdown.no-split .countdown-section::after {
    content: none
}

.grid-countdown .countdown-section {
    margin: 1rem
}

.jws-category-list .category-content .owl-item:nth-child(even) {
    margin-top: 30px
}

.jws-category-list .category-content .owl-item .category-tab-item {
    text-align: center
}

    .jws-category-list .category-content .owl-item .category-tab-item .category-image {
        margin-bottom: 21px;
        overflow: hidden
    }

        .jws-category-list .category-content .owl-item .category-tab-item .category-image img {
            transition: .3s all
        }

    .jws-category-list .category-content .owl-item .category-tab-item h6 {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        text-transform: uppercase
    }

        .jws-category-list .category-content .owl-item .category-tab-item h6 i {
            font-size: 16px;
            margin-left: 10px
        }

    .jws-category-list .category-content .owl-item .category-tab-item:hover .category-image img {
        transform: scale(1.1)
    }

.jws-cart-animating {
    transition: .35s ease
}

.elementor-menu-cart--show-quantity-count-item-yes .jws_mini_cart .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .jws_mini_cart_item {
    display: block
}

.jws-mini-cart-wrapper.active .jws-cart-overlay {
    opacity: 1;
    visibility: visible
}

.jws-mini-cart-wrapper.active .jws-cart-sidebar {
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%)
}

.jws-cart-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.73);
    transition: .7s ease;
    visibility: hidden;
    z-index: 9998;
    opacity: 0
}

.jws-cart-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    -webkit-transition: .7s ease;
    transition: .7s ease;
    -webkit-transform: translateX(105%);
    -o-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -moz-transform: translateX(105%);
    transform: translateX(105%);
    background-color: var(--background-body);
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.05);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);
    height: 100%;
    width: 461px
}

.cart-head {
    padding: 21px 30px 17px;
    border-bottom: 1px solid var(--border-color)
}

    .cart-head .cart-close {
        width: 20px;
        height: 20px;
        display: block;
        margin-top: 5px;
        float: right;
        cursor: pointer;
        font-size: 30px;
        color: var(--heading);
        transition: .7s ease
    }

        .cart-head .cart-close:hover {
            color: var(--main)
        }

    .cart-head label {
        font-family: var(--font2);
        color: var(--heading);
        font-size: 28.43px;
        line-height: 32px;
        position: relative;
        margin: 0
    }

        .cart-head label .count {
            width: 15px;
            height: 15px;
            line-height: 15px;
            display: block;
            text-align: center;
            font-size: 12px;
            border-radius: 100%;
            top: 0;
            right: -17px;
            position: absolute;
            background: var(--main);
            color: var(--light);
            font-family: var(--body-font)
        }

.jws_cart_content {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    padding-bottom: 240px
}

    .jws_cart_content.jws-cart-panel-empty {
        padding-bottom: 0
    }

        .jws_cart_content.jws-cart-panel-empty .jws-cart-panel-summary {
            border: 0 !important
        }

    .jws_cart_content .variation dt, .jws_cart_content .variation dd {
        display: inline-block;
        margin: 0
    }

        .jws_cart_content .variation dt p, .jws_cart_content .variation dd p {
            margin: 0
        }

    .jws_cart_content .jws-cart-panel {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow: auto;
        height: 100%
    }

        .jws_cart_content .jws-cart-panel .jws-cart-panel-summary {
            margin-top: auto;
            padding: 20px 30px;
            border-top: 1px solid var(--border-color);
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            background-color: var(--background-body)
        }

            .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping {
                margin-bottom: 18px
            }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total {
                    margin-bottom: 13px
                }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line {
                        height: 6px;
                        position: relative
                    }

                        .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line > span {
                            position: absolute;
                            height: 100%;
                            top: 0;
                            left: 0
                        }

                            .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line > span > span {
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                background: var(--main)
                            }

                            .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line > span .number {
                                position: absolute;
                                right: 0;
                                background: var(--main);
                                top: -7px;
                                font-size: 12px;
                                color: var(--heading);
                                line-height: 17.6px;
                                padding: 2px 5px 0 5px;
                                border-radius: 3px
                            }

                        .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .progress_bar_total .line:before {
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            content: "";
                            left: 0;
                            top: 0;
                            background: var(--main);
                            opacity: .1
                        }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .jws_shipping_wap {
                    font-size: 14px;
                    text-align: center
                }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .jws_shipping_wap .fa-check-square {
                        color: #44c344;
                        font-size: 16px;
                        margin-right: 5px
                    }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .amount {
                    font-weight: 500
                }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .jws-shipping .text-free {
                    font-weight: 600;
                    text-transform: uppercase;
                    font-size: 12px
                }

            .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart {
                margin-bottom: 17px
            }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart .jws-cart-panel-summary-subtotal {
                    float: right;
                    font-weight: 500;
                    color: var(--heading)
                }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart strong {
                    font-weight: 500;
                    color: var(--heading)
                }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .total-cart p {
                    margin: 0
                }

            .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .buttons_cart a {
                background: var(--background-item)
            }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .buttons_cart a:hover {
                    color: var(--light)
                }

            .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .woocommerce-mini-cart__buttons {
                margin: 0;
                margin-bottom: 10px
            }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-summary .jws-cart-panel-summary-inner .woocommerce-mini-cart__buttons a {
                    display: block
                }

        .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap {
            padding: 30px
        }

            .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .jws_mini_cart_item {
                margin-bottom: 25px;
                display: none
            }

            .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list {
                padding: 0;
                list-style-type: none
            }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty {
                    text-align: center;
                    padding-top: 20px;
                    border: 0;
                    margin-top: 20px
                }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty .button-default {
                        display: block;
                        margin-top: 20px
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty > span {
                        color: #ececec;
                        display: block;
                        margin-bottom: 10px
                    }

                        .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list .cart_empty > span:before {
                            font-size: 85px;
                            line-height: 85px
                        }

                .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li {
                    margin-bottom: 20px;
                    padding-bottom: 20px;
                    border-bottom: 1px solid var(--border-color);
                    position: relative
                }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li.loading .jws_cart_item_inner {
                        pointer-events: none;
                        opacity: .2;
                        transition: .3s all
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws_cart_item_inner {
                        position: relative;
                        width: 100%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li:last-child {
                        margin-bottom: 0
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-thumbnail {
                        flex: 0 0 80px;
                        max-width: 80px;
                        margin-right: 20px;
                        position: relative
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content {
                        flex: 0 0 calc(100% - 100px);
                        max-width: calc(100% - 100px);
                        position: relative
                    }

                        .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .jws-cart-panel-product-title {
                            color: var(--heading);
                            display: block;
                            font-weight: 500;
                            padding-right: 20px;
                            margin-bottom: 8px
                        }

                            .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .jws-cart-panel-product-title:hover {
                                color: var(--main)
                            }

                            .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .jws-cart-panel-product-title .engrave {
                                font-size: 14px;
                                font-weight: 300
                            }

                                .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-content .jws-cart-panel-product-title .engrave span {
                                    font-weight: 400
                                }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .product-short-text {
                        font-size: 14px;
                        margin-top: 0;
                        margin-bottom: 14px
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .variation {
                        margin-bottom: 5px;
                        margin-top: 10px
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-price {
                        position: absolute;
                        bottom: 5px;
                        right: 0;
                        color: var(--heading)
                    }

                    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .remove {
                        text-align: center;
                        right: 0;
                        top: 0;
                        position: absolute;
                        font-size: 16px;
                        z-index: 1;
                        opacity: .6
                    }

                        .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .remove:hover {
                            opacity: 1;
                            color: var(--heading)
                        }

                        .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .remove:before {
                            content: "\f2ed";
                            font-family: "Font Awesome 5 Free";
                            font-size: 14px
                        }

.jws_mini_cart > .jws-cart-nav a {
    color: var(--heading);
    position: relative;
    display: block
}

    .jws_mini_cart > .jws-cart-nav a .cart_icon {
        display: inline-block;
        position: relative;
        font-size: 24px;
        color: var(--heading);
        transition: .3s all;
        vertical-align: middle;
        text-align: center;
        border-radius: 100%
    }

    .jws_mini_cart > .jws-cart-nav a .jws_price_total {
        vertical-align: middle;
        font-size: 14px
    }

    .jws_mini_cart > .jws-cart-nav a .cart_text {
        display: inline-block;
        letter-spacing: .5px
    }

        .jws_mini_cart > .jws-cart-nav a .cart_text i {
            margin-left: 2px;
            display: inline-block;
            vertical-align: middle
        }

    .jws_mini_cart > .jws-cart-nav a .jws_cart_count {
        width: 15px;
        height: 15px;
        line-height: 15px;
        display: block;
        text-align: center;
        font-size: 10px;
        border-radius: 100%;
        top: -2px;
        right: -3px;
        position: absolute;
        background: var(--main);
        color: var(--light)
    }

.jws_mini_cart .jws-cart-sidebar {
    height: 100%;
    min-width: 300px
}

@media (max-width: 767px) {
    .jws-cart-sidebar {
        max-width: 90%
    }

        .jws-cart-sidebar .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap {
            padding: 15px
        }

        .jws-cart-sidebar .jws_cart_content .jws-cart-panel .jws-cart-panel-summary {
            padding: 20px 15px
        }

    .cart-head {
        padding: 10px 15px 10px
    }
}

@media (max-width: 340px) {
    .jws_cart_content .jws-cart-panel .jws-cart-panel-list-wrap .cart_list li .jws-cart-panel-item-price {
        position: relative
    }
}

.jws-nav-carousel {
    display: flex;
    align-items: center
}

    .jws-nav-carousel > div {
        color: var(--heading);
        padding: 0 15px;
        cursor: pointer
    }

    .jws-nav-carousel .jws-nav-pre {
        display: block;
        background: #D9D9D9;
        width: 204px;
        height: 1px;
        position: relative
    }

        .jws-nav-carousel .jws-nav-pre span {
            position: absolute;
            left: 0;
            width: 0%;
            top: 0;
            background: var(--main);
            transition: .3s all;
            height: 1px
        }

.jws-slider_video-element .owl-dots {
    margin-top: 15px
}

.jws-slider_video-element .video-action {
    position: absolute;
    bottom: 0;
    right: 60px;
    padding-right: 46px;
    z-index: 1
}

.jws-slider_video-element .thumbnail-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0 -5px
}

    .jws-slider_video-element .thumbnail-nav > h5 {
        margin-bottom: 22px;
        padding: 0 5px
    }

    .jws-slider_video-element .thumbnail-nav .nav-item {
        padding: 0 5px
    }

        .jws-slider_video-element .thumbnail-nav .nav-item .nav-inner {
            cursor: pointer
        }

        .jws-slider_video-element .thumbnail-nav .nav-item img {
            border-radius: 10px;
            margin-bottom: 20px;
            width: 100%
        }

.jws-slider_video-element .title-images {
    margin-bottom: 12px
}

    .jws-slider_video-element .title-images img {
        width: auto !important
    }

.jws-slider_video-element .layout2 .video-images:before {
    background: linear-gradient(0deg,var(--background-body) 0%,rgba(0,3,28,.7) -.38%,rgba(0,3,28,0) 31.32%),linear-gradient(90deg,var(--background-body) 6.03%,rgba(0,3,28,0) 78.64%);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.jws-slider_video-element .layout2 .video-content-holder .video-play {
    margin-bottom: 30px
}

.jws-slider_video-element .layout2 .video-content-holder .video-inner {
    max-width: 456px
}

.jws-slider_video-element .layout2 .video-content-holder .video-meta > div:before {
    margin: 0 12px
}

.jws-slider_video-element .layout2 .video-description {
    margin-bottom: 22px
}

.change-speaker {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,.1);
    text-align: center;
    line-height: 36px;
    border-radius: 100%;
    cursor: pointer
}

    .change-speaker svg {
        width: 1em;
        height: 1em;
        font-size: 16px
    }

.jws_slider_video_item {
    height: 795px;
    position: relative;
    width: 100%
}

.ratio_16x9:before {
    padding-top: calc(56.25%)
}

.ratio_21x9:before {
    padding-top: calc(42.85714286%)
}

.ratio_4x3:before {
    padding-top: calc(75%)
}

.ratio_3x4:before {
    padding-top: calc(133.33333333%)
}

.ratio_1x1:before {
    padding-top: calc(100%)
}

[class*=" ratio_"]:before, [class^="ratio_"]:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block
}

.center-mode .video-background-holder {
    border-radius: 10px;
    overflow: hidden
}

.has-zoom .video-background-holder video, .has-zoom .video-background-holder iframe {
    transform: scale(1.5)
}

.video-background-holder {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

    .video-background-holder .video-player {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .video-background-holder .video-images {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center
    }

    .video-background-holder video, .video-background-holder iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center
    }

    .video-background-holder .video-overlay {
        background: linear-gradient(0deg,var(--background-body) 0%,rgba(0,3,28,.7) 15.62%,rgba(0,3,28,0) 31.32%),linear-gradient(90deg,var(--background-body) 6.03%,rgba(0,3,28,0) 78.64%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

.video-content-holder {
    height: 100%;
    padding: 0 70px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

    .video-content-holder > .row {
        height: 100%
    }

    .video-content-holder .video-inner {
        max-width: 660px
    }

    .video-content-holder .video-cat {
        text-transform: uppercase;
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 14px
    }

        .video-content-holder .video-cat a {
            color: var(--main)
        }

    .video-content-holder .video-description {
        margin-bottom: 32px
    }

    .video-content-holder .video_title {
        margin-bottom: 23px
    }

    .video-content-holder .video-play {
        display: flex;
        align-items: center
    }

        .video-content-holder .video-play > a {
            vertical-align: middle
        }

            .video-content-holder .video-play > a i {
                font-size: 24px;
                vertical-align: middle;
                margin-left: 6px
            }

            .video-content-holder .video-play > a.btn-left {
                margin-right: 36px
            }

        .video-content-holder .video-play .watchlist-add {
            font-weight: 700;
            position: relative
        }

        .video-content-holder .video-play .watchlist-addlayout1.loader {
            left: inherit;
            right: 0;
            margin-left: 0
        }

        .video-content-holder .video-play .watchlist-add .jws-icon-plus {
            background: rgba(255,255,255,.1);
            border-radius: 10px;
            width: 54px;
            height: 54px;
            display: inline-block;
            text-align: center;
            line-height: 58px;
            font-size: 30px
        }

        .video-content-holder .video-play .watchlist-add.watchlisted i:before {
            content: '\f33e'
        }

    .video-content-holder .video-meta {
        color: var(--heading);
        margin-bottom: 32px
    }

        .video-content-holder .video-meta > div {
            display: inline-block
        }

            .video-content-holder .video-meta > div.video-badge {
                height: 23px;
                background: rgba(255,255,255,.1);
                border-radius: 5px;
                font-size: 14px;
                font-weight: 500;
                text-align: center;
                line-height: 23px;
                padding: 0 7px;
                margin-left: 15px
            }

            .video-content-holder .video-meta > div.video-imdb i {
                font-size: 13px;
                color: var(--main);
                margin-right: 17px
            }

            .video-content-holder .video-meta > div:not(:first-child):not(.video-badge):before {
                content: '';
                width: 3px;
                height: 3px;
                background: #FFF;
                opacity: .5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 16px;
                vertical-align: middle
            }

.jws-content-vertical-at-center .video-content-holder > .row {
    -ms-flex-align: center !important;
    align-items: center !important
}

.jws-content-vertical-at-bottom .video-content-holder > .row {
    align-items: flex-end
}

@media (max-width: 767px) {
    .video-content-holder .video-play .watchlist-add .jws-icon-plus {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px
    }

    .video-content-holder .video-play a.btn-left {
        padding: 10px 15px;
        font-size: 12px;
        line-height: 18px;
        margin-right: 20px
    }

    .video-content-holder .video-play .watchlist-add {
        font-size: 12px;
        line-height: 18px
    }

    .video-content-holder .video-meta > div:not(:first-child):not(.video-badge):before {
        margin: 0 5px
    }

    .jws-nav-carousel .jws-nav-pre {
        width: 100px
    }
}

.jws-movies-archive {
    padding-bottom: 70px
}

.post-result {
    display: inline-block
}

.archive-nav {
    margin-bottom: 20px
}

    .archive-nav .post-select-filter {
        margin-bottom: 0;
        float: right
    }

        .archive-nav .post-select-filter .fild-item {
            display: inline-block;
            margin-left: 20px;
            margin-bottom: 5px;
            margin-top: 5px
        }

.external-inner {
    position: absolute;
    z-index: 999;
    transform: scale(1);
    background: var(--background-item);
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem;
    border-radius: 10px;
    overflow: hidden;
    max-width: 100%
}

    .external-inner.active {
        animation: zoomIn .3s both
    }

    .external-inner .change-speaker {
        top: 45%;
        z-index: 1;
        right: 20px
    }

    .external-inner .post-media {
        position: relative;
        padding-bottom: 56%
    }

        .external-inner .post-media:before {
            background: linear-gradient(rgba(0,3,28,0) 0%,var(--background-item) 89%);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            z-index: 1
        }

        .external-inner .post-media iframe, .external-inner .post-media video, .external-inner .post-media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            pointer-events: none
        }

        .external-inner .post-media img {
            object-fit: cover
        }

    .external-inner .post-inner.hover-video .popup-detail {
        display: block !important;
        padding: 0 20px 20px
    }

    .external-inner .post-inner.hover-video .video-cat {
        display: block
    }

    .external-inner .post-inner.hover-video .video-play {
        display: flex
    }

.post-inner.hover-video .post-media {
    margin-bottom: 20px
}

.post-inner.hover-video .popup-detail {
    padding: 0 0 20px
}

.post-inner.hover-video .video-play {
    display: none;
    gap: 10px;
    margin-top: 20px
}

    .post-inner.hover-video .video-play .btn-main {
        padding-top: 12px;
        padding-right: 20px;
        padding-bottom: 12px;
        padding-left: 20px;
        font-size: 14px
    }

.post-inner.hover-video .video-cat {
    margin-bottom: 10px;
    display: none
}

    .post-inner.hover-video .video-cat a {
        color: var(--body);
        font-size: 14px;
        line-height: 19px
    }

        .post-inner.hover-video .video-cat a:not(:first-child):before {
            content: '';
            width: 2px;
            height: 2px;
            background: #fff;
            opacity: .5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 7px;
            vertical-align: middle
        }

.post-inner.hover-video .video-meta {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 10px
}

    .post-inner.hover-video .video-meta > div {
        display: inline-block
    }

        .post-inner.hover-video .video-meta > div:not(:first-child):before {
            content: '';
            width: 2px;
            height: 2px;
            background: #fff;
            opacity: .5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 7px;
            vertical-align: middle
        }

.jws-animated-post .post_content .jws-post-item {
    transform: translateY(50px);
    opacity: 0;
    transition: .3s all
}

.jws-animated-post .post_content .jws-animated {
    transform: none;
    opacity: 1
}

.jws-animated-post .post_content .loader {
    top: 150px
}

.content-area.loading {
    pointer-events: none;
    opacity: .7;
    transition: .5s all
}

.jws-filter-list li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px
}

    .jws-filter-list li a {
        display: block;
        background: var(--input-background)
    }

.jws-post-years-filter li a {
    padding: 6px 12px
}

    .jws-post-years-filter li a:hover, .jws-post-years-filter li a.current {
        background: var(--main);
        color: var(--light)
    }

.jws-post-letter-filter li a {
    padding: 6px 5px;
    color: var(--main);
    text-align: center;
    min-width: 47px
}

    .jws-post-letter-filter li a span {
        display: block;
        font-weight: 400;
        color: var(--light)
    }

    .jws-post-letter-filter li a:hover, .jws-post-letter-filter li a.current {
        background: var(--main);
        color: var(--light)
    }

.jws-post-category-filter ul li.current > a {
    color: var(--main)
}

.jws-post-category-filter ul li a {
    padding: 4px 0;
    display: block
}

.jws-post-category-filter .subcategories {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px
}

.jws_movies_advanced_slider {
    margin-left: -10px;
    margin-right: -10px
}

.jws-movies_advanced-element .jws-post-item {
    margin-bottom: 40px;
    padding: 0 10px
}

.jws-movies_advanced-element .post-media img {
    width: 100%
}

.jws-movies_advanced-element .video-cat a {
    color: var(--body);
    font-size: 14px;
    line-height: 19px
}

    .jws-movies_advanced-element .video-cat a:not(:first-child):before {
        content: '';
        width: 2px;
        height: 2px;
        background: #fff;
        opacity: .5;
        border-radius: 100%;
        display: inline-block;
        margin: 0 7px;
        vertical-align: middle
    }

.jws-movies_advanced-element .video-meta {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 10px
}

    .jws-movies_advanced-element .video-meta > div {
        display: inline-block
    }

        .jws-movies_advanced-element .video-meta > div:not(:first-child):before {
            content: '';
            width: 2px;
            height: 2px;
            background: #fff;
            opacity: .5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 7px;
            vertical-align: middle
        }

.jws-movies_advanced-element .layout1 .post-inner {
    position: relative
}

    .jws-movies_advanced-element .layout1 .post-inner:hover .post-media .media-play a, .jws-movies_advanced-element .layout1 .post-inner:hover .post-media .watchlist-add {
        transform: none;
        opacity: 1
    }

    .jws-movies_advanced-element .layout1 .post-inner .post-media {
        position: relative
    }

        .jws-movies_advanced-element .layout1 .post-inner .post-media img {
            border-radius: 10px;
            width: 100%
        }

        .jws-movies_advanced-element .layout1 .post-inner .post-media .media-play {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -24px
        }

            .jws-movies_advanced-element .layout1 .post-inner .post-media .media-play a {
                transform: translatey(-10px);
                opacity: 0;
                display: block;
                font-size: 48px
            }

        .jws-movies_advanced-element .layout1 .post-inner .post-media .watchlist-add {
            font-size: 14px;
            line-height: 19px;
            text-align: center;
            display: block;
            position: absolute;
            bottom: 0;
            width: calc(100% - 20px);
            background: rgba(255,255,255,.1);
            backdrop-filter: blur(5px);
            border-radius: 3px;
            padding: 8px 10px;
            left: 10px;
            bottom: 10px;
            transform: translatey(10px);
            opacity: 0
        }

            .jws-movies_advanced-element .layout1 .post-inner .post-media .watchlist-add:hover {
                background: var(--main);
                color: #fff
            }

    .jws-movies_advanced-element .layout1 .post-inner .video_title {
        margin-top: 21px;
        margin-bottom: 24px
    }

    .jws-movies_advanced-element .layout1 .post-inner .video-meta .video-badge {
        float: right;
        height: 23px;
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 23px;
        padding: 0 7px;
        margin-left: 15px;
        color: #fff;
        font-weight: 500
    }

        .jws-movies_advanced-element .layout1 .post-inner .video-meta .video-badge:before {
            display: none
        }

.jws-movies_advanced-element .layout3 .owl-item {
    transform: none
}

.jws-movies_advanced-element .layout3 .post-inner .content-hover {
    transition: .3s all;
    position: absolute;
    left: calc(100% + 10px);
    opacity: 0;
    top: 0;
    background: #191C32;
    border-radius: 10px;
    min-width: 370px;
    min-height: 100%;
    height: auto;
    z-index: 1;
    transform: translateX(-10px);
    pointer-events: none
}

    .jws-movies_advanced-element .layout3 .post-inner .content-hover .hover-inner {
        height: 100%;
        padding: 29px 30px
    }

    .jws-movies_advanced-element .layout3 .post-inner .content-hover:after {
        position: absolute;
        height: 100%;
        width: 12px;
        left: -12px;
        top: 0;
        content: ""
    }

    .jws-movies_advanced-element .layout3 .post-inner .content-hover:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 13.5px solid transparent;
        border-right: 12px solid #191c32;
        border-bottom: 13.5px solid transparent;
        position: absolute;
        left: -12px;
        top: 50%;
        margin-top: -6px;
        transition: .3s all
    }

    .jws-movies_advanced-element .layout3 .post-inner .content-hover .video-imdb {
        margin-bottom: 12px
    }

        .jws-movies_advanced-element .layout3 .post-inner .content-hover .video-imdb:before {
            content: url('logo/logo.jpg');
            display: inline-block;
            vertical-align: middle;
            margin-right: 8px;
            height: 24px
        }

        .jws-movies_advanced-element .layout3 .post-inner .content-hover .video-imdb span {
            font-size: 14px;
            color: #fff;
            background: var(--main);
            padding: 2px 10px;
            width: auto;
            height: 24px;
            border-radius: 5px;
            display: inline-block;
            vertical-align: middle
        }

.jws-movies_advanced-element .layout3 .post-inner .post-media {
    margin-bottom: 21px;
    position: relative
}

    .jws-movies_advanced-element .layout3 .post-inner .post-media img {
        border-radius: 10px
    }

.jws-movies_advanced-element .layout3 .post-inner .video-meta2 {
    font-size: 13px;
    line-height: 17.7px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px
}

    .jws-movies_advanced-element .layout3 .post-inner .video-meta2 > div {
        margin-bottom: 8px
    }

    .jws-movies_advanced-element .layout3 .post-inner .video-meta2 label {
        color: var(--body);
        font-weight: 400;
        margin-right: 10px;
        margin-bottom: 0
    }

.jws-movies_advanced-element .layout3 .post-inner .video-meta {
    margin-bottom: 12px
}

    .jws-movies_advanced-element .layout3 .post-inner .video-meta .video-years:before {
        display: none
    }

    .jws-movies_advanced-element .layout3 .post-inner .video-meta .video-badge {
        height: 23px;
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 23px;
        padding: 0 7px;
        color: #fff;
        margin-right: 11px
    }

.jws-movies_advanced-element .layout3 .post-inner .video-description {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 15px
}

.jws-movies_advanced-element .layout3 .post-inner .video-play .video-trailer {
    margin-right: 37px
}

.jws-movies_advanced-element .layout3 .post-inner .video-play a {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: 700
}

    .jws-movies_advanced-element .layout3 .post-inner .video-play a i {
        background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3);
        width: 36px;
        height: 36px;
        display: inline-block;
        border-radius: 100%;
        text-align: center;
        line-height: 36px;
        color: #fff;
        margin-right: 4px;
        font-size: 16px
    }

.jws-movies_advanced-element .layout3 .post-inner .content-display .video-cat a {
    color: var(--body);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

    .jws-movies_advanced-element .layout3 .post-inner .content-display .video-cat a:not(:first-child):before {
        content: '';
        width: 2px;
        height: 2px;
        background: #fff;
        opacity: .5;
        border-radius: 100%;
        display: inline-block;
        margin: 0 7px;
        vertical-align: middle
    }

.jws-movies_advanced-element .layout3 .post-inner:hover .content-hover {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.jws-movies_advanced-element .layout3 .offset-c .post-inner .content-hover {
    left: inherit;
    right: calc(100% + 10px)
}

    .jws-movies_advanced-element .layout3 .offset-c .post-inner .content-hover:after {
        right: -12px;
        left: inherit
    }

    .jws-movies_advanced-element .layout3 .offset-c .post-inner .content-hover:before {
        right: -12px;
        left: inherit;
        border-right: 0;
        border-left: 12px solid #191c32
    }

.jws-movies_advanced-element .layout5 .post-inner .post-media {
    position: relative;
    margin-bottom: 15px
}

    .jws-movies_advanced-element .layout5 .post-inner .post-media img {
        border-radius: 5px
    }

.jws-movies_advanced-element .layout4 .post-inner .post-media {
    position: relative;
    margin-bottom: 21px
}

    .jws-movies_advanced-element .layout4 .post-inner .post-media img {
        border-radius: 10px
    }

.jws-movies_advanced-element .layout4 .post-inner .video-meta {
    margin-bottom: 18px;
    margin-top: 13px
}

    .jws-movies_advanced-element .layout4 .post-inner .video-meta .video-years:before {
        display: none
    }

    .jws-movies_advanced-element .layout4 .post-inner .video-meta .video-badge {
        height: 23px;
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 23px;
        padding: 0 7px;
        color: #fff;
        margin-right: 11px
    }

.jws-movies_advanced-element .layout4 .post-inner .video-description {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 15px
}

.jws-movies_advanced-element .layout4 .post-inner .video-play .video-trailer {
    margin-right: 37px
}

.jws-movies_advanced-element .layout4 .post-inner .video-play a {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: 700
}

    .jws-movies_advanced-element .layout4 .post-inner .video-play a i {
        background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3);
        width: 36px;
        height: 36px;
        display: inline-block;
        border-radius: 100%;
        text-align: center;
        line-height: 36px;
        color: #fff;
        margin-right: 4px;
        font-size: 16px
    }

.jws-movies_advanced-element .layout4 .content-hover {
    transition: .3s all;
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    background: #191C32;
    width: calc(200% + 15px);
    height: 100%;
    z-index: 1;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    padding: 28px 30px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

    .jws-movies_advanced-element .layout4 .content-hover .overlay {
        background: linear-gradient(180deg,rgba(0,3,28,.6) 0%,rgba(0,3,28,0) 33.33%,rgba(0,3,28,0) 66.67%,#13162f 100%);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .jws-movies_advanced-element .layout4 .content-hover .hover-inner {
        margin-top: auto;
        position: relative
    }

.jws-movies_advanced-element .layout4 .move-left {
    transform: translatex(-100%)
}

.jws-movies_advanced-element .layout4 .move-right {
    transform: translatex(100%)
}

.jws-movies_advanced-element .layout4 .owl-item {
    transition: .5s all
}

.jws-movies_advanced-element .layout4 .offset-c .content-hover {
    left: inherit;
    right: 0
}

.jws-movies_advanced-element .layout4 .jws-post-item {
    transition: .3s all
}

    .jws-movies_advanced-element .layout4 .jws-post-item .post-media:hover .content-hover {
        pointer-events: auto;
        opacity: 1;
        transition-delay: 0.5s
    }

.jws-movies_advanced-element .layout2 .post-inner {
    position: relative;
    overflow: hidden
}

    .jws-movies_advanced-element .layout2 .post-inner img {
        border-radius: 5px;
        margin-bottom: 13px
    }

    .jws-movies_advanced-element .layout2 .post-inner .content-back {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transition: .3s all;
        background: #191C32;
        border-radius: 5px;
        transition: .5s all;
        transform: translateX(100%);
        text-align: center;
        padding: 20px
    }

    .jws-movies_advanced-element .layout2 .post-inner .watchlist-add {
        border: 1px solid #fff;
        border-radius: 10px;
        font-size: 14px;
        line-height: 24px;
        font-weight: 700;
        display: inline-block;
        padding: 9px 10px;
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px)
    }

        .jws-movies_advanced-element .layout2 .post-inner .watchlist-add:hover {
            background: var(--main);
            color: #fff;
            border-color: var(--main)
        }

        .jws-movies_advanced-element .layout2 .post-inner .watchlist-add i {
            font-size: 16px
        }

    .jws-movies_advanced-element .layout2 .post-inner .video-description {
        color: #fff;
        font-size: 12px;
        line-height: 19.6px;
        text-align: left;
        max-height: 154px
    }

    .jws-movies_advanced-element .layout2 .post-inner:hover .content-back {
        transform: none
    }

.owl-carousel .owl-nav > button {
    width: 28px;
    height: 76px;
    background: rgba(0,0,0,.2);
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    text-align: center;
    line-height: 76px;
    border-radius: 5px;
    transition: .3s all;
    cursor: pointer;
    z-index: 1
}

    .owl-carousel .owl-nav > button span {
        font-size: 0
    }

        .owl-carousel .owl-nav > button span:before {
            font-family: "jws_icon";
            font-size: 20px
        }

    .owl-carousel .owl-nav > button.owl-next {
        right: 10px
    }

        .owl-carousel .owl-nav > button.owl-next span:before {
            content: '\f31c'
        }

    .owl-carousel .owl-nav > button.owl-prev {
        left: 10px
    }

        .owl-carousel .owl-nav > button.owl-prev span:before {
            content: '\f31b'
        }

    .owl-carousel .owl-nav > button.disabled {
        opacity: 0;
        cursor: no-drop
    }

    .owl-carousel .owl-nav > button:hover {
        background: var(--main)
    }

@media (max-width: 1024px) {
    .post-inner.hover-video .video-play .btn-main {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        font-size: 12px
    }

    .jws-movies_advanced-element .layout3 .post-inner .content-hover {
        min-width: 270px
    }

        .jws-movies_advanced-element .layout3 .post-inner .content-hover .hover-inner {
            padding: 20px 15px
        }

    .jws-filter-list li {
        margin-right: 5px;
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    .jws-movies_advanced-element .layout3 .post-inner .content-hover {
        left: 0 !important;
        min-width: 100%;
        height: 100%;
        transform: none
    }

        .jws-movies_advanced-element .layout3 .post-inner .content-hover:before {
            display: none
        }

    .jws-movies_advanced-element .layout3 .post-inner .video-play .video-trailer {
        margin-right: 10px
    }

    .jws-movies_advanced-element .layout1 .post-inner .video-meta .video-badge {
        height: 20px;
        font-size: 10px;
        line-height: 20px;
        padding: 0 5px;
        margin-left: 7px
    }

    .jws-movies_advanced-element .layout1 .post-inner .video_title {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .jws-movies_advanced-element .layout4 .post-inner .video-play .video-trailer {
        margin-right: 10px
    }

    .jws-movies_advanced-element .layout4 .move-right, .jws-movies_advanced-element .layout4 .move-left {
        transform: none
    }

    .jws-movies_advanced-element .layout4 .content-hover {
        width: 100%;
        padding: 28px 10px
    }
}

.jws_playlist_trailer_element {
    position: relative;
    overflow: hidden
}

    .jws_playlist_trailer_element .video-background {
        position: relative
    }

        .jws_playlist_trailer_element .video-background img {
            object-fit: cover;
            object-position: center;
            width: 100%
        }

        .jws_playlist_trailer_element .video-background .view-video {
            position: absolute;
            left: 50%;
            top: 50%;
            text-align: center;
            margin: -35px -58px
        }

            .jws_playlist_trailer_element .video-background .view-video i {
                font-size: 32px
            }

            .jws_playlist_trailer_element .video-background .view-video span {
                display: block;
                font-weight: 700;
                color: var(--heading);
                margin-top: 11px
            }

    .jws_playlist_trailer_element .playlist-nav {
        position: absolute;
        right: 15px;
        top: 0;
        max-width: 147px;
        width: 20%;
        height: 100%;
        padding: 20px 0
    }

        .jws_playlist_trailer_element .playlist-nav .slick-list {
            height: 100% !important
        }

        .jws_playlist_trailer_element .playlist-nav .nav-item {
            padding: 7.5px 0;
            position: relative
        }

            .jws_playlist_trailer_element .playlist-nav .nav-item img {
                opacity: .6;
                transition: .3s all;
                border: 2px solid transparent;
                cursor: pointer;
                margin-left: 5px;
                width: calc(100% - 5px)
            }

            .jws_playlist_trailer_element .playlist-nav .nav-item:after {
                content: "";
                width: 0;
                height: 0;
                border-top: 9.5px solid transparent;
                border-right: 5px solid var(--main);
                border-bottom: 9.5px solid transparent;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -5px;
                transition: .3s all;
                opacity: 0
            }

            .jws_playlist_trailer_element .playlist-nav .nav-item.slick-current img {
                opacity: 1;
                border: 2px solid var(--main)
            }

            .jws_playlist_trailer_element .playlist-nav .nav-item.slick-current:after {
                opacity: 1
            }

        .jws_playlist_trailer_element .playlist-nav .jws-nav-carousel > div {
            position: absolute;
            border-radius: 5px;
            color: #fff;
            width: 76px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            background: rgba(0,0,0,.2);
            cursor: pointer;
            left: 50%;
            margin-left: -36px;
            transition: .3s all
        }

            .jws_playlist_trailer_element .playlist-nav .jws-nav-carousel > div:hover {
                background: var(--main)
            }

        .jws_playlist_trailer_element .playlist-nav .jws-nav-carousel .nav_prev {
            top: 0
        }

            .jws_playlist_trailer_element .playlist-nav .jws-nav-carousel .nav_prev:before {
                transform: scale(-1);
                display: block
            }

        .jws_playlist_trailer_element .playlist-nav .jws-nav-carousel .nav_next {
            bottom: 0
        }

@media (max-width: 767px) {
    .jws_playlist_trailer_element .playlist-nav {
        right: 0;
        top: inherit;
        max-width: unset;
        width: 100%;
        height: auto;
        padding: 0;
        bottom: 0;
        position: relative
    }

        .jws_playlist_trailer_element .playlist-nav .jws-nav-carousel {
            display: none
        }

        .jws_playlist_trailer_element .playlist-nav .nav-item:after {
            display: none
        }
}

.jws-pisodes_advanced-slider {
    margin: 0 -10px
}

    .jws-pisodes_advanced-slider .jws-post-item {
        padding: 0 10px;
        margin-bottom: 30px
    }

.episodes-content .columns-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}

.episodes-content .columns-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.episodes-content .post-inner .post-media {
    overflow: hidden;
    position: relative
}

.episodes-content .post-inner img {
    object-fit: cover;
    transition: .5s all;
    width: 100%
}

.episodes-content .post-inner:hover img {
    transform: scale(1.1)
}

.episodes-content.layout4 .post-inner {
    border-radius: 5px;
    transition: .3s all
}

    .episodes-content.layout4 .post-inner:hover {
        background: rgba(255,255,255,.1)
    }

.episodes-content.layout4 .post-media {
    border-radius: 5px;
    max-width: 150px;
    display: inline-block;
    vertical-align: middle
}

.episodes-content.layout4 .episodes-info {
    max-width: calc(100% - 155px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px
}

    .episodes-content.layout4 .episodes-info h6 {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        margin-bottom: 0;
        margin-top: 4px
    }

.episodes-content.layout4 .episodes-number {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    color: var(--body2)
}

.episodes-content.layout4 .time {
    background: rgba(0,3,28,.4);
    border-radius: 20px;
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 7px;
    padding: 2px 5px;
    font-size: 12px
}

    .episodes-content.layout4 .time i {
        font-size: 16px;
        margin-right: 5px
    }

.episodes-content.layout4 .active .post-inner {
    background: rgba(255,255,255,.1)
}

.episodes-content.layout3 .post-media {
    margin-bottom: 10px;
    border-radius: 5px
}

.episodes-content.layout3 .time {
    background: rgba(0,3,28,.4);
    border-radius: 20px;
    color: #fff;
    position: absolute;
    bottom: 12px;
    left: 17px;
    padding: 2px 5px;
    font-size: 14px
}

    .episodes-content.layout3 .time i {
        font-size: 20px;
        margin-right: 5px
    }

.episodes-content.layout3 .episodes-number {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

.episodes-content.layout3 h6 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-top: 4px
}

.episodes-content.layout3 .jws-description {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

.episodes-content.layout1 .post-inner {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

    .episodes-content.layout1 .post-inner > a:after {
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: linear-gradient(180deg,rgba(48,48,48,.05) 46.18%,rgba(0,0,0,.9) 100%)
    }

    .episodes-content.layout1 .post-inner img {
        object-fit: cover;
        transition: .5s all
    }

    .episodes-content.layout1 .post-inner .episodes-info {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        padding: 26px 30px;
        width: 100%
    }

        .episodes-content.layout1 .post-inner .episodes-info h6 {
            margin-bottom: -2px
        }

    .episodes-content.layout1 .post-inner .episodes-number {
        font-size: 14px;
        line-height: 19.6px
    }

.episodes-content.layout2 .post-inner .post-media {
    border-radius: 5px
}

.episodes-content.layout2 .post-inner .episodes-info h6 {
    margin-bottom: -3px;
    margin-top: 16px
}

.episodes-content.layout2 .post-inner .episodes-info .episodes-number {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

.jws-episodes_advanced-element {
    position: relative
}

    .jws-episodes_advanced-element .jws-nav-carousel > div {
        width: 28px;
        height: 76px;
        background: rgba(0,0,0,.2);
        color: #fff;
        position: absolute;
        top: 43%;
        margin-top: -38px;
        text-align: center;
        line-height: 76px;
        border-radius: 5px;
        font-size: 15px;
        transition: .3s all;
        cursor: pointer;
        display: none
    }

        .jws-episodes_advanced-element .jws-nav-carousel > div.jws-button-next {
            right: 10px
        }

        .jws-episodes_advanced-element .jws-nav-carousel > div.jws-button-prev {
            left: 10px
        }

        .jws-episodes_advanced-element .jws-nav-carousel > div:hover {
            background: var(--main)
        }

.jws-tv_shows-archive {
    padding-bottom: 70px
}

.tv_shows-nav {
    text-align: right;
    margin-bottom: 28px
}

    .tv_shows-nav > div {
        display: inline-block
    }

        .tv_shows-nav > div:not(:last-child) {
            margin-right: 25px
        }

        .tv_shows-nav > div a {
            font-size: 14px;
            line-height: 19.6px;
            font-weight: 700
        }

            .tv_shows-nav > div a.active {
                color: var(--main)
            }

.jws-animated-post .loading .jws-post-item {
    transform: none;
    opacity: 0;
    transition: .3s all
}

.jws-animated-post .jws-post-item {
    transform: translateY(50px);
    opacity: 0;
    transition: .3s all
}

.jws-animated-post .jws-animated {
    transform: none;
    opacity: 1
}

.jws-tv-shows-advanced-element .jws-post-item {
    margin-bottom: 37px;
    padding: 0 10px
}

.jws-tv-shows-advanced-element .post-media {
    height: 100%
}

.jws-tv-shows-advanced-element .metro img {
    height: 100%;
    object-fit: cover;
    object-position: center
}

.jws-tv-shows-advanced-element .metro .columns-left .post-inner {
    height: 420px
}

.jws-tv-shows-advanced-element .metro .columns-right .post-inner {
    height: 200px
}

.jws-tv-shows-advanced-element .metro .columns-right .row > .jws-post-item:first-child {
    display: none
}

.jws-tv-shows-advanced-element .layout3 .tv-shows-content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 26px 30px
}

.jws-tv-shows-advanced-element .layout3 .post-media {
    margin-bottom: 0 !important
}

    .jws-tv-shows-advanced-element .layout3 .post-media a {
        display: block;
        width: 100%;
        height: 100%
    }

        .jws-tv-shows-advanced-element .layout3 .post-media a:after {
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            background: linear-gradient(180deg,rgba(48,48,48,.05) 46.18%,rgba(0,0,0,.9) 100%)
        }

.jws-tv-shows-advanced-element .layout2 .post-inner .title {
    margin-bottom: 1px
}

.jws-tv-shows-advanced-element .layout2 .post-inner:hover .post-media:before {
    opacity: 1
}

.jws-tv-shows-advanced-element .layout2 .post-inner:hover .videos-play {
    opacity: 1
}

.jws-tv-shows-advanced-element .layout2 .post-media:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(180deg,rgba(48,48,48,.3) 46.18%,rgba(0,0,0,.9) 100%),rgba(0,0,0,0);
    z-index: 1;
    transition: .3s all
}

.jws-tv-shows-advanced-element .layout2 .videos-play {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    opacity: 0;
    color: var(--light)
}

    .jws-tv-shows-advanced-element .layout2 .videos-play i {
        display: block;
        font-size: 36px;
        margin-bottom: 5px
    }

.jws-tv-shows-advanced-element .layout2 .tv-shows-cat a {
    color: var(--body)
}

    .jws-tv-shows-advanced-element .layout2 .tv-shows-cat a:hover {
        color: var(--main)
    }

.jws-tv-shows-advanced-element .post-inner {
    position: relative
}

    .jws-tv-shows-advanced-element .post-inner .post-media {
        overflow: hidden;
        position: relative;
        border-radius: 5px;
        margin-bottom: 20px
    }

        .jws-tv-shows-advanced-element .post-inner .post-media img {
            transition: .5s all;
            width: 100%
        }

    .jws-tv-shows-advanced-element .post-inner .title {
        margin-bottom: -2px
    }

    .jws-tv-shows-advanced-element .post-inner .seasions-numer {
        font-size: 14px;
        line-height: 19.6px
    }

    .jws-tv-shows-advanced-element .post-inner:hover .post-media img {
        transform: scale(1.1)
    }

.jws-tv-shows-advanced-element .jws-nav-carousel > div {
    width: 28px;
    height: 76px;
    background: rgba(0,0,0,.2);
    color: #fff;
    position: absolute;
    top: 43%;
    margin-top: -38px;
    text-align: center;
    line-height: 76px;
    border-radius: 5px;
    font-size: 15px;
    transition: .3s all;
    cursor: pointer;
    display: none
}

    .jws-tv-shows-advanced-element .jws-nav-carousel > div.jws-button-next {
        right: 10px
    }

    .jws-tv-shows-advanced-element .jws-nav-carousel > div.jws-button-prev {
        left: 10px
    }

    .jws-tv-shows-advanced-element .jws-nav-carousel > div:hover {
        background: var(--main)
    }

@media (min-width: 1024px) and (max-width:1500px) {
    .post_sidebar.col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .post_content.col-xl-10 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }

    .post_content .col-xl-20 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (max-width: 1024px) {
    .jws-tv-shows-advanced-element .metro .columns-right .post-inner {
        height: auto
    }
}

@media (max-width: 767px) {
    .jws-tv-shows-advanced-element .metro .columns-right .row > .jws-post-item:first-child {
        display: block
    }

    .jws-tv-shows-advanced-element .layout3 .tv-shows-content {
        padding: 0;
        margin-top: 10px;
        position: unset
    }

    .tv_shows-nav {
        text-align: unset
    }

        .tv_shows-nav > div:not(:last-child) {
            margin-right: 12px
        }
}

.jws-videos-archive {
    margin-bottom: 60px
}

    .jws-videos-archive .jws-pagination-number ul {
        margin-top: 30px
    }

.jws-premium {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24px;
    left: 16px;
    top: 16.84px;
    background: #FFC93D;
    text-align: center;
    border-radius: 100%;
    color: var(--light);
    box-shadow: 0 2px 2px rgba(0,0,0,.15)
}

.jws-videos-advanced-element {
    position: relative
}

    .jws-videos-advanced-element .live-bage {
        background: var(--main);
        border-radius: 5px;
        position: absolute;
        right: 20px;
        top: 17px;
        text-transform: uppercase;
        padding: 4px 10px
    }

    .jws-videos-advanced-element .jws-post-item {
        margin-bottom: 25px
    }

    .jws-videos-advanced-element .jws-videos-advanced-slider {
        margin-left: -10px;
        margin-right: -10px
    }

        .jws-videos-advanced-element .jws-videos-advanced-slider .jws-post-item {
            padding: 0 10px
        }

    .jws-videos-advanced-element .layout1 .post-inner {
        position: relative
    }

        .jws-videos-advanced-element .layout1 .post-inner .videos-meta {
            font-size: var(--font-size-sm);
            line-height: var(--line-height-sm)
        }

            .jws-videos-advanced-element .layout1 .post-inner .videos-meta .time:before {
                content: '';
                width: 2px;
                height: 2px;
                background: #fff;
                opacity: .5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 7px;
                vertical-align: middle
            }

        .jws-videos-advanced-element .layout1 .post-inner .title {
            font-size: var(--font-size-sm);
            line-height: var(--line-height-sm)
        }

        .jws-videos-advanced-element .layout1 .post-inner .post-media {
            overflow: hidden;
            border-radius: 10px;
            position: relative;
            margin-bottom: 11px
        }

            .jws-videos-advanced-element .layout1 .post-inner .post-media .time {
                background: rgba(0,3,28,.4);
                border-radius: 20px;
                color: #fff;
                position: absolute;
                bottom: 14px;
                left: 9px;
                padding: 2px 5px;
                font-size: 14px
            }

                .jws-videos-advanced-element .layout1 .post-inner .post-media .time i {
                    font-size: 20px;
                    margin-right: 5px;
                    vertical-align: middle
                }

            .jws-videos-advanced-element .layout1 .post-inner .post-media img {
                transition: .5s all;
                width: 100%
            }

        .jws-videos-advanced-element .layout1 .post-inner:hover .post-media img {
            transform: scale(1.1)
        }

    .jws-videos-advanced-element .layout2 .post-inner {
        background: var(--background-item);
        border-radius: 10px;
        overflow: hidden
    }

        .jws-videos-advanced-element .layout2 .post-inner .post-media {
            overflow: hidden;
            position: relative
        }

            .jws-videos-advanced-element .layout2 .post-inner .post-media .time {
                background: rgba(0,3,28,.4);
                border-radius: 20px;
                color: #fff;
                position: absolute;
                bottom: 17px;
                left: 13px;
                padding: 0 10px;
                font-size: 14px
            }

            .jws-videos-advanced-element .layout2 .post-inner .post-media .play-video {
                position: absolute;
                top: 50%;
                left: 50%;
                font-size: 40px;
                margin-left: -20px;
                margin-top: -10px
            }

            .jws-videos-advanced-element .layout2 .post-inner .post-media img {
                transition: .5s all;
                width: 100%
            }

        .jws-videos-advanced-element .layout2 .post-inner .video-cat {
            font-size: var(--font-size-sm);
            line-height: var(--line-height-sm);
            margin-bottom: 7px
        }

        .jws-videos-advanced-element .layout2 .post-inner .videos-meta {
            font-size: var(--font-size-sm);
            line-height: var(--line-height-sm)
        }

            .jws-videos-advanced-element .layout2 .post-inner .videos-meta .time:before {
                content: '';
                width: 2px;
                height: 2px;
                background: #fff;
                opacity: .5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 3px;
                vertical-align: middle
            }

        .jws-videos-advanced-element .layout2 .post-inner .videos-content {
            position: relative;
            padding-top: 21px;
            padding-bottom: 20px;
            padding-left: 17px;
            padding-right: 17px
        }

        .jws-videos-advanced-element .layout2 .post-inner .author-avatar {
            border: 4px solid var(--background-item);
            background: var(--light);
            border-radius: 100%;
            overflow: hidden;
            display: inline-block;
            position: absolute;
            right: 30px;
            top: -24px;
            max-width: 48px;
            height: 48px
        }

            .jws-videos-advanced-element .layout2 .post-inner .author-avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center
            }

        .jws-videos-advanced-element .layout2 .post-inner:hover .post-media img {
            transform: scale(1.1)
        }

    .jws-videos-advanced-element .layout3 .videos-meta {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .jws-videos-advanced-element .layout3 .videos-meta span:not(:first-child):before {
            content: '';
            width: 2px;
            height: 2px;
            background: #fff;
            opacity: .5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 3px;
            vertical-align: middle
        }

    .jws-videos-advanced-element .layout3 .post-media {
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative
    }

    .jws-videos-advanced-element .layout3 .videos-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center
    }

        .jws-videos-advanced-element .layout3 .videos-content .author-avatar {
            width: 50px;
            height: 50px;
            border: 4px solid var(--background-item);
            background: var(--light);
            border-radius: 100%;
            position: relative
        }

            .jws-videos-advanced-element .layout3 .videos-content .author-avatar img {
                border-radius: 100%
            }

            .jws-videos-advanced-element .layout3 .videos-content .author-avatar .live {
                position: absolute;
                width: 18px;
                height: 18px;
                right: -4px;
                bottom: 0;
                background: #00DA98;
                border: 4px solid var(--background-item);
                border-radius: 100%
            }

        .jws-videos-advanced-element .layout3 .videos-content > div:last-child {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 50px);
            flex: 0 0 calc(100% - 50px);
            max-width: calc(100% - 50px);
            padding-left: 17px
        }

    .jws-videos-advanced-element .layout4 .title {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        margin-bottom: 5px
    }

    .jws-videos-advanced-element .layout4 .videos-meta {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .jws-videos-advanced-element .layout4 .videos-meta .time:before {
            content: '';
            width: 2px;
            height: 2px;
            background: #fff;
            opacity: .5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 7px;
            vertical-align: middle
        }

    .jws-videos-advanced-element .layout4 .post-media {
        border-radius: 5px;
        max-width: 150px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        position: relative
    }

        .jws-videos-advanced-element .layout4 .post-media .time {
            background: rgba(0,3,28,.4);
            border-radius: 20px;
            color: #fff;
            position: absolute;
            bottom: 6px;
            left: 8px;
            padding: 2px 5px;
            font-size: 12px
        }

            .jws-videos-advanced-element .layout4 .post-media .time i {
                font-size: 16px;
                margin-right: 5px;
                vertical-align: middle
            }

    .jws-videos-advanced-element .layout4 .videos-content {
        max-width: calc(100% - 155px);
        display: inline-block;
        vertical-align: middle;
        padding-left: 8px
    }

    .jws-videos-advanced-element .jws-nav-carousel > div {
        width: 28px;
        height: 76px;
        background: rgba(0,0,0,.2);
        color: #fff;
        position: absolute;
        top: 43%;
        margin-top: -38px;
        text-align: center;
        line-height: 76px;
        border-radius: 5px;
        font-size: 15px;
        transition: .3s all;
        cursor: pointer
    }

        .jws-videos-advanced-element .jws-nav-carousel > div.jws-button-next {
            right: 10px
        }

        .jws-videos-advanced-element .jws-nav-carousel > div.jws-button-prev {
            left: 10px
        }

        .jws-videos-advanced-element .jws-nav-carousel > div:hover {
            background: var(--main)
        }

.jws-person-archive {
    margin-bottom: 60px
}

.jws-person-advanced-element {
    position: relative
}

    .jws-person-advanced-element .jws-person-advanced-slider {
        margin-left: -10px;
        margin-right: -10px
    }

        .jws-person-advanced-element .jws-person-advanced-slider .jws-post-item {
            padding: 0 10px
        }

    .jws-person-advanced-element .jws-post-item {
        margin-bottom: 30px
    }

    .jws-person-advanced-element .layout1 .jws-post-item {
        padding-top: 12px
    }

    .jws-person-advanced-element .layout1 .post-inner {
        text-align: center;
        transition: .3s all
    }

        .jws-person-advanced-element .layout1 .post-inner .post-media {
            overflow: hidden;
            border-radius: 100%;
            margin-bottom: 18px;
            border: 2px solid var(--main);
            display: inline-block
        }

            .jws-person-advanced-element .layout1 .post-inner .post-media img {
                width: 100%
            }

        .jws-person-advanced-element .layout1 .post-inner:hover {
            transform: translatey(-12px)
        }

    .jws-person-advanced-element .layout2 .post-inner .post-media {
        overflow: hidden
    }

        .jws-person-advanced-element .layout2 .post-inner .post-media img {
            width: 100%;
            transition: .3s all
        }

    .jws-person-advanced-element .layout2 .post-inner .person-content .title {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        margin-top: 17px;
        margin-bottom: 6px
    }

    .jws-person-advanced-element .layout2 .post-inner .person-content .cast-cat {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

    .jws-person-advanced-element .layout2 .post-inner:hover .post-media img {
        transform: scale(1.1)
    }

    .jws-person-advanced-element .jws-nav-carousel > div {
        width: 28px;
        height: 76px;
        background: rgba(0,0,0,.2);
        color: #fff;
        position: absolute;
        top: 43%;
        margin-top: -38px;
        text-align: center;
        line-height: 76px;
        border-radius: 5px;
        font-size: 15px;
        transition: .3s all;
        cursor: pointer
    }

        .jws-person-advanced-element .jws-nav-carousel > div.jws-button-next {
            right: 10px
        }

        .jws-person-advanced-element .jws-nav-carousel > div.jws-button-prev {
            left: 10px
        }

        .jws-person-advanced-element .jws-nav-carousel > div:hover {
            background: var(--main)
        }

.jws-video-special-element {
    position: relative;
    overflow: hidden
}

    .jws-video-special-element .jws-image img {
        width: 100%
    }

    .jws-video-special-element .video-player {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: .3s all;
        opacity: 0
    }

        .jws-video-special-element .video-player > video {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            object-fit: cover;
            object-position: top
        }

    .jws-video-special-element .change-speaker {
        background: rgba(0,0,0,.5);
        bottom: 23px;
        right: 22px
    }

    .jws-video-special-element.video-play .video-player {
        opacity: 1
    }

.jws-videocat-list {
    position: relative;
    overflow: hidden
}

    .jws-videocat-list .jws-videocat {
        margin: 0 -7.5px
    }

    .jws-videocat-list .layout1 .category-tab-item {
        padding: 0 7.5px;
        width: auto;
        margin: 20px 0
    }

        .jws-videocat-list .layout1 .category-tab-item a {
            background: rgba(255,255,255,.1);
            border-radius: 30px;
            padding: 13px 31px;
            display: block;
            font-size: var(--font-size-sm);
            line-height: var(--line-height-sm);
            text-transform: uppercase
        }

            .jws-videocat-list .layout1 .category-tab-item a:hover {
                background: var(--main);
                color: #fff
            }

    .jws-videocat-list .layout1 .owl-nav > button {
        width: 28px;
        height: 47px;
        background: var(--background-item);
        margin-top: -23px;
        margin-left: -2.5px;
        margin-right: -2.5px;
        line-height: 47px !important
    }

        .jws-videocat-list .layout1 .owl-nav > button:hover {
            background: var(--main)
        }

        .jws-videocat-list .layout1 .owl-nav > button.owl-next {
            box-shadow: -15px 0 20px rgba(0,3,28,.8)
        }

        .jws-videocat-list .layout1 .owl-nav > button.owl-prev {
            box-shadow: 15px 0 20px rgba(0,3,28,.8)
        }

        .jws-videocat-list .layout1 .owl-nav > button.disabled {
            opacity: 0;
            visibility: hidden
        }

    .jws-videocat-list .layout2 .category-tab-item a {
        display: block;
        position: relative;
        border-radius: 10px;
        overflow: hidden
    }

        .jws-videocat-list .layout2 .category-tab-item a:after {
            content: "";
            background: rgba(0,0,0,.2);
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute
        }

        .jws-videocat-list .layout2 .category-tab-item a:hover img {
            transform: scale(1.1)
        }

    .jws-videocat-list .layout2 .category-tab-item span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-weight: 700;
        color: var(--heading);
        z-index: 1
    }

    .jws-videocat-list .layout2 .category-tab-item img {
        transition: .3s all
    }

    .jws-videocat-list .layout3 .category-inner {
        display: block;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 125px
    }

        .jws-videocat-list .layout3 .category-inner:hover .category-images img {
            transform: rotate(2deg) translate(-7px,-10px)
        }

    .jws-videocat-list .layout3 .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .jws-videocat-list .layout3 .category-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 19px 19px 13px
    }

        .jws-videocat-list .layout3 .category-content h6 {
            margin-bottom: 3px
        }

        .jws-videocat-list .layout3 .category-content > span {
            font-size: var(--font-size-sm);
            line-height: var(--line-height-sm);
            color: var(--heading)
        }

    .jws-videocat-list .layout3 .category-images {
        position: absolute;
        right: -7px;
        bottom: -15px
    }

        .jws-videocat-list .layout3 .category-images img {
            width: 81px;
            height: 105.85px;
            border-radius: 5px;
            transform: rotate(9.74deg);
            object-fit: cover;
            object-position: center;
            transition: .3s all
        }

        .jws-videocat-list .layout3 .category-images > span {
            border-radius: 5px;
            transform: rotate(-8.109999999999999deg);
            width: 81px;
            height: 105.85px;
            display: block;
            position: absolute;
            left: -18px;
            top: 12px
        }

.jws-videocat::-webkit-scrollbar {
    display: none
}

.jws-top-videos-tabs-element .layout1 .top-number {
    -webkit-text-stroke: 1px var(--heading);
    -webkit-text-fill-color: transparent;
    font-size: 160px;
    line-height: 160px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -80px
}

.jws-top-videos-tabs-element .layout1 .top-videos-inner {
    position: relative;
    padding-left: 89px
}

    .jws-top-videos-tabs-element .layout1 .top-videos-inner a {
        display: inline-block;
        border: 2px solid transparent;
        border-radius: 5px;
        overflow: hidden
    }

        .jws-top-videos-tabs-element .layout1 .top-videos-inner a img {
            transition: .3s all
        }

    .jws-top-videos-tabs-element .layout1 .top-videos-inner:before {
        content: "";
        position: absolute;
        width: 142px;
        height: 123px;
        left: 43px;
        top: 50%;
        background: linear-gradient(248.28deg,var(--secondary) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--third) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--main);
        filter: blur(40px);
        margin-top: -62px
    }

    .jws-top-videos-tabs-element .layout1 .top-videos-inner:hover a {
        border-color: var(--main)
    }

        .jws-top-videos-tabs-element .layout1 .top-videos-inner:hover a img {
            transform: scale(1.1)
        }

.jws-top-videos-tabs-element .layout2 .top-videos-inner {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 14px;
    margin-bottom: 14px
}

.jws-top-videos-tabs-element .layout2 .top-images {
    margin: 0 12px 0 17px
}

.jws-top-videos-tabs-element .layout2 .top-number {
    min-width: 20px;
    text-align: center
}

.jws-top-videos-tabs-element .layout2 .video-years {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 3px
}

.jws-top-videos-tabs-element .layout2 .top-content h6 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 0
}

.jws-top-videos-tabs-element .layout2 .top-content .video-cat a {
    color: var(--main);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

    .jws-top-videos-tabs-element .layout2 .top-content .video-cat a:not(:first-child):before {
        content: '';
        width: 2px;
        height: 2px;
        background: var(--main);
        border-radius: 100%;
        display: inline-block;
        margin: 0 7px;
        vertical-align: middle
    }

.jws-top-videos-tabs-element .layout3 .top-videos-inner {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 14px;
    margin-bottom: 14px
}

.jws-top-videos-tabs-element .layout3 .top-images {
    margin: 0 12px 0 0;
    min-width: 105px;
    position: relative
}

.jws-top-videos-tabs-element .layout3 .top-number {
    width: 36px;
    padding: 0 5px;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--light);
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

.jws-top-videos-tabs-element .layout3 h6 {
    margin-top: 5px;
    margin-bottom: 5px
}

.jws-top-videos-tabs-element .layout3 .video-cat a {
    color: var(--body)
}

    .jws-top-videos-tabs-element .layout3 .video-cat a:hover {
        color: var(--main)
    }

.jws-menu-side-element .jws-menu-side {
    padding: 0;
    list-style-type: none
}

    .jws-menu-side-element .jws-menu-side > .menu-item {
        margin-bottom: 9px;
        position: relative
    }

        .jws-menu-side-element .jws-menu-side > .menu-item > a {
            display: flex;
            align-items: center
        }

            .jws-menu-side-element .jws-menu-side > .menu-item > a.active > .menu-icon {
                background: #282B35;
                vertical-align: middle;
                margin-right: 10px
            }

            .jws-menu-side-element .jws-menu-side > .menu-item > a > .menu-text {
                display: block;
                vertical-align: middle;
                font-size: var(--font-size-sm);
                line-height: var(--line-height-sm);
                position: absolute;
                left: 58px;
                pointer-events: none;
                opacity: 0
            }

            .jws-menu-side-element .jws-menu-side > .menu-item > a > .menu-icon {
                width: 48px;
                height: 48px;
                display: inline-block;
                border-radius: 10px;
                text-align: center;
                line-height: 48px
            }

                .jws-menu-side-element .jws-menu-side > .menu-item > a > .menu-icon svg {
                    width: 1em;
                    height: 1em;
                    font-size: 24px;
                    margin-top: 11px
                }

                .jws-menu-side-element .jws-menu-side > .menu-item > a > .menu-icon i {
                    font-size: 24px
                }

.jws-pmpro-level-element .pmpro-level-inner {
    margin-bottom: 20px
}

.jws-pmpro-level-element .button-custom {
    border: 2px solid var(--main);
    color: var(--main)
}

    .jws-pmpro-level-element .button-custom:hover {
        color: var(--light)
    }

.jws-pmpro-level-element .layout2 .pmpro-level-inner {
    border-radius: 10px;
    padding: 48px 30px
}

.jws-pmpro-level-element .layout2 .active .pmpro-level-inner {
    padding: 57px 50px;
    background: var(--background-item)
}

.jws-pmpro-level-element .layout2 .price > h4 {
    color: var(--main)
}

    .jws-pmpro-level-element .layout2 .price > h4 strong {
        color: var(--main)
    }

.jws-pmpro-level-element .layout2 .description {
    margin-bottom: 36px;
    margin-top: 36px
}

    .jws-pmpro-level-element .layout2 .description ul {
        padding: 0;
        list-style-type: none
    }

        .jws-pmpro-level-element .layout2 .description ul li {
            position: relative;
            padding-left: 18px
        }

            .jws-pmpro-level-element .layout2 .description ul li:not(:last-child) {
                margin-bottom: 8px
            }

            .jws-pmpro-level-element .layout2 .description ul li:before {
                content: '';
                background: var(--main);
                position: absolute;
                top: 9px;
                left: 0;
                width: 6px;
                height: 6px;
                border-radius: 100%
            }

.jws-pmpro-level-element .layout1 .pmpro-level-inner {
    border: 2px solid var(--main);
    border-radius: 10px;
    padding: 48px 30px
}

.jws-pmpro-level-element .layout1 .beat-pricing {
    margin-bottom: 13px
}

    .jws-pmpro-level-element .layout1 .beat-pricing span {
        border-radius: 20px;
        background: var(--main);
        color: var(--light);
        font-size: 10px;
        display: inline-block;
        padding: 4px 15px
    }

.jws-pmpro-level-element .layout1 .button-custom {
    width: 100%
}

.jws-pmpro-level-element .layout1 .pmpro-plan-button {
    margin-top: 20px;
    margin-bottom: 28px
}

.jws-pmpro-level-element .layout1 .description ul {
    padding: 0;
    list-style-type: none
}

    .jws-pmpro-level-element .layout1 .description ul li {
        position: relative;
        padding-left: 30px
    }

        .jws-pmpro-level-element .layout1 .description ul li:not(:last-child) {
            margin-bottom: 15px
        }

        .jws-pmpro-level-element .layout1 .description ul li:before {
            content: '\e803';
            font-family: "jws_icon";
            font-size: 24px;
            color: var(--main);
            position: absolute;
            top: 0;
            left: 0
        }

.jws-pmpro-level-element .layout1 .active .pmpro-level-inner {
    padding: 57px 30px
}

@media (max-width: 1024px) {
    .jws-pmpro-level-element .layout1 .active .pmpro-level-inner {
        padding: 57px 10px
    }

    .jws-pmpro-level-element .layout1 .pmpro-level-inner {
        padding: 48px 10px
    }

    .jws-pmpro-level-element .layout1 h4.text-info {
        font-size: 21px;
        line-height: 28px
    }

    .jws-pmpro-level-element .layout2 .pmpro-level-inner {
        padding: 48px 0
    }

    .jws-pmpro-level-element .layout2 .active .pmpro-level-inner {
        padding: 40px 15px
    }
}

.single-movies .version-v3 > .container {
    padding: 0 !important
}

.single-movies .version-v3 .jws-content {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 10px
}

.single-movies .version-v3 .jws-person-advanced-element {
    margin-bottom: 39px
}

    .single-movies .version-v3 .jws-person-advanced-element > h5 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 16px
    }

.single-movies .version-v3 .jws-videos-advanced-element > h5 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 24px
}

.single-movies .version-v3 .post-inner {
    max-width: 205px
}

.single-movies .version-v3 .post-inner {
    max-width: 310px
}

.single-movies .version-v3 .jws-banners {
    padding: 171px 15px;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-bottom: 44px
}

    .single-movies .version-v3 .jws-banners:before {
        background: linear-gradient(0deg,var(--background-body) 0%,rgba(0,3,28,.7) -.38%,rgba(0,3,28,0) 31.32%),linear-gradient(90deg,var(--background-body) 6.03%,rgba(0,3,28,0) 78.64%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        content: ""
    }

    .single-movies .version-v3 .jws-banners .jws-banners-inner {
        display: flex;
        max-width: 1300px;
        margin: 0 auto;
        position: relative
    }

        .single-movies .version-v3 .jws-banners .jws-banners-inner .jws-images {
            width: 200px;
            padding-right: 0
        }

            .single-movies .version-v3 .jws-banners .jws-banners-inner .jws-images img {
                border-radius: 10px
            }

        .single-movies .version-v3 .jws-banners .jws-banners-inner .banners-right {
            max-width: 547px;
            margin-left: 40px
        }

.single-movies .version-v3 .jws-title {
    font-size: 37.9px;
    line-height: 43px
}

.single-movies .version-v3 .jws-description {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

.single-movies .version-v3 .jws-tool {
    margin-bottom: 21px
}

.single-movies .version-v3 .jws-meta-director {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 13px
}

.single-movies .version-v3 .video-play a {
    float: left
}

    .single-movies .version-v3 .video-play a:first-child {
        margin-right: 15px;
        margin-bottom: 10px
    }

    .single-movies .version-v3 .video-play a i {
        margin-left: 10px;
        font-size: 24px;
        font-weight: 400;
        vertical-align: middle
    }

.single-movies .version-v3 .video-play .button-custom {
    color: var(--light);
    background: var(--background-item)
}

.single-movies .version-v3 .comment-reply-title {
    font-size: 16px;
    line-height: 18px
}

.single-movies .version-v3 .jws-related {
    margin-top: 60px
}

.single-movies .version-v3 #video-popup {
    max-width: 1300px;
    margin: 0 auto
}

.single-movies .version-v1 .jws-meta-director {
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(217,217,217,.1);
    padding-bottom: 40px
}

.single-movies .version-v1 .jws-images {
    padding-bottom: 25px
}

    .single-movies .version-v1 .jws-images img {
        margin-bottom: 27px
    }

.single-movies .version-v2 .jws-tool {
    margin-bottom: 21px
}

.single-movies .version-v2 .comments-area .comment-respond {
    margin-top: 0
}

.single-movies .site-main {
    padding-bottom: 80px
}

    .single-movies .site-main > .container {
        padding: 0 var(--full-fd)
    }

.single-movies .jws-images {
    padding-right: 25px;
    max-width: 450px
}

    .single-movies .jws-images img {
        width: 100%;
        border-radius: 10px
    }

.single-movies .jws-tool {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 450px
}

    .single-movies .jws-tool > div {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .single-movies .jws-tool > div:not(:last-child) {
            margin-right: 15px
        }

        .single-movies .jws-tool > div i {
            margin-right: 2px;
            font-size: 20px
        }

        .single-movies .jws-tool > div > a {
            background: var(--background-item);
            border-radius: 5px;
            display: block;
            padding: 5px 10px
        }

            .single-movies .jws-tool > div > a:hover {
                background: var(--main);
                color: var(--light)
            }

                .single-movies .jws-tool > div > a:hover i {
                    color: var(--light) !important
                }

    .single-movies .jws-tool .jws-likes {
        flex-grow: 4;
        position: relative
    }

        .single-movies .jws-tool .jws-likes .liked i {
            color: var(--main)
        }

    .single-movies .jws-tool .jws-share {
        flex-grow: 2
    }

    .single-movies .jws-tool .jws-watchlist {
        flex-grow: 2;
        position: relative
    }

.single-movies .jws-title {
    font-size: 50.52px;
    line-height: 56.8px
}

.single-movies .jws-meta-info2 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 5px
}

    .single-movies .jws-meta-info2 > .video-time:before {
        content: '';
        width: 2px;
        height: 2px;
        background: #fff;
        opacity: .5;
        border-radius: 100%;
        display: inline-block;
        margin: 0 7px;
        vertical-align: middle
    }

    .single-movies .jws-meta-info2 .video-badge {
        height: 23px;
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 23px;
        padding: 4px 7px;
        margin-left: 15px;
        color: #fff;
        font-weight: 500
    }

.single-movies .jws-meta-info {
    margin-top: 21px;
    margin-bottom: 9px
}

    .single-movies .jws-meta-info > div {
        display: inline-block;
        margin-right: 11px
    }

    .single-movies .jws-meta-info .jws-imdb {
        color: var(--heading)
    }

    .single-movies .jws-meta-info .jws-view, .single-movies .jws-meta-info .jws-comment-number {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .single-movies .jws-meta-info .jws-view i, .single-movies .jws-meta-info .jws-comment-number i {
            color: var(--heading);
            font-size: 16px;
            margin-right: 4px
        }

.single-movies .jws-category {
    margin-bottom: 19px
}

    .single-movies .jws-category a {
        color: var(--body);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .single-movies .jws-category a:not(:first-child):before {
            content: '';
            width: 2px;
            height: 2px;
            background: #fff;
            opacity: .5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 7px;
            vertical-align: middle
        }

.single-movies .jws-description {
    max-width: 820px;
    color: var(--heading);
    margin-bottom: 21px
}

.single-movies .jws-meta-director > div {
    color: var(--heading)
}

    .single-movies .jws-meta-director > div label {
        font-weight: 700;
        margin-right: 21px
    }

.single-movies .title-related {
    margin-bottom: 24px
}

.single-movies .jws-videos-advanced-element > h5 {
    margin-bottom: 25px
}

.tabs-content > div:not(.active) {
    display: none
}

.tabs-content .post-inner {
    max-width: 205px
}

.tabs-content .post-inner {
    max-width: 280px
}

    .tabs-content .post-inner .post-media {
        margin-bottom: 12px
    }

    .tabs-content .post-inner .title {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

.jws-tabs {
    margin-bottom: 81px
}

    .jws-tabs .nav-tabs {
        padding: 0;
        list-style-type: none;
        margin-bottom: 48px;
        display: flex
    }

        .jws-tabs .nav-tabs:after {
            content: "";
            display: table;
            clear: both
        }

        .jws-tabs .nav-tabs li {
            float: left
        }

            .jws-tabs .nav-tabs li:not(:last-child) {
                margin-right: 37px
            }

        .jws-tabs .nav-tabs a {
            font-weight: 700;
            position: relative;
            padding-bottom: 4px;
            display: block
        }

            .jws-tabs .nav-tabs a:after {
                content: "";
                height: 3px;
                width: 0;
                transition: .3s all;
                background: var(--main);
                position: absolute;
                bottom: 0;
                left: 0
            }

            .jws-tabs .nav-tabs a.active:after {
                width: 100%
            }

.jws-Reviews .comment_top {
    margin-top: 50px;
    position: relative
}

.jws-download-videos {
    background: var(--background-item);
    border-radius: 5px;
    display: block;
    padding: 12px 15px;
    text-align: center;
    margin-top: 20px;
    position: relative;
    max-width: 400px;
    margin-bottom: 20px
}

    .jws-download-videos i {
        font-size: 24px;
        margin-left: 10px
    }

    .jws-download-videos:hover {
        background: var(--main);
        color: var(--light)
    }

ul.jws-download-list {
    list-style-type: none;
    background: var(--background-item);
    padding: 5px 20px;
    border-radius: 3px;
    display: none;
    margin-bottom: 20px;
    max-width: 400px
}

    ul.jws-download-list li a {
        display: block;
        padding: 10px 0;
        position: relative
    }

    ul.jws-download-list li:not(:last-child) a {
        border-bottom: 1px solid var(--border-color)
    }

.spinner {
    display: inline-block;
    position: relative;
    margin-bottom: 20px
}

.spinner-blade {
    position: absolute;
    left: .4629em;
    bottom: 0;
    width: 2px;
    height: 6px;
    border-radius: .5em;
    background-color: transparent;
    transform-origin: center -.4222em;
    -webkit-animation: spinner-fade 1s infinite linear;
    animation: spinner-fade 1s infinite linear
}

    .spinner-blade:nth-child(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        transform: rotate(0deg)
    }

    .spinner-blade:nth-child(2) {
        -webkit-animation-delay: 0.13s;
        animation-delay: 0.13s;
        transform: rotate(45deg)
    }

    .spinner-blade:nth-child(3) {
        -webkit-animation-delay: 0.26s;
        animation-delay: 0.26s;
        transform: rotate(90deg)
    }

    .spinner-blade:nth-child(4) {
        -webkit-animation-delay: 0.39s;
        animation-delay: 0.39s;
        transform: rotate(135deg)
    }

    .spinner-blade:nth-child(5) {
        -webkit-animation-delay: 0.52s;
        animation-delay: 0.52s;
        transform: rotate(180deg)
    }

    .spinner-blade:nth-child(6) {
        -webkit-animation-delay: 0.65s;
        animation-delay: 0.65s;
        transform: rotate(225deg)
    }

    .spinner-blade:nth-child(7) {
        -webkit-animation-delay: 0.78s;
        animation-delay: 0.78s;
        transform: rotate(270deg)
    }

    .spinner-blade:nth-child(8) {
        -webkit-animation-delay: 0.91s;
        animation-delay: 0.91s;
        transform: rotate(315deg)
    }

.videos_player {
    position: relative
}

    .videos_player iframe video {
        width: 100%
    }

    .videos_player:not(.has-embed) {
        margin-bottom: 80px;
        overflow: hidden
    }

    .videos_player.loading #videos_player, .videos_player.loading iframe {
        opacity: 0
    }

    .videos_player .player-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #181818;
        left: 0;
        top: 0;
        z-index: 11;
        display: none
    }

        .videos_player .player-overlay .overlay-inner {
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .videos_player .player-overlay .message {
            color: #fff
        }

    .videos_player .videos-affiliate {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: var(--heading);
        background-size: cover !important;
        background-position: center !important
    }

        .videos_player .videos-affiliate a {
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 60px;
            margin: -30px 0 0 -30px
        }

    .videos_player .videos-message {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: var(--heading);
        background-size: cover !important;
        background-position: center !important
    }

        .videos_player .videos-message:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5);
            content: ""
        }

        .videos_player .videos-message .pmpro_content_message {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            text-align: center;
            width: 100%;
            padding: 0 15px
        }

        .videos_player .videos-message a {
            background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3);
            color: var(--btn-color);
            border: 0;
            padding-top: 15px;
            padding-right: 31px;
            padding-bottom: 15px;
            padding-left: 31px;
            font-weight: 700;
            font-size: 16px;
            line-height: 20px;
            position: relative;
            overflow: hidden;
            display: inline-block;
            transition: .2s ease;
            border-radius: 10px;
            text-align: center;
            margin: 15px 10px 0 0
        }

            .videos_player .videos-message a:hover {
                box-shadow: 0 15px 40px -8px rgba(158,97,255,.5);
                transform: translateY(-3px);
                color: var(--btn-color2)
            }

    .videos_player .jws_player, .videos_player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .videos_player .vjs-picture-in-picture .vjs-poster {
        display: block
    }

.sources-list {
    text-align: center;
    margin-top: -36px;
    margin-bottom: 20px
}

    .sources-list ul {
        display: inline-block
    }

        .sources-list ul li {
            display: inline-block;
            background: var(--background-item);
            border-radius: 5px;
            padding: 6px 12px;
            color: var(--heading);
            transition: .3s all;
            float: left;
            margin: 4px
        }

            .sources-list ul li:not(.label):hover, .sources-list ul li.active {
                background: var(--main)
            }

            .sources-list ul li i {
                font-size: 16px;
                margin-right: 5px
            }

.sources-table {
    margin-top: 25px;
    margin-bottom: 65px
}

    .sources-table table {
        border-collapse: separate;
        border-spacing: 0 8px;
        color: var(--heading)
    }

    .sources-table thead {
        background: var(--main);
        color: var(--light);
        font-weight: 700
    }

    .sources-table tbody tr {
        border: 0;
        background: var(--background-item);
        margin-bottom: 10px
    }

    .sources-table td {
        padding: 10px 1.4em
    }

    .sources-table button {
        font-weight: 700
    }

        .sources-table button i {
            width: 36px;
            height: 36px;
            border-radius: 100%;
            background: var(--main);
            display: inherit;
            line-height: 36px;
            margin-right: 10px
        }

.comment-rating-field {
    padding: 0 10px;
    margin-bottom: 10px
}

    .comment-rating-field > label {
        color: var(--heading);
        font-weight: 500
    }

#comment_rating_stars i {
    color: var(--body);
    font-size: 16px;
    cursor: pointer;
    transition: color .2s
}

    #comment_rating_stars i.active {
        color: var(--main)
    }

.jws-raring-result {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 98px;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

    .jws-raring-result:before {
        content: '\f005\f005\f005\f005\f005';
        left: 0;
        top: 0;
        position: absolute;
        font-size: 13px;
        color: var(--main);
        letter-spacing: 6px
    }

    .jws-raring-result span {
        overflow: hidden;
        position: absolute;
        text-indent: -999em;
        color: #333;
        padding-top: 1.5em;
        left: 0
    }

        .jws-raring-result span:before {
            content: '\f005\f005\f005\f005\f005';
            left: 0;
            top: 0;
            position: absolute;
            font-size: 13px;
            text-indent: 0;
            font-weight: 900;
            color: var(--main);
            letter-spacing: 6px
        }

@media (min-width: 1920px) {
    .single-movies .version-v3 .jws-banners .jws-banners-inner .jws-images {
        margin-left: -240px
    }
}

.videojs-popup .mfp-content {
    max-width: 1300px
}

.video-trailer-popup .mfp-content {
    max-width: 1300px
}

.video-trailer-popup .movies-trailer:before {
    padding-top: calc(56.25%);
    content: "";
    display: table
}

.video-trailer-popup video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.video-trailer-popup iframe {
    width: 100%;
    border: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 1024px) and (max-width:1500px) {
    .single-movies .col-xl-3 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }

    .single-movies .col-xl-9 {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }
}

@media (max-width: 1024px) {
    .single-movies .jws-images {
        padding-right: 0;
        max-width: 400px
    }

    .single-movies .jws-title {
        font-size: 30px !important;
        line-height: 40px !important
    }
}

@media (max-width: 767px) {
    .jws-tabs .nav-tabs {
        display: block
    }

        .jws-tabs .nav-tabs li:not(:last-child) {
            margin-right: 15px
        }

    #detail .jws-images {
        margin-bottom: 20px
    }

    .sources-table button span {
        display: none
    }

    .single-movies .version-v3 .jws-banners {
        padding: 40px 15px
    }

        .single-movies .version-v3 .jws-banners .video-play a {
            padding: 10px 15px;
            font-size: 12px;
            line-height: 18px
        }

        .single-movies .version-v3 .jws-banners .jws-banners-inner {
            display: block
        }

            .single-movies .version-v3 .jws-banners .jws-banners-inner .banners-right {
                margin-left: 0;
                margin-top: 30px
            }
}

.single-tv_shows #detail {
    max-width: 740px
}

.single-tv_shows .jws-tabs {
    margin-bottom: 49px
}

.single-tv_shows .tabs-content #detail > h6 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: 500
}

.single-tv_shows .tabs-content #detail > .jws-title {
    margin-bottom: 15px
}

.single-tv_shows .tabs-content #detail > .post-content {
    margin-bottom: 22px
}

.single-tv_shows .tabs-content #detail > .jws-meta-director > div {
    color: var(--heading)
}

    .single-tv_shows .tabs-content #detail > .jws-meta-director > div label {
        font-weight: 700;
        margin-right: 21px
    }

.single-tv_shows .tabs-content #detail > .jws-meta-info {
    margin-bottom: 27px
}

.single-tv_shows .jws-videos-advanced-element > h5 {
    margin-bottom: 25px
}

.single-tv_shows .site-main {
    padding-bottom: 73px
}

.single-tv_shows .jws-content {
    padding-left: 70px
}

.single-tv_shows .title-related {
    margin-bottom: 17px
}

.single-tv_shows .global-episodes .post-inner {
    width: 280px
}

.single-tv_shows .jws-person-advanced-element {
    margin-bottom: 78px
}

    .single-tv_shows .jws-person-advanced-element .post-inner {
        width: 205px
    }

    .single-tv_shows .jws-person-advanced-element > h5 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 15px
    }

.single-tv_shows .jws-pisodes_advanced-slider.loading .post-inner {
    opacity: .2
}

.single-tv_shows .jws-banners {
    position: relative
}

    .single-tv_shows .jws-banners .jws-banners-inner {
        position: relative
    }

    .single-tv_shows .jws-banners:before {
        background: linear-gradient(0deg,var(--background-body) 0%,rgba(0,3,28,.7) 15.62%,rgba(0,3,28,0) 31.32%),linear-gradient(90deg,var(--background-body) 6.03%,rgba(0,3,28,0) 78.64%);
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute
    }

.single-tv_shows .version-v2 .jws-content {
    padding-right: 70px
}

.single-tv_shows .version-v2 .dropdown-toggle {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    padding: 10px 20px
}

    .single-tv_shows .version-v2 .dropdown-toggle:after {
        font-size: 14px;
        margin-left: 11px
    }

.single-tv_shows .version-v2 .select-seasion {
    margin-bottom: 20px;
    display: inline-block;
    position: relative
}

.single-tv_shows .version-v2 .nav-tabs {
    justify-content: center;
    margin-bottom: 15px
}

.single-tv_shows .version-v2 .jws-tool {
    display: flex;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    justify-content: space-between
}

    .single-tv_shows .version-v2 .jws-tool > div {
        flex: 1;
        display: flex;
        align-items: center
    }

    .single-tv_shows .version-v2 .jws-tool .tool-right {
        justify-content: flex-end
    }

        .single-tv_shows .version-v2 .jws-tool .tool-right > div > a {
            background: rgba(255,255,255,.1);
            border-radius: 5px;
            display: block;
            padding: 5px 10px;
            position: relative
        }

            .single-tv_shows .version-v2 .jws-tool .tool-right > div > a i {
                font-size: 20px;
                margin-right: 2px
            }

            .single-tv_shows .version-v2 .jws-tool .tool-right > div > a:hover {
                background: var(--main);
                color: #fff
            }

    .single-tv_shows .version-v2 .jws-tool .jws-watchlist {
        margin-right: 13px
    }

    .single-tv_shows .version-v2 .jws-tool .jws-view {
        color: var(--heading);
        margin-right: 29px
    }

        .single-tv_shows .version-v2 .jws-tool .jws-view i {
            font-size: 16px;
            margin-right: 5px
        }

    .single-tv_shows .version-v2 .jws-tool .like-button {
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        display: block;
        padding: 5px 10px;
        position: relative
    }

        .single-tv_shows .version-v2 .jws-tool .like-button i {
            font-size: 20px;
            margin-right: 2px
        }

        .single-tv_shows .version-v2 .jws-tool .like-button:hover {
            background: var(--main);
            color: #fff
        }

.single-tv_shows .version-v2 .jws-banners {
    padding: 156px 70px 70px;
    background-size: cover;
    background-position: center
}

    .single-tv_shows .version-v2 .jws-banners .jws-description {
        max-width: 490px;
        margin-bottom: 26px
    }

.single-tv_shows .version-v2 .seasions-numer {
    color: var(--main);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: 700;
    text-transform: uppercase
}

.single-tv_shows .version-v2 .title-images {
    margin-top: 19px;
    margin-bottom: 26px
}

.single-tv_shows .version-v2 .jws-meta-person {
    color: var(--heading)
}

    .single-tv_shows .version-v2 .jws-meta-person label {
        font-weight: 700;
        margin-right: 21px
    }

.single-tv_shows .version-v2 .video-play {
    margin-bottom: 6.8em
}

.single-tv_shows .version-v2 .jws-meta-info {
    color: var(--heading);
    margin-top: 5px;
    margin-bottom: 34px
}

    .single-tv_shows .version-v2 .jws-meta-info .video-badge {
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 23px;
        padding: 0 7px;
        color: #fff;
        font-weight: 500
    }

    .single-tv_shows .version-v2 .jws-meta-info > span, .single-tv_shows .version-v2 .jws-meta-info a {
        float: left
    }

        .single-tv_shows .version-v2 .jws-meta-info > span:not(:last-child):after, .single-tv_shows .version-v2 .jws-meta-info a:not(:last-child):after {
            content: '';
            width: 3px;
            height: 3px;
            background: #fff;
            opacity: .5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 16px;
            vertical-align: middle
        }

.single-tv_shows .version-v1 .jws-share {
    position: absolute;
    right: 70px
}

    .single-tv_shows .version-v1 .jws-share > a {
        font-size: 24px;
        width: 50px;
        height: 50px;
        display: block;
        background: rgba(0,0,0,.1);
        text-align: center;
        line-height: 50px;
        border-radius: 100%
    }

        .single-tv_shows .version-v1 .jws-share > a:hover {
            background: var(--main);
            color: #fff
        }

        .single-tv_shows .version-v1 .jws-share > a span {
            display: none
        }

.single-tv_shows .version-v1 .global-episodes {
    margin-bottom: 20px;
    margin-top: -157px
}

.single-tv_shows .version-v1 .jws-banners {
    padding: 156px 70px 249px;
    background-size: cover;
    background-position: center
}

.single-tv_shows .version-v1 .jws-title {
    font-size: 21.33px;
    line-height: 24px
}

.single-tv_shows .version-v1 .title-images {
    margin-bottom: 30px
}

.single-tv_shows .version-v1 .jws-description {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    max-width: 456px;
    margin-bottom: 32px
}

.single-tv_shows .version-v1 .jws-meta-info {
    color: var(--heading);
    margin-top: 22px;
    margin-bottom: 20px
}

    .single-tv_shows .version-v1 .jws-meta-info .video-badge {
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 23px;
        padding: 3px 5px;
        margin-left: 11px;
        color: #fff;
        font-weight: 500
    }

.single-tv_shows .version-v1 .video-years:after {
    content: '';
    width: 3px;
    height: 3px;
    background: #fff;
    opacity: .5;
    border-radius: 100%;
    display: inline-block;
    margin: 0 17px;
    vertical-align: middle
}

.single-tv_shows .version-v1 .jws-category {
    margin-bottom: 20px
}

    .single-tv_shows .version-v1 .jws-category a {
        color: var(--main);
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        font-weight: 700;
        text-transform: uppercase
    }

        .single-tv_shows .version-v1 .jws-category a:not(:first-child):before {
            content: '';
            width: 4px;
            height: 4px;
            background: var(--main);
            border-radius: 100%;
            display: inline-block;
            margin: 0 7px;
            vertical-align: middle
        }

.single-tv_shows .episode-all {
    padding: 0 var(--full-fd)
}

    .single-tv_shows .episode-all .tv-shows-info {
        margin-bottom: 50px;
        margin-top: 47px
    }

        .single-tv_shows .episode-all .tv-shows-info h3 {
            margin-bottom: -2px;
            margin-right: 21px;
            display: inline-block
        }

    .single-tv_shows .episode-all .jws-episodes_advanced-element > h6 {
        margin-bottom: 25px
    }

.single-tv_shows .video-play .video-trailer {
    background: rgba(255,255,255,.1)
}

    .single-tv_shows .video-play .video-trailer i {
        font-size: 20px;
        margin-right: 10px
    }

    .single-tv_shows .video-play .video-trailer:hover {
        color: #fff
    }

.single-tv_shows .video-play .jws-play {
    float: left;
    margin-right: 15px
}

    .single-tv_shows .video-play .jws-play i {
        font-size: 20px;
        margin-right: 10px
    }

.single-tv_shows .video-play .select-seasion {
    float: left;
    margin-right: 15px;
    position: relative
}

.single-tv_shows .select-seasion .dropdown-toggle {
    background: #323232;
    border-radius: 10px;
    border: 0;
    font-weight: 700;
    color: var(--heading);
    padding: 14px 20px
}

    .single-tv_shows .select-seasion .dropdown-toggle:after {
        content: '\f31a';
        font-family: "jws_icon";
        font-size: 20px;
        font-weight: 400;
        vertical-align: middle;
        margin-left: 30px;
        transition: .3s all;
        display: inline-block
    }

    .single-tv_shows .select-seasion .dropdown-toggle.open {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        .single-tv_shows .select-seasion .dropdown-toggle.open:after {
            transform: rotate(-180deg)
        }

.single-tv_shows .select-seasion .dropdown-menu {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    z-index: 2;
    list-style-type: none;
    padding: 0;
    width: 100%;
    background: #323232;
    overflow: hidden;
    max-height: 270px;
    overflow-y: auto
}

.single-tv_shows .select-seasion .dropdown-item {
    display: block;
    padding: 10px 20px;
    color: #fff;
    border-top: 1px solid #545454
}

    .single-tv_shows .select-seasion .dropdown-item:hover, .single-tv_shows .select-seasion .dropdown-item.active {
        background-color: #414141
    }

.single-tv_shows .select-seasion .dropdown-menu {
    display: none
}

.jws-episodes-heading {
    margin-bottom: 14px;
    padding-right: 70px
}

    .jws-episodes-heading .jws-view-episodes {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        float: right;
        font-weight: 700
    }

        .jws-episodes-heading .jws-view-episodes i {
            font-size: 16px;
            margin-left: 7px
        }

    .jws-episodes-heading .heading {
        float: left
    }

@media (max-width: 1500px) {
    body {
        --full-fd: 15px
    }
}

@media (max-width: 767px) {
    .single-tv_shows .dropdown-toggle {
        padding: 11px 15px;
        font-size: 12px;
        line-height: 18px
    }

    .single-tv_shows .video-play .jws-play, .single-tv_shows .video-play .video-trailer {
        padding: 10px 15px;
        font-size: 12px;
        line-height: 18px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .single-tv_shows .jws-content {
        padding: 0 15px !important
    }

    .single-tv_shows .version-v1 .jws-banners {
        padding: 76px 15px 249px
    }

    .single-tv_shows .version-v1 .jws-share {
        right: 10px
    }

    .single-tv_shows .version-v2 .jws-banners {
        padding: 76px 15px 70px
    }

    .single-tv_shows .version-v2 .jws-tool {
        display: block
    }

        .single-tv_shows .version-v2 .jws-tool .tool-right {
            justify-content: flex-start;
            margin-top: 10px
        }

    .jws-episodes-heading {
        padding-right: 0
    }
}

.playlist-list.version_2 {
    margin-bottom: 30px
}

    .playlist-list.version_2 .jws-episodes_advanced-element {
        margin-top: 0 !important
    }

    .playlist-list.version_2 .playlist-header {
        padding: 0;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--border-color)
    }

    .playlist-list.version_2 .episodes-content {
        max-height: 455px;
        overflow: auto;
        overflow-x: hidden;
        padding-right: 5px;
        position: relative !important
    }

    .playlist-list.version_2 .jws-pisodes_advanced-item {
        margin-bottom: 20px
    }

        .playlist-list.version_2 .jws-pisodes_advanced-item .post-inner {
            width: 100%;
            max-width: 100%
        }

            .playlist-list.version_2 .jws-pisodes_advanced-item .post-inner > a {
                display: block
            }

.single-episodes .sources-list {
    margin-top: 30px
}

.single-episodes .site-main {
    padding-bottom: 60px
}

.single-episodes .videos_player {
    margin-bottom: 65px
}

.single-episodes .title-related {
    margin-bottom: 17px
}

.single-episodes .version-v2 > .container {
    max-width: 1570px;
    padding: 0 10px !important
}

.single-episodes .version-v2 .jws-related {
    margin-top: 75px
}

.single-episodes .version-v2 .episodes-top {
    overflow: hidden;
    margin-bottom: 65px
}

.single-episodes .version-v2 .jws-episodes_advanced-element {
    height: 100%
}

    .single-episodes .version-v2 .jws-episodes_advanced-element .jws-pisodes_advanced-item {
        margin-bottom: 15px;
        padding-right: 5px
    }

.single-episodes .version-v2 .episodes-content {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden
}

    .single-episodes .version-v2 .episodes-content .post-inner > a {
        display: block
    }

.single-episodes .version-v2 .videos_player {
    margin-bottom: 0
}

.single-episodes .version-v1 .playlist-list {
    margin-top: 30px
}

.single-episodes .version-v1 .jws-episodes_advanced-element {
    margin-top: 60px;
    margin-bottom: 54px
}

.single-episodes .version-v1 .post-inner {
    width: 280px
}

.single-episodes .version-v1 > .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.single-episodes .version-v1 .spisodes-top {
    padding: 0 70px
}

.single-episodes .version-v1 .episodes-bottom {
    padding-left: 70px
}

.single-episodes .version-v1 .jws-Reviews {
    padding: 0 10px;
    max-width: 1300px;
    margin: 0 auto
}

.single-episodes .jws-title {
    margin-bottom: 7px;
    margin-top: 20px
}

    .single-episodes .jws-title > h1 {
        vertical-align: bottom;
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 24px
    }

    .single-episodes .jws-title .season {
        margin-right: 34px
    }

    .single-episodes .jws-title > h6 {
        vertical-align: bottom;
        display: inline-block
    }

.single-episodes .jws-tags {
    color: var(--heading);
    margin-top: 28px
}

    .single-episodes .jws-tags label {
        font-weight: 700;
        margin-right: 21px
    }

.single-episodes .jws-tool {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 400px;
    margin-top: 16px
}

    .single-episodes .jws-tool > div {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .single-episodes .jws-tool > div:not(:last-child) {
            margin-right: 15px
        }

        .single-episodes .jws-tool > div i {
            margin-right: 2px;
            font-size: 20px
        }

        .single-episodes .jws-tool > div > a {
            background: rgba(255,255,255,.1);
            border-radius: 5px;
            display: block;
            padding: 5px 10px;
            position: relative
        }

            .single-episodes .jws-tool > div > a:hover {
                background: var(--main);
                color: var(--light)
            }

                .single-episodes .jws-tool > div > a:hover i {
                    color: var(--light)
                }

        .single-episodes .jws-tool > div .liked i {
            color: var(--main)
        }

    .single-episodes .jws-tool .jws-likes {
        flex-grow: 4
    }

    .single-episodes .jws-tool .jws-share {
        flex-grow: 2
    }

    .single-episodes .jws-tool .jws-watchlist {
        flex-grow: 2
    }

.single-episodes .jws-meta-info {
    margin-bottom: 22px
}

    .single-episodes .jws-meta-info > div {
        float: left;
        margin-right: 15px;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

    .single-episodes .jws-meta-info i {
        font-size: 16px;
        color: var(--heading);
        margin-right: 6px
    }

    .single-episodes .jws-meta-info .jws-raring-number {
        color: var(--heading)
    }

        .single-episodes .jws-meta-info .jws-raring-number i {
            color: var(--main)
        }

@media (max-width: 1500px) {
    .jws-episodes-heading {
        padding-right: 0
    }

    .single-episodes .version-v1 .spisodes-top {
        padding: 0 15px
    }

    .single-episodes .version-v1 .episodes-bottom {
        padding: 0 15px
    }

    .single-episodes .version-v2 .jws-episodes_advanced-element {
        height: 400px;
        margin-top: 10px
    }
}

.single-videos .site-main {
    padding-bottom: 60px
}

.single-videos .title-related {
    margin-bottom: 22px
}

.single-videos .jws-tags {
    color: var(--heading);
    margin-top: 31px
}

    .single-videos .jws-tags label {
        font-weight: 700;
        margin-right: 21px
    }

.single-videos .jws-title {
    margin-top: 20px;
    margin-bottom: 22px
}

.single-videos .jws-tool {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 400px;
    margin-top: 16px
}

    .single-videos .jws-tool > div {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .single-videos .jws-tool > div:not(:last-child) {
            margin-right: 15px
        }

        .single-videos .jws-tool > div i {
            margin-right: 2px;
            font-size: 20px
        }

        .single-videos .jws-tool > div > a {
            background: rgba(255,255,255,.1);
            border-radius: 5px;
            display: block;
            padding: 5px 10px;
            position: relative
        }

            .single-videos .jws-tool > div > a:hover {
                background: var(--main);
                color: #fff
            }

    .single-videos .jws-tool .jws-likes {
        flex-grow: 4
    }

    .single-videos .jws-tool .jws-share {
        flex-grow: 2
    }

    .single-videos .jws-tool .jws-watchlist {
        flex-grow: 2
    }

.single-videos .jws-meta-info {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 20px
}

    .single-videos .jws-meta-info > span:not(:first-child):before {
        content: '';
        width: 2px;
        height: 2px;
        background: #fff;
        opacity: .5;
        border-radius: 100%;
        display: inline-block;
        margin: 0 7px;
        vertical-align: middle
    }

.single-videos .site-main:not(.version-v3) .container {
    max-width: 1570px
}

.single-videos .version-v1 .videos_player {
    margin-bottom: 62px
}

.single-videos .version-v1 .videos-top {
    margin-bottom: 60px
}

.single-videos .version-v2 .videos_player {
    margin-bottom: 0
}

.single-videos .version-v2 .videos-top {
    margin-bottom: 73px
}

    .single-videos .version-v2 .videos-top > .col-xl-7 {
        padding-right: 30px
    }

.single-videos .version-v2 .jws-breadcrumb {
    margin-top: 20px
}

.single-videos .version-v3 > .container {
    padding-left: var(--full-fd);
    padding-right: var(--full-fd)
}

.single-videos .version-v3 .jws-related {
    margin-top: 70px
}

.single-videos .playlist-list {
    margin-bottom: 30px
}

    .single-videos .playlist-list .playlist-header {
        padding: 0;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--border-color)
    }

    .single-videos .playlist-list .jws-videos-advanced-element {
        max-height: 465px;
        overflow: auto;
        overflow-x: hidden;
        padding-right: 5px
    }

    .single-videos .playlist-list .jws-videos-advanced-item {
        margin-bottom: 20px
    }

        .single-videos .playlist-list .jws-videos-advanced-item.active {
            background: var(--background-item);
            border-radius: 5px;
            padding: 10px
        }

.single-videos .stream-video-container {
    margin-bottom: 60px
}

    .single-videos .stream-video-container .stream-field {
        margin-bottom: 28px
    }

    .single-videos .stream-video-container .stream-heading {
        display: flex;
        margin-bottom: 37px
    }

        .single-videos .stream-video-container .stream-heading .text span {
            color: var(--body2);
            display: block;
            margin-bottom: 4px
        }

        .single-videos .stream-video-container .stream-heading .icon {
            background: radial-gradient(48.66% 174.07% at 85.64% -74.06999999999999%,var(--btn-bgcolor2) 3.13%,rgba(205,219,248,0) 78.63%),linear-gradient(140.6deg,var(--btn-bgcolor) 12.95%,rgba(142,97,255,0) 55.14%),var(--btn-bgcolor3);
            width: 48px;
            height: 48px;
            line-height: 48px;
            text-align: center;
            border-radius: 10px;
            font-size: 24px;
            color: var(--light);
            margin-right: 20px;
            margin-top: 2px
        }

@media (max-width: 1500px) {
    .jws-videos-advanced-element .layout4 .post-media {
        max-width: 120px
    }

    .jws-videos-advanced-element .layout4 .videos-content {
        max-width: calc(100% - 125px)
    }

    .videos_player:not(.has-embed) {
        margin-bottom: 30px
    }

    .sources-list {
        margin-top: 0
    }

    .single-videos .version-v1 .videos_player {
        margin-bottom: 30px
    }

    .single-videos .jws-title {
        font-size: 30px;
        line-height: 40px
    }

    .single-videos .videos-top > .col-xl-9 {
        margin-bottom: 30px
    }
}

.profile-main {
    padding: 70px var(--full-fd)
}

    .profile-main .favorites-page .tv-shows-advanced-content .post-inner {
        width: 280px
    }

    .profile-main .favorites-page .movies_advanced_content .post-inner {
        width: 205px
    }

    .profile-main h5.title-post-type {
        margin-bottom: 25px
    }

    .profile-main .jws-movies_advanced-element {
        margin-bottom: 30px
    }

    .profile-main .jws-tv-shows-advanced-element {
        margin-bottom: 30px
    }

.profile-header {
    background: var(--background-item);
    padding: 65px var(--full-fd) 0
}

    .profile-header .update-nember a {
        padding: 10px 20px !important;
        font-size: var(--font-size-sm) !important;
        line-height: var(--line-height-sm) !important
    }

        .profile-header .update-nember a img {
            margin-left: 5px
        }

    .profile-header .user-profile {
        display: flex;
        align-items: center;
        max-width: 335px;
        margin-right: 4rem
    }

        .profile-header .user-profile .user-info {
            width: calc(100% - 70px)
        }

            .profile-header .user-profile .user-info h5 {
                margin-bottom: 5px
            }

            .profile-header .user-profile .user-info p {
                margin: 0;
                font-size: var(--font-size-sm);
                line-height: var(--line-height-sm)
            }

            .profile-header .user-profile .user-info .level-nemberships {
                color: var(--heading);
                margin-top: 8px
            }

        .profile-header .user-profile .user-avatar {
            min-width: 70px;
            width: 70px;
            height: 70px;
            padding: 3px
        }

    .profile-header .header-top {
        margin: 0
    }

    .profile-header .header-bottom {
        align-items: flex-end;
        margin-top: 50px
    }

        .profile-header .header-bottom .nav {
            padding: 0;
            list-style-type: none;
            font-weight: 500
        }

            .profile-header .header-bottom .nav li {
                display: inline-block
            }

                .profile-header .header-bottom .nav li:not(:last-child) {
                    margin-right: 40px
                }

                .profile-header .header-bottom .nav li a {
                    position: relative;
                    padding-bottom: 11px;
                    display: block
                }

                .profile-header .header-bottom .nav li .active {
                    font-weight: 700
                }

                    .profile-header .header-bottom .nav li .active:after {
                        content: "";
                        height: 3px;
                        width: 100%;
                        left: 0;
                        bottom: 0;
                        position: absolute;
                        background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3)
                    }

        .profile-header .header-bottom .button-custom {
            background: #00031C;
            color: #fff;
            padding: 11px 20px;
            display: block
        }

        .profile-header .header-bottom .button-default {
            padding: 11px 20px
        }

        .profile-header .header-bottom .header-button {
            transform: translateY(-20px);
            display: flex;
            justify-content: flex-end
        }

        .profile-header .header-bottom .videos-button button:not(:last-child) {
            margin-right: 10px
        }

        .profile-header .header-bottom .videos-button button i {
            font-size: 20px;
            margin-right: 10px
        }

        .profile-header .header-bottom .watchlist-button button {
            margin-right: 10px
        }

            .profile-header .header-bottom .watchlist-button button i {
                font-size: 20px;
                margin-right: 10px
            }

        .profile-header .header-bottom .watchlist-button .watchlist-cancel, .profile-header .header-bottom .watchlist-button .watchlist-delete {
            display: none
        }

        .profile-header .header-bottom .watchlist-button.editor .watchlist-cancel, .profile-header .header-bottom .watchlist-button.editor .watchlist-delete {
            display: block
        }

        .profile-header .header-bottom .watchlist-button.editor .watchlist-edit {
            display: none
        }

@media (max-width: 767px) {
    .profile-header .user-profile {
        margin-right: 1rem
    }

    .profile-header .header-bottom .nav li {
        margin-bottom: 5px
    }

        .profile-header .header-bottom .nav li a {
            padding-bottom: 5px
        }

        .profile-header .header-bottom .nav li:not(:last-child) {
            margin-right: 15px
        }

    .profile-header .header-bottom .header-button {
        transform: none;
        justify-content: flex-start;
        margin: 15px 0
    }
}

@media (max-width: 480px) {
    .profile-header .header-top {
        display: block
    }

    .profile-header .user-profile {
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 20px
    }
}

.single-person .site-main {
    margin-bottom: 70px;
    padding-top: 60px
}

.single-person .jws-title {
    margin-bottom: 33px
}

.single-person .post-content {
    margin-bottom: 10px
}

.single-person .person-content {
    margin-bottom: 48px
}

.single-person .post-share {
    margin-bottom: 50px
}

    .single-person .post-share label {
        display: none
    }

    .single-person .post-share a {
        font-size: 20px;
        margin-right: 10px
    }

.single-person .post-media {
    margin-bottom: 25px
}

.single-person .person-info > h5 {
    margin-bottom: 24px
}

.single-person .person-info .info-field {
    margin-bottom: 25px
}

    .single-person .person-info .info-field h6 {
        margin-bottom: 6px
    }

.person-know-history {
    clear: both;
    margin-bottom: 8px
}

    .person-know-history .history-nav li {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px
    }

        .person-know-history .history-nav li a {
            display: block;
            background: var(--background-item);
            border-radius: 30px;
            padding: 10px 20px
        }

            .person-know-history .history-nav li a.active, .person-know-history .history-nav li a:hover {
                background: var(--main);
                color: var(--light)
            }

.person-know-slider {
    margin-bottom: 6px
}

    .person-know-slider > h6 {
        margin-bottom: 20px
    }

    .person-know-slider .post-inner {
        width: 208px
    }

.history-content {
    background: var(--background-item);
    border-radius: 5px;
    padding: 0 2px
}

    .history-content .history-item {
        padding: 22px 35px 22px 145px;
        animation: fadeInLeft .5s both;
        position: relative
    }

        .history-content .history-item .years {
            position: absolute;
            left: 35px
        }

        .history-content .history-item:not(:last-child) {
            border-bottom: 1px solid #00031c
        }

@media (min-width: 1024px) and (max-width:1500px) {
    .single-person .site-main > .container > .row .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .single-person .site-main > .container > .row .col-xl-10 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media (max-width: 767px) {
    .single-person .post-share {
        margin-bottom: 25px
    }

    .history-content .history-item {
        padding-left: 100px
    }
}

.user-popup .mfp-close {
    top: 35px;
    right: 60px;
    background: transparent
}

.user-popup .mfp-content > div {
    max-width: 740px;
    background: #00031C;
    border-radius: 5px;
    padding: 40px 70px;
    margin: 50px auto
}

.user-popup .form-head {
    margin-bottom: 27px
}

    .user-popup .form-head h5 {
        margin-bottom: 12px
    }

    .user-popup .form-head p {
        margin: 0
    }

.user-popup #video-type + .select2-container {
    max-width: 277px
}

.user-popup .multiple-checkbox {
    padding: 0;
    list-style-type: none;
    margin: 0 -5px
}

    .user-popup .multiple-checkbox:after {
        content: "";
        display: table;
        clear: both
    }

    .user-popup .multiple-checkbox li {
        float: left;
        width: 25%;
        margin-bottom: 8px;
        display: flex;
        padding: 0 5px
    }

    .user-popup .multiple-checkbox label {
        margin-bottom: 0;
        color: var(--light);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .user-popup .multiple-checkbox input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        vertical-align: middle;
        margin-right: 10px
    }

        .user-popup .multiple-checkbox input[type="checkbox"]:checked:after {
            display: block
        }

        .user-popup .multiple-checkbox input[type="checkbox"]:before {
            content: "";
            border: 1px solid var(--input-background);
            background-color: var(--input-background);
            width: 20px;
            height: 20px;
            display: block;
            border-radius: 3px
        }

        .user-popup .multiple-checkbox input[type="checkbox"]:after {
            color: var(--main);
            left: 0;
            font-size: 20px;
            top: 0;
            content: '\f33e';
            font-family: "jws_icon";
            display: none;
            position: absolute;
            width: 20px;
            height: 20px;
            line-height: 20px
        }

.user-popup .field-item {
    margin-bottom: 26px;
    margin-top: 0;
    position: relative
}

    .user-popup .field-item > label {
        margin-bottom: 10px;
        color: var(--heading);
        font-weight: 500;
        display: block
    }

        .user-popup .field-item > label.has-des {
            margin-bottom: 5px
        }

    .user-popup .field-item .note-max-size {
        margin-bottom: 15px;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

.user-popup .search-field button {
    position: absolute;
    top: 6px;
    right: 7px;
    background: var(--main);
    border: 0;
    color: var(--light);
    border-radius: 5px;
    font-size: 24px;
    width: 36px;
    height: 36px
}

.user-popup .delete-videos {
    background: var(--background-item);
    color: var(--light)
}

.user-popup .form-button {
    display: flex;
    margin-top: 40px
}

.user-popup .file-thumbnail {
    margin-bottom: 20px;
    border-radius: 5px;
    display: block;
    max-width: 200px
}

    .user-popup .file-thumbnail img {
        border-radius: 5px;
        border: 2px solid var(--main)
    }

.user-popup .cancel-modal {
    border: 1px solid var(--light);
    color: var(--light);
    margin-right: 23px
}

    .user-popup .cancel-modal:hover {
        background: var(--light) !important;
        color: var(--main)
    }

.user-popup .loading .form-button {
    cursor: no-drop
}

    .user-popup .loading .form-button button {
        pointer-events: none;
        opacity: .5
    }

.user-popup .search-items {
    max-height: 408px;
    overflow-y: auto;
    overflow-x: hidden
}

    .user-popup .search-items .jws-videos-advanced-item {
        margin-bottom: 15px;
        padding-right: 55px
    }

.user-popup .set-item-playlist {
    background: transparent;
    border: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    color: #fff
}

    .user-popup .set-item-playlist:before {
        content: '\f531';
        font-family: "jws_icon";
        font-size: 20px
    }

    .user-popup .set-item-playlist.checked:before {
        content: '\f340';
        color: #43CD72
    }

.user-popup #delete-playlist .form-head .title {
    margin-bottom: 20px
}

    .user-popup #delete-playlist .form-head .title i {
        font-size: 32px;
        margin-right: 7px
    }

.user-popup #delete-playlist p {
    margin-bottom: 9px
}

.user-popup #save-to-playlist .playlist-item {
    position: relative;
    padding-right: 55px
}

    .user-popup #save-to-playlist .playlist-item:not(:last-child) {
        margin-bottom: 20px
    }

.user-popup #save-to-playlist .search-items {
    margin-bottom: 20px
}

    .user-popup #save-to-playlist .search-items ul {
        padding: 0;
        list-style-type: none
    }

.user-popup #save-to-playlist .playlist-inner {
    display: flex;
    align-items: center
}

.user-popup #save-to-playlist .playlist-background {
    border-radius: 5px;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    background: rgba(0,0,0,.6)
}

    .user-popup #save-to-playlist .playlist-background > div {
        width: 120px
    }

        .user-popup #save-to-playlist .playlist-background > div img {
            height: 100% !important;
            width: 100% !important;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0
        }

.user-popup #save-to-playlist .playlist-content {
    max-width: calc(100% - 125px);
    vertical-align: middle;
    padding-left: 15px
}

    .user-popup #save-to-playlist .playlist-content h6 {
        margin-bottom: 4px
    }

.form-videos button {
    margin-right: 10px
}

#save-to-playlist .other-crelate {
    display: none;
    margin-top: 25px
}

#save-to-playlist select + .select2 {
    width: 100% !important
}

#save-to-playlist .search-field .save-modal {
    pointer-events: none
}

.upload-progress {
    display: block;
    width: 100%;
    height: 15px;
    border-radius: 15px;
    overflow: hidden;
    background: rgba(255,255,255,.1);
    position: relative;
    margin-top: 20px
}

    .upload-progress span {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--main);
        border-radius: 15px;
        line-height: 16px;
        transition: .5s all
    }

        .upload-progress span:before {
            content: " (" attr(data-number) ")";
            position: absolute;
            right: 5px;
            top: 0;
            color: #fff;
            font-size: 10px
        }

#edit-personal .form-head {
    text-align: center
}

#edit-personal .user-avatar {
    margin: 0 auto
}

    #edit-personal .user-avatar .change-avatar {
        position: absolute;
        right: -2px;
        bottom: 0;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        color: var(--light);
        background: var(--main);
        text-align: center;
        line-height: 30px;
        margin-bottom: 0;
        cursor: pointer
    }

#edit-personal #user_avatar {
    display: none
}

.user-avatar {
    width: 110px;
    min-width: 110px;
    height: 110px;
    border-radius: 100%;
    padding: 5px;
    border: 2px solid var(--main);
    background: #fff;
    margin-right: 22px;
    position: relative
}

    .user-avatar img {
        border-radius: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

@media (max-width: 767px) {
    .user-popup .mfp-content > div {
        padding: 40px 15px
    }

    .user-popup .mfp-close {
        right: 15px
    }

    .user-popup .multiple-checkbox li {
        width: 33.33%
    }
}

.playlist-control {
    position: relative
}

    .playlist-control .dropdown-menu {
        position: absolute;
        right: 0;
        z-index: 1;
        padding: 0;
        list-style-type: none;
        background: #2A2658;
        border-radius: 5px;
        padding: 22px 20px;
        min-width: 11em;
        transition: .3s all;
        transform: translateY(10px);
        pointer-events: none;
        opacity: 0;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

        .playlist-control .dropdown-menu a {
            white-space: nowrap
        }

        .playlist-control .dropdown-menu i {
            font-size: 20px;
            vertical-align: middle;
            margin-right: 12px
        }

        .playlist-control .dropdown-menu li:not(:last-child) {
            margin-bottom: 12px
        }

    .playlist-control button {
        background: transparent;
        border: 0;
        font-size: 20px;
        color: #fff;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px
    }

    .playlist-control.open .dropdown-menu {
        transform: none;
        pointer-events: auto;
        opacity: 1
    }

button.add-border {
    width: 100%;
    background: transparent;
    border: 1px dashed rgba(255,255,255,.5);
    text-align: left;
    color: #fff;
    padding: 30px;
    border-radius: 5px;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: 700
}

    button.add-border i {
        font-size: 32px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px
    }

.playlist-single .playlist-meta {
    margin-bottom: 25px;
    padding: 0 10px
}

.playlist-single .playlist-background {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: var(--background-item);
    margin-bottom: 20px
}

    .playlist-single .playlist-background img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        top: 0;
        left: 0
    }

    .playlist-single .playlist-background .content-hover {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,.6);
        text-align: center;
        color: var(--light);
        padding: 20px 10px;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        font-weight: 700;
        z-index: 1
    }

        .playlist-single .playlist-background .content-hover i {
            font-size: 36px;
            vertical-align: middle;
            margin-right: 10px
        }

.playlist-single .not-found {
    padding: 0 20px
}

.playlist-single .add-to-playlist {
    width: calc(100% - 20px);
    margin-top: 10px;
    margin-left: 10px
}

.playlist-single .jws-videos-advanced-item {
    margin-bottom: 0
}

.playlist-header {
    padding: 0 10px;
    padding-right: 40px
}

    .playlist-header h5 {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 4px
    }

    .playlist-header .playlist-control {
        margin-right: 0;
        position: absolute;
        right: 10px;
        top: 0
    }

.jws-videos-advanced-element .playlist-item {
    padding: 10px;
    padding-right: 40px;
    border-radius: 5px;
    transition: .3s all;
    position: relative
}

    .jws-videos-advanced-element .playlist-item:hover {
        background: var(--main)
    }

        .jws-videos-advanced-element .playlist-item:hover .videos-meta, .jws-videos-advanced-element .playlist-item:hover .title a {
            color: #fff
        }

.jws-videos-advanced-element .playlist-control {
    position: absolute;
    right: 0;
    top: 50%;
    background: transparent;
    margin-top: -20px
}

.playlist-meta {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

    .playlist-meta i {
        margin-right: 6px;
        font-size: 16px
    }

    .playlist-meta span:not(:first-child):before {
        content: '';
        width: 2px;
        height: 2px;
        background: #fff;
        opacity: .5;
        border-radius: 100%;
        display: inline-block;
        margin: 0 7px;
        vertical-align: middle
    }

.profile-playlist:not(:last-child) {
    margin-bottom: 50px
}

.profile-playlist > h5 {
    margin-bottom: 25px
}

.profile-playlist .playlist-inner {
    margin-bottom: 25px
}

    .profile-playlist .playlist-inner .playlist-content > h6 {
        margin-bottom: 3px
    }

    .profile-playlist .playlist-inner .playlist-thumbnail {
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 15px;
        background: var(--background-item)
    }

        .profile-playlist .playlist-inner .playlist-thumbnail img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            top: 0;
            left: 0
        }

        .profile-playlist .playlist-inner .playlist-thumbnail .content-hover {
            position: absolute;
            background: rgba(0,0,0,.6);
            height: 100%;
            top: 0;
            left: 0;
            color: #fff;
            width: 100%;
            text-align: center;
            opacity: 0;
            transition: .3s all;
            transform: translateX(-100%)
        }

            .profile-playlist .playlist-inner .playlist-thumbnail .content-hover div {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                width: 100%;
                text-align: center;
                font-weight: 700
            }

                .profile-playlist .playlist-inner .playlist-thumbnail .content-hover div i {
                    font-size: 36px;
                    margin-right: 10px;
                    vertical-align: middle
                }

        .profile-playlist .playlist-inner .playlist-thumbnail .content-display {
            position: absolute;
            background: rgba(0,0,0,.6);
            border-radius: 0 5px 5px 0;
            height: 100%;
            top: 0;
            right: 0;
            color: #fff;
            width: 80px;
            text-align: center;
            transition: .3s all
        }

            .profile-playlist .playlist-inner .playlist-thumbnail .content-display div {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                text-align: center
            }

            .profile-playlist .playlist-inner .playlist-thumbnail .content-display h6 {
                font-weight: 500;
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 7px
            }

            .profile-playlist .playlist-inner .playlist-thumbnail .content-display i {
                font-size: 24px
            }

    .profile-playlist .playlist-inner:hover .playlist-thumbnail .content-hover {
        opacity: 1;
        transform: none
    }

    .profile-playlist .playlist-inner:hover .playlist-thumbnail .content-display {
        transform: translateX(100%);
        opacity: 0
    }

.profile-main.editor .post-media, .profile-main.editor .videos-content {
    opacity: .5;
    transition: .3s all
}

.profile-main.editor .select-all {
    display: block;
    animation: fadeIn .3s both
}

.profile-main.editor .post-inner > [type="checkbox"] {
    display: block;
    animation: fadeIn .3s both
}

.profile-main .select-all {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: 0;
    color: var(--heading);
    display: none
}

    .profile-main .select-all:before {
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        content: "";
        display: inline-block;
        margin-right: 10px;
        border-radius: 100%;
        opacity: .5;
        vertical-align: middle;
        margin-top: -3px;
        transition: .3s all
    }

    .profile-main .select-all:after {
        content: '\f33e';
        font-family: "jws_icon";
        opacity: 0;
        color: #fff;
        position: absolute;
        left: 9px;
        top: 0;
        transition: .3s all
    }

    .profile-main .select-all.active:before {
        background: var(--main);
        opacity: 1
    }

    .profile-main .select-all.active:after {
        opacity: 1
    }

.profile-main .post-inner > [type="checkbox"] {
    position: absolute;
    z-index: 1;
    right: 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    top: 10px;
    cursor: pointer;
    display: none
}

    .profile-main .post-inner > [type="checkbox"]:before {
        content: "";
        opacity: .5;
        border: 3px solid #fff;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        display: block;
        transition: .3s all
    }

    .profile-main .post-inner > [type="checkbox"]:after {
        content: '\f33e';
        font-family: "jws_icon";
        opacity: 0;
        color: #fff;
        position: absolute;
        left: 4px;
        top: 0;
        transition: .3s all
    }

    .profile-main .post-inner > [type="checkbox"]:checked:before {
        opacity: 1;
        background: var(--main)
    }

    .profile-main .post-inner > [type="checkbox"]:checked:after {
        opacity: 1
    }

.profile-watchlist > h5 {
    margin-bottom: 25px
}

.profile-history {
    position: relative
}

    .profile-history .post-inner {
        position: relative
    }

    .profile-history .profile-title {
        margin-bottom: 25px
    }

    .profile-history .post-media {
        position: relative;
        margin-bottom: 20px;
        border-radius: 5px;
        overflow: hidden
    }

        .profile-history .post-media:before {
            content: "";
            display: block;
            padding-bottom: 70%
        }

        .profile-history .post-media img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            object-fit: cover;
            object-position: center
        }

.time-data {
    background-color: var(--background-item);
    width: 100%;
    height: 6px;
    position: absolute;
    border-radius: 3px;
    overflow: hidden;
    bottom: 0
}

    .time-data span {
        position: absolute;
        height: 100%;
        left: 0;
        background-color: var(--main);
        border-radius: 3px
    }

.post-select-filter {
    margin-bottom: 25px
}

    .post-select-filter select {
        min-width: 117px;
        min-height: 30px;
        color: var(--heading);
        font-weight: 700;
        width: auto
    }

    .post-select-filter label {
        margin-right: 30px
    }

    .post-select-filter .select2-container {
        display: inline-block;
        min-width: 117px;
        width: auto !important;
        z-index: 1
    }

        .post-select-filter .select2-container .select2-selection--single {
            height: 30px
        }

            .post-select-filter .select2-container .select2-selection--single .select2-selection__rendered {
                line-height: 30px;
                color: var(--heading);
                font-weight: 700
            }

            .post-select-filter .select2-container .select2-selection--single .select2-selection__arrow b {
                margin-top: 2px
            }

[data-modal-jws="#edit-videos"] {
    position: absolute;
    animation: 0;
    top: 10px;
    right: 20px;
    z-index: 1;
    transition: .3s all;
    opacity: 0;
    transform: translatex(10px)
}

.profile-main .post-inner:hover [data-modal-jws="#edit-videos"] {
    opacity: 1;
    transform: none
}

.dashboard-profile > div > h6 {
    font-weight: 400;
    margin-bottom: 30px
}

.dashboard-profile .login-width-social {
    margin-top: 30px
}

    .dashboard-profile .login-width-social > h6 {
        margin-bottom: 15px
    }

    .dashboard-profile .login-width-social div.nsl-container.nsl-container-block .nsl-container-buttons {
        display: block
    }

        .dashboard-profile .login-width-social div.nsl-container.nsl-container-block .nsl-container-buttons > a {
            width: 300px;
            margin-right: 10px
        }

        .dashboard-profile .login-width-social div.nsl-container.nsl-container-block .nsl-container-buttons b {
            color: inherit
        }

.dashboard-profile .personal-information {
    margin-bottom: 84px
}

    .dashboard-profile .personal-information .information {
        padding: 27px 45px;
        background: #1a1d33;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 10px
    }

    .dashboard-profile .personal-information .user-content {
        display: flex;
        align-items: center
    }

    .dashboard-profile .personal-information .button-custom {
        background: #00031C;
        color: #fff;
        padding: 11px 20px;
        display: block
    }

        .dashboard-profile .personal-information .button-custom i {
            font-size: 20px;
            margin-right: 10px
        }

    .dashboard-profile .personal-information .user-meta > div {
        display: inline-block;
        color: var(--heading)
    }

        .dashboard-profile .personal-information .user-meta > div:not(:last-child) {
            border-right: 1px solid var(--body);
            padding-right: 25px;
            margin-right: 25px
        }

    .dashboard-profile .personal-information .user-meta label {
        margin-bottom: 0;
        color: var(--body);
        margin-right: 10px
    }

    .dashboard-profile .personal-information .user-info > h5 {
        margin-bottom: 17px
    }

    .dashboard-profile .personal-information .user-avatar {
        margin-right: 22px
    }

.dashboard-profile .account-security .setting-security {
    padding: 4px 45px;
    background: #1a1d33;
    border-radius: 10px
}

.dashboard-profile .account-security .field-user {
    color: var(--heading);
    font-weight: 700;
    padding: 30px 0;
    position: relative;
    padding-right: 70px
}

    .dashboard-profile .account-security .field-user:not(:last-child) {
        border-bottom: 1px solid rgba(255,255,255,.2)
    }

    .dashboard-profile .account-security .field-user label {
        font-weight: 400;
        margin-right: 8px;
        margin-bottom: 0
    }

    .dashboard-profile .account-security .field-user button {
        background: transparent;
        border: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 30px
    }

@media (max-width: 767px) {
    .dashboard-profile .account-security .setting-security {
        padding: 4px 15px
    }

    .dashboard-profile .personal-information .user-content {
        margin-bottom: 20px
    }

    .dashboard-profile .personal-information .user-avatar {
        margin-right: 10px
    }

    .dashboard-profile .personal-information .information {
        padding: 20px 15px;
        display: block
    }

    .dashboard-profile .personal-information .user-meta > div {
        display: block
    }

        .dashboard-profile .personal-information .user-meta > div:not(:last-child) {
            border-right: 0;
            padding-right: 0;
            margin-right: 0
        }
}

.post-share label {
    margin-right: 23px
}

.post-share .addthis_button_more {
    padding-bottom: 4px
}

.post-share a {
    display: inline-block;
    vertical-align: middle
}

    .post-share a .fa-plus {
        font-size: 14px;
        margin-right: 0
    }

    .post-share a:not(:last-child) {
        margin-right: 10px
    }

    .post-share a:hover {
        color: var(--main)
    }

.single-blog {
    padding: 42px 0 81px
}

    .single-blog.sidebar_right .post_sidebar {
        padding-left: 35px
    }

    .single-blog.sidebar_left .post_sidebar {
        padding-right: 35px
    }

    .single-blog.layout_layout2 .post-media {
        padding-right: 37px
    }

    .single-blog.layout_layout2 .entry_title {
        margin-bottom: 25px;
        margin-top: 43px
    }

    .single-blog.layout_layout2 .jws_post_excerpt {
        margin-bottom: 28px
    }

    .single-blog.layout_layout2 .entry_content {
        max-width: 855px;
        margin-left: auto;
        margin-right: auto
    }

    .single-blog.layout_layout2 footer {
        max-width: 855px;
        margin-left: auto;
        margin-right: auto
    }

    .single-blog footer {
        clear: both;
        margin-top: 35px
    }

    .single-blog .content-before-footer {
        padding-top: 89px
    }

    .single-blog .entry_content {
        margin-top: 32px
    }

    .single-blog .post-related {
        padding: 0;
        margin-bottom: 24px
    }

        .single-blog .post-related .jws_blog_layout1 .post-inner .jws_post_content {
            text-align: center
        }

            .single-blog .post-related .jws_blog_layout1 .post-inner .jws_post_content .entry-title {
                margin-top: 3px;
                margin-bottom: 20px
            }

        .single-blog .post-related > h5 {
            margin-bottom: 27px
        }

        .single-blog .post-related .post_related_slider {
            padding: 0;
            margin-bottom: -5px
        }

            .single-blog .post-related .post_related_slider.slick-initialized .jws-post-item {
                max-width: 100%
            }

            .single-blog .post-related .post_related_slider:hover .jws-carousel-btn {
                opacity: 1;
                transform: translatex(0) !important
            }

            .single-blog .post-related .post_related_slider .jws-post-item {
                margin-bottom: 0
            }

            .single-blog .post-related .post_related_slider > .jws-carousel-btn {
                position: absolute;
                z-index: 1;
                border: 2px solid var(--main);
                background: var(--main);
                width: 40px;
                height: 40px;
                line-height: 37px;
                text-align: center;
                color: var(--main);
                cursor: pointer;
                transition: .3s all;
                font-size: 20px;
                top: 40%;
                margin-top: -20px;
                color: #fff;
                opacity: 0
            }

                .single-blog .post-related .post_related_slider > .jws-carousel-btn:hover {
                    background: var(--heading);
                    border-color: var(--heading)
                }

                .single-blog .post-related .post_related_slider > .jws-carousel-btn.prev-item {
                    left: 20px;
                    transform: translatex(-10px)
                }

                    .single-blog .post-related .post_related_slider > .jws-carousel-btn.prev-item i {
                        transform: scaleX(-1);
                        display: inline-block
                    }

                .single-blog .post-related .post_related_slider > .jws-carousel-btn.next-item {
                    right: 20px;
                    transform: translatex(10px)
                }

    .single-blog header .post-media {
        position: relative;
        margin-bottom: 40px
    }

        .single-blog header .post-media img {
            width: 100%
        }

    .single-blog .jws-post-info .jws_post_meta > span {
        margin-right: 20px
    }

    .single-blog .entry_title {
        margin-bottom: 16px;
        margin-top: 17px
    }

    .single-blog .post-tags {
        padding: 10px 0
    }

        .single-blog .post-tags span {
            font-weight: 700;
            margin-right: 10px;
            color: var(--heading);
            font-size: 16px
        }

        .single-blog .post-tags a {
            border-radius: 5px;
            background: var(--background-item);
            color: var(--light);
            padding: 5px 10px;
            margin-right: 10px
        }

            .single-blog .post-tags a:hover {
                background: var(--main)
            }

    .single-blog .post-share {
        text-align: right;
        margin-top: 5px
    }

    .single-blog .post-author-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 140px);
        flex: 0 0 calc(100% - 140px);
        max-width: calc(100% - 140px);
        padding-left: 19px
    }

    .single-blog .post-about-author {
        background: var(--main);
        padding: 30px 45px;
        margin-top: 16px;
        border-radius: 10px
    }

        .single-blog .post-about-author .post-author-avatar {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 140px;
            flex: 0 0 140px;
            max-width: 140px
        }

            .single-blog .post-about-author .post-author-avatar img {
                max-width: 140px;
                border-radius: 100%
            }

        .single-blog .post-about-author .at-name > span {
            display: block
        }

        .single-blog .post-about-author .at-name a:hover {
            color: var(--light)
        }

        .single-blog .post-about-author .description {
            margin-bottom: 15px;
            margin-top: 25px
        }

        .single-blog .post-about-author .icon-author a {
            color: var(--heading);
            margin-right: 15px
        }

    .single-blog .post-navigation {
        position: relative;
        margin-bottom: 68px;
        margin-top: 53px
    }

        .single-blog .post-navigation:after {
            content: "";
            display: table;
            clear: both
        }

        .single-blog .post-navigation > a {
            clear: both;
            display: block;
            position: absolute;
            left: 50%;
            color: var(--heading);
            font-size: 32px;
            top: 24px;
            margin-left: -16px
        }

        .single-blog .post-navigation > div.left {
            float: left;
            width: 43%
        }

            .single-blog .post-navigation > div.left i {
                margin-right: 14px
            }

        .single-blog .post-navigation > div.right {
            float: right;
            width: 43%
        }

            .single-blog .post-navigation > div.right i {
                margin-left: 14px
            }

            .single-blog .post-navigation > div.right .content_nav {
                text-align: right
            }

        .single-blog .post-navigation .content_nav > span {
            margin-bottom: 15px;
            display: block
        }

        .single-blog .post-navigation .content_nav i {
            display: inline-block;
            vertical-align: middle;
            font-size: 24px
        }

        .single-blog .post-navigation .title a:hover {
            color: var(--main)
        }

.comments-area .comment_top .comments-title {
    margin-bottom: 45px
}

.comments-area .comment_top .comment-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .comments-area .comment_top .comment-list .comment-respond {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .comments-area .comment_top .comment-list li ol {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .comments-area .comment_top .comment-list li .children {
        padding-left: 78px
    }

    .comments-area .comment_top .comment-list li .comment-body {
        margin-bottom: 7px
    }

        .comments-area .comment_top .comment-list li .comment-body .comment-avatar {
            width: 80px;
            height: 80px;
            display: inline-block;
            vertical-align: top;
            margin-top: 6px
        }

            .comments-area .comment_top .comment-list li .comment-body .comment-avatar img {
                border-radius: 100%;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center
            }

        .comments-area .comment_top .comment-list li .comment-body .title-review {
            font-weight: 500;
            margin-bottom: -5px
        }

        .comments-area .comment_top .comment-list li .comment-body .author-info {
            margin-top: -7px
        }

            .comments-area .comment_top .comment-list li .comment-body .author-info .comment-author {
                display: inline-block;
                font-size: 13px !important
            }

        .comments-area .comment_top .comment-list li .comment-body .comment-info {
            width: calc(100% - 85px);
            display: inline-block;
            vertical-align: top;
            padding-left: 13px;
            padding-top: 6px;
            position: relative
        }

            .comments-area .comment_top .comment-list li .comment-body .comment-info .comment-reply-login {
                display: none
            }

            .comments-area .comment_top .comment-list li .comment-body .comment-info .comment-reply-link {
                border: 1px solid #fff;
                border-radius: 3px;
                font-size: var(--font-size-sm);
                line-height: var(--line-height-sm);
                padding: 2px 4px;
                position: absolute;
                right: 0
            }

                .comments-area .comment_top .comment-list li .comment-body .comment-info .comment-reply-link:before {
                    content: "\f3e5";
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    font-size: 12px;
                    margin-right: 8px
                }

            .comments-area .comment_top .comment-list li .comment-body .comment-info p {
                margin-top: 0
            }

            .comments-area .comment_top .comment-list li .comment-body .comment-info > p:last-child {
                margin: 0
            }

            .comments-area .comment_top .comment-list li .comment-body .comment-info .comment-author {
                margin-bottom: 1px
            }

            .comments-area .comment_top .comment-list li .comment-body .comment-info .comment-date {
                margin-bottom: 12px;
                display: block;
                font-size: var(--font-size-sm);
                line-height: var(--line-height-sm)
            }

.comments-area .comment-respond {
    margin-top: 12px
}

    .comments-area .comment-respond .comment-reply-title {
        font-size: 21.33px;
        line-height: 24px;
        margin-bottom: 4px
    }

    .comments-area .comment-respond .comment-form-cookies-consent {
        margin-top: 3px
    }

        .comments-area .comment-respond .comment-form-cookies-consent label {
            margin: 0;
            vertical-align: middle;
            display: inline;
            color: var(--body2)
        }

    .comments-area .comment-respond #cancel-comment-reply-link {
        color: var(--heading);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-left: 10px
    }

        .comments-area .comment-respond #cancel-comment-reply-link:hover {
            color: var(--main)
        }

    .comments-area .comment-respond .comment-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px
    }

        .comments-area .comment-respond .comment-form > p:not(.comment-form-author):not(.comment-form-email) {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 10px
        }

        .comments-area .comment-respond .comment-form .comment-form-cookies-consent {
            order: 1
        }

        .comments-area .comment-respond .comment-form .form-submit {
            order: 2
        }

        .comments-area .comment-respond .comment-form p {
            margin: 0
        }

        .comments-area .comment-respond .comment-form .form-label {
            color: var(--heading);
            font-weight: 500
        }

        .comments-area .comment-respond .comment-form input[type="text"], .comments-area .comment-respond .comment-form textarea {
            margin-bottom: 15px
        }

        .comments-area .comment-respond .comment-form textarea {
            padding-top: 12px;
            height: 100px
        }

        .comments-area .comment-respond .comment-form input[type="text"] {
            height: 50px
        }

        .comments-area .comment-respond .comment-form .comment-form-cookies-consent input {
            margin-right: 5px;
            vertical-align: middle
        }

        .comments-area .comment-respond .comment-form .comment-notes {
            margin-bottom: 24px;
            margin-top: 0
        }

        .comments-area .comment-respond .comment-form .logged-in-as {
            margin-bottom: 18px
        }

        .comments-area .comment-respond .comment-form .comment-form-cookies-consent {
            margin-bottom: 25px
        }

        .comments-area .comment-respond .comment-form .submit {
            background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3);
            color: var(--btn-color);
            border: 0;
            padding-top: 15px;
            padding-right: 31px;
            padding-bottom: 15px;
            padding-left: 31px;
            font-weight: 700;
            font-size: 16px;
            line-height: 20px;
            position: relative;
            overflow: hidden;
            display: inline-block;
            transition: .2s ease;
            border-radius: 10px
        }

            .comments-area .comment-respond .comment-form .submit:hover {
                box-shadow: 0 15px 40px -8px rgba(158,97,255,.5);
                transform: translateY(-3px);
                color: var(--btn-color2)
            }

        .comments-area .comment-respond .comment-form .btn-main {
            display: none;
            background: var(--main);
            color: #fff;
            text-transform: uppercase;
            padding-right: 35px;
            padding-left: 35px;
            margin-top: 7px;
            font-weight: 400
        }

            .comments-area .comment-respond .comment-form .btn-main:before {
                background: #fff
            }

            .comments-area .comment-respond .comment-form .btn-main:hover {
                color: var(--main)
            }

        .comments-area .comment-respond .comment-form .change_button .submit {
            display: none
        }

        .comments-area .comment-respond .comment-form .change_button .btn-main {
            display: block
        }

@media (max-width: 992px) {
    .single-blog .post_content {
        margin-bottom: 30px
    }

    .single-blog.sidebar_right .post_sidebar {
        padding-left: 15px
    }

    .single-blog.sidebar_left .post_sidebar {
        padding-right: 15px
    }
}

@media (max-width: 767px) {
    .single-blog .entry_title {
        font-size: 24px;
        line-height: 30px
    }

    .single-blog .entry-comment {
        float: none;
        display: inline-block
    }

    .single-blog .jws-post-info .jws_post_meta .post_author {
        margin-right: 10px
    }

    .single-blog .post-share {
        text-align: left
    }

    .single-blog .post-about-author .post-author-avatar img {
        margin-bottom: 30px
    }

    .single-blog .post-navigation > div {
        width: 100% !important;
        float: none !important
    }

        .single-blog .post-navigation > div .content_nav {
            text-align: left !important
        }

    .single-blog .post-navigation .content_nav {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .single-blog .post-navigation > a {
        margin: 15px 0;
        margin-left: -3px;
        position: unset
    }

    .single-blog .post-about-author {
        padding: 30px 20px
    }

    .comments-area .comment_top .comment-list li .comment-body .comment-avatar {
        display: block
    }

    .comments-area .comment_top .comment-list li .comment-body .comment-info {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 10px
    }

    .comments-area .comment_top .comment-list li .children {
        padding-left: 30px
    }
}

.shop-page {
    margin-bottom: 80px
}

.products-wrap {
    position: relative
}

    .products-wrap > .loader {
        top: 50px
    }

    .products-wrap.metro .col-xl-40 .product-image img {
        max-width: none;
        object-position: center;
        object-fit: scale-down;
        height: 40.8vw
    }

    .products-wrap.loading .product-item-inner {
        opacity: 0 !important;
        transform: translatey(20px) !important
    }

.jws-animated-products .product-item-inner {
    opacity: 0;
    transform: translatey(50px)
}

.jws-animated-products .jws-animated .product-item-inner {
    opacity: 1;
    transform: translatey(0)
}

.jws_pr_labels {
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 16px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

    .jws_pr_labels.out_stock {
        top: 50%;
        text-align: center;
        width: 100%;
        justify-content: center;
        flex-direction: row;
        margin-top: -25px
    }

    .jws_pr_labels .jws_pr_label {
        padding: 1px 10px 1px;
        font-size: 12px;
        font-weight: 500;
        line-height: 19.5px;
        color: #422020;
        background: #fff;
        margin-bottom: 5px;
        text-transform: uppercase;
        border-radius: 10px;
        border: solid 1px
    }

    .jws_pr_labels .new {
        background: #fff;
        color: var(--main);
        border-color: var(--main)
    }

    .jws_pr_labels .onsale {
        background: #FB2B2B;
        border-color: #FB2B2B;
        color: #fff
    }

    .jws_pr_labels .out-of-stock {
        background-color: rgba(255,255,255,.9);
        color: var(--heading);
        letter-spacing: 1.5px;
        padding: 23px 20px 20px
    }

.product-item .product-image {
    position: relative;
    margin-bottom: 19px;
    text-align: center;
    background: #E9E8E4;
    overflow: hidden
}

    .product-item .product-image .overlay {
        background: #00031C;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: .3s all;
        opacity: 0;
        z-index: 1
    }

    .product-item .product-image .gallery {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18),-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
        width: 100%;
        z-index: 1;
        pointer-events: none;
        background: #E9E8E4
    }

    .product-item .product-image img {
        transition: all 1.5s cubic-bezier(0,0,.2,1);
        width: 100%
    }

.product-item .product-image {
    background: #E9E8E4;
    overflow: hidden
}

.product-item .product-item-inner:hover .product-image .overlay {
    opacity: .2
}

.product-item .product-item-inner:hover .product-image .gallery {
    opacity: 1;
    transform: scale(1.09)
}

.product-item:hover .product-image img {
    transform: scale(1.2)
}

.product-item.product .product-item-inner {
    transition: .3s all
}

.product-item.product .jws-attr-swatches.has_attr .swatch {
    opacity: .5
}

.product-item.product .jws-attr-swatches .swatch {
    cursor: pointer
}

    .product-item.product .jws-attr-swatches .swatch:not(:last-child) {
        margin-right: 20px
    }

    .product-item.product .jws-attr-swatches .swatch.selected {
        opacity: 1
    }

.product-item.product .star-rating {
    margin-bottom: 9px
}

.product-item.product .woocommerce-loop-product__title {
    margin-bottom: 5px;
    margin-top: 6px
}

.product-item.product .price {
    color: var(--heading);
    font-weight: 700
}

    .product-item.product .price del {
        margin-right: 1px;
        color: var(--body)
    }

    .product-item.product .price ins {
        text-decoration: none
    }

.product-item.product .star-rating-wap {
    text-align: center;
    margin-top: 10px
}

.added_to_cart {
    display: none !important
}

.products-tab .jws-nav-carousel > div {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #f3f3f3;
    color: var(--main);
    cursor: pointer;
    z-index: 1;
    font-size: 20px;
    transition: .3s all
}

    .products-tab .jws-nav-carousel > div:before {
        font-family: "jws_icon"
    }

    .products-tab .jws-nav-carousel > div:hover {
        background: var(--main);
        color: #fff
    }

.products-tab .jws-nav-carousel .jws-button-prev {
    left: -56px
}

    .products-tab .jws-nav-carousel .jws-button-prev:before {
        content: '\e800'
    }

.products-tab .jws-nav-carousel .jws-button-next {
    right: -56px
}

    .products-tab .jws-nav-carousel .jws-button-next:before {
        content: '\e801'
    }

.products-tab.product-deal .main-product .entry-summary .price {
    font-size: inherit;
    line-height: inherit
}

.products-tab.product-deal .product-category {
    margin-bottom: 20px
}

.products-tab.product-deal .view-product {
    border-bottom: 1px solid
}

.products-tab.product-deal .woo-variation-gallery-wrapper {
    padding-right: 14%
}

.products-tab.layout1 .product-item-inner {
    transition: .3s all;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%
}

    .products-tab.layout1 .product-item-inner:hover .button-inner {
        opacity: 1;
        transform: none
    }

.products-tab.layout1 .grid_top {
    width: 100%
}

.products-tab.layout1 .starting {
    font-size: 13px;
    margin-bottom: 2px
}

.products-tab.layout1 .price-item {
    display: block
}

.products-tab.layout1 .product-info {
    text-align: center
}

.products-tab.layout1 .product-category {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
    font-weight: 500
}

.products-tab.layout1 .button-inner {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    left: 0;
    transition: .3s all;
    opacity: 0;
    transform: translateY(10px);
    z-index: 2
}

@-webkit-keyframes

"spinner-fade" {
    0%

{
    background-color: var(--main)
}

100% {
    background-color: transparent
}

}

@keyframes

"spinner-fade" {
    0%

{
    background-color: var(--main)
}

100% {
    background-color: transparent
}

}

@keyframes rotatekey {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.jws-products-load-more {
    border: 1px solid #040202;
    font-weight: 500;
    padding: 12.5px 40px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 30px
}

    .jws-products-load-more.loading span {
        opacity: 0
    }

    .jws-products-load-more.auto_load_more {
        opacity: 0
    }

.loading .loader, .submitting .loader {
    opacity: 1
}

.loading > span, .submitting > span, .loading > i, .submitting > i, .loading:before, .submitting:before {
    opacity: 0
}

.shop-page .products-wrap > .product-category.product .woocommerce-loop-category__title {
    font-size: 20px;
    text-align: center
}

.shop-page .products-wrap > .product-category.product .count {
    background: transparent
}

.shop-page .no-products {
    transition: .3s all
}

    .shop-page .no-products > div {
        text-align: center;
        padding-top: 30px
    }

        .shop-page .no-products > div i {
            font-size: 60px;
            color: var(--heading)
        }

.shop-page .woocommerce-pagination {
    text-align: center;
    position: relative
}

    .shop-page .woocommerce-pagination .jws-product-loaded {
        border-bottom: 2px solid;
        display: inline-block;
        padding: 5px 20px
    }

        .shop-page .woocommerce-pagination .jws-product-loaded .found-min {
            display: none
        }

    .shop-page .woocommerce-pagination .spinner {
        display: inline-block;
        position: absolute;
        top: 80%;
        left: 50%;
        margin-left: -6px
    }

    .shop-page .woocommerce-pagination .spinner-blade {
        position: absolute;
        left: .4629em;
        bottom: 0;
        width: 2px;
        height: 6px;
        border-radius: .5em;
        background-color: transparent;
        transform-origin: center -.2222em;
        -webkit-animation: spinner-fade 1s infinite linear;
        animation: spinner-fade 1s infinite linear
    }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
            transform: rotate(0deg)
        }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(2) {
            -webkit-animation-delay: 0.13s;
            animation-delay: 0.13s;
            transform: rotate(45deg)
        }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(3) {
            -webkit-animation-delay: 0.26s;
            animation-delay: 0.26s;
            transform: rotate(90deg)
        }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(4) {
            -webkit-animation-delay: 0.39s;
            animation-delay: 0.39s;
            transform: rotate(135deg)
        }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(5) {
            -webkit-animation-delay: 0.52s;
            animation-delay: 0.52s;
            transform: rotate(180deg)
        }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(6) {
            -webkit-animation-delay: 0.65s;
            animation-delay: 0.65s;
            transform: rotate(225deg)
        }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(7) {
            -webkit-animation-delay: 0.78s;
            animation-delay: 0.78s;
            transform: rotate(270deg)
        }

        .shop-page .woocommerce-pagination .spinner-blade:nth-child(8) {
            -webkit-animation-delay: 0.91s;
            animation-delay: 0.91s;
            transform: rotate(315deg)
        }

.shop-page .shop-content .product-item {
    margin-bottom: 50px
}

.shop-page .sidebar-has_sidebar.no_container .siderbar-inner.left {
    padding-right: 43px;
    padding-top: 25px
}

.shop-page .sidebar-has_sidebar.no_container .siderbar-inner.right {
    padding-left: 43px;
    padding-top: 25px
}

.shop-page .sidebar-no_sidebar .show_filter_shop {
    display: none
}

.shop-page .sidebar-no_sidebar .woocommerce-result-count {
    display: inline
}

.shop-page .shop-container.no_container {
    padding: 0 70px
}

.shop-page .grid-view {
    display: flex;
    align-items: center;
    margin-right: 45px;
    margin-left: 45px
}

    .shop-page .grid-view > span {
        margin-right: 23px;
        font-size: 12px;
        font-weight: 600
    }

    .shop-page .grid-view .view-icon-list {
        display: flex;
        margin: 0 -5.5px
    }

    .shop-page .grid-view a {
        width: 20px;
        height: 19px;
        display: inline-block;
        background-repeat: no-repeat;
        margin: 0 5.5px;
        opacity: .5
    }

        .shop-page .grid-view a.sel-active {
            opacity: 1;
            pointer-events: none
        }

    .shop-page .grid-view .view-product-4 {
        background-image: url(wp-content/themes/streamvid/assets/image/grid_4.svg)
    }

    .shop-page .grid-view .view-product-3 {
        background-image: url(wp-content/themes/streamvid/assets/image/grid_3.svg)
    }

    .shop-page .grid-view .view-product-2 {
        background-image: url(wp-content/themes/streamvid/assets/image/grid_2.svg)
    }

    .shop-page .grid-view .view-product-1 {
        background-image: url(wp-content/themes/streamvid/assets/image/grid_1.svg)
    }

.shop-page .shop-topbar {
    display: none;
    margin-bottom: 24px
}

.shop-page .widget_layered_nav_filters {
    margin-bottom: 24px
}

    .shop-page .widget_layered_nav_filters ul {
        list-style-type: none
    }

        .shop-page .widget_layered_nav_filters ul .chosen {
            margin-right: 12px;
            margin-bottom: 5px;
            margin-top: 5px
        }

            .shop-page .widget_layered_nav_filters ul .chosen a {
                border: 1px solid rgba(117,117,117,.5);
                padding: 2px 10px;
                display: block
            }

                .shop-page .widget_layered_nav_filters ul .chosen a:after {
                    content: '\e814';
                    font-family: "jws_icon";
                    margin-left: 5px
                }

        .shop-page .widget_layered_nav_filters ul li {
            display: inline-block
        }

            .shop-page .widget_layered_nav_filters ul li .remove-filter-actived {
                color: var(--third);
                border-bottom: 2px solid #e1e1e1;
                padding-bottom: 1px
            }

.shop-page .shop-top-filters-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.shop-page .woocommerce-ordering {
    position: relative
}

    .shop-page .woocommerce-ordering .select2-selection--single {
        height: 30px !important
    }

        .shop-page .woocommerce-ordering .select2-selection--single .select2-selection__arrow b {
            margin-top: 0 !important
        }

    .shop-page .woocommerce-ordering select {
        min-height: 30px !important;
        font-size: 14px;
        font-weight: 700;
        color: var(--heading) !important
    }

    .shop-page .woocommerce-ordering .select2-selection__rendered {
        line-height: 30px !important;
        font-size: 14px;
        font-weight: 700;
        color: var(--heading) !important
    }

.shop-page .shop-nav-top {
    margin-bottom: 37px;
    align-items: center
}

    .shop-page .shop-nav-top .woocommerce-result-count {
        margin-bottom: 0
    }

.show_filter_shop {
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    border: 0;
    padding: 0;
    background: transparent;
    margin-right: 10px;
    display: none
}

    .show_filter_shop i {
        color: #979797;
        font-size: 16px;
        margin-right: 9px
    }

        .show_filter_shop i:before {
            transition: .7s all;
            display: inline-block;
            will-change: transform
        }

    .show_filter_shop.active i:before {
        transform: rotate(45deg) translateY(2px);
        -webkit-transform: rotate(45deg) translateY(2px)
    }

.jws-filter-modal {
    display: none;
    z-index: 999;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%
}

    .jws-filter-modal .modal-top {
        margin-bottom: 20px
    }

        .jws-filter-modal .modal-top .modal-title {
            color: var(--heading);
            margin-bottom: 21px;
            font-size: 14px;
            line-height: 24px;
            padding-bottom: 3px;
            font-weight: 700;
            letter-spacing: 1.5px
        }

        .jws-filter-modal .modal-top .modal-close {
            color: var(--heading);
            font-size: 14px;
            float: right;
            cursor: pointer
        }

            .jws-filter-modal .modal-top .modal-close:after {
                content: '\f642';
                font-family: "jws_icon";
                margin-left: 4px;
                font-size: 22px;
                margin-top: -5px;
                display: inline-block;
                vertical-align: middle
            }

    .jws-filter-modal .widget-title.close:before {
        transform: rotate(180deg);
        transition-delay: 0.05s
    }

    .jws-filter-modal .widget-title.close:after {
        transform: rotate(180deg)
    }

    .jws-filter-modal .widget-title {
        position: relative;
        cursor: pointer
    }

    .jws-filter-modal .modal-content {
        width: 300px;
        max-width: 85%;
        padding: 2rem;
        transform: translateX(-100%);
        overflow: auto;
        opacity: 0;
        transition: .4s all;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        direction: rtl;
        background: var(--background-body)
    }

        .jws-filter-modal .modal-content > div, .jws-filter-modal .modal-content section {
            direction: ltr
        }

    .jws-filter-modal .modal-overlay {
        background: #040202;
        opacity: .2;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: .4s all
    }

    .jws-filter-modal.open .modal-content {
        transform: translateX(0);
        opacity: 1
    }

    .jws-filter-modal.open .modal-overlay {
        opacity: .2;
        visibility: visible
    }

.filter-shop-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .filter-shop-nav > span {
        font-size: 14px;
        font-weight: 500;
        margin-right: 10px
    }

    .filter-shop-nav > section {
        display: inline-block;
        position: relative
    }

        .filter-shop-nav > section:not(:last-child) {
            margin-right: 15px
        }

        .filter-shop-nav > section:hover > ul, .filter-shop-nav > section:hover > div, .filter-shop-nav > section:hover > form {
            opacity: 1;
            transform: translatey(0);
            pointer-events: auto
        }

        .filter-shop-nav > section > h5 {
            margin-bottom: 0;
            font-size: 14px;
            font-family: var(--body-font);
            font-weight: 300;
            cursor: pointer;
            position: relative
        }

            .filter-shop-nav > section > h5:before {
                content: '';
                width: 100%;
                position: absolute;
                top: 100%;
                height: 40px
            }

            .filter-shop-nav > section > h5:after {
                content: '\eaec';
                font-family: "jws_icon";
                margin-left: 8px;
                font-weight: 700;
                font-size: 15px
            }

            .filter-shop-nav > section > h5 + ul, .filter-shop-nav > section > h5 + div, .filter-shop-nav > section > h5 + form {
                opacity: 0;
                transform: translatey(-15px);
                position: absolute;
                top: 100%;
                background: #fff;
                pointer-events: none;
                transition: .3s all;
                z-index: 15;
                width: 280px;
                padding: 20px !important;
                border: 1px solid #ebebeb;
                margin-top: 13px
            }

.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-successful {
    padding: 20px 30px;
    margin: 0 0 2em;
    background-color: #1e85be;
    color: #fff;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    position: relative
}

    .woocommerce .woocommerce-message strong, .woocommerce .woocommerce-info strong, .woocommerce .woocommerce-error strong, .woocommerce .woocommerce-successful strong {
        color: inherit
    }

    .woocommerce .woocommerce-message a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-error a, .woocommerce .woocommerce-successful a {
        text-decoration: underline
    }

    .woocommerce .woocommerce-message .jws-close-notice, .woocommerce .woocommerce-info .jws-close-notice, .woocommerce .woocommerce-error .jws-close-notice, .woocommerce .woocommerce-successful .jws-close-notice {
        float: right;
        text-decoration: none;
        font-size: 20px;
        display: inline;
        position: absolute;
        right: 10px;
        top: 20px
    }

.woocommerce .woocommerce-info {
    background-color: #d9af65;
    color: #83452e
}

.woocommerce .woocommerce-error {
    background-color: #fceceb;
    color: #8a543f;
    margin-bottom: 15px
}

    .woocommerce .woocommerce-error li:not(.cart-empty):before {
        font-size: 14px;
        margin-right: 2px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -5px;
        color: #cb6060;
        content: "\f071";
        font-family: "Font Awesome 5 Free";
        font-weight: 900
    }

.woocommerce .woocommerce-message {
    background-color: #dff5dd;
    color: #235631
}

    .woocommerce .woocommerce-message:not(.cart-empty):before {
        content: "\f058";
        color: #48bd68;
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        font-size: 16px;
        margin-right: 2px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px
    }

@media (min-width: 1600px) {
    .shop-sidebar .siderbar-inner.left {
        padding-right: 84px !important
    }

    .shop-sidebar .siderbar-inner.right {
        padding-left: 84px !importan
    }
}

@media (min-width: 1024px) {
    .sidebar-has_sidebar .jws-filter-modal {
        display: block !important;
        position: relative;
        z-index: 1
    }

        .sidebar-has_sidebar .jws-filter-modal .modal-content.sidebar {
            position: relative;
            opacity: 1;
            transform: none;
            padding: 0;
            width: auto;
            z-index: 1;
            overflow: unset;
            max-width: 100%
        }

        .sidebar-has_sidebar .jws-filter-modal .modal-top {
            display: none
        }

        .sidebar-has_sidebar .jws-filter-modal .modal-close {
            display: none
        }
}

@media (max-width: 1440px) {
    .shop-page .sidebar-has_sidebar.no_container .siderbar-inner.left {
        padding-right: 0
    }

    .shop-page .sidebar-has_sidebar.no_container .siderbar-inner.right {
        padding-left: 0
    }
}

@media (max-width: 1024px) {
    .shop-page .shop-container.no_container {
        padding: 0 15px
    }

    .show_filter_shop {
        display: inline
    }

    .archive-nav .post-select-filter {
        float: none
    }

        .archive-nav .post-select-filter .fild-item {
            margin-left: 0;
            margin-right: 10px
        }
}

@media (min-width: 992px) {
    .sidebar-sideout .shop-sidebar {
        display: none;
        animation: fadeInLeft .5s both
    }

    .sidebar-sideout .shop-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .sidebar-sideout.opened .shop-content {
        animation: fadeInRight .5s both
    }

    .sidebar-sideout.open .shop-content {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        animation: fadeInLeft .5s both
    }

    .sidebar-sideout.open .shop-sidebar {
        display: block
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .shop-page .grid-view {
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (max-width: 991px) {
    .jws_pr_labels .jws_pr_label:not(.out-of-stock) {
        padding: 1px 5px;
        font-size: 12px
    }

    .jws_pr_labels .jws_pr_label.out-of-stock {
        padding: 15px 10px 12px
    }

    .shop-page .sidebar-has_sidebar .siderbar-inner {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
        padding-top: 2rem !important
    }

    .product-item .product-item-inner .product-image .buttton-inner {
        opacity: 1;
        transform: translateX(0)
    }

        .product-item .product-item-inner .product-image .buttton-inner li > a span {
            display: none
        }

    .shop-nav-top.filter-top .found-min {
        display: none
    }

    .shop-nav-top.filter-top > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .shop-nav-top.filter-top .filter-shop-nav {
        display: block
    }

        .shop-nav-top.filter-top .filter-shop-nav > span {
            margin-bottom: 10px;
            display: block
        }

        .shop-nav-top.filter-top .filter-shop-nav > section {
            display: block;
            margin-right: 0;
            padding-bottom: 10px;
            border-bottom: 1px solid #e3e3e3;
            margin-bottom: 10px
        }

            .shop-nav-top.filter-top .filter-shop-nav > section > h5:after {
                float: right
            }

            .shop-nav-top.filter-top .filter-shop-nav > section > h5 + ul, .shop-nav-top.filter-top .filter-shop-nav > section > h5 + div, .shop-nav-top.filter-top .filter-shop-nav > section > h5 + form {
                opacity: 1;
                transform: none;
                position: relative;
                transition: unset;
                width: 100%;
                padding: 0px !important;
                border: 0;
                display: none;
                margin-bottom: 8px
            }
}

@media (max-width: 1220px) {
    .shop-page .product-item {
        padding-right: 5px;
        padding-left: 5px
    }

    .products-tab.layout2 a.button {
        font-size: 11px
    }

        .products-tab.layout2 a.button > span:after {
            font-size: 16px;
            margin-right: 2px;
            margin-top: -4px
        }

    .widget_products .product_list_widget .product-item-inner .product-image {
        max-width: 50px
    }

    .widget_products .product_list_widget .product-item-inner .product-content {
        max-width: calc(100% - 55px)
    }

    .widget_products .product_list_widget .product-item-inner .price {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .shop-page .grid-view {
        display: none
    }

    .product-item.product .product-item-inner.list {
        display: block
    }

        .product-item.product .product-item-inner.list .product-image {
            max-width: 100%
        }

        .product-item.product .product-item-inner.list .product-content {
            width: 100%;
            padding-left: 0;
            padding-top: 12px
        }

    .products-tab.layout2 a.button {
        width: 68px
    }

        .products-tab.layout2 a.button > span {
            font-size: 0;
            line-height: 0;
            width: 30px
        }

            .products-tab.layout2 a.button > span:after {
                float: none;
                margin: 0
            }
}

@media (max-width: 480px) {
    .products-tab.layout1 .button-inner .button {
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        font-size: 12px;
        line-height: 20px
    }

    .woocommerce-result-count {
        display: none
    }
}

.quick-view-main .main-product .entry-summary {
    position: relative;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-mask-image: linear-gradient(to top,transparent 5px,#000 40px);
    mask-image: linear-gradient(to top,transparent 5px,#000 40px);
    overflow-y: auto;
    padding: 0 15px 30px;
    scrollbar-color: #1f1f1f #e2e2e2 78;
    scrollbar-width: thin
}

.quick-view-main .size-guide-action {
    display: none
}

.quick-view-main .popup-quick-view {
    max-width: 1050px;
    margin: 0 auto;
    background: #fff;
    transition: .4s all
}

    .quick-view-main .popup-quick-view .main-product.product {
        padding: 15px 15px
    }

        .quick-view-main .popup-quick-view .main-product.product .images {
            padding: 15px 0
        }

        .quick-view-main .popup-quick-view .main-product.product .row {
            margin: 0
        }

        .quick-view-main .popup-quick-view .main-product.product .jws_pr_labels {
            left: 30px;
            top: 30px;
            z-index: 2
        }

    .quick-view-main .popup-quick-view .mfp-close {
        border-radius: 100%;
        position: fixed;
        right: 15px;
        top: 5px;
        background: transparent
    }

        .quick-view-main .popup-quick-view .mfp-close:before {
            display: block;
            transition: .3s all
        }

        .quick-view-main .popup-quick-view .mfp-close:hover:before {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg)
        }

    .quick-view-main .popup-quick-view .shop-single {
        padding: 0;
        position: relative
    }

        .quick-view-main .popup-quick-view .shop-single .jws-summary {
            margin: 0 0 15px
        }

    .quick-view-main .popup-quick-view figure {
        margin: 0
    }

.quick-view-main .woocommerce-review-link {
    pointer-events: none
}

@media (max-width: 767px) {
    .quick-view-main .popup-quick-view .main-product.product {
        padding: 0
    }

    .quick-view-main .main-product .entry-summary {
        position: relative;
        padding: 0 0 30px
    }
}

.woocommerce-account .woocommerce-notices-wrapper > ul, .woocommerce-account .woocommerce-notices-wrapper > div {
    margin-bottom: 20px
}

.woocommerce .woocommerce-MyAccount-navigation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    vertical-align: top;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    background: var(--background-item);
    font-weight: 400
}

    .woocommerce .woocommerce-MyAccount-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
            background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3)
        }

        .woocommerce .woocommerce-MyAccount-navigation ul li a {
            display: block;
            color: #fff;
            padding: 15px 15px
        }

.woocommerce .woocommerce-MyAccount-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    display: inline-block;
    padding: 0 30px
}

    .woocommerce .woocommerce-MyAccount-content > p {
        margin-bottom: 10px
    }

        .woocommerce .woocommerce-MyAccount-content > p > a {
            text-decoration: underline;
            text-underline-offset: 1px;
            font-weight: 400
        }

    .woocommerce .woocommerce-MyAccount-content form h3 {
        font-size: 24px;
        color: var(--heading);
        font-weight: 500;
        line-height: 1.7em;
        margin-bottom: 9px;
        text-transform: uppercase
    }

    .woocommerce .woocommerce-MyAccount-content form .form-row {
        margin-bottom: 20px
    }

    .woocommerce .woocommerce-MyAccount-content form label {
        color: var(--heading);
        margin-bottom: 10px;
        font-weight: 500
    }

    .woocommerce .woocommerce-MyAccount-content form #account_display_name + span {
        margin-top: 7px;
        display: block
    }

    .woocommerce .woocommerce-MyAccount-content form button {
        display: block;
        position: relative;
        text-align: center;
        margin-top: 5px;
        color: #fff;
        min-width: 100%;
        background: var(--main);
        height: 50px;
        font-weight: 500;
        -webkit-transition: .3s all;
        -o-transition: .3s all;
        -ms-transition: .3s all;
        -moz-transition: .3s all;
        transition: .3s all;
        border: none;
        outline: none
    }

        .woocommerce .woocommerce-MyAccount-content form button:hover {
            opacity: .8
        }

    .woocommerce .woocommerce-MyAccount-content form fieldset {
        margin-top: 40px
    }

        .woocommerce .woocommerce-MyAccount-content form fieldset legend {
            font-weight: 500;
            margin-bottom: 20px;
            color: var(--heading)
        }

        .woocommerce .woocommerce-MyAccount-content form fieldset .form-row .password-input {
            display: block
        }

.woocommerce-notices-wrapper > div {
    margin-bottom: 10px
}

.lost_reset_password {
    text-align: center;
    max-width: 540px;
    margin: 0 auto
}

    .lost_reset_password > h3 {
        margin-bottom: 35px
    }

    .lost_reset_password .lost-notes {
        margin-bottom: 37px
    }

    .lost_reset_password .form-lost {
        max-width: 380px;
        margin: 0 auto
    }

    .lost_reset_password .woocommerce-password-strength {
        color: #fff;
        margin-top: 10px;
        padding: 5px
    }

        .lost_reset_password .woocommerce-password-strength.bad {
            background: #c7c747
        }

        .lost_reset_password .woocommerce-password-strength.strong {
            background: green
        }

        .lost_reset_password .woocommerce-password-strength.good {
            background: #41ab41
        }

    form.woocommerce-form-track-order .form-row, .lost_reset_password .form-row {
        margin-bottom: 10px;
        margin-top: 10px
    }

        form.woocommerce-form-track-order .form-row label, .lost_reset_password .form-row label {
            font-weight: 500;
            color: var(--heading)
        }

    form.woocommerce-form-track-order .button, .lost_reset_password .button {
        padding: 14px 35px 14px 35px;
        background: var(--main);
        color: var(--light);
        border-style: solid;
        border-width: 0 0 0 0;
        font-weight: 500;
        display: block;
        text-align: center;
        min-width: 100%;
        margin-top: 20px
    }

@media (max-width: 767px) {
    .woocommerce .woocommerce-MyAccount-navigation {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 15px 0
    }

    .woocommerce .woocommerce-MyAccount-content {
        padding: 0 15px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.woocommerce-cart .shop_table tr {
    border: 0
}

    .woocommerce-cart .shop_table tr.cart_item td {
        padding: 20px 0 20px 26px;
        border: none;
        border-bottom: 1px solid var(--border-color)
    }

.woocommerce-cart .cart-heading {
    margin-bottom: 30px
}

.woocommerce-cart .shop_table tr.order-total .includes_tax {
    display: block;
    margin-top: 5px
}

.woocommerce-cart .shop_table {
    width: 100%
}

.woocommerce-cart .box_added .box_added_content {
    display: none
}

.woocommerce-cart .shop_table th.product-remove {
    width: 40px
}

.woocommerce-cart .shop_table td.order-status {
    text-align: center !important
}

.woocommerce-cart .shop_table td.product-remove {
    padding: 0;
    text-align: left
}

    .woocommerce-cart .shop_table td.product-remove a {
        cursor: pointer;
        font-size: 0
    }

        .woocommerce-cart .shop_table td.product-remove a:before {
            content: '\f642';
            font-family: "jws_icon";
            font-size: 24px;
            color: var(--heading)
        }

.woocommerce-cart .shop_table td.product-name .variation {
    margin-bottom: 0
}

    .woocommerce-cart .shop_table td.product-name .variation:after {
        content: "";
        display: table;
        clear: both
    }

    .woocommerce-cart .shop_table td.product-name .variation dt {
        font-weight: 400
    }

    .woocommerce-cart .shop_table td.product-name .variation .variation-Vendor {
        display: inline-block;
        margin: 0
    }

.woocommerce-cart .shop_table td.product-name img {
    max-width: 80px;
    height: auto;
    margin-right: 22px
}

.woocommerce-cart .woocommerce .cart-empty {
    text-align: center;
    position: relative;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 140px 0 0 0;
    font-weight: bold !important;
    margin-bottom: 30px;
    background: transparent;
    border: 0;
    color: var(--heading)
}

    .woocommerce-cart .woocommerce .cart-empty:after, .woocommerce-cart .woocommerce .cart-empty:before {
        position: absolute;
        color: rgba(142,142,142,.2);
        left: 50%;
        font-weight: 400;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -sand-transform: translateX(-50%)
    }

    .woocommerce-cart .woocommerce .cart-empty:before {
        font-size: 115px;
        top: -17px;
        font-family: "jws_icon";
        content: '\f455'
    }

    .woocommerce-cart .woocommerce .cart-empty:after {
        font-size: 40px;
        top: 50px;
        font-family: "jws_icon";
        margin-left: 1px;
        content: '\f642'
    }

.woocommerce-cart .woocommerce .return-to-shop {
    text-align: center;
    margin-bottom: 50px
}

.woocommerce-cart .woocommerce .cart-emtry-text {
    text-align: center
}

.woocommerce-cart .shop_table {
    border-collapse: unset
}

    .woocommerce-cart .shop_table thead th {
        color: var(--heading);
        padding: 0;
        padding-left: 26px;
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 18px
    }

    .woocommerce-cart .shop_table tr .actions {
        padding: 40px 0
    }

        .woocommerce-cart .shop_table tr .actions:after {
            display: table;
            content: " ";
            clear: both
        }

        .woocommerce-cart .shop_table tr .actions .col-right {
            float: right
        }

            .woocommerce-cart .shop_table tr .actions .col-right .button[disabled] {
                cursor: no-drop;
                opacity: .5
            }

        .woocommerce-cart .shop_table tr .actions .coupon {
            float: left;
            position: relative;
            display: flex;
            width: 100%;
            max-width: 493px
        }

            .woocommerce-cart .shop_table tr .actions .coupon label {
                display: none
            }

            .woocommerce-cart .shop_table tr .actions .coupon .input-text {
                background: transparent;
                border-color: var(--border-color2);
                border-radius: 10px;
                min-height: 50px;
                padding: 0 27px;
                max-width: 306px;
                margin-right: 10px
            }

    .woocommerce-cart .shop_table tr .product-name .cart_pr_item {
        display: flex;
        align-items: center
    }

    .woocommerce-cart .shop_table tr .product-name .cart_content_item {
        text-align: left
    }

        .woocommerce-cart .shop_table tr .product-name .cart_content_item > a {
            display: block
        }

    .woocommerce-cart .shop_table tr .product-name > a {
        color: var(--heading)
    }

    .woocommerce-cart .shop_table tr .amount {
        color: var(--heading);
        font-weight: 700
    }

.cart-collaterals {
    padding-left: 35px
}

    .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button {
        display: block;
        color: var(--main);
        margin-top: 7px;
        font-weight: 500
    }

    .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .cart-collaterals .woocommerce-shipping-calculator .select2.select2-container {
        width: 100% !important;
        margin-bottom: 15px
    }

    .cart-collaterals .woocommerce-shipping-calculator .select2-container--default .select2-selection--single {
        background-color: #ffffff !important
    }

        .cart-collaterals .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #838383 !important
        }

        .cart-collaterals .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
            color: #838383 !important
        }

    .cart-collaterals .woocommerce-shipping-calculator select, .cart-collaterals .woocommerce-shipping-calculator .input-text {
        border: 1px solid #d1d1d1;
        height: 40px;
        padding-left: 24px;
        width: 100%;
        margin-bottom: 15px;
        background-color: #fff
    }

    .cart-collaterals .woocommerce-shipping-calculator button {
        display: block;
        position: relative;
        text-align: center;
        cursor: pointer;
        background: var(--main);
        color: #fff;
        min-width: 100%;
        height: 50px;
        line-height: 50px;
        border-radius: 10px;
        border: none;
        outline: none
    }

    .cart-collaterals .cross-sells > h2 {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 20px;
        text-align: center;
        letter-spacing: 0
    }

    .cart-collaterals .continue {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: .7px
    }

        .cart-collaterals .continue i {
            margin-left: 10px
        }

    .cart-collaterals .cart_totals {
        width: 100%;
        background: var(--background-item);
        padding: 40px 50px
    }

        .cart-collaterals .cart_totals h5 {
            margin-bottom: 0;
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 17px
        }

        .cart-collaterals .cart_totals .shop_table {
            background: #f5f5f5;
            padding: 0 30px;
            margin-bottom: 30px
        }

        .cart-collaterals .cart_totals .wc-proceed-to-checkout {
            margin-top: 8px
        }

            .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
                display: block
            }

        .cart-collaterals .cart_totals .continue_shop {
            display: block;
            text-align: center;
            margin-top: 20px
        }

            .cart-collaterals .cart_totals .continue_shop i {
                font-size: 20px;
                vertical-align: middle;
                margin-right: 7px
            }

        .cart-collaterals .cart_totals .respon-table {
            padding: 9px 30px 9px 30px;
            background: #f6f6f6;
            margin-top: 27px
        }

        .cart-collaterals .cart_totals table .order-total {
            border: 0
        }

        .cart-collaterals .cart_totals table tr:after {
            content: "";
            display: table;
            clear: both
        }

        .cart-collaterals .cart_totals table tr.order-total td {
            font-size: 16px;
            font-weight: 500;
            color: var(--heading)
        }

            .cart-collaterals .cart_totals table tr.order-total td strong {
                font-weight: 500
            }

        .cart-collaterals .cart_totals table tr .woocs_special_price_code {
            font-weight: 400
        }

        .cart-collaterals .cart_totals table tr th {
            padding: 18px 0;
            padding-right: 10px;
            color: var(--heading);
            font-weight: 700
        }

        .cart-collaterals .cart_totals table tr td {
            text-align: right;
            padding: 15px 0;
            color: var(--heading)
        }

            .cart-collaterals .cart_totals table tr td[data-title="Subtotal"] {
                font-weight: 700
            }

            .cart-collaterals .cart_totals table tr td .woocommerce-shipping-methods {
                list-style-type: none;
                padding: 0
            }

            .cart-collaterals .cart_totals table tr td strong {
                font-weight: 400
            }

            .cart-collaterals .cart_totals table tr td label {
                font-weight: 400
            }

            .cart-collaterals .cart_totals table tr td input[type="radio"] {
                position: relative;
                top: 2px;
                margin-right: 0;
                margin-left: 7px
            }

.cross-sells {
    margin-top: 36px
}

    .cross-sells .cross-sells-inner {
        border: 1px solid rgba(117,117,117,.2);
        padding: 20px
    }

    .cross-sells .product-item-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center
    }

        .cross-sells .product-item-inner .product-image {
            max-width: 120px;
            margin-bottom: 0;
            margin-right: 20px;
            flex: 20%
        }

        .cross-sells .product-item-inner .product-content {
            flex: 20%
        }

            .cross-sells .product-item-inner .product-content .woocommerce-loop-product__title {
                margin-bottom: 5px
            }

        .cross-sells .product-item-inner .cross-button {
            flex: 60%;
            text-align: right
        }

            .cross-sells .product-item-inner .cross-button .price-item {
                margin-right: 23%
            }

            .cross-sells .product-item-inner .cross-button .product-buy {
                display: inline-block
            }

                .cross-sells .product-item-inner .cross-button .product-buy a {
                    border: 1px solid #040202;
                    font-weight: 500;
                    padding: 6px 30px;
                    position: relative;
                    display: block
                }

        .cross-sells .product-item-inner .product-item.product .woocommerce-loop-product__title {
            margin-bottom: 5px
        }

@media (max-width: 1024px) {
    .cart-collaterals {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .cart-collaterals .cart_totals {
        padding: 40px 15px
    }

    .cross-sells {
        margin-bottom: 30px
    }

        .cross-sells .product-item-inner .cross-button {
            flex: 100%;
            text-align: left;
            margin-top: 20px
        }

            .cross-sells .product-item-inner .cross-button .price-item {
                margin-right: 10px
            }

    .woocommerce-checkout .woocommerce .woocommerce-info {
        font-size: 14px
    }

    .cart-collaterals .continue {
        margin-bottom: 15px;
        display: block
    }

    .woocommerce-cart-form .shop_table {
        width: 100%;
        display: block
    }

        .woocommerce-cart-form .shop_table thead {
            display: none
        }

            .woocommerce-cart-form .shop_table thead th {
                width: 25%
            }

                .woocommerce-cart-form .shop_table thead th.product-remove, .woocommerce-cart-form .shop_table thead th.product-thumbnail {
                    display: none
                }

        .woocommerce-cart-form .shop_table tbody {
            display: block
        }

            .woocommerce-cart-form .shop_table tbody tr {
                display: block
            }

                .woocommerce-cart-form .shop_table tbody tr.cart_item {
                    margin: 30px 0
                }

                .woocommerce-cart-form .shop_table tbody tr td {
                    width: 100%;
                    display: block;
                    position: relative;
                    text-align: right;
                    padding: 10px 0px !important
                }

                    .woocommerce-cart-form .shop_table tbody tr td.product-subtotal {
                        border: 0;
                        padding-right: 15px
                    }

                    .woocommerce-cart-form .shop_table tbody tr td.product-name img {
                        max-width: 50px;
                        margin-right: 10px
                    }

                    .woocommerce-cart-form .shop_table tbody tr td.product-name .cart_content_item {
                        font-size: 14px
                    }

                    .woocommerce-cart-form .shop_table tbody tr td.product-name .cart_pr_item {
                        justify-content: end;
                        padding-left: 30px
                    }

                    .woocommerce-cart-form .shop_table tbody tr td.product-remove a:before {
                        font-size: 18px
                    }

                    .woocommerce-cart-form .shop_table tbody tr td.product-quantity:before {
                        padding-top: 4px
                    }

                    .woocommerce-cart-form .shop_table tbody tr td.actions {
                        margin-bottom: 28px;
                        text-align: center
                    }

                        .woocommerce-cart-form .shop_table tbody tr td.actions .col-right {
                            float: none
                        }

                            .woocommerce-cart-form .shop_table tbody tr td.actions .col-right button {
                                font-size: 14px
                            }

                        .woocommerce-cart-form .shop_table tbody tr td.actions .coupon {
                            float: none;
                            max-width: 100%;
                            margin-bottom: 20px;
                            justify-content: center
                        }

                            .woocommerce-cart-form .shop_table tbody tr td.actions .coupon .input-text {
                                max-width: 190px
                            }

                            .woocommerce-cart-form .shop_table tbody tr td.actions .coupon .button {
                                font-size: 12px;
                                padding: 7px 15px
                            }

                    .woocommerce-cart-form .shop_table tbody tr td:before {
                        content: attr(data-title);
                        font-weight: 600;
                        float: left;
                        color: var(--heading);
                        font-size: 14px
                    }

                    .woocommerce-cart-form .shop_table tbody tr td.product-remove:before {
                        content: ""
                    }
}

#customer_details {
    padding-right: 58px
}

    #customer_details > div:not(.loader) {
        transition: .3s all
    }

    #customer_details.loading > div:not(.loader) {
        opacity: 0
    }

    #customer_details .loader {
        top: 150px
    }

form.woocommerce-checkout {
    margin-top: 70px
}

    form.woocommerce-checkout .required {
        color: #df0000;
        text-decoration: none;
        border: none
    }

    form.woocommerce-checkout .woocommerce-account-fields {
        color: var(--heading)
    }

        form.woocommerce-checkout .woocommerce-account-fields .form-row {
            margin-bottom: 0 !important
        }

        form.woocommerce-checkout .woocommerce-account-fields input.input-checkbox {
            margin-right: 5px
        }

        form.woocommerce-checkout .woocommerce-account-fields .input-text {
            margin-bottom: 10px
        }

        form.woocommerce-checkout .woocommerce-account-fields .create-account {
            margin-bottom: 20px
        }

    form.woocommerce-checkout .woocommerce-shipping-fields input {
        margin-right: 5px
    }

    form.woocommerce-checkout .woocommerce-shipping-fields h3 input {
        margin-right: 21px;
        transform: scale(1.5);
        position: relative;
        top: -2px;
        accent-color: #d76e17
    }

    form.woocommerce-checkout .woocommerce-billing-fields h5 {
        margin-bottom: 27px
    }

    form.woocommerce-checkout .woocommerce-additional-fields label {
        display: none
    }

    form.woocommerce-checkout .woocommerce-additional-fields textarea {
        height: 110px
    }

    form.woocommerce-checkout .woocommerce-account-fields, form.woocommerce-checkout .woocommerce-billing-fields, form.woocommerce-checkout .woocommerce-shipping-fields {
        margin-bottom: 5px
    }

        form.woocommerce-checkout .woocommerce-account-fields .form-row, form.woocommerce-checkout .woocommerce-billing-fields .form-row, form.woocommerce-checkout .woocommerce-shipping-fields .form-row {
            position: relative;
            margin-top: 0;
            display: inline-block;
            width: 100%;
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 20px
        }

            form.woocommerce-checkout .woocommerce-account-fields .form-row label:not(.woocommerce-form__label-for-checkbox), form.woocommerce-checkout .woocommerce-billing-fields .form-row label:not(.woocommerce-form__label-for-checkbox), form.woocommerce-checkout .woocommerce-shipping-fields .form-row label:not(.woocommerce-form__label-for-checkbox) {
                color: var(--heading)
            }

            form.woocommerce-checkout .woocommerce-account-fields .form-row .screen-reader-text, form.woocommerce-checkout .woocommerce-billing-fields .form-row .screen-reader-text, form.woocommerce-checkout .woocommerce-shipping-fields .form-row .screen-reader-text {
                width: auto;
                height: auto;
                overflow: unset;
                clip: unset
            }

            form.woocommerce-checkout .woocommerce-account-fields .form-row input::placeholder, form.woocommerce-checkout .woocommerce-billing-fields .form-row input::placeholder, form.woocommerce-checkout .woocommerce-shipping-fields .form-row input::placeholder {
                opacity: 0
            }

            form.woocommerce-checkout .woocommerce-account-fields .form-row input:-ms-input-placeholder, form.woocommerce-checkout .woocommerce-billing-fields .form-row input:-ms-input-placeholder, form.woocommerce-checkout .woocommerce-shipping-fields .form-row input:-ms-input-placeholder {
                opacity: 0
            }

            form.woocommerce-checkout .woocommerce-account-fields .form-row input::-ms-input-placeholder, form.woocommerce-checkout .woocommerce-billing-fields .form-row input::-ms-input-placeholder, form.woocommerce-checkout .woocommerce-shipping-fields .form-row input::-ms-input-placeholder {
                opacity: 0
            }

            form.woocommerce-checkout .woocommerce-account-fields .form-row .select2.select2-container, form.woocommerce-checkout .woocommerce-billing-fields .form-row .select2.select2-container, form.woocommerce-checkout .woocommerce-shipping-fields .form-row .select2.select2-container {
                width: 100% !important
            }

            form.woocommerce-checkout .woocommerce-account-fields .form-row select, form.woocommerce-checkout .woocommerce-billing-fields .form-row select, form.woocommerce-checkout .woocommerce-shipping-fields .form-row select {
                padding: 0 20px
            }

            form.woocommerce-checkout .woocommerce-account-fields .form-row .selection .select2-selection--single .select2-selection__rendered, form.woocommerce-checkout .woocommerce-billing-fields .form-row .selection .select2-selection--single .select2-selection__rendered, form.woocommerce-checkout .woocommerce-shipping-fields .form-row .selection .select2-selection--single .select2-selection__rendered {
                line-height: 50px;
                padding-left: 30px
            }

.woocommerce-checkout .jws_woo_your_order #order_review {
    border: 1px solid var(--border-color);
    padding: 24px 40px 54px
}

.woocommerce-checkout .jws_woo_your_order h5 {
    margin-bottom: 58px
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .blockUI {
    display: none !important
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order.processing {
    position: relative
}

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order.processing:after {
        content: " ";
        top: 0;
        left: 0;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order.processing:before {
        content: " ";
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #000;
        border-color: #000 #000 #fafafa #fafafa;
        animation: lds-dual-ring .7s linear infinite;
        transition: .35s all;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        margin: -12px 0 0 -12px
    }

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order button.button {
    display: block
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
    font-size: 14px;
    line-height: 19.6px
}

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox a {
        text-decoration: underline
    }

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
    margin-bottom: 18px;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {
        text-decoration: underline
    }

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions {
    border: 1px solid #ececec;
    padding: 15px;
    margin: 20px 0;
    font-size: 80%;
    line-height: 1.8
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td {
    text-align: left !important;
    position: relative;
    padding-top: 36px
}

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td:before {
        border-top: 1px solid var(--border-color);
        width: 100%;
        height: 1px;
        content: "";
        top: 20px;
        left: 0;
        position: absolute
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td [role="alert"] {
        margin-top: 15px;
        background-color: transparent;
        padding: 0;
        margin-bottom: 0
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .woocommerce-error {
        color: #b81c23
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .woocommerce-message {
        color: #00c75f
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .coupon-clone-wrap {
        display: flex;
        margin-top: 14px
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td .button {
        background: var(--btn-bgcolor);
        color: var(--btn-color);
        border: 0;
        padding-top: 13px;
        padding-right: 20px;
        padding-bottom: 13px;
        padding-left: 20px;
        font-weight: 500;
        font-size: 16px;
        display: inline-block;
        min-width: 122px
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .coupon-clone-td #coupon_code-clone {
        width: calc(100% - 126px);
        display: inline-block;
        min-height: 49px;
        margin-right: 10px
    }

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table ul:not([role="alert"]) {
    list-style: none;
    padding: 0
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item {
    border: 0
}

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .edit_box {
        display: block;
        text-decoration: underline;
        color: var(--secondary)
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item td {
        padding: 0;
        padding-bottom: 5px
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item:first-child td {
        padding-top: 25px
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item:last-child td {
        padding-bottom: 12px
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item:not(:last-child) td {
        border-bottom: 0
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .product-name .td-item {
        display: flex;
        align-items: center
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .product-name strong {
        color: var(--body);
        font-weight: 400
    }

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table th {
    color: var(--heading);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm)
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-name, .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-total {
    border: 0;
    padding: 15px 0
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody {
    border-bottom: 1px solid var(--border-color)
}

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody tr th {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        text-transform: uppercase;
        padding: 0 0 30px
    }

        .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody tr th:last-child {
            text-align: right
        }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody .cart_item:nth-child(2) td {
        padding-top: 26px
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tbody .cart_item:last-child td {
        padding-bottom: 26px
    }

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table tfoot th {
    padding: 10px 0
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .order-total td {
    font-size: 21.33px;
    line-height: 32px
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .order-total th {
    font-size: 21.33px;
    line-height: 32px
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table td label {
    margin-bottom: 0;
    display: inline
}

.woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table td:last-of-type {
    text-align: right;
    color: var(--heading);
    padding: 17px 0
}

.woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout .woocommerce-form-login-toggle {
    background: var(--background-item);
    padding: 14px 25px;
    color: var(--heading);
    margin-bottom: 15px
}

    .woocommerce-checkout .woocommerce-form-coupon-toggle > div, .woocommerce-checkout .woocommerce-form-login-toggle > div {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
        font-weight: 700;
        color: var(--heading)
    }

    .woocommerce-checkout .woocommerce-form-coupon-toggle .jws-close-notice, .woocommerce-checkout .woocommerce-form-login-toggle .jws-close-notice {
        display: none
    }

    .woocommerce-checkout .woocommerce-form-coupon-toggle a, .woocommerce-checkout .woocommerce-form-login-toggle a {
        text-decoration: underline;
        text-underline-offset: 5px;
        font-weight: 400
    }

.woocommerce-checkout .woocommerce-form-coupon, .woocommerce-checkout .woocommerce-form-login {
    border: 2px solid var(--main);
    padding: 17px 23px;
    margin-bottom: 16px;
    margin-top: 16px
}

    .woocommerce-checkout .woocommerce-form-coupon .form-inner, .woocommerce-checkout .woocommerce-form-login .form-inner {
        max-width: 584px
    }

    .woocommerce-checkout .woocommerce-form-coupon > p, .woocommerce-checkout .woocommerce-form-login > p {
        padding: 0 5px
    }

    .woocommerce-checkout .woocommerce-form-coupon p:first-child, .woocommerce-checkout .woocommerce-form-login p:first-child {
        margin-bottom: 18px
    }

    .woocommerce-checkout .woocommerce-form-coupon .lost_password a, .woocommerce-checkout .woocommerce-form-login .lost_password a {
        color: var(--heading)
    }

        .woocommerce-checkout .woocommerce-form-coupon .lost_password a:hover, .woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
            color: var(--main)
        }

    .woocommerce-checkout .woocommerce-form-coupon .form-row .woocommerce-form-login__rememberme, .woocommerce-checkout .woocommerce-form-login .form-row .woocommerce-form-login__rememberme {
        margin-right: 10px
    }

    .woocommerce-checkout .woocommerce-form-coupon .form-row input.input-text, .woocommerce-checkout .woocommerce-form-login .form-row input.input-text {
        border: 1px solid var(--border-color2);
        background: transparent;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        border-radius: 10px
    }

    .woocommerce-checkout .woocommerce-form-login .form-row button {
        margin: 10px 0
    }

    .woocommerce-checkout .woocommerce-form-coupon .form-row {
        display: inline-block;
        vertical-align: top
    }

        .woocommerce-checkout .woocommerce-form-coupon .form-row.form-row-first {
            min-width: 306px
        }

        .woocommerce-checkout .woocommerce-form-coupon .form-row.form-row-last {
            min-width: 200px
        }

.cart-discount .woocommerce-remove-coupon:before {
    content: '\e814';
    font-family: "jws_icon"
}

.cart-discount .woocommerce-remove-coupon span {
    border: 1px solid #dbdbdb;
    background-color: #efefef;
    padding: 5px;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 0 5px
}

.woocommerce-checkout-payment .woocommerce-terms-and-conditions {
    background: rgba(232,232,235,.4);
    padding: 15px;
    font-size: 14px
}

.woocommerce-checkout-payment .woocommerce-privacy-policy-text {
    margin-bottom: 15px
}

.woocommerce-checkout-payment .woocommerce-terms-and-conditions + .form-row {
    margin-top: 15px
}

.woocommerce-checkout-payment h3 {
    font-size: 28.43px;
    line-height: 32px;
    color: var(--heading);
    margin-bottom: 25px
}

.woocommerce-checkout-payment #place_order {
    width: 100%
}

.woocommerce-checkout-payment .wc_payment_methods {
    padding: 0;
    list-style-type: none;
    margin-bottom: 28px;
    margin-top: 40px
}

.woocommerce-checkout-payment li {
    margin-bottom: 7px
}

    .woocommerce-checkout-payment li.woocommerce-info {
        background: var(--background-item);
        color: var(--heading)
    }

    .woocommerce-checkout-payment li label {
        margin-bottom: 0;
        font-weight: 700;
        color: var(--heading);
        display: inline
    }

    .woocommerce-checkout-payment li input {
        margin-right: 16px;
        margin-top: 8px;
        position: relative;
        top: 2px;
        accent-color: #d76e17
    }

    .woocommerce-checkout-payment li .payment_box {
        margin-top: 9px;
        margin-bottom: 14px;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm)
    }

    .woocommerce-checkout-payment li.payment_method_paypal img {
        width: 145px;
        margin: 0 15px
    }

    .woocommerce-checkout-payment li.payment_method_paypal a {
        font-size: 14px;
        color: var(--heading);
        text-decoration: underline
    }

#billing_first_name_field, #shipping_first_name_field {
    width: 50%;
    padding-right: 5px;
    float: left
}

#billing_last_name_field, #shipping_last_name_field {
    width: 50%;
    padding-left: 20px;
    float: right
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-account-fields {
    margin: 0 -5px
}

.checkout_coupon {
    display: none
}

.woocommerce-order-received .site-content .entry-content > .woocommerce {
    max-width: 800px;
    margin: 0 auto
}

.woocommerce-order-received .responsive-table {
    margin-bottom: 60px
}

.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received {
    background: transparent;
    border: 2px dashed var(--heading);
    color: var(--heading);
    font-weight: 600;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.4;
    padding: 15px 25px
}

.woocommerce-order-details {
    margin-bottom: 50px
}

.woocommerce-order-received ul.order_details {
    margin-left: 0
}

.woocommerce-order-details__title, .wc-bacs-bank-details-heading {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: center
}

    .woocommerce-order-details__title + h3, .wc-bacs-bank-details-heading + h3 {
        font-size: 16px;
        opacity: .8;
        margin-bottom: 30px;
        text-align: center
    }

.woocommerce-customer-details > h2, .woocommerce-customer-details > h3 {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center
}

.woocommerce-customer-details .woocommerce-column__title {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 30px;
    margin-top: 12px;
    color: var(--heading);
    margin-bottom: 20px
}

.woocommerce-order-received .woocommerce {
    max-width: 800px;
    margin: 0 auto
}

.woocommerce-order-received .box_added .box_added_content {
    display: block
}

.woocommerce-order-details h2 {
    margin-bottom: 19px;
    font-size: 24px;
    font-weight: 700;
    color: var(--heading);
    margin-top: 20px
}

.woocommerce-order-details table tbody tr .product-name .product-quantity {
    font-size: 14px;
    font-weight: 400
}

.woocommerce-order-details table tbody tr th, .woocommerce-order-details table tbody tr td {
    padding: 15px 12px;
    border: none;
    border-bottom: 1px solid #e6e6e6
}

.woocommerce-order-details table tbody tr th {
    text-align: left
}

.woocommerce-order-details table tfoot tr th, .woocommerce-order-details table tfoot tr td {
    padding: 15px 12px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    color: var(--heading);
    text-align: left
}

.woocommerce-order-details table tfoot tr td {
    text-align: right
}

.woocommerce-order-details table thead {
    background: none
}

    .woocommerce-order-details table thead tr th {
        padding: 15px 10px;
        letter-spacing: 1px;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.4;
        color: var(--heading);
        vertical-align: middle;
        border: none;
        border-bottom: 2px solid #efefef;
        text-align: left
    }

.woocommerce-order-details table .product-name a {
    display: inline-block
}

.woocommerce-order-details table .product-total {
    text-align: right
}

.woocommerce-columns--addresses, .woocommerce-Addresses {
    margin: 20px -15px 0
}

    .woocommerce-columns--addresses .col-1, .woocommerce-Addresses .col-1, .woocommerce-columns--addresses .col-2, .woocommerce-Addresses .col-2 {
        float: left;
        width: 48%;
        max-width: 100%
    }

        .woocommerce-columns--addresses .col-1 address, .woocommerce-Addresses .col-1 address, .woocommerce-columns--addresses .col-2 address, .woocommerce-Addresses .col-2 address {
            padding: 25px 30px 30px 30px;
            border: 2px dashed var(--heading);
            line-height: 30px;
            font-style: italic
        }

        .woocommerce-columns--addresses .col-1 .edit, .woocommerce-Addresses .col-1 .edit, .woocommerce-columns--addresses .col-2 .edit, .woocommerce-Addresses .col-2 .edit {
            margin-bottom: 10px;
            display: block
        }

        .woocommerce-columns--addresses .col-1 h3, .woocommerce-Addresses .col-1 h3, .woocommerce-columns--addresses .col-2 h3, .woocommerce-Addresses .col-2 h3 {
            font-size: 22px;
            margin-bottom: 20px;
            color: var(--heading);
            font-family: var(--body-font)
        }

    .woocommerce-columns--addresses .col-1, .woocommerce-Addresses .col-1 {
        margin-right: 30px
    }

.jws_options_table {
    background: #fff;
    padding: 10px 0;
    margin-top: 10px !important;
    text-align: left
}

    .jws_options_table li {
        padding: 5px 15px
    }

        .jws_options_table li:not(:last-child) {
            border-bottom: 1px solid #f1f1f1
        }

.woocommerce-thankyou-order-details {
    list-style-type: none;
    padding: 0;
    display: flex;
    -webkit-display: flex;
    display: -webkit-flex;
    -ms-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

    .woocommerce-thankyou-order-details + p {
        font-size: 16px;
        background-color: #f6f6f6;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 30px;
        text-align: center
    }

    .woocommerce-thankyou-order-details li {
        flex-grow: 1;
        -ms-flex-grow: 1;
        -webkit-flex-grow: 1;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
        border-right: 1px solid #dfdfdf;
        text-align: center
    }

        .woocommerce-thankyou-order-details li strong {
            display: block;
            color: var(--heading);
            line-height: 24px
        }

.woocommerce .blockUI.blockOverlay {
    opacity: 1 !important;
    background: rgba(255,255,255,.6) !important;
    position: relative
}

    .woocommerce .blockUI.blockOverlay:before {
        content: " ";
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #000;
        border-color: #000 #000 #fafafa #fafafa;
        animation: lds-dual-ring .7s linear infinite;
        transition: .35s all;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        margin: -12px 0 0 -12px
    }

#jws-shipping-methods {
    display: none
}

    #jws-shipping-methods h3 {
        font-size: 28.43px;
        line-height: 32px;
        color: var(--heading);
        margin-bottom: 25px
    }

    #jws-shipping-methods .woocommerce-shipping-methods {
        list-style-type: none;
        border: 1px solid #e8e8eb;
        padding: 20px 20px 15px;
        margin-bottom: 20px
    }

        #jws-shipping-methods .woocommerce-shipping-methods input {
            margin-right: 5px
        }

.jws-error {
    color: #cc1818;
    font-size: 13px
}

    .jws-error strong {
        color: #cc1818;
        font-weight: 500
    }

.page_checkout_classic {
    padding-bottom: 95px;
    padding-left: 15px;
    padding-right: 15px
}

    .page_checkout_classic .woocommerce-form-login-toggle {
        margin-bottom: 16px
    }

    .page_checkout_classic .woocommerce-checkout-review-order {
        border: 1px solid rgba(117,117,117,.3);
        padding: 11px 39px 52px
    }

    .page_checkout_classic .woocommerce-checkout-payment {
        margin-top: 40px
    }

        .page_checkout_classic .woocommerce-checkout-payment > h3 {
            display: none
        }

        .page_checkout_classic .woocommerce-checkout-payment .wc_payment_methods {
            border: 0;
            padding: 0
        }

        .page_checkout_classic .woocommerce-checkout-payment li .payment_box {
            padding: 0;
            background: transparent;
            margin: 8px 0
        }

    .page_checkout_classic .woocommerce-shipping-methods li:not(last-child) {
        margin-bottom: 5px
    }

    .page_checkout_classic .woocommerce-shipping-methods li input {
        float: right;
        margin-left: 7px;
        margin-top: 4px
    }

    .page_checkout_classic .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-name, .page_checkout_classic .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .product-total {
        border-bottom: 1px solid #ebebeb
    }

    .page_checkout_classic #billing_city_field, .page_checkout_classic #billing_state_field, .page_checkout_classic #billing_postcode_field, .page_checkout_classic #shipping_city_field, .page_checkout_classic #shipping_state_field, .page_checkout_classic #shipping_postcode_field {
        width: 100%
    }

    .page_checkout_classic .form-row label:not(.woocommerce-form__label-for-checkbox) {
        color: var(--heading);
        font-weight: 500;
        margin-bottom: 9px
    }

.woocommerce-NoticeGroup-checkout {
    margin-bottom: 15px
}

@media (max-width: 992px) {
    #customer_details {
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .woocommerce-checkout .jws_woo_your_order h5 {
        margin-top: 25px;
        margin-bottom: 20px
    }

    .woocommerce-checkout .jws_woo_your_order #order_review {
        padding: 24px 20px 54px
    }

    .woocommerce-checkout .jws_woo_your_order .woocommerce-checkout-review-order .shop_table .cart_item .product-name img {
        max-width: 50px;
        margin-right: 10px
    }

    .woocommerce-checkout .woocommerce-form-coupon, .woocommerce-checkout .woocommerce-form-login {
        padding: 15px
    }

    #billing_first_name_field, #shipping_first_name_field, #billing_last_name_field, #shipping_last_name_field {
        width: 100%;
        padding: 0
    }
}

.jws-wishlist-table.loading .jws-wishlist-row {
    opacity: .4;
    pointer-events: none
}

.jws-wishlist-table .jws-wishlist-row {
    -webkit-transition: .35s all;
    -o-transition: .35s all;
    -ms-transition: .35s all;
    -moz-transition: .35s all;
    transition: .35s all
}

    .jws-wishlist-table .jws-wishlist-row thead {
        background: var(--background-item);
        color: var(--heading);
        text-align: left
    }

        .jws-wishlist-table .jws-wishlist-row thead tr th {
            text-align: center
        }

            .jws-wishlist-table .jws-wishlist-row thead tr th:first-child {
                padding: 20px 5%;
                text-align: left
            }

    .jws-wishlist-table .jws-wishlist-row tbody {
        border-left: 1px solid var(--border-color);
        border-right: 1px solid var(--border-color)
    }

        .jws-wishlist-table .jws-wishlist-row tbody tr {
            border-bottom: 1px solid var(--border-color)
        }

            .jws-wishlist-table .jws-wishlist-row tbody tr td {
                vertical-align: middle
            }

            .jws-wishlist-table .jws-wishlist-row tbody tr .jws-wishlist-remove {
                color: var(--heading);
                display: inline-block;
                font-size: 20px;
                vertical-align: middle
            }

            .jws-wishlist-table .jws-wishlist-row tbody tr td.jws_wishlist_detail {
                padding: 25px 4%
            }

            .jws-wishlist-table .jws-wishlist-row tbody tr td:not(.jws_wishlist_detail) {
                text-align: center;
                padding: 25px 30px
            }

            .jws-wishlist-table .jws-wishlist-row tbody tr .price .star-rating {
                display: block;
                margin: 0 auto;
                width: 95px
            }

            .jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-image {
                display: inline-block;
                max-width: 66px;
                margin-right: 30px;
                vertical-align: middle
            }

            .jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-title {
                display: inline-block;
                width: calc(100% - 100px);
                vertical-align: middle;
                max-width: 230px;
                font-weight: 500
            }

                .jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-title a {
                    color: var(--heading)
                }

                    .jws-wishlist-table .jws-wishlist-row tbody tr .jws_wishlist_detail .product-title a:hover {
                        color: var(--main)
                    }

.return-to-shop a {
    margin-top: 30px
}

@media (max-width: 767px) {
    .jws_products.jws_products_skin9 .jws_products_item .jws_content_product, .jws_products.jws_products_skin1 .jws_products_item .jws_content_product {
        padding-top: 5px;
        padding-bottom: 5px
    }

        .jws_products.jws_products_skin9 .jws_products_item .jws_content_product .jws_content_center_product, .jws_products.jws_products_skin1 .jws_products_item .jws_content_product .jws_content_center_product {
            margin: 0
        }

    .jws_products.jws_products_skin4 .jws_products_item .jws_content_product .jws_content_center_product {
        margin: 0
    }

    .jws-wishlist-table .jws-wishlist-row thead {
        display: none
    }

    .jws-wishlist-table .jws-wishlist-row tbody {
        display: block;
        border: none
    }

        .jws-wishlist-table .jws-wishlist-row tbody tr {
            display: block;
            width: 100%;
            margin-bottom: 15px;
            border: 2px solid #f2f2f2
        }

            .jws-wishlist-table .jws-wishlist-row tbody tr td {
                display: block;
                text-align: center
            }

                .jws-wishlist-table .jws-wishlist-row tbody tr td .product-image {
                    margin-right: 0 !important;
                    margin-bottom: 15px !important
                }

                .jws-wishlist-table .jws-wishlist-row tbody tr td .product-title {
                    width: 100% !important
                }
}

.jws_pr_labels {
    position: absolute
}

.jws-quantity-wrap {
    max-width: 123px;
    display: inline-block;
    vertical-align: middle;
    color: var(--heading);
    font-weight: 700
}

    .jws-quantity-wrap .quantity {
        position: relative
    }

        .jws-quantity-wrap .quantity .screen-reader-text {
            display: none
        }

        .jws-quantity-wrap .quantity input::-webkit-outer-spin-button, .jws-quantity-wrap .quantity input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .jws-quantity-wrap .quantity input[type=number] {
            -moz-appearance: textfield;
            border: 1px solid var(--border-color);
            font-size: 16px;
            color: var(--heading);
            min-height: 50px;
            width: 100%;
            padding: 0 30px;
            position: relative;
            margin-right: 27px;
            border-radius: 0;
            background: transparent;
            border-radius: 5px
        }

        .jws-quantity-wrap .quantity > span {
            position: absolute;
            z-index: 1;
            cursor: pointer;
            top: 50%;
            margin-top: -10px;
            line-height: 20px
        }

            .jws-quantity-wrap .quantity > span:before {
                font-size: 16px;
                font-family: "jws_icon"
            }

            .jws-quantity-wrap .quantity > span.jws-qty-minus {
                left: 10px
            }

                .jws-quantity-wrap .quantity > span.jws-qty-minus:before {
                    content: '\f4bf'
                }

            .jws-quantity-wrap .quantity > span.jws-qty-plus {
                right: 10px
            }

                .jws-quantity-wrap .quantity > span.jws-qty-plus:before {
                    content: '\f531'
                }

        .jws-quantity-wrap .quantity .input-text {
            text-align: center
        }

.product-360-view-wrapper {
    max-width: 600px
}

.shop-single {
    padding-bottom: 77px;
    padding-top: 40px
}

    .shop-single .woocommerce-notices-wrapper {
        margin: 0 auto;
        padding: 0 15px
    }

.main-product .jws-quantity-wrap {
    margin-right: 14px
}

.main-product .entry-summary {
    position: relative;
    padding-top: 15px
}

    .main-product .entry-summary .woocommerce-product-rating {
        margin-bottom: 9px
    }

        .main-product .entry-summary .woocommerce-product-rating .woocommerce-review-link {
            margin-left: 10px;
            padding-bottom: 2px;
            color: var(--body)
        }

    .main-product .entry-summary .product-title {
        margin-bottom: 7px
    }

    .main-product .entry-summary > .stock {
        font-weight: 500;
        margin: 0;
        color: var(--heading);
        margin-bottom: 14px;
        padding-bottom: 34px;
        font-size: 14px;
        margin-top: 56px
    }

    .main-product .entry-summary .in-stock {
        color: #227835
    }

        .main-product .entry-summary .in-stock:before {
            content: '\eb10';
            font-family: "jws_icon";
            font-size: 21px;
            font-weight: 700;
            margin-right: 4px;
            vertical-align: middle;
            margin-top: -4px;
            display: inline-block
        }

    .main-product .entry-summary.quickview-summary .product-share {
        display: none
    }

    .main-product .entry-summary .product_meta {
        margin-bottom: 25px
    }

    .main-product .entry-summary .woocommerce-tabs .container {
        padding: 0
    }

    .main-product .entry-summary .woocommerce-tabs .wc-tabs {
        text-align: left
    }

    .main-product .entry-summary > .product-short-text {
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 13px
    }

    .main-product .entry-summary > .price {
        margin-bottom: 18px
    }

        .main-product .entry-summary > .price ins {
            text-decoration: none
        }

        .main-product .entry-summary > .price del {
            opacity: .6;
            margin-right: 1px
        }

        .main-product .entry-summary > .price .amount .woocommerce-product-rating .woocommerce-review-link {
            font-size: 14px;
            color: var(--body);
            opacity: .9
        }

        .main-product .entry-summary > .price .amount .woocommerce-product-rating .star-rating {
            margin-right: 12px
        }

.main-product .product-inner {
    width: 130px;
    position: absolute;
    opacity: 0;
    bottom: 45px;
    right: 0;
    transition: .3s all;
    padding: 10px;
    z-index: 99;
    transform: translateY(-10px);
    background: var(--light);
    box-shadow: 0 0 5.74px 1.26px rgba(25,4,2,.05);
    pointer-events: none
}

    .main-product .product-inner img {
        margin-bottom: 10px
    }

    .main-product .product-inner .title a {
        color: var(--heading);
        font-size: 12px;
        line-height: 20px;
        display: block
    }

        .main-product .product-inner .title a:hover {
            color: var(--main)
        }

.single_add_to_cart_button:after {
    font-family: "jws_icon";
    content: '\f455';
    font-size: 24px;
    font-weight: 400;
    margin-left: 11px;
    vertical-align: middle
}

.external_form {
    margin-top: 25px
}

    .external_form .single_add_to_cart_button {
        width: calc(100% - 33px)
    }

.grouped_form p {
    margin-bottom: 0
}

.grouped_form .single_add_to_cart_button {
    width: calc(100% - 98px)
}

.grouped_form table {
    margin-bottom: 2px;
    margin-left: -10px;
    margin-right: -10px
}

    .grouped_form table [alt="blend-mode"] {
        mix-blend-mode: multiply
    }

    .grouped_form table img {
        background: #E9E8E4
    }

    .grouped_form table tr {
        border: 0
    }

        .grouped_form table tr td {
            padding-top: 12px;
            padding-bottom: 12px
        }

.grouped_form .product-item.product .price {
    font-size: 14px
}

    .grouped_form .product-item.product .price del {
        font-size: 14px;
        margin-right: 5px
    }

.variations_form .variations {
    margin-bottom: 40px
}

.variations_form tr {
    border: 0;
    display: flex;
    align-items: center
}

    .variations_form tr:not(:last-child) {
        margin-bottom: 7px
    }

.variations_form .label {
    color: var(--heading);
    font-weight: 700;
    padding: 0
}

    .variations_form .label label {
        margin-right: 15px;
        font-size: 14px;
        color: var(--heading)
    }

.variations_form .value {
    padding: 0;
    position: relative
}

.variations_form .text_vari {
    display: none
}

.variations_form .single_variation {
    margin-top: -20px
}

.variations_form .woocommerce-variation-price .price {
    color: var(--heading)
}

.variations_form select {
    width: 100%;
    border: 1px solid #bababa;
    min-height: 46px;
    line-height: 46px;
    background-color: transparent
}

.variations_form .feature_image .swatch-item-wrapper {
    margin-right: 20px
}

.variations_form .swatch-item-wrapper {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 12px
}

    .variations_form .swatch-item-wrapper .disabled {
        opacity: .5;
        cursor: no-drop
    }

    .variations_form .swatch-item-wrapper .swatch-label {
        border: 1px solid var(--border-color);
        width: auto;
        padding: 0 10px;
        text-align: center;
        height: 44px;
        line-height: 44px;
        display: block;
        border-radius: 5px;
        color: var(--heading)
    }

        .variations_form .swatch-item-wrapper .swatch-label.selected {
            border-color: var(--main)
        }

    .variations_form .swatch-item-wrapper .swatch > .text {
        position: absolute;
        background: var(--main);
        font-size: 12px;
        color: var(--light);
        border-radius: 3px;
        padding: 1px 12px;
        top: -33px;
        opacity: 0;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        pointer-events: none;
        line-height: 19px;
        box-shadow: 0 4px 8px rgba(0,0,0,.15);
        white-space: nowrap;
        transition: .3s all
    }

        .variations_form .swatch-item-wrapper .swatch > .text:after {
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 5px solid var(--main);
            left: 50%;
            margin-left: -3px;
            top: 21px;
            content: "";
            position: absolute
        }

    .variations_form .swatch-item-wrapper .swatch:hover .text {
        opacity: 1
    }

    .variations_form .swatch-item-wrapper .swatch-color {
        width: 24px;
        height: 24px;
        border-radius: 100%;
        display: block;
        position: relative;
        transition: .3s all;
        margin-left: 3px
    }

        .variations_form .swatch-item-wrapper .swatch-color.show-images-color {
            width: 60px;
            height: 60px;
            border-radius: 0;
            border: 1px solid transparent
        }

            .variations_form .swatch-item-wrapper .swatch-color.show-images-color.selected, .variations_form .swatch-item-wrapper .swatch-color.show-images-color:hover {
                border-color: rgba(4,2,2,.5)
            }

            .variations_form .swatch-item-wrapper .swatch-color.show-images-color:before {
                display: none
            }

        .variations_form .swatch-item-wrapper .swatch-color:before {
            display: inline-block;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            border: 1px solid var(--border-color);
            transition: .3s all;
            cursor: pointer;
            content: "";
            position: absolute;
            left: -3px;
            top: -3px
        }

        .variations_form .swatch-item-wrapper .swatch-color.selected:before, .variations_form .swatch-item-wrapper .swatch-color:hover:before {
            border-color: var(--main)
        }

.variations_form .reset_variations {
    margin-top: 10px;
    color: var(--heading);
    font-size: 14px;
    border-bottom: 1px solid var(--heading);
    line-height: 17px;
    max-width: 47px;
    position: absolute;
    left: 100%;
    top: 0
}

.variations_form .select2-container .select2-selection--single {
    height: 40px;
    background: #f8f8f8;
    padding-right: 30px
}

    .variations_form .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        color: var(--heading)
    }

    .variations_form .select2-container .select2-selection--single .select2-selection__arrow b {
        margin-top: -6px
    }

.woocommerce-tabs {
    margin-bottom: 45px;
    position: relative;
    margin-top: 56px
}

    .woocommerce-tabs.horizontal li {
        position: relative
    }

    .woocommerce-tabs.horizontal .woocommerce-Tabs-panel {
        padding: 25px 0 50px;
        margin: 0 auto
    }

        .woocommerce-tabs.horizontal .woocommerce-Tabs-panel .woocommerce-product-attributes {
            margin: 0 auto;
            max-width: 845px
        }

        .woocommerce-tabs.horizontal .woocommerce-Tabs-panel#tab-description table {
            border: 0
        }

            .woocommerce-tabs.horizontal .woocommerce-Tabs-panel#tab-description table tr {
                border-bottom: 0
            }

                .woocommerce-tabs.horizontal .woocommerce-Tabs-panel#tab-description table tr td {
                    padding: .2em 0;
                    border: 0
                }

    .woocommerce-tabs .jws-group-accordion-wap {
        transition: height .5s cubic-bezier(.2,.35,.25,1) 0s;
        overflow: hidden;
        max-width: 860px;
        margin: 0 auto
    }

        .woocommerce-tabs .jws-group-accordion-wap .tab-heading {
            font-size: 18px;
            font-weight: 500;
            font-family: var(--body-font);
            margin: 0;
            padding: 12.5px 0;
            cursor: pointer;
            display: none
        }

            .woocommerce-tabs .jws-group-accordion-wap .tab-heading:after {
                font-size: 10px;
                font-weight: 700;
                font-family: "jws_icon";
                content: '\f531';
                float: right
            }

        .woocommerce-tabs .jws-group-accordion-wap .accordion-active .tab-heading:after {
            content: '\f4bf'
        }

        .woocommerce-tabs .jws-group-accordion-wap .woocommerce-Tabs-panel {
            padding-bottom: 15px
        }

    .woocommerce-tabs .woocommerce-Tabs-panel {
        display: none
    }

        .woocommerce-tabs .woocommerce-Tabs-panel table {
            border: 1px solid var(--border-color)
        }

            .woocommerce-tabs .woocommerce-Tabs-panel table th {
                font-weight: 700;
                padding: 10px 20px;
                min-width: 100px;
                color: var(--heading);
                border-right: 1px solid var(--border-color)
            }

            .woocommerce-tabs .woocommerce-Tabs-panel table tr {
                border-bottom: 1px solid var(--border-color)
            }

            .woocommerce-tabs .woocommerce-Tabs-panel table td {
                padding: 10px 15px;
                vertical-align: middle;
                border-right: 1px solid var(--border-color)
            }

        .woocommerce-tabs .woocommerce-Tabs-panel > .elementor {
            margin-right: -10px;
            margin-left: -10px
        }

        .woocommerce-tabs .woocommerce-Tabs-panel h3 {
            margin: 0;
            margin-bottom: 15px
        }

    .woocommerce-tabs .wc-tabs {
        padding: 0;
        list-style-type: none;
        position: relative;
        text-align: center;
        border-bottom: 1px solid var(--background-item)
    }

        .woocommerce-tabs .wc-tabs li {
            display: inline-block;
            margin-right: 25px
        }

            .woocommerce-tabs .wc-tabs li:last-child {
                margin-right: 0
            }

            .woocommerce-tabs .wc-tabs li.active a:after {
                width: 100%;
                left: 0
            }

            .woocommerce-tabs .wc-tabs li.active a {
                opacity: 1
            }

            .woocommerce-tabs .wc-tabs li a {
                opacity: .5;
                font-weight: 700;
                position: relative;
                padding-bottom: 8px
            }

                .woocommerce-tabs .wc-tabs li a:after {
                    content: "";
                    width: 0;
                    transition: .3s all;
                    position: absolute;
                    right: 0;
                    bottom: 3px;
                    height: 2px;
                    background: var(--main)
                }

.product-reviews .ratings-list {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    text-align: center;
    border-left: 1px solid var(--background-item);
    border-right: 1px solid var(--background-item);
    padding-top: 4px;
    padding-bottom: 15px
}

    .product-reviews .ratings-list .ratings-item {
        text-align: left;
        display: block;
        max-width: 100%;
        width: 250px;
        margin: 0 auto;
        margin-bottom: -4px
    }

    .product-reviews .ratings-list .star-rating {
        margin-right: 10px;
        height: 16px;
        line-height: 14px
    }

    .product-reviews .ratings-list .count {
        font-size: 14px;
        font-weight: 500;
        color: var(--heading);
        width: 20px;
        text-align: center;
        display: inline-block
    }

    .product-reviews .ratings-list .rating-percent {
        display: inline-block;
        position: relative;
        height: 5px;
        width: calc(100% - 135px);
        margin-right: 8px;
        vertical-align: middle
    }

        .product-reviews .ratings-list .rating-percent:before {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            background: var(--main);
            opacity: .2;
            content: "";
            top: 0
        }

        .product-reviews .ratings-list .rating-percent > span {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--main)
        }

.product-reviews .avg-rating-container {
    vertical-align: top;
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 20px
}

    .product-reviews .avg-rating-container .ratings-review {
        display: block;
        margin-top: 10px
    }

    .product-reviews .avg-rating-container .star-rating {
        width: 113px;
        margin-top: 7px;
        letter-spacing: 0
    }

        .product-reviews .avg-rating-container .star-rating:before {
            font-size: 20px
        }

        .product-reviews .avg-rating-container .star-rating span:before {
            top: 0;
            font-size: 20px
        }

.product-reviews mark {
    font-size: 36px;
    font-weight: 700;
    background: transparent;
    padding: 0;
    margin-right: 11px;
    vertical-align: middle;
    color: var(--heading)
}

#answer-question-list, #product-questions {
    display: none
}

    #product-questions > div {
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 20px
    }

.form-questions.loading .submit {
    color: rgba(0,0,0,0);
    position: relative
}

    .form-questions.loading .submit .loader .path {
        stroke: #fff
    }

#answer-question-list {
    position: relative
}

    #answer-question-list > ul {
        padding: 0;
        list-style-type: none
    }

        #answer-question-list > ul li {
            margin-bottom: 20px;
            border-bottom: 1px solid #e8e8eb;
            padding-bottom: 29px;
            position: relative
        }

            #answer-question-list > ul li .q-name {
                color: var(--main);
                font-weight: 500
            }

            #answer-question-list > ul li .q-date {
                position: absolute;
                right: 0;
                top: 2px;
                opacity: .7
            }

            #answer-question-list > ul li .q-question {
                color: var(--heading);
                font-weight: 500;
                margin-bottom: 20px;
                display: block
            }

            #answer-question-list > ul li .answer_content {
                border-left: 1px solid var(--secondary);
                padding-left: 15px;
                padding-top: 15px;
                padding-bottom: 5px
            }

                #answer-question-list > ul li .answer_content > div {
                    color: var(--main);
                    font-weight: 500
                }

.jws_action_review {
    max-width: 183px;
    margin-right: 0;
    margin-left: auto;
    margin-top: 5px
}

    .jws_action_review span {
        border: 1px solid var(--border-color);
        display: block;
        cursor: pointer;
        height: 50px;
        line-height: 46px;
        margin-bottom: 14px;
        text-align: center;
        font-weight: 500;
        color: var(--heading);
        transition: .3s all;
        padding: 0 15px
    }

        .jws_action_review span.active {
            background: var(--main);
            border-color: var(--main);
            color: var(--light)
        }

.tabs_review_questios {
    margin-bottom: 38px;
    margin-top: 82px;
    position: relative
}

    .tabs_review_questios .tabs_review_nav {
        display: inline-block;
        position: relative;
        z-index: 1
    }

    .tabs_review_questios:after {
        height: 1px;
        background: var(--background-item);
        content: "";
        width: 100%;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 24px
    }

    .tabs_review_questios span {
        cursor: pointer;
        opacity: .6;
        margin-right: 15px;
        position: relative
    }

        .tabs_review_questios span:after {
            content: "";
            width: 0;
            transition: .3s all;
            position: absolute;
            right: 0;
            bottom: -4px;
            height: 1px;
            background: var(--main)
        }

        .tabs_review_questios span.active {
            opacity: 1
        }

            .tabs_review_questios span.active:after {
                width: 100%;
                left: 0
            }

.product .related .slick-initialized .slick-slide {
    max-width: 100%
}

.product .related > h5 {
    margin-bottom: 24px
}

.product .related .product-item {
    margin: 0
}

.product .related .jws-carousel-btn {
    opacity: 0;
    position: absolute;
    color: var(--heading);
    font-size: 36px;
    cursor: pointer;
    top: 46%;
    transition: .3s all;
    z-index: 1
}

    .product .related .jws-carousel-btn:hover {
        color: var(--main)
    }

.product .related .prev-item {
    transform: translatex(-15px);
    left: -30px
}

    .product .related .prev-item i {
        display: block;
        transform: scale(-1)
    }

.product .related .next-item {
    right: -30px;
    transform: translatex(15px)
}

.product .related .related-slider:hover .jws-carousel-btn {
    transform: translatex(0);
    opacity: 1
}

.jws-wishlist-btn {
    text-decoration: underline;
    text-underline-offset: 3px;
    display: inline-block;
    position: relative;
    margin-bottom: 26px
}

    .jws-wishlist-btn .added {
        display: none
    }

        .jws-wishlist-btn.added .added {
            display: block
        }

        .jws-wishlist-btn.added .notadd {
            display: none
        }

    .jws-wishlist-btn:hover span {
        opacity: 1
    }

form.cart {
    margin-bottom: 17px;
    margin-top: 30px
}

.product_meta > span {
    display: block;
    line-height: 22px;
    margin-bottom: 5px
}

    .product_meta > span .meta_label {
        color: var(--heading);
        font-weight: 700
    }

    .product_meta > span span:not(.meta_label), .product_meta > span a {
        color: var(--body);
        margin-left: 5px
    }

        .product_meta > span a:hover {
            color: var(--main)
        }

.woocommerce-variation-price {
    margin-bottom: 9px
}

    .woocommerce-variation-price .price {
        font-size: 18px;
        color: #e96b65
    }

.product_banner {
    margin-top: 23px
}

.product-share .share-label {
    margin-right: 9px;
    color: var(--heading);
    font-weight: 700
}

.product-share .addthis_inline_share_toolbox a {
    font-size: 14px;
    margin-right: 8px;
    color: var(--body)
}

    .product-share .addthis_inline_share_toolbox a:hover {
        color: var(--main)
    }

.jws_thumbnail_image .product-image-thumbnail .video_thumbnail {
    position: relative;
    padding: 100% 0 0 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    overflow: hidden
}

.jws_thumbnail_image .product-image-thumbnail iframe {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transform: scale(1.5)
}

.jws_thumbnail_image .product-image-thumbnail img {
    border: 2px solid transparent;
    transition: .3s all;
    width: 100%
}

.jws_thumbnail_image .active-thumb img, .jws_thumbnail_image .active-thumb .video_thumbnail {
    border-color: var(--main)
}

.thumbnail_position_bottom .summary {
    padding-left: 70px
}

.jws_main_image {
    position: relative
}

    .jws_main_image .woocommerce-product-gallery__image a, .jws_main_image .woocommerce-product-gallery__image img {
        cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IGZpbGw9Im5vbmUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPjxwb2x5Z29uIHBvaW50cz0iMjAsMTEgMTMsMTEgMTMsNCAxMSw0IDExLDExIDQsMTEgNCwxMyAxMSwxMyAxMSwyMCAxMywyMCAxMywxMyAyMCwxMyAiLz48L3N2Zz4=),auto;
        background: #E9E8E4;
        width: 100%;
        display: block
    }

    .jws_main_image .layout_default figure {
        background: #e9e8e6
    }

    .jws_main_image figure {
        margin: 0
    }

    .jws_main_image .product-video-popup {
        position: absolute;
        bottom: 28px;
        right: 35px;
        z-index: 1
    }

        .jws_main_image .product-video-popup a {
            font-size: 14px;
            font-weight: 500;
            background: #fff;
            padding: 7px 10px;
            border-radius: 40px;
            box-shadow: 0 0 10px 1px rgba(0,0,0,.05)
        }

            .jws_main_image .product-video-popup a i {
                font-size: 25px;
                margin-right: 7px;
                vertical-align: middle;
                margin-top: -2px;
                display: inline-block
            }

.woocommerce-product-gallery {
    padding-right: 50px
}

.has-owl-carousel .woocommerce-product-gallery__wrapper > .product-image-wrap {
    display: none
}

    .has-owl-carousel .woocommerce-product-gallery__wrapper > .product-image-wrap:first-child {
        display: block
    }

.thumbnail_flex_true .woocommerce-product-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.thumbnail_flex_true .woocommerce-product-gallery__wrapper .owl-item:not(:first-child) {
    display: none
}

.thumbnail_flex_true .owl-loaded .owl-item:not(:first-child) {
    display: block
}

.thumbnail_flex_true .jws_main_image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 150px);
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
    position: relative;
    padding: 0 18px
}

    .thumbnail_flex_true .jws_main_image .jws_pr_labels {
        left: 22px;
        top: 13px
    }

.thumbnail_flex_true .jws_thumbnail_image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
    position: relative;
    padding: 0 18px
}

    .thumbnail_flex_true .jws_thumbnail_image .thumbnails {
        opacity: 0;
        height: 0
    }

        .thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-initialized, .thumbnail_flex_true .jws_thumbnail_image .thumbnails.owl-loaded {
            opacity: 1;
            height: auto
        }

        .thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-slider > button {
            -ms-flex-order: 2;
            order: 2;
            padding: 0;
            width: 48%;
            height: 30px;
            border: none;
            background: var(--main);
            color: #fff;
            font-size: 0;
            line-height: 30px;
            -webkit-transition: .3s ease;
            -o-transition: .3s ease;
            -ms-transition: .3s ease;
            -moz-transition: .3s ease;
            transition: .3s ease
        }

            .thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-slider > button.slick-next:before {
                content: "\f078";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                font-size: 16px
            }

            .thumbnail_flex_true .jws_thumbnail_image .thumbnails.slick-slider > button.slick-prev:before {
                content: "\f077";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                font-size: 16px
            }

    .thumbnail_flex_true .jws_thumbnail_image .product-image-thumbnail {
        margin: 0;
        margin-bottom: 30px
    }

.gallery_false .jws_thumbnail_image {
    display: none
}

.gallery_false .jws_main_image {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0 !important
}

.comments-heading {
    text-align: center;
    margin-bottom: 36px
}

.woocommerce-Reviews .review-based {
    margin-bottom: 21px
}

.woocommerce-Reviews .average {
    font-size: 36px;
    color: var(--heading);
    font-weight: 700;
    display: block;
    margin-top: 19px;
    margin-bottom: 9px
}

    .woocommerce-Reviews .average i {
        color: var(--main);
        font-size: 22px;
        vertical-align: top;
        margin-left: 5px
    }

.woocommerce-Reviews .review-count {
    color: var(--heading);
    display: block;
    margin-bottom: 29px
}

.woocommerce-Reviews form .error {
    color: #ea1332;
    margin-top: 10px;
    display: block;
    position: absolute
}

.woocommerce-Reviews form label {
    font-weight: 500;
    color: var(--heading)
}

.woocommerce-Reviews form .row > div:not(:last-child) {
    margin-bottom: 30px
}

.woocommerce-Reviews form > p {
    margin-bottom: 17px
}

.woocommerce-Reviews form .submit {
    color: #fff;
    border: 0;
    background: var(--main);
    min-width: 183px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.woocommerce-Reviews .comment-notes {
    display: none
}

.woocommerce-Reviews .comment-reply-title {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 21px;
    display: block;
    color: var(--heading);
    font-weight: 500
}

.woocommerce-Reviews .comment-form-rating .stars [class*="star"]:before {
    color: var(--main)
}

.woocommerce-Reviews #comments {
    position: relative
}

.woocommerce-Reviews .commentlist {
    padding: 0
}

    .woocommerce-Reviews .commentlist .star-rating {
        width: 68px
    }

    .woocommerce-Reviews .commentlist li {
        margin-bottom: 22px
    }

        .woocommerce-Reviews .commentlist li .comment_container {
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 8px
        }

            .woocommerce-Reviews .commentlist li .comment_container img {
                border-radius: 100%;
                width: 80px;
                display: inline-block;
                vertical-align: top;
                margin-top: 6px
            }

            .woocommerce-Reviews .commentlist li .comment_container .comment-text {
                width: calc(100% - 85px);
                display: inline-block;
                vertical-align: top;
                padding-left: 13px;
                padding-top: 6px;
                position: relative
            }

.woocommerce-Reviews .woocommerce-Reviews-title {
    display: none
}

.woocommerce-Reviews .comment-form-cookies-consent {
    margin-top: 17px
}

    .woocommerce-Reviews .comment-form-cookies-consent input {
        margin-right: 10px
    }

    .woocommerce-Reviews .comment-form-cookies-consent label {
        margin: 0;
        font-weight: 400
    }

.woocommerce-Reviews .review-title {
    font-weight: 700;
    font-size: 13px;
    display: block;
    position: relative;
    margin-bottom: 11px;
    overflow: hidden
}

    .woocommerce-Reviews .review-title:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 100%;
        height: 1px;
        content: '\a0';
        background-color: #e7e7e7;
        margin-left: 10px
    }

@media (max-width: 1100px) {
    .main-product .entry-summary:not(.quickview-summary) {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .product .related {
        padding-top: 40px
    }

    .woocommerce-tabs {
        padding-bottom: 0
    }

    .resize-slider-mobile .woocommerce-product-gallery__wrapper > .product-image-wrap {
        display: none
    }

        .resize-slider-mobile .woocommerce-product-gallery__wrapper > .product-image-wrap:first-child {
            display: block
        }

    .product-reviews .ratings-list {
        border: 0;
        max-width: 100%
    }

        .product-reviews .ratings-list .ratings-item {
            max-width: 100%;
            width: 100%
        }

    .woocommerce-Tabs-panel#tab-description table tr td {
        display: block
    }

    .woocommerce-Reviews .commentlist li .comment_container .avatar-right .date-comment {
        position: relative;
        top: 3px;
        font-size: 14px
    }

    #answer-question-list > ul li .q-date {
        font-size: 14px
    }

    .woocommerce-tabs.horizontal:before {
        display: none
    }

    .tabs-modal-container .jws-group-accordion-wap {
        padding: 64px 20px
    }

    .main-product .entry-summary .product-title {
        font-size: 25px;
        line-height: 30px
    }
}

.woocommerce-product-gallery__wrapper {
    position: relative
}

    .woocommerce-product-gallery__wrapper .owl-dots {
        display: none
    }

    .woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap {
        height: 100%
    }

        .woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap .video_inner {
            height: 100%;
            overflow: hidden
        }

            .woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap .video_inner .video_product {
                padding: 133.33% 0 0 0;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transform: scale(1.1)
            }

                .woocommerce-product-gallery__wrapper.has_video .owl-stage .product-image-wrap .video_inner .video_product iframe {
                    position: absolute;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    pointer-events: none
                }

    .woocommerce-product-gallery__wrapper:hover .owl-nav > button {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none
    }

    .woocommerce-product-gallery__wrapper .owl-nav > button {
        position: absolute;
        top: 50%;
        text-align: center;
        margin-top: -20px;
        font-size: 20px;
        transition: .3s ease;
        opacity: 0;
        visibility: hidden;
        width: 50px;
        height: 50px;
        color: #000;
        display: block !important;
        line-height: 50px;
        background: rgba(255,255,255,.5)
    }

        .woocommerce-product-gallery__wrapper .owl-nav > button:not(.disabled):hover {
            background: var(--light)
        }

        .woocommerce-product-gallery__wrapper .owl-nav > button.owl-next {
            right: 0
        }

        .woocommerce-product-gallery__wrapper .owl-nav > button.owl-prev {
            left: 0
        }

        .woocommerce-product-gallery__wrapper .owl-nav > button.disabled {
            opacity: .5;
            cursor: no-drop
        }

        .woocommerce-product-gallery__wrapper .owl-nav > button span:before {
            font-weight: 700
        }

    .woocommerce-product-gallery__wrapper .owl-nav .nav-left:before {
        font-family: "jws_icon";
        content: '\e800'
    }

    .woocommerce-product-gallery__wrapper .owl-nav .nav-right:before {
        font-family: "jws_icon";
        content: '\e801'
    }

.star-rating-wap .review-count {
    font-size: 13px;
    margin-left: 7px
}

.star-rating {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 67px;
    display: inline-block;
    vertical-align: middle
}

    .star-rating:before {
        left: 0;
        top: 0;
        font-size: 12px;
        color: #FFCF61;
        font-family: 'Font Awesome 5 Free';
        content: "\f005\f005\f005\f005\f005"
    }

    .star-rating span {
        overflow: hidden;
        position: absolute;
        text-indent: -999em;
        color: #FFCF61;
        padding-top: 1.5em;
        left: 0;
        top: 0
    }

        .star-rating span:before {
            left: 0;
            top: 1px;
            position: absolute;
            font-size: 12px;
            text-indent: 0;
            color: #FFCF61;
            font-family: 'Font Awesome 5 Free';
            content: "\f005\f005\f005\f005\f005";
            font-weight: 900;
            animation: fadeIn .5s both;
            animation-delay: 0.3s
        }

.comment-form-rating {
    margin-bottom: 31px
}

    .comment-form-rating label {
        margin-bottom: 6px
    }

    .comment-form-rating .stars {
        height: 16px
    }

        .comment-form-rating .stars [class*="star"] {
            text-indent: -999em;
            display: block;
            position: absolute;
            display: inline-block
        }

            .comment-form-rating .stars [class*="star"]:before {
                position: absolute;
                font-family: 'Font Awesome 5 Free';
                font-weight: 400;
                left: 0;
                text-indent: 0;
                font-size: 12px;
                color: #ffb22d;
                letter-spacing: 5px
            }

        .comment-form-rating .stars .star-1 {
            width: 16px;
            z-index: 50
        }

            .comment-form-rating .stars .star-1.active:before, .comment-form-rating .stars .star-1:hover:before {
                font-weight: 900;
                content: "\f005"
            }

        .comment-form-rating .stars .star-2 {
            width: 35px;
            z-index: 40
        }

            .comment-form-rating .stars .star-2.active:before, .comment-form-rating .stars .star-2:hover:before {
                font-weight: 900;
                content: "\f005\f005"
            }

        .comment-form-rating .stars .star-3 {
            width: 54px;
            z-index: 30
        }

            .comment-form-rating .stars .star-3.active:before, .comment-form-rating .stars .star-3:hover:before {
                font-weight: 900;
                content: "\f005\f005\f005"
            }

        .comment-form-rating .stars .star-4 {
            width: 71px;
            z-index: 20
        }

            .comment-form-rating .stars .star-4.active:before, .comment-form-rating .stars .star-4:hover:before {
                font-weight: 900;
                content: "\f005\f005\f005\f005"
            }

        .comment-form-rating .stars .star-5 {
            width: 88px;
            z-index: 10
        }

            .comment-form-rating .stars .star-5.active:before, .comment-form-rating .stars .star-5:hover:before {
                font-weight: 900;
                content: "\f005\f005\f005\f005\f005"
            }

            .comment-form-rating .stars .star-5:before {
                content: "\f005\f005\f005\f005\f005"
            }

@media (min-width: 1025px) {
    .shop-single div.product .main-product.thumbnail_position_left .jws_main_image {
        -ms-flex-order: 13;
        order: 13
    }

    .shop-single div.product .main-product.thumbnail_position_left .jws_thumbnail_image {
        -ms-flex-order: -1;
        order: -1
    }
}

@media (max-width: 1440px) {
    .thumbnail_position_bottom .summary {
        padding-left: 30px
    }

    .layout_gid_two_coloms > .container {
        padding: 0 15px
    }

        .layout_gid_two_coloms > .container .col-xl-4 {
            padding-left: 15px
        }

    .layout_vertical_metro .woocommerce-product-gallery {
        padding-right: 0
    }

    .layout_vertical_metro .summary_right {
        max-width: 100%;
        padding-top: 0
    }
}

@media (max-width: 1024px) {
    .shop-single div.product .main-product.thumbnail_flex_true .jws_main_image, .shop-single div.product .main-product.thumbnail_flex_true .jws_thumbnail_image {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    body .woocommerce-product-gallery {
        padding: 0
    }

    .thumbnail_flex_true .jws_thumbnail_image {
        margin: 0 -5px
    }

        .thumbnail_flex_true .jws_thumbnail_image .product-image-thumbnail {
            padding: 5px;
            margin-bottom: 0 !important
        }

    .thumbnail_position_bottom .summary {
        padding-left: 0
    }

    .layout_vertical .entry-summary {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .shop-single div.product .main-product .related .product-item {
        padding: 0 5px
    }

    .shop-single div.product .main-product.layout_default .woocommerce-tabs > .container {
        padding: 0
    }

    .shop-single div.product .main-product.layout_default .woocommerce-tabs .jws-group-accordion-wap {
        padding: 0
    }

    .shop-single div.product .main-product .comment-section {
        margin-top: 0
    }

    .shop-single div.product .main-product .woocommerce-tabs ul.tabs {
        display: none
    }

    .shop-single div.product .main-product .woocommerce-tabs .tab-heading {
        display: block
    }

    .shop-single div.product .main-product .woocommerce-tabs .jws-group-accordion-wap {
        padding: 30px 0
    }

    .shop-single div.product .main-product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 0 0 15px
    }

    .main-product .entry-summary:not(.quickview-summary) {
        margin-top: 30px;
        padding-left: 0;
        max-width: 100%
    }

    .jws_action_review {
        margin-left: 0;
        margin-top: 25px;
        display: flex;
        max-width: 100%
    }

        .jws_action_review span {
            height: 42px;
            line-height: 38px;
            font-size: 14px
        }

            .jws_action_review span:first-child {
                margin-right: 5px
            }

    .tabs_review_questios span {
        font-size: 16.33px
    }
}

@media (max-width: 480px) {
    .woocommerce-tabs .woocommerce-Tabs-panel table {
        font-size: 14px
    }

    .entry-summary .jws-quantity-wrap {
        max-width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 20px
    }

        .entry-summary .jws-quantity-wrap input {
            max-width: 100% !important
        }

    .grouped_form table tr td:first-child {
        display: none
    }

    .grouped_form table tr td .jws-quantity-wrap {
        max-width: 125px
    }

    .single_add_to_cart_button {
        width: 100% !important;
        display: block;
        max-width: 100%
    }
}

.jws-notices {
    position: fixed;
    left: 15px;
    right: 15px;
    top: 15px;
    z-index: 999
}

    .jws-notices .note-close {
        position: absolute;
        top: 19px;
        left: 10px;
        cursor: pointer
    }

    .jws-notices .note-item {
        display: none;
        margin-bottom: 10px;
        width: 100%;
        max-width: 520px;
        margin-left: auto
    }

.pmpro_table {
    border: 1px solid #333549;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-bottom: 26px;
    color: var(--heading)
}

    .pmpro_table tr {
        border-color: #333549
    }

    .pmpro_table .pmpro_actionlinks a {
        font-weight: 700
    }

form.pmpro_form .pmpro_checkout-fields div, #loginform p {
    margin-bottom: 1em
}

#pmpro_account .pmpro_box {
    border: 0;
    margin: 0;
    padding: 0
}

    #pmpro_account .pmpro_box > h5 {
        margin-bottom: 20px
    }

hr {
    border-color: var(--border-color)
}

.pmpro_billing_wrap hr {
    border-color: var(--border-color);
    margin: 20px 0
}

.pmpro_billing_wrap .pmpro_actions_nav:after {
    content: '';
    display: table;
    clear: both
}

.pmpro_billing_wrap ul {
    padding: 0;
    list-style-type: none
}

    .pmpro_billing_wrap ul li strong {
        color: var(--heading)
    }

.pmpro_invoice_wrap .pmpro_actions_nav {
    text-align: left
}

    .pmpro_invoice_wrap .pmpro_actions_nav > a:first-child {
        margin-right: 10px
    }

.pmpro_invoice_wrap ul {
    padding: 0;
    list-style-type: none
}

.pmpro_message {
    margin-bottom: 20px
}

#pmpro_pricing_fields {
    background: var(--background-item);
    padding: 20px;
    margin: 20px 0;
    border: 2px solid var(--main);
    border-radius: 10px
}

    #pmpro_pricing_fields .pmpro_level_description_text ul {
        padding-left: 1em
    }

    #pmpro_pricing_fields .pmpro_level_name_text {
        margin-bottom: 10px
    }

.pmpro_cancel_wrap {
    padding: 60px 0;
    text-align: center
}

    .pmpro_cancel_wrap .pmpro_actionlinks a:last-child {
        color: var(--heading)
    }

        .pmpro_cancel_wrap .pmpro_actionlinks a:last-child:hover {
            color: var(--main) !important
        }

form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field {
    position: relative
}

    form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field label {
        font-weight: inherit;
        color: var(--heading);
        margin-bottom: .5rem
    }

    form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field input, form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field select, form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field textarea {
        max-width: 100%;
        width: 100% !important
    }

    form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field.pmpro_payment-expiration .spacing {
        display: inline-block;
        padding: 0 10px
    }

    form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field.pmpro_payment-expiration .select2-container {
        display: inline-block;
        width: auto !important
    }

    form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field.pmpro_payment-expiration select {
        width: auto !important
    }

    form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field input, form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field select {
        min-height: 48px
    }

    form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field .pmpro_asterisk {
        position: absolute;
        top: 5px;
        right: 0
    }

#pmpro_payment_information_fields {
    border: 1px solid var(--border-color);
    padding: 25px 25px 25px
}

#pmpro_form hr {
    display: none
}

body input.pmpro_error {
    background-color: var(--input-background) !important
}

#pmpro_submit_span {
    display: block;
    margin-top: 25px
}

.pmpro_confirmation_wrap > h4 {
    margin: 20px 0
}

.pmpro_confirmation_wrap > hr {
    margin: 20px 0
}

.pmpro_confirmation_wrap strong {
    color: var(--heading)
}

.pmpro_confirmation_wrap .pmpro_price_part-total {
    border: 0;
    margin: 0;
    padding: 0
}

.pmpro_confirmation_wrap .pmpro_actions_nav {
    margin-top: 40px
}

.pmpro_a-print {
    color: var(--heading)
}

@media (max-width: 767px) {
    .pmpro_invoice_details .pmpro_invoice-billing-address, .pmpro_invoice_details .pmpro_invoice-payment-method {
        margin-bottom: 20px
    }
}

.button-default .button-default {
    background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3);
    color: var(--btn-color);
    border: 0;
    padding-top: 15px;
    padding-right: 31px;
    padding-bottom: 15px;
    padding-left: 31px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: .2s ease;
    border-radius: 10px;
    text-align: center
}

    .button-default .button-default > span {
        z-index: 1;
        position: relative
    }

    .button-default .button-default svg {
        width: 1em;
        height: 1em;
        font-size: 24px;
        vertical-align: middle;
        margin-left: 7px
    }

    .button-default .button-default:hover {
        box-shadow: 0 15px 40px -8px rgba(158,97,255,.5);
        transform: translateY(-3px);
        color: var(--btn-color2)
    }

    .button-default .button-default.elementor-size-md {
        padding-top: 17px;
        padding-bottom: 17px
    }

.button-custom {
    border: 0;
    padding-top: 15px;
    padding-right: 31px;
    padding-bottom: 15px;
    padding-left: 31px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: .2s ease;
    border-radius: 10px;
    text-align: center
}

    .button-custom:hover {
        background: linear-gradient(248.28deg,var(--btn-bgcolor) 9.539999999999999%,rgba(142,97,255,0) 32.8%),radial-gradient(81.70999999999999% 279.87% at -16.57% -92%,var(--btn-bgcolor2) 28.69%,rgba(205,219,248,0) 69.54000000000001%),var(--btn-bgcolor3) !important;
        box-shadow: 0 15px 40px -8px rgba(158,97,255,.5);
        transform: translateY(-3px)
    }

.elementor-button {
    border-radius: 0;
    position: relative
}

    .elementor-button:hover .elementor-align-icon-right {
        animation: bounceAlpha 1s both;
        -webkit-animation: bounceAlpha 1s both
    }

    .elementor-button:hover .elementor-align-icon-left {
        animation: bounceAlpha2 1s both;
        -webkit-animation: bounceAlpha2 1s both
    }

.elementor-button-content-wrapper {
    align-items: center
}

.jws-button a#custom-buttonbr {
    overflow: hidden
}

.jws-watchlist-button .jws-watchlist a {
    font-size: 0;
    width: 54px;
    height: 54px;
    background: #191c33;
    border-radius: 10px;
    display: block;
    line-height: 54px;
    text-align: center
}

    .jws-watchlist-button .jws-watchlist a i {
        font-size: 24px
    }

.watchlist-add.watchlisted i:before {
    content: '\f33e'
}

.watchlist-add.watchlisted span {
    display: none
}

.watchlist-add.watchlisted .added {
    display: inline
}

.watchlist-add .added {
    display: none
}

.like-button.liked i:before {
    content: '\f33e'
}