.author-box-default .in-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.author-box-default .in-wrp a {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.author-box-default .in-wrp a:hover {
    opacity: .7
}

.author-box-default .in-wrp .auth-img {
    border-radius: 100%;
    height: 60px;
    margin-left: 20px;
    max-height: 60px;
    max-width: 60px;
    min-height: 60px;
    min-width: 60px;
    overflow: hidden;
    position: relative;
    width: 60px
}

.author-box-default .in-wrp .auth-img img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.author-box-default .in-wrp .author-info .author-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.author-box-default .in-wrp .author-info .author-name .sc-list {
    margin-right: 20px !important
}

.author-box-default .in-wrp .author-info .author-url-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    margin-top: 8px;
    width: 100%
}

.author-box-default .in-wrp .author-info .author-url-wrp a {
    color: var(--jkd-pr-col);
    font-weight: var(--jkd-m-fw);
    margin-right: 5px
}

.author-box-default .in-wrp .author-info .auth-desc {
    margin-top: 5px;
    width: 100%
}

.author-box-card .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.author-box-card .in-wrp a {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.author-box-card .in-wrp a:hover {
    opacity: .7
}

.author-box-card .in-wrp .auth-img {
    border-radius: 100%;
    height: 60px;
    margin-bottom: 10px;
    max-height: 60px;
    max-width: 60px;
    min-height: 60px;
    min-width: 60px;
    overflow: hidden;
    position: relative;
    width: 60px
}

.author-box-card .in-wrp .auth-img img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.author-box-card .in-wrp .author-info,
.author-box-card .in-wrp .author-info .author-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.author-box-card .in-wrp .author-info .author-name {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.author-box-card .in-wrp .author-info .author-name .sc-list {
    margin-top: 10px !important
}

.author-box-card .in-wrp .author-info .author-url-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    justify-content: center;
    margin-top: 12px;
    text-align: center;
    width: 100%
}

.author-box-card .in-wrp .author-info .author-url-wrp a {
    color: var(--jkd-pr-col);
    font-weight: var(--jkd-m-fw);
    margin-right: 5px
}

.author-box-card .in-wrp .author-info .auth-desc {
    margin-top: 7px;
    text-align: center;
    width: 100%
}

.author-box-card .in-wrp .author-info .auth-desc,
.category-list-grid .category {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.category-list-grid .category {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category-list-grid .category .img-wrp {
    padding: 0 !important
}

.category-list-grid .category .inner-category {
    position: absolute
}

.category-list-grid .category a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.category-list-grid .category a img {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.category-list-grid .category a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.category-list-default {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.category-list-default .img-ovrl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 1
}

.category-list-default .img-ovrl img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    position: relative;
    width: 100%
}

.category-list-default .inner-category {
    width: 100%
}

.category-list-default .category a,
.category-list-default .inner-category {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.category-list-default .category a {
    border-radius: 10px;
    overflow: hidden
}

.category-list-default .category a:hover .right-side .category-count {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

.category-list-default .category a:hover .right-side .arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.category-list-list .category-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin: -10px 0;
    max-width: 100%;
    width: 100%
}

@media(max-width:576px) {
    .category-list-list .category-list {
        margin: -5px 0
    }
}

.category-list-list .category-list .category {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    position: relative;
    width: unset
}

@media(max-width:576px) {
    .category-list-list .category-list .category {
        padding: 5px 0
    }
}

.category-list-list .category-list .category .category-name {
    margin-left: 15px;
    position: relative
}

@media(max-width:576px) {
    .category-list-list .category-list .category .category-name {
        margin-left: 10px
    }
}

.category-list-list .category-list .category .category-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 100px;
    color: var(--jkd-wh-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-weight: var(--jkd-m-fw);
    height: 18px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    left: -16px;
    top: -7px;
    width: 18px
}

@media(max-width:576px) {
    .category-list-list .category-list .category .category-count {
        font-size: 8px;
        height: 14px;
        width: 14px
    }
}

.category-list-list .category-list .category:not(:first-child):before {
    background-color: var(--jkd-b-col-sec);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    margin-left: 15px;
    width: 55px
}

@media(max-width:576px) {
    .category-list-list .category-list .category:not(:first-child):before {
        margin-left: 10px;
        width: 25px
    }
}

.category-list-list .category-list .category:hover .category-name {
    color: var(--jkd-sec-col)
}

.category-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.category-list,
.category-list .inner-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.category-list .inner-category {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category-list .category,
.category-list .category a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.category-list .category a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.category-list .category a .category-name,
.category-list .category a .right-side {
    pointer-events: none;
    position: relative;
    z-index: 10
}

.category-list .category a .right-side,
.category-list .category a .right-side .category-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.category-list .category a .right-side .category-count {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.category-list .category a .right-side .arrow {
    color: var(--jkd-wh-col);
    font-size: 18px;
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    z-index: 10
}

.category-list .category a .right-side .arrow,
.category-list .category a:after {
    position: absolute;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.category-list .category a:after {
    content: "";
    height: 100%;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.category-list .category a:hover .img-ovrl {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.categories-slider-type-1 {
    margin: -10px
}

.categories-slider-type-1 .swiper-container {
    overflow: hidden;
    padding: 10px
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    width: 100%;
    z-index: 1
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp:hover .img-wrp img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .img-wrp {
    position: relative;
    z-index: 1
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .img-wrp img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .img-wrp:after {
    background-color: rgba(0, 0, 0, .25);
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    bottom: 0;
    height: 100%;
    justify-content: space-between;
    right: 0;
    padding: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta,
.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta .top-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta .top-side {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta .top-side .category-count {
    color: var(--jkd-wh-col);
    font-size: 12px !important;
    font-weight: var(--jkd-m-fw) !important;
    letter-spacing: .5px !important;
    line-height: 1 !important;
    margin-bottom: 10px;
    text-transform: uppercase !important
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta .bottom-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta .bottom-side .view-all-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-wh-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px !important;
    font-weight: var(--jkd-m-fw) !important;
    letter-spacing: .5px !important;
    line-height: 1 !important;
    text-transform: uppercase !important
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta .bottom-side .view-all-button span {
    margin-right: 5px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.categories-slider-type-1 .swiper-container .swiper-wrapper .swiper-slide .in-wrp .category-meta .bottom-side .view-all-button:hover span {
    margin-right: 8px
}

.categories-slider-type-2 {
    overflow: hidden;
    position: relative
}

.categories-slider-type-2 .l-sd {
    border-radius: 10px;
    height: 250px
}

@media(max-width:576px) {
    .categories-slider-type-2 .l-sd {
        height: 150px
    }
}

.categories-slider-type-2 .l-sd a {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.categories-slider-type-2 .l-sd a:hover {
    -webkit-filter: saturate(10%) !important;
    filter: saturate(10%) !important;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.categories-slider-type-2 .category-meta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.categories-slider-type-2 .category-meta,
.categories-slider-type-2 .jkd-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.categories-slider-type-2 .jkd-btn {
    color: var(--jkd-sec-col)
}

@media(max-width:576px) {
    .categories-slider-type-2 .jkd-btn {
        font-size: 14px
    }
}

.categories-slider-type-2 .jkd-btn span {
    border: 1px solid var(--jkd-sec-col);
    border-radius: 100px;
    height: 30px;
    margin-right: 7px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 30px
}

@media(max-width:576px) {
    .categories-slider-type-2 .jkd-btn span {
        font-size: 14px;
        height: 20px;
        max-height: 20px;
        max-width: 20px;
        min-height: 20px;
        min-width: 20px;
        width: 20px
    }
}

.categories-slider-type-2 .jkd-btn:hover span {
    background-color: var(--jkd-sec-col);
    color: var(--jkd-wh-col)
}

.categories-slider-type-2 .category-count {
    font-size: 13px;
    font-weight: var(--jkd-m-fw);
    line-height: 1;
    margin-top: 7px;
    opacity: .7
}

@media(max-width:576px) {
    .categories-slider-type-2 .category-count {
        margin-top: 4px
    }
}

.categories-slider-type-3 .swiper-container {
    border-radius: 10px
}

.categories-slider-type-3 .in-wrp {
    height: 65px
}

.categories-slider-type-3 .in-wrp .category-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.categories-slider-type-3 .in-wrp .category-name:before {
    background-color: var(--jkd-wh-col);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 0
}

.categories-slider-type-3 .in-wrp:hover .category-name:before {
    margin-left: 5px;
    width: 17px
}

.categories-slider-type-3 .jkd-nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    border: 1px solid var(--jkd-b-col);
    border-radius: 100px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 35px;
    justify-content: center;
    position: absolute;
    top: 15px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 35px;
    z-index: 2
}

@media(max-width:1024px) {
    .categories-slider-type-3 .jkd-nav-btn {
        display: none
    }
}

.categories-slider-type-3 .jkd-nav-btn span {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.categories-slider-type-3 .jkd-nav-btn.jkd-btn-next {
    left: -50px
}

.categories-slider-type-3 .jkd-nav-btn.jkd-btn-prev {
    right: -50px
}

.categories-slider-type-3 .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col)
}

.categories-slider-type-3 .jkd-nav-btn:hover span {
    color: var(--jkd-wh-col);
    font-size: 13px
}

.categories-slider-type-3 .jkd-pag-def {
    bottom: unset !important;
    margin-top: 30px;
    position: relative
}

.posts-grid-type-1 .in-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.posts-grid-type-1 .in-wrp,
.posts-grid-type-1 .p-hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.posts-grid-type-1 .p-hdr {
    overflow: hidden
}

.posts-grid-type-1 .p-hdr:hover:after {
    opacity: 1
}

.posts-grid-type-1 .p-hdr:hover .auth-wrp {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.posts-grid-type-1 .p-hdr:after {
    background-color: rgba(0, 0, 0, .5);
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%;
    z-index: 1
}

@media(max-width:576px) {
    .posts-grid-type-1 .p-hdr:after {
        opacity: 1
    }
}

.posts-grid-type-1 .p-hdr .cat-lb {
    right: 30px;
    position: absolute;
    top: 30px;
    z-index: 10
}

@media(max-width:576px) {
    .posts-grid-type-1 .p-hdr .cat-lb {
        right: 20px;
        top: 20px
    }
}

.posts-grid-type-1 .p-hdr .auth-wrp {
    bottom: 30px;
    right: 30px;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 10
}

@media(max-width:576px) {
    .posts-grid-type-1 .p-hdr .auth-wrp {
        bottom: 20px;
        right: 20px;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.posts-grid-type-1 .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.posts-grid-type-1 .cont-wrp .meta-list {
    margin-bottom: 10px
}

.posts-grid-type-1 .cont-wrp .exc-wrp {
    margin-top: 10px
}

.posts-grid-type-2 .in-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background-color: var(--jkd-bg-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.posts-grid-type-2 .in-wrp:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.posts-grid-type-2 .in-wrp .right-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.posts-grid-type-2 .in-wrp .right-side .cat-lb {
    margin-bottom: 10px
}

.posts-grid-type-2 .in-wrp .right-side .meta-list {
    margin-top: 8px
}

.posts-grid-type-3 .p-hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

@media(max-width:576px) {
    .posts-grid-type-3 .p-hdr {
        max-height: 175px
    }
}

.posts-grid-type-3 .p-hdr:after {
    background-color: rgba(0, 0, 0, .35);
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.posts-grid-type-3 .btn-bk {
    position: absolute !important;
    left: 30px;
    top: 30px;
    z-index: 11
}

@media(max-width:576px) {
    .posts-grid-type-3 .btn-bk {
        left: 20px;
        top: 20px
    }
}

.posts-grid-type-3 .cat-lb {
    right: 30px;
    position: absolute;
    top: 30px;
    z-index: 3
}

@media(max-width:576px) {
    .posts-grid-type-3 .cat-lb {
        right: 20px;
        top: 20px
    }
}

.posts-grid-type-3 .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    z-index: 2
}

.posts-grid-type-3 .meta-list {
    margin-top: 8px
}

.posts-grid-type-3 .in-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.posts-grid-type-3 .in-wrp:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.posts-grid-type-4 .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.posts-grid-type-4 .p-hdr {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    max-width: 125px;
    min-width: 125px;
    overflow: hidden;
    position: relative;
    width: 125px
}

@media(max-width:576px) {
    .posts-grid-type-4 .p-hdr {
        margin-left: 15px;
        max-width: 90px;
        min-width: 90px;
        width: 90px
    }
}

.posts-grid-type-4 .p-hdr .btn-bk {
    right: 10px;
    position: absolute !important;
    top: 10px;
    z-index: 11
}

.posts-grid-type-4 .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.posts-grid-type-4 .cat-lb {
    margin-bottom: 8px
}

@media(max-width:576px) {
    .posts-grid-type-4 .cat-lb {
        margin-bottom: 5px
    }
}

.posts-grid-type-4 .meta-list {
    margin-top: 5px
}

.posts-grid-type-5 {
    counter-reset: post-counter
}

.posts-grid-type-5 .grid-item {
    height: 100%
}

.posts-grid-type-5 .in-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: initial;
    position: relative
}

.posts-grid-type-5 .in-wrp,
.posts-grid-type-5 .in-wrp:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.posts-grid-type-5 .in-wrp:after {
    background-color: var(--jkd-bg-col-sec);
    border-radius: 8px;
    content: " ";
    position: absolute;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    width: 100%;
    z-index: 1
}

.posts-grid-type-5 .in-wrp .cont-wrp {
    z-index: 10
}

.posts-grid-type-5 .in-wrp .cont-wrp,
.posts-grid-type-5 .in-wrp .left-side {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.posts-grid-type-5 .in-wrp .left-side {
    border-left: 5px solid var(--jkd-cat-col);
    height: calc(100% - 30px);
    margin-left: 25px;
    padding-left: 22px
}

@media(max-width:576px) {
    .posts-grid-type-5 .in-wrp .left-side {
        margin-left: 15px;
        padding-left: 12px
    }
}

.posts-grid-type-5 .in-wrp .left-side:before {
    color: var(--jkd-h-col);
    content: counter(post-counter);
    counter-increment: post-counter;
    font-size: 36px;
    font-weight: var(--jkd-m-fw);
    opacity: var(--jkd-op-lg);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.posts-grid-type-5 .in-wrp .right-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.posts-grid-type-5 .in-wrp .ttl-link {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.posts-grid-type-5 .in-wrp .cat-lb {
    margin-bottom: 8px
}

.posts-grid-type-5 .in-wrp .meta-list {
    margin-top: 8px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.posts-grid-type-5 .in-wrp:hover .left-side:before,
.posts-grid-type-5 .in-wrp:hover .meta-list,
.posts-grid-type-5 .in-wrp:hover .ttl-link {
    color: var(--jkd-wh-col)
}

.posts-grid-type-5 .in-wrp:hover .left-side:before {
    opacity: 1
}

.posts-grid-type-5 .in-wrp:hover .right-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.posts-grid-type-5 .in-wrp:hover .ttl-link {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.posts-grid-type-5 .in-wrp:hover .cat-lb {
    margin-bottom: 8px
}

.posts-grid-type-5 .in-wrp:hover .meta-list {
    margin-top: 8px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.posts-grid-type-5 .in-wrp:hover:hover .left-side:before,
.posts-grid-type-5 .in-wrp:hover:hover .meta-list,
.posts-grid-type-5 .in-wrp:hover:hover .ttl-link,
.posts-grid-type-5 .in-wrp:hover:hover span {
    color: var(--jkd-wh-col)
}

.posts-grid-type-5 .in-wrp:hover:hover .list-item:after {
    background-color: var(--jkd-wh-col) !important;
    opacity: 1
}

.posts-grid-type-5 .in-wrp:hover:hover .left-side:before {
    opacity: 1
}

.posts-grid-type-5 .in-wrp:hover:hover:after {
    background-color: var(--jkd-dark-col);
    opacity: .7
}

.jkd-sec-bg .posts-grid-type-5 .in-wrp:after {
    background-color: var(--jkd-bg-col) !important
}

.posts-grid-type-6 .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 285px;
    overflow: hidden;
    position: relative
}

@media(max-width:576px) {
    .posts-grid-type-6 .in-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.posts-grid-type-6 .in-wrp:hover .img-ovrl {
    -webkit-filter: saturate(10%) !important;
    filter: saturate(10%) !important;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.posts-grid-type-6 .p-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 50%;
    overflow: hidden;
    width: 50%
}

@media(max-width:576px) {
    .posts-grid-type-6 .p-hdr {
        height: 200px;
        max-width: 100%;
        position: relative;
        width: 100%
    }
}

.posts-grid-type-6 .p-hdr .img-ovrl {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 50%;
    z-index: 1
}

@media(max-width:576px) {
    .posts-grid-type-6 .p-hdr .img-ovrl {
        width: 100%
    }
}

.posts-grid-type-6 .post-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 30px;
    position: relative;
    width: 50%;
    z-index: 10
}

@media(max-width:576px) {
    .posts-grid-type-6 .post-body {
        height: unset;
        padding: 20px;
        width: 100%
    }
}

.posts-grid-type-6 .inner-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 500px
}

.posts-grid-type-6 .inner-content .cat-lb {
    margin-bottom: 8px
}

.posts-grid-type-6 .inner-content .exc-wrp {
    margin-top: 8px
}

.posts-grid-type-6 .inner-content .auth-wrp {
    margin-top: 10px
}

.posts-grid-type-7 .in-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.posts-grid-type-7 .in-wrp .cat-lb {
    margin-bottom: 8px
}

.posts-grid-type-7 .in-wrp .exc-wrp {
    margin-top: 10px
}

.posts-grid-type-7 .in-wrp .p-hdr {
    border-radius: 10px;
    margin-top: 20px;
    overflow: hidden
}

@media(max-width:576px) {
    .posts-grid-type-7 .in-wrp .p-hdr {
        margin-top: 15px
    }
}

.posts-grid-type-7 .in-wrp .p-hdr .btn-bk {
    right: 10px;
    position: absolute !important;
    top: 10px;
    z-index: 11
}

.posts-grid-type-7 .in-wrp .meta-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: 1px solid var(--jkd-b-col);
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 15px;
    width: 100%
}

@media(max-width:576px) {
    .posts-grid-type-7 .in-wrp .meta-list {
        margin-top: 15px;
        padding-top: 10px
    }
}

.posts-grid-type-7 .in-wrp .meta-list .list-item:after {
    display: none
}

.jkd-sec-bg .posts-grid-type-7 .in-wrp {
    background-color: var(--jkd-bg-col) !important
}

.posts-grid-type-8 .in-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    background-color: var(--jkd-cat-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media(max-width:576px) {
    .posts-grid-type-8 .in-wrp {
        min-height: auto
    }
}

.posts-grid-type-8 .in-wrp:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media(max-width:576px) {
    .posts-grid-type-8 .in-wrp:hover {
        -webkit-transform: unset;
        transform: unset
    }

    .posts-grid-type-8 .top-side {
        margin-bottom: 15px
    }
}

.posts-grid-type-8 .bottom-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.posts-grid-type-8 .bottom-side .ttl-link {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.posts-grid-type-8 .bottom-side .ttl-link:hover {
    opacity: .7
}

.posts-grid-type-8 .bottom-side .meta-list {
    margin-bottom: 10px;
    opacity: .7
}

@media(max-width:576px) {
    .posts-grid-type-8 .bottom-side .meta-list {
        margin-bottom: 5px
    }
}

.posts-grid-type-8 .bottom-side .meta-list .cat-lb {
    color: var(--jkd-wh-col) !important
}

.posts-grid-type-8 .bottom-side .meta-list .cat-lb:before {
    display: none !important
}

.posts-grid-type-8 .bottom-side .button-wrp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.posts-grid-type-8 .bottom-side .button-wrp,
.posts-grid-type-8 .bottom-side .button-wrp .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-grid-type-8 .bottom-side .button-wrp .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 100%;
    height: 45px;
    justify-content: center;
    margin-right: auto;
    margin-top: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 45px
}

@media(max-width:576px) {
    .posts-grid-type-8 .bottom-side .button-wrp .btn {
        margin-right: unset
    }
}

.posts-grid-type-8 .bottom-side .button-wrp .btn span {
    font-size: 20px
}

.posts-grid-type-8 .bottom-side .button-wrp .btn:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

.posts-grid-type-9 .grid-item:nth-child(2n) .in-wrp .p-hdr {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important
}

.posts-grid-type-9 .grid-item:nth-child(2n) .in-wrp .post-body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.posts-grid-type-9 .grid-item:nth-child(2n) .in-wrp .post-body,
.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .p-hdr {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .p-hdr {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }
}

.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    align-items: flex-end;
    order: 1 !important
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        align-items: flex-start;
        order: 2 !important
    }
}

.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .meta-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .meta-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .post-ttl {
    text-align: left
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .post-ttl {
        text-align: right
    }
}

.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .auth-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    margin-right: 15px;
    margin-left: 0 !important;
    order: 2
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .auth-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-right: 0 !important;
        margin-left: 15px !important;
        order: 1
    }
}

.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .nm-wrp {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    align-items: flex-end;
    order: 1;
    text-align: left
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .nm-wrp {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        align-items: flex-start;
        order: 2;
        text-align: right
    }
}

.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .nm-wrp .date,
.posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .nm-wrp .name {
    text-align: left
}

@media(max-width:767px) {

    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .nm-wrp .date,
    .posts-grid-type-9 .grid-item:nth-child(odd) .in-wrp .post-body .auth-wrp .nm-wrp .name {
        text-align: right
    }
}

.posts-grid-type-9 .grid-item .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item .in-wrp {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start
    }
}

.posts-grid-type-9 .grid-item .in-wrp .p-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 50%;
    overflow: hidden;
    position: relative;
    width: 50%
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item .in-wrp .p-hdr {
        max-width: 100%;
        width: 100%
    }

    .posts-grid-type-9 .grid-item .in-wrp .p-hdr img {
        width: 100% !important
    }
}

.posts-grid-type-9 .grid-item .in-wrp .post-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 30px;
    width: 50%
}

@media(max-width:767px) {
    .posts-grid-type-9 .grid-item .in-wrp .post-body {
        width: 100%
    }
}

@media(max-width:576px) {
    .posts-grid-type-9 .grid-item .in-wrp .post-body {
        padding: 20px
    }
}

.posts-grid-type-9 .grid-item .in-wrp .post-body .cat-lb {
    margin-bottom: 10px
}

.posts-grid-type-9 .grid-item .in-wrp .post-body .auth-wrp {
    margin-top: 10px
}

.posts-grid-type-10 .btn-bk {
    position: absolute !important;
    left: 30px;
    top: 30px;
    z-index: 11
}

@media(max-width:576px) {
    .posts-grid-type-10 .btn-bk {
        left: 20px;
        top: 20px
    }
}

@media(max-width:425px) {
    .posts-grid-type-10 .btn-bk {
        left: 15px;
        top: 15px
    }
}

.posts-grid-type-10 .p-hdr {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

@media(max-width:576px) {
    .posts-grid-type-10 .p-hdr {
        margin-bottom: 15px
    }
}

@media(max-width:425px) {
    .posts-grid-type-10 .p-hdr {
        margin-bottom: 10px
    }
}

.posts-grid-type-10 .cont-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%
}

.posts-grid-type-10 .cont-wrp .meta-list {
    margin-top: 10px
}

@media(max-width:576px) {
    .posts-grid-type-10 .cont-wrp .meta-list {
        margin-top: 7px
    }
}

.posts-grid-type-10 .cat-lb {
    right: 30px;
    position: absolute;
    top: 30px;
    z-index: 10
}

@media(max-width:576px) {
    .posts-grid-type-10 .cat-lb {
        right: 20px;
        top: 20px
    }
}

@media(max-width:425px) {
    .posts-grid-type-10 .cat-lb {
        right: 15px;
        top: 15px
    }
}

.posts-grid-type-10 .in-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.posts-grid-type-10 .in-wrp,
.posts-grid-type-11 .in-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.posts-grid-type-11 .in-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    min-height: 300px;
    overflow: hidden
}

@media(max-width:767px) {
    .posts-grid-type-11 .in-wrp {
        min-height: auto
    }
}

.posts-grid-type-11 .in-wrp:after {
    background-color: rgba(0, 0, 0, .4);
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.posts-grid-type-11 .in-wrp .cat-lb {
    margin-bottom: 10px
}

@media(max-width:576px) {
    .posts-grid-type-11 .in-wrp .cat-lb {
        margin-bottom: 8px
    }
}

.posts-grid-type-11 .in-wrp .auth-wrp {
    margin-top: 10px
}

@media(max-width:576px) {
    .posts-grid-type-11 .in-wrp .auth-wrp {
        margin-top: 8px
    }
}

.posts-grid-type-11 .in-wrp .left-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%
}

@media(max-width:576px) {
    .posts-grid-type-11 .in-wrp .left-side {
        width: 100%
    }
}

.posts-grid-type-11 .in-wrp .meta-list {
    margin-bottom: 10px
}

.posts-grid-type-11 .in-wrp .right-side {
    width: 40%
}

@media(max-width:576px) {
    .posts-grid-type-11 .in-wrp .right-side {
        border-top: 1px solid var(--jkd-b-col-wh);
        margin-top: 15px;
        padding-top: 15px;
        width: 100%
    }
}

.posts-grid-type-11 .in-wrp .button-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-wh-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-top: 12px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.posts-grid-type-11 .in-wrp .button-wrp span {
    margin-right: 5px
}

.posts-grid-type-11 .in-wrp .button-wrp:hover {
    opacity: .7
}

.posts-grid-type-11 .in-wrp .cont-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 30px 75px;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media(max-width:767px) {
    .posts-grid-type-11 .in-wrp .cont-wrp {
        padding: 30px;
        position: relative
    }
}

@media(max-width:576px) {
    .posts-grid-type-11 .in-wrp .cont-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px
    }
}

.posts-grid-type-12 {
    border-right: 1px solid var(--jkd-b-col);
    border-top: 1px solid var(--jkd-b-col)
}

@media(max-width:576px) {
    .posts-grid-type-12 {
        padding-bottom: 15px
    }
}

.posts-grid-type-12 .grid-item {
    position: relative;
    z-index: 1
}

@media(max-width:576px) {
    .posts-grid-type-12 .grid-item {
        padding: 0 !important
    }
}

.posts-grid-type-12 .grid-item:hover {
    z-index: 10
}

.posts-grid-type-12 .grid-item:hover .in-wrp {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.posts-grid-type-12 .grid-item:hover .in-wrp .ttl-link {
    background-size: 100% 100%;
    color: var(--jkd-wh-col)
}

.posts-grid-type-12 .grid-item .in-wrp {
    bottom: 0;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media(max-width:576px) {
    .posts-grid-type-12 .grid-item .in-wrp {
        bottom: unset;
        right: unset;
        position: relative;
        left: unset;
        top: unset
    }
}

.posts-grid-type-12 .grid-item .in-wrp .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    background-color: var(--jkd-bg-col-sec);
    border-bottom: 1px solid var(--jkd-b-col);
    border-left: 1px solid var(--jkd-b-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 15px 40px;
    width: 100%
}

@media(max-width:576px) {
    .posts-grid-type-12 .grid-item .in-wrp .cont-wrp {
        padding: 20px
    }
}

.posts-grid-type-12 .grid-item .in-wrp .cont-wrp .cat-lb {
    margin-bottom: 10px
}

.posts-grid-type-12 .grid-item .in-wrp .cont-wrp .meta-list {
    margin-bottom: 10px;
    opacity: var(--jkd-op-sm)
}

.posts-grid-type-12 .grid-item .in-wrp .cont-wrp .auth-wrp,
.posts-grid-type-12 .grid-item .in-wrp .cont-wrp .exc-wrp {
    margin-top: 10px
}

.posts-grid-wrp,
.posts-grid-wrp .p-hdr {
    width: 100%
}

.posts-grid-wrp .p-hdr .name {
    font-size: 16px !important
}

.posts-grid-wrp .p-hdr .date {
    font-size: 12px !important
}

.posts-grid-wrp .grid-item,
.posts-grid-wrp .p-hdr img {
    width: 100%
}

.posts-grid-wrp .posts-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-item img {
    height: auto !important
}

.post-ttl .sticky-pin {
    color: var(--primary-color);
    margin-left: 3px
}

.load-more-pagination-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.load-more-pagination-wrp .load-more-pagination a {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.posts-packery-type-1 .in-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.posts-packery-type-1 .in-wrp .post-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative
}

.posts-packery-type-1 .in-wrp .post-article:hover .img-ovrl img {
    -webkit-filter: saturate(10%) !important;
    filter: saturate(10%) !important;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.posts-packery-type-1 .in-wrp .post-article .img-ovrl img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.posts-packery-type-1 .in-wrp .post-article .post-inner {
    bottom: 0;
    height: 100%;
    right: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.posts-packery-type-1 .in-wrp .post-article .post-inner .cont-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.posts-packery-type-1 .in-wrp .post-article .post-inner .cont-wrp .img-ovrl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 10px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    right: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.posts-packery-type-1 .in-wrp .post-article .post-inner .cont-wrp .img-ovrl:after {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.posts-packery-type-1 .in-wrp .post-article .post-inner .cont-wrp .cont-ovrl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.posts-packery-type-1 .in-wrp .post-article .post-inner .cont-wrp .cont-ovrl .cat-lb {
    margin-bottom: 10px
}

.posts-packery-type-1 .in-wrp .post-article .post-inner .cont-wrp .cont-ovrl .auth-wrp {
    margin-top: 10px
}

.posts-packery-type-1 .in-wrp .left-side {
    padding-left: 15px;
    width: 50%
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .left-side {
        min-width: 100%;
        padding-bottom: 15px;
        padding-left: 0;
        width: 100%
    }
}

@media(max-width:576px) {
    .posts-packery-type-1 .in-wrp .left-side {
        padding-bottom: 7.5px
    }
}

.posts-packery-type-1 .in-wrp .left-side .post-article {
    padding-bottom: 100%;
    position: relative
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .left-side .post-article {
        height: 400px;
        padding-bottom: 0
    }
}

@media(max-width:767px) {
    .posts-packery-type-1 .in-wrp .left-side .post-article {
        height: 300px
    }
}

.posts-packery-type-1 .in-wrp .left-side .post-article .cont-ovrl {
    padding: 40px
}

@media(max-width:767px) {
    .posts-packery-type-1 .in-wrp .left-side .post-article .cont-ovrl {
        padding: 30px
    }
}

@media(max-width:576px) {
    .posts-packery-type-1 .in-wrp .left-side .post-article .cont-ovrl {
        padding: 20px
    }
}

@media(max-width:767px) {
    .posts-packery-type-1 .in-wrp .left-side .post-article .cont-ovrl .post-ttl {
        font-size: 20px !important
    }
}

.posts-packery-type-1 .in-wrp .left-side .post-article .img-ovrl img {
    height: auto !important;
    width: 100% !important
}

@media(max-width:375px) {
    .posts-packery-type-1 .in-wrp .left-side .post-article .img-ovrl img {
        height: 100% !important;
        width: auto !important
    }
}

.posts-packery-type-1 .in-wrp .right-side {
    padding-right: 15px;
    width: 50%
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .right-side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%;
        padding-right: 0;
        width: 100%
    }
}

@media(max-width:1024px) {
    .posts-packery-type-1 .in-wrp .right-side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.posts-packery-type-1 .in-wrp .right-side .cont-ovrl {
    padding: 30px
}

@media(max-width:576px) {
    .posts-packery-type-1 .in-wrp .right-side .cont-ovrl {
        padding: 20px
    }
}

.posts-packery-type-1 .in-wrp .right-side .top-side {
    height: 50%;
    padding-bottom: 15px;
    width: 100%
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .right-side .top-side {
        height: 300px;
        padding-bottom: 0;
        padding-left: 30px;
        padding-top: 15px;
        width: 33.3333%
    }
}

@media(max-width:1024px) {
    .posts-packery-type-1 .in-wrp .right-side .top-side {
        margin-bottom: 10px;
        margin-top: 10px;
        min-width: 100%;
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 0;
        width: 100%
    }
}

@media(max-width:576px) {
    .posts-packery-type-1 .in-wrp .right-side .top-side {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 7.5px;
        padding-top: 7.5px
    }
}

.posts-packery-type-1 .in-wrp .right-side .top-side .img-ovrl img {
    height: auto !important;
    width: 100% !important
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .right-side .top-side .img-ovrl img {
        height: 100% !important;
        width: auto !important
    }
}

@media(max-width:1024px) {
    .posts-packery-type-1 .in-wrp .right-side .top-side .img-ovrl img {
        height: auto !important;
        width: 100% !important
    }
}

@media(max-width:500px) {
    .posts-packery-type-1 .in-wrp .right-side .top-side .img-ovrl img {
        height: 100% !important;
        width: auto !important
    }
}

.posts-packery-type-1 .in-wrp .right-side .bottom-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
    padding-top: 15px;
    width: 100%
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side {
        height: 300px;
        width: 66.6666%
    }
}

@media(max-width:1024px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side {
        min-width: 100%;
        width: 100%
    }
}

@media(max-width:767px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

@media(max-width:576px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side {
        padding-top: 7.5px
    }
}

.posts-packery-type-1 .in-wrp .right-side .bottom-side .img-ovrl img {
    height: 100% !important;
    width: auto !important
}

@media(max-width:1024px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .img-ovrl img {
        min-width: 500px !important
    }
}

@media(max-width:767px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .img-ovrl img {
        height: auto !important;
        min-width: unset !important;
        width: 100% !important
    }
}

@media(max-width:500px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .img-ovrl img {
        height: 100% !important;
        width: auto !important
    }
}

.posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-left-side {
    height: 100%;
    padding-left: 15px;
    width: 50%
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-left-side {
        padding-left: 30px;
        width: 100%
    }
}

@media(max-width:767px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-left-side {
        height: 300px;
        padding-bottom: 15px;
        padding-left: 0;
        width: 100%
    }
}

@media(max-width:576px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-left-side {
        padding-bottom: 7.5px
    }
}

.posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-right-side {
    height: 100%;
    padding-right: 15px;
    width: 50%
}

@media(max-width:1200px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-right-side {
        height: 300px;
        padding-bottom: 15px;
        padding-right: 0;
        width: 100%
    }
}

@media(max-width:767px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-right-side {
        padding-bottom: 0;
        padding-top: 15px
    }
}

@media(max-width:576px) {
    .posts-packery-type-1 .in-wrp .right-side .bottom-side .inner-right-side {
        padding-top: 7.5px
    }
}

.posts-packery-type-2 .in-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px
}

@media(max-width:1200px) {
    .posts-packery-type-2 .in-wrp {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start
    }
}

@media(max-width:576px) {
    .posts-packery-type-2 .in-wrp {
        margin: -7px
    }
}

.posts-packery-type-2 .post-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 15px;
    position: relative
}

@media(max-width:576px) {
    .posts-packery-type-2 .post-article {
        max-height: 175px;
        padding: 7px
    }
}

.posts-packery-type-2 .post-article:hover .img-ovrl img {
    -webkit-filter: saturate(10%) !important;
    filter: saturate(10%) !important;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.posts-packery-type-2 .post-inner {
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.posts-packery-type-2 .cont-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.posts-packery-type-2 .img-ovrl {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.posts-packery-type-2 .img-ovrl:after {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.posts-packery-type-2 .img-ovrl img {
    height: auto !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100% !important
}

.posts-packery-type-2 .cont-ovrl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    right: 0;
    padding: 0 30px 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

@media(max-width:1380px) {
    .posts-packery-type-2 .cont-ovrl {
        padding: 30px
    }
}

@media(max-width:576px) {
    .posts-packery-type-2 .cont-ovrl {
        padding: 20px
    }
}

.posts-packery-type-2 .cat-lb {
    margin-bottom: 8px
}

.posts-packery-type-2 .post-ttl {
    max-width: 600px
}

.posts-packery-type-2 .auth-wrp {
    margin-top: 8px
}

.posts-packery-type-2 .center-side {
    width: 50%
}

@media(max-width:1200px) {
    .posts-packery-type-2 .center-side {
        width: 100%
    }
}

.posts-packery-type-2 .center-side .post-article {
    height: 620px;
    position: relative
}

@media(max-width:1200px) {
    .posts-packery-type-2 .center-side .post-article {
        height: 400px
    }
}

@media(max-width:1024px) {
    .posts-packery-type-2 .center-side .post-article {
        height: 350px
    }
}

@media(max-width:576px) {
    .posts-packery-type-2 .center-side .post-article {
        height: 300px
    }
}

.posts-packery-type-2 .left-side,
.posts-packery-type-2 .right-side {
    width: 25%
}

@media(max-width:1200px) {

    .posts-packery-type-2 .left-side,
    .posts-packery-type-2 .right-side {
        width: 100%
    }

    .posts-packery-type-2 .left-side .post-article,
    .posts-packery-type-2 .right-side .post-article {
        height: 400px
    }
}

@media(max-width:1024px) {

    .posts-packery-type-2 .left-side .post-article,
    .posts-packery-type-2 .right-side .post-article {
        height: 350px
    }
}

@media(max-width:576px) {

    .posts-packery-type-2 .left-side .post-article,
    .posts-packery-type-2 .right-side .post-article {
        height: 300px
    }
}

.posts-packery-type-2 .left-side .bottom-side,
.posts-packery-type-2 .right-side .bottom-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

@media(max-width:1200px) {

    .posts-packery-type-2 .left-side .bottom-side,
    .posts-packery-type-2 .right-side .bottom-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(max-width:767px) {

    .posts-packery-type-2 .left-side .bottom-side,
    .posts-packery-type-2 .right-side .bottom-side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.posts-packery-type-2 .left-side .bottom-side .inner-left-side,
.posts-packery-type-2 .left-side .bottom-side .inner-right-side,
.posts-packery-type-2 .right-side .bottom-side .inner-left-side,
.posts-packery-type-2 .right-side .bottom-side .inner-right-side {
    height: 100%;
    width: 100%
}

.posts-packery-type-3 .in-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1200px) {
    .posts-packery-type-3 .in-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.posts-packery-type-3 .left-side {
    padding-left: 15px;
    width: 66.6666%
}

@media(max-width:1200px) {
    .posts-packery-type-3 .left-side {
        height: 375px;
        min-width: 100%;
        padding-bottom: 15px;
        padding-left: 0;
        width: 100%
    }
}

@media(max-width:767px) {
    .posts-packery-type-3 .left-side {
        height: 300px
    }
}

@media(max-width:576px) {
    .posts-packery-type-3 .left-side {
        height: unset
    }
}

.posts-packery-type-3 .left-side .post-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative
}

.posts-packery-type-3 .left-side .post-inner {
    bottom: 0;
    height: 100%;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

@media(max-width:576px) {
    .posts-packery-type-3 .left-side .post-inner {
        position: relative
    }
}

.posts-packery-type-3 .left-side .cont-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.posts-packery-type-3 .left-side .img-ovrl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 10px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    right: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.posts-packery-type-3 .left-side .img-ovrl img {
    height: auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%
}

.posts-packery-type-3 .left-side .img-ovrl:after {
    background-color: rgba(0, 0, 0, .35);
    -webkit-box-shadow: inset 0 -120px 143px -17px rgba(0, 0, 0, .75);
    box-shadow: inset 0 -120px 143px -17px rgba(0, 0, 0, .75);
    content: "";
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    z-index: 2
}

.posts-packery-type-3 .left-side .cont-ovrl,
.posts-packery-type-3 .left-side .img-ovrl:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.posts-packery-type-3 .left-side .cont-ovrl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
    left: 0;
    z-index: 10
}

@media(max-width:1200px) {
    .posts-packery-type-3 .left-side .cont-ovrl {
        padding: 30px
    }
}

@media(max-width:576px) {
    .posts-packery-type-3 .left-side .cont-ovrl {
        padding: 20px;
        position: relative
    }
}

.posts-packery-type-3 .left-side .cont-ovrl .cat-lb {
    margin-bottom: 10px
}

@media(max-width:1024px) {
    .posts-packery-type-3 .left-side .cont-ovrl .cat-lb {
        margin-bottom: 7px
    }
}

.posts-packery-type-3 .left-side .cont-ovrl .post-ttl {
    max-width: 400px
}

.posts-packery-type-3 .left-side .cont-ovrl .auth-wrp {
    margin-top: 10px
}

@media(max-width:1024px) {
    .posts-packery-type-3 .left-side .cont-ovrl .auth-wrp {
        margin-top: 7px
    }
}

.posts-packery-type-3 .right-side {
    padding-right: 15px;
    width: 33.3333%
}

@media(max-width:1200px) {
    .posts-packery-type-3 .right-side {
        min-width: 100%;
        padding-right: 0;
        width: 100%
    }
}

.posts-packery-type-3 .right-side .post-inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    height: 100%;
    justify-content: flex-start;
    width: 100%
}

.posts-packery-type-3 .right-side .img-ovrl,
.posts-packery-type-3 .right-side .post-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.posts-packery-type-3 .right-side .img-ovrl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 10px;
    justify-content: center;
    margin-left: 20px;
    max-height: 130px;
    max-width: 130px;
    min-width: 130px;
    overflow: hidden
}

@media(max-width:1200px) {
    .posts-packery-type-3 .right-side .img-ovrl {
        max-height: 90px;
        max-width: 90px;
        min-width: 90px
    }
}

@media(max-width:767px) {
    .posts-packery-type-3 .right-side .img-ovrl {
        margin-left: 15px
    }
}

.posts-packery-type-3 .right-side .img-ovrl img {
    height: auto !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100% !important
}

.posts-packery-type-3 .right-side .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.posts-packery-type-3 .right-side .cont-wrp .cat-lb {
    margin-bottom: 5px
}

.posts-packery-type-3 .right-side .cont-wrp .meta-list {
    margin-top: 5px
}

.posts-packery-type-3 .right-side .list-wrp {
    height: auto
}

@media(max-width:1200px) {
    .posts-packery-type-3 .right-side .list-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -7px !important
    }
}

.posts-packery-type-3 .right-side .post-article {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    position: relative
}

@media(max-width:1200px) {
    .posts-packery-type-3 .right-side .post-article {
        max-width: 50%;
        min-width: 50%;
        padding: 7px !important;
        width: 50%
    }
}

@media(max-width:576px) {
    .posts-packery-type-3 .right-side .post-article {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

.posts-packery-type-3 .right-side .post-article:not(:last-child) {
    margin-bottom: 30px
}

@media(max-width:1200px) {
    .posts-packery-type-3 .right-side .post-article:not(:last-child) {
        margin-bottom: 0
    }
}

.posts-packery-type-3 .right-side .post-article:hover .img-ovrl img {
    -webkit-filter: saturate(10%) !important;
    filter: saturate(10%) !important;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.posts-packery-type-4 .in-wrp,
.posts-packery-type-4 .post-article-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-packery-type-4 .post-article-main {
    height: 500px;
    position: relative
}

@media(max-width:767px) {
    .posts-packery-type-4 .post-article-main {
        height: 425px
    }
}

@media(max-width:576px) {
    .posts-packery-type-4 .post-article-main {
        height: 640px
    }
}

.posts-packery-type-4 .post-inner {
    bottom: 0;
    height: 100%;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.posts-packery-type-4 .cont-wrp-main {
    position: relative
}

.posts-packery-type-4 .cont-wrp-main,
.posts-packery-type-4 .img-ovrl-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.posts-packery-type-4 .img-ovrl-main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    justify-content: center;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.posts-packery-type-4 .img-ovrl-main:after {
    background-color: rgba(0, 0, 0, .55);
    content: ""
}

.posts-packery-type-4 .cont-ovrl-main,
.posts-packery-type-4 .img-ovrl-main:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.posts-packery-type-4 .cont-ovrl-main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 90px;
    left: 0;
    z-index: 10
}

@media(max-width:1024px) {
    .posts-packery-type-4 .cont-ovrl-main {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        justify-content: flex-start;
        padding-bottom: 0
    }
}

@media(max-width:576px) {
    .posts-packery-type-4 .cont-ovrl-main {
        padding-top: 30px
    }
}

.posts-packery-type-4 .cont-ovrl-main .main-wrp-main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

@media(max-width:1024px) {
    .posts-packery-type-4 .cont-ovrl-main .main-wrp-main {
        padding-top: 30px
    }
}

@media(max-width:576px) {
    .posts-packery-type-4 .cont-ovrl-main .main-wrp-main {
        padding-top: 0
    }
}

.posts-packery-type-4 .cont-ovrl-main .cat-lb {
    margin-bottom: 10px
}

.posts-packery-type-4 .cont-ovrl-main .auth-wrp {
    margin-top: 10px
}

.posts-packery-type-4 .bottom-side {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 11
}

@media(max-width:767px) {
    .posts-packery-type-4 .bottom-side {
        bottom: 15px
    }
}

@media(max-width:576px) {
    .posts-packery-type-4 .bottom-side {
        bottom: 22.5px
    }
}

.posts-packery-type-4 .list-wrp {
    height: auto;
    padding: 0 !important;
    width: 100%
}

@media(max-width:1024px) {
    .posts-packery-type-4 .list-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.posts-packery-type-4 .list-wrp .post-article {
    padding: 15px;
    position: relative;
    width: 25%
}

@media(max-width:1024px) {
    .posts-packery-type-4 .list-wrp .post-article {
        width: 50%
    }
}

@media(max-width:576px) {
    .posts-packery-type-4 .list-wrp .post-article {
        padding: 7.5px 15px;
        width: 100%
    }
}

.posts-packery-type-4 .list-wrp .post-article .post-inner {
    height: 100%;
    width: 100%
}

.posts-packery-type-4 .list-wrp .post-article .post-inner,
.posts-packery-type-4 .list-wrp .post-article .post-inner .img-ovrl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.posts-packery-type-4 .list-wrp .post-article .post-inner .img-ovrl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 10px;
    justify-content: center;
    margin-left: 15px;
    max-height: 90px;
    max-width: 90px;
    overflow: hidden
}

.posts-packery-type-4 .list-wrp .post-article .post-inner .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.posts-packery-type-4 .list-wrp .post-article .post-inner .cont-wrp .cat-lb {
    margin-bottom: 5px
}

.posts-packery-type-4 .list-wrp .post-article .post-inner .cont-wrp .date {
    color: var(--jkd-wh-col);
    font-size: 12px;
    font-weight: var(--jkd-m-fw);
    line-height: 1;
    margin-top: 5px;
    opacity: .7
}

.posts-packery-type-4 .full-width-side {
    position: relative;
    width: 100%
}

.posts-packery-type-5 .in-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px
}

@media(max-width:576px) {
    .posts-packery-type-5 .in-wrp {
        margin: -7px
    }
}

.posts-packery-type-5 .post-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    position: relative
}

@media(max-width:1024px) {
    .posts-packery-type-5 .post-article {
        max-width: 50% !important;
        min-width: 50% !important;
        width: 50% !important
    }
}

@media(max-width:576px) {
    .posts-packery-type-5 .post-article {
        max-width: 100% !important;
        min-width: 100% !important;
        padding: 7px;
        width: 100% !important
    }
}

.posts-packery-type-5 .post-article.post-article-1 {
    max-width: 66.66666%;
    min-width: 66.66666%;
    width: 66.66666%
}

@media(max-width:1024px) {
    .posts-packery-type-5 .post-article.post-article-1 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important
    }
}

.posts-packery-type-5 .post-article.post-article-2,
.posts-packery-type-5 .post-article.post-article-3,
.posts-packery-type-5 .post-article.post-article-4,
.posts-packery-type-5 .post-article.post-article-5 {
    max-width: 33.33333%;
    min-width: 33.33333%;
    width: 33.33333%
}

.posts-packery-type-5 .post-article .post-inner {
    height: 300px;
    overflow: hidden;
    width: 100%
}

@media(max-width:576px) {
    .posts-packery-type-5 .post-article .post-inner {
        height: auto
    }
}

.posts-packery-type-5 .post-article .cont-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.posts-packery-type-5 .post-article .cont-wrp .img-ovrl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 10px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    right: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.posts-packery-type-5 .post-article .cont-wrp .img-ovrl img {
    height: auto;
    width: 100%
}

.posts-packery-type-5 .post-article .cont-wrp .img-ovrl:after {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.posts-packery-type-5 .post-article .cont-wrp .color-overlay {
    background-color: var(--jkd-pr-col);
    border-radius: 10px;
    bottom: 0;
    height: 100%;
    right: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.posts-packery-type-5 .post-article .cont-wrp .white-overlay {
    background-color: var(--jkd-bg-col);
    border-radius: 10px;
    bottom: 0;
    height: 100%;
    right: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.posts-packery-type-5 .post-article .cont-wrp .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 10px;
    bottom: 0;
    -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    right: 0;
    padding: 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

@media(max-width:576px) {
    .posts-packery-type-5 .post-article .cont-wrp .cont-wrp {
        padding: 20px;
        position: relative
    }
}

.posts-packery-type-5 .post-article .cont-wrp .cont-ovrl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    right: 0;
    padding: 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

@media(max-width:576px) {
    .posts-packery-type-5 .post-article .cont-wrp .cont-ovrl {
        padding: 20px;
        position: relative
    }
}

.posts-packery-type-5 .post-article .cont-wrp .post-ttl {
    max-width: 400px
}

.posts-packery-type-5 .post-article .cont-wrp .cat-lb {
    margin-bottom: 10px
}

@media(max-width:576px) {
    .posts-packery-type-5 .post-article .cont-wrp .cat-lb {
        margin-bottom: 7px
    }
}

.posts-packery-type-5 .post-article .cont-wrp .auth-wrp {
    margin-top: 10px
}

@media(max-width:576px) {
    .posts-packery-type-5 .post-article .cont-wrp .auth-wrp {
        margin-top: 7px
    }
}

.posts-slider-type-1 {
    height: 425px
}

@media(max-width:1024px) {
    .posts-slider-type-1 {
        height: auto
    }
}

.posts-slider-type-1 .swiper-container {
    border-radius: 10px
}

.posts-slider-type-1 .swiper-slide:not(.swiper-slide-active) .card-wrp {
    opacity: .7;
    pointer-events: none
}

@media(max-width:1024px) {
    .posts-slider-type-1 .swiper-slide:not(.swiper-slide-active) .card-wrp {
        opacity: 1;
        pointer-events: auto
    }
}

.posts-slider-type-1 .swiper-slide.swiper-slide-active .card-wrp,
.posts-slider-type-1 .swiper-slide:last-child .card-wrp {
    opacity: 1;
    pointer-events: auto
}

.posts-slider-type-1 .card-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 250px;
    overflow: hidden;
    padding: 30px;
    position: relative;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 10
}

@media(max-width:1024px) {
    .posts-slider-type-1 .card-wrp {
        min-height: auto
    }
}

@media(max-width:576px) {
    .posts-slider-type-1 .card-wrp {
        padding: 20px
    }
}

.posts-slider-type-1 .card-wrp .cat-lb {
    margin-bottom: 10px
}

@media(max-width:576px) {
    .posts-slider-type-1 .card-wrp .cat-lb {
        margin-bottom: 7px
    }
}

.posts-slider-type-1 .card-wrp .exc-wrp {
    font-size: 14px;
    margin-top: 10px
}

@media(max-width:576px) {
    .posts-slider-type-1 .card-wrp .exc-wrp {
        margin-top: 7px
    }
}

.posts-slider-type-1 .card-wrp .meta-list {
    margin-top: 10px
}

@media(max-width:576px) {
    .posts-slider-type-1 .card-wrp .meta-list {
        margin-top: 7px
    }
}

.posts-slider-type-1 .two-side-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

@media(max-width:1024px) {
    .posts-slider-type-1 .two-side-wrp {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        padding: 50px 0 75px
    }
}

.posts-slider-type-1 .side-wrp {
    height: 100%;
    max-width: 50%;
    min-width: 50%;
    width: 50%
}

@media(max-width:1024px) {
    .posts-slider-type-1 .side-wrp {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

.posts-slider-type-1 .left-wrp {
    pointer-events: none;
    position: relative;
    z-index: 1
}

@media(max-width:1024px) {
    .posts-slider-type-1 .left-wrp {
        bottom: 0;
        right: 0;
        position: absolute;
        left: 0;
        top: 0
    }
}

.posts-slider-type-1 .left-wrp .swiper-slide {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    height: 100%;
    width: 100%
}

.posts-slider-type-1 .right-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 11
}

.posts-slider-type-1 .ps-in {
    position: absolute;
    left: 0;
    width: calc(100% + 70px);
    z-index: 11
}

@media(max-width:1024px) {
    .posts-slider-type-1 .ps-in {
        bottom: unset !important;
        padding: 0 15px !important;
        position: relative !important;
        left: unset !important;
        width: 100%
    }
}

.posts-slider-type-1 .nav-wrp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    max-width: 50%;
    min-width: 50%;
    padding-right: 20px;
    position: absolute;
    left: 0;
    width: 50%;
    z-index: 15
}

@media(max-width:1024px) {
    .posts-slider-type-1 .nav-wrp {
        max-width: 100%;
        min-width: 100%;
        padding: 0 15px;
        width: 100%
    }
}

.posts-slider-type-1 .nav-wrp .r-side,
.posts-slider-type-1 .nav-wrp .r-side .jkd-nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-slider-type-1 .nav-wrp .r-side .jkd-nav-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 100px;
    color: var(--jkd-h-col);
    cursor: pointer;
    height: 30px;
    justify-content: center;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 30px
}

@media(max-width:1024px) {
    .posts-slider-type-1 .nav-wrp .r-side .jkd-nav-btn {
        background-color: var(--jkd-wh-col);
        color: var(--jkd-dark-col)
    }

    .posts-slider-type-1 .nav-wrp .r-side .jkd-nav-btn.swiper-button-disabled {
        color: var(--jkd-wh-col)
    }

    .posts-slider-type-1 .nav-wrp .r-side .jkd-nav-btn:hover {
        background-color: var(--jkd-wh-col) !important;
        color: var(--jkd-dark-col) !important
    }
}

.posts-slider-type-1 .nav-wrp .r-side .jkd-nav-btn:not(:last-child) {
    margin-left: 7px
}

.posts-slider-type-1 .nav-wrp .r-side .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    color: var(--jkd-wh-col)
}

.posts-slider-type-1 .nav-wrp .jkd-pag {
    background-color: var(--jkd-bg-col-sec);
    border-radius: 5px;
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw);
    height: 30px;
    line-height: 1;
    padding: 3px 10px
}

@media(max-width:1024px) {
    .posts-slider-type-1 .nav-wrp .jkd-pag {
        background-color: var(--jkd-wh-col);
        color: var(--jkd-dark-col)
    }
}

.posts-slider-type-1 .nav-wrp .jkd-pag span {
    line-height: 1
}

.posts-slider-type-1 .nav-wrp .jkd-pag .divider {
    font-size: 12px;
    margin: -2px 10px 0;
    opacity: var(--jkd-op-lg)
}

.posts-slider-type-2 {
    position: relative;
    width: 100%
}

.posts-slider-type-2 .sl-img-wrp {
    border-radius: 10px;
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.posts-slider-type-2 .img-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    right: 0;
    top: 0
}

.posts-slider-type-2 .cards-wrp,
.posts-slider-type-2 .img-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%
}

.posts-slider-type-2 .cards-wrp {
    bottom: -80px;
    z-index: 11
}

.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide,
.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide .card-wrp {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide .card-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: 30px
}

@media(max-width:576px) {
    .posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide .card-wrp {
        padding: 20px
    }
}

.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide .card-wrp .ttl-link {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide .card-wrp .ttl-link:hover {
    opacity: .7
}

.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide .card-wrp .meta-list {
    margin-top: 10px;
    opacity: .7
}

.posts-slider-type-2 .cards-wrp .in-sl .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto
}

.posts-slider-type-2 .swiper-container,
.posts-slider-type-2 .swiper-container .swiper-wrapper,
.posts-slider-type-2 .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100%
}

.posts-slider-type-3 .card-wrp {
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.posts-slider-type-3 .card-wrp .btn-bk {
    right: 30px;
    position: absolute;
    top: 30px;
    z-index: 11
}

@media(max-width:576px) {
    .posts-slider-type-3 .card-wrp .btn-bk {
        right: 20px;
        top: 20px
    }
}

.posts-slider-type-3 .card-wrp:hover:before {
    background-color: rgba(0, 0, 0, .45)
}

.posts-slider-type-3 .card-wrp:hover .cont-wrp {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.posts-slider-type-3 .card-wrp .img-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.posts-slider-type-3 .card-wrp .img-wrp.vertical {
    height: 400px
}

@media(max-width:576px) {
    .posts-slider-type-3 .card-wrp .img-wrp.vertical {
        height: 300px
    }
}

.posts-slider-type-3 .card-wrp .img-wrp.square {
    height: 250px
}

@media(max-width:576px) {
    .posts-slider-type-3 .card-wrp .img-wrp.square {
        height: 200px
    }
}

.posts-slider-type-3 .card-wrp:before {
    background-color: rgba(0, 0, 0, .35);
    content: "";
    height: 100%;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2
}

.posts-slider-type-3 .card-wrp .cont-wrp,
.posts-slider-type-3 .card-wrp:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    position: absolute;
    width: 100%
}

.posts-slider-type-3 .card-wrp .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 10
}

@media(max-width:576px) {
    .posts-slider-type-3 .card-wrp .cont-wrp {
        padding: 20px
    }
}

.posts-slider-type-3 .card-wrp .cont-wrp .cat-lb {
    margin-bottom: 7px
}

.posts-slider-type-3 .card-wrp .cont-wrp .meta-list {
    margin-top: 7px
}

.posts-slider-type-3 .swiper-container {
    border-radius: 10px
}

.posts-slider-type-3 .nav-wrp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn {
    border: 1px solid var(--jkd-b-col-sec)
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn span {
    color: var(--jkd-h-col)
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col)
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn:hover span {
    color: var(--jkd-wh-col) !important
}

.posts-slider-type-3 .jkd-pag-num {
    border-radius: 5px;
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw);
    height: 30px;
    padding: 3px 10px
}

.jkd-sec-bg .posts-slider-type-3 .jkd-pag-num {
    border: 1px solid var(--jkd-b-col)
}

.posts-slider-type-4,
.posts-slider-type-4 .swiper-slide {
    position: relative
}

.posts-slider-type-4 .img-wrp,
.posts-slider-type-4 .swiper-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.posts-slider-type-4 .img-wrp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.posts-slider-type-4 .img-wrp img {
    height: auto;
    width: 100%
}

@media(max-width:576px) {
    .posts-slider-type-4 .img-wrp img {
        height: 100%;
        width: auto
    }
}

.posts-slider-type-4 .img-wrp:after {
    background-color: #000;
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media(max-width:767px) {
    .posts-slider-type-4 .jkd-c {
        height: 100% !important
    }

    .posts-slider-type-4 .jkd-c .slide-inner {
        height: 100% !important;
        padding-top: 30px
    }
}

.posts-slider-type-4 .slide-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: flex-start;
    max-width: 500px;
    padding-bottom: 115px;
    position: relative;
    z-index: 10
}

@media(max-width:1024px) {
    .posts-slider-type-4 .slide-inner {
        padding-bottom: 165px
    }
}

@media(max-width:767px) {
    .posts-slider-type-4 .slide-inner {
        padding-bottom: 0 !important
    }
}

.posts-slider-type-4 .slide-inner .cat-lb {
    margin-bottom: 10px
}

.posts-slider-type-4 .slide-inner .auth-wrp {
    margin-top: 10px
}

.posts-slider-type-4 .sl-img-wrp {
    height: 500px;
    position: relative;
    z-index: 1
}

@media(max-width:767px) {
    .posts-slider-type-4 .sl-img-wrp {
        height: 425px
    }
}

.posts-slider-type-4 .cards-wrp {
    bottom: 0;
    padding-left: 30px;
    position: absolute;
    left: 0;
    width: 50%
}

@media(max-width:1024px) {
    .posts-slider-type-4 .cards-wrp {
        bottom: 60px;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%
    }
}

.posts-slider-type-4 .cards-wrp .swiper-container {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

@media(max-width:1024px) {
    .posts-slider-type-4 .cards-wrp .swiper-container {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }
}

.posts-slider-type-4 .cards-wrp .swiper-wrapper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-slider-type-4 .cards-wrp .card-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    background-color: var(--jkd-bg-col-sec);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 150px;
    padding: 30px;
    position: relative;
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%;
    z-index: 10
}

@media(max-width:1024px) {
    .posts-slider-type-4 .cards-wrp .card-wrp {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        min-height: auto
    }
}

@media(max-width:576px) {
    .posts-slider-type-4 .cards-wrp .card-wrp {
        height: auto !important;
        padding: 20px
    }
}

.posts-slider-type-4 .cards-wrp .card-wrp .cat-lb {
    margin-bottom: 10px
}

.posts-slider-type-4 .cards-wrp .card-wrp .meta-list {
    margin-top: 8px
}

.posts-slider-type-4 .nav-wrp {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 0;
    padding-bottom: 30px;
    padding-left: 30px;
    position: absolute;
    width: 50%
}

@media(max-width:1024px) {
    .posts-slider-type-4 .nav-wrp {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px;
        width: 100%
    }
}

.posts-slider-type-4 .nav-wrp .jkd-pag {
    color: var(--jkd-wh-col)
}

@media(max-width:1024px) {
    .posts-slider-type-4 .nav-wrp .jkd-pag {
        margin-left: auto !important
    }
}

.posts-slider-type-4 .nav-wrp .jkd-nav-btn {
    border: 1px solid var(--jkd-b-col-wh)
}

.posts-slider-type-4 .nav-wrp .jkd-nav-btn span {
    color: var(--jkd-wh-col)
}

.posts-slider-type-4 .nav-wrp .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col)
}

.posts-slider-type-4 .nav-wrp .jkd-nav-btn:hover span {
    color: var(--jkd-wh-col) !important
}

.posts-slider-type-5 {
    overflow: hidden;
    position: relative;
    width: 100%
}

.posts-slider-type-5 .swiper-container,
.posts-slider-type-5 .swiper-wrapper {
    height: 100%;
    width: 100%
}

.posts-slider-type-5 .in-wrp,
.posts-slider-type-5 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.posts-slider-type-5 .in-wrp {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.posts-slider-type-5 .img-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    position: relative;
    width: 100%
}

.posts-slider-type-5 .img-wrp:after {
    background-color: rgba(0, 0, 0, .2);
    content: " ";
    height: 100%;
    width: 100%;
    z-index: 5
}

.posts-slider-type-5 .bottom-wrp,
.posts-slider-type-5 .img-wrp:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    position: absolute;
    top: 0
}

.posts-slider-type-5 .bottom-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
    left: 0;
    z-index: 10
}

@media(max-width:576px) {
    .posts-slider-type-5 .bottom-wrp {
        padding: 20px
    }
}

.posts-slider-type-5 .bottom-wrp .cat-lb {
    margin-bottom: 10px
}

.posts-slider-type-5 .bottom-wrp .meta-list {
    margin-top: 8px
}

.posts-slider-type-6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 450px;
    justify-content: center;
    position: relative;
    width: 100%
}

@media(max-width:1024px) {
    .posts-slider-type-6 {
        height: 400px
    }
}

@media(max-width:576px) {
    .posts-slider-type-6 {
        height: 300px
    }
}

@media(max-width:425px) {
    .posts-slider-type-6 {
        height: 275px
    }
}

.posts-slider-type-6 .swiper-container {
    border: 1px solid var(--jkd-b-col);
    border-radius: 10px
}

.posts-slider-type-6 .swiper-slide {
    background-color: var(--jkd-bg-col-sec);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.posts-slider-type-6 .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.posts-slider-type-6 .background-letter {
    color: var(--jkd-h-col);
    font-size: 300px !important;
    font-weight: 900 !important;
    margin-top: -15px;
    opacity: .05;
    pointer-events: none;
    position: absolute
}

@media(max-width:576px) {
    .posts-slider-type-6 .background-letter {
        font-size: 230px !important
    }
}

.posts-slider-type-6 .cat-lb {
    margin-bottom: 10px
}

@media(max-width:576px) {
    .posts-slider-type-6 .cat-lb {
        margin-bottom: 8px
    }
}

.posts-slider-type-6 .post-ttl {
    max-width: 600px;
    text-align: center
}

.posts-slider-type-6 .meta-list {
    margin-top: 10px
}

@media(max-width:576px) {
    .posts-slider-type-6 .meta-list {
        margin-top: 8px
    }
}

.posts-slider-type-6 .meta-list .btn-bk {
    margin-bottom: -2px;
    margin-top: -2px
}

.posts-slider-type-6 .jkd-nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    border: 1px solid var(--jkd-b-col);
    border-radius: 100px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    position: absolute;
    top: calc(50% - 25px);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 50px;
    z-index: 2
}

@media(max-width:576px) {
    .posts-slider-type-6 .jkd-nav-btn {
        height: 40px;
        top: unset;
        width: 40px
    }
}

@media(max-width:425px) {
    .posts-slider-type-6 .jkd-nav-btn {
        font-size: 18px;
        height: 30px;
        width: 30px
    }
}

.posts-slider-type-6 .jkd-nav-btn span {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.posts-slider-type-6 .jkd-nav-btn.jkd-btn-next {
    left: -25px
}

@media(max-width:576px) {
    .posts-slider-type-6 .jkd-nav-btn.jkd-btn-next {
        bottom: 15px !important;
        left: 15px
    }
}

@media(max-width:425px) {
    .posts-slider-type-6 .jkd-nav-btn.jkd-btn-next {
        bottom: 10px !important;
        left: 10px
    }
}

.posts-slider-type-6 .jkd-nav-btn.jkd-btn-prev {
    right: -25px
}

@media(max-width:576px) {
    .posts-slider-type-6 .jkd-nav-btn.jkd-btn-prev {
        bottom: 15px !important;
        right: 15px
    }
}

@media(max-width:425px) {
    .posts-slider-type-6 .jkd-nav-btn.jkd-btn-prev {
        bottom: 10px !important;
        right: 10px
    }
}

.posts-slider-type-6 .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col)
}

.posts-slider-type-6 .jkd-nav-btn:hover span {
    color: var(--jkd-wh-col);
    font-size: 16px
}

.posts-slider-type-6 .jkd-pag {
    bottom: 30px !important;
    position: absolute !important
}

@media(max-width:576px) {
    .posts-slider-type-6 .jkd-pag {
        bottom: 15px !important
    }
}

.posts-slider-type-7 .swiper-container {
    border-radius: 10px
}

.posts-slider-type-7 .swiper-slide {
    height: 100%;
    max-width: 600px;
    position: relative;
    width: 100%
}

.posts-slider-type-7 .swiper-slide:hover .img-wrp:after {
    opacity: .4
}

.posts-slider-type-7 .card-wrp {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.posts-slider-type-7 .img-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.posts-slider-type-7 .img-wrp.vertical {
    height: 400px
}

@media(max-width:576px) {
    .posts-slider-type-7 .img-wrp.vertical {
        height: 300px
    }
}

.posts-slider-type-7 .img-wrp.square {
    height: 250px
}

@media(max-width:576px) {
    .posts-slider-type-7 .img-wrp.square {
        height: 200px
    }
}

.posts-slider-type-7 .img-wrp:after {
    background-color: #000;
    content: " ";
    height: 100%;
    opacity: .25;
    top: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 2
}

.posts-slider-type-7 .cont-wrp,
.posts-slider-type-7 .img-wrp:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    position: absolute;
    width: 100%
}

.posts-slider-type-7 .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    z-index: 10
}

@media(max-width:576px) {
    .posts-slider-type-7 .cont-wrp {
        padding: 20px
    }
}

.posts-slider-type-7 .cont-wrp .cat-lb {
    margin-bottom: 10px
}

@media(max-width:576px) {
    .posts-slider-type-7 .cont-wrp .cat-lb {
        margin-bottom: 8px
    }
}

.posts-slider-type-7 .cont-wrp .auth-wrp {
    margin-top: 10px
}

@media(max-width:576px) {
    .posts-slider-type-7 .cont-wrp .auth-wrp {
        margin-top: 8px
    }
}

.posts-slider-type-7 .nav-wrp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%
}

@media(max-width:576px) {
    .posts-slider-type-7 .nav-wrp {
        padding: 0 !important
    }
}

.posts-slider-type-7 .nav-wrp .r-side,
.posts-slider-type-7 .nav-wrp .r-side .jkd-nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-slider-type-7 .nav-wrp .r-side .jkd-nav-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 100px;
    color: var(--jkd-h-col);
    cursor: pointer;
    height: 30px;
    justify-content: center;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 30px
}

.posts-slider-type-7 .nav-wrp .r-side .jkd-nav-btn:not(:last-child) {
    margin-left: 7px
}

.posts-slider-type-7 .nav-wrp .r-side .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    color: var(--jkd-wh-col)
}

.posts-slider-type-7 .nav-wrp .jkd-pag {
    background-color: var(--jkd-bg-col-sec);
    border-radius: 5px;
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw);
    height: 30px;
    line-height: 1;
    padding: 3px 10px
}

.posts-slider-type-7 .nav-wrp .jkd-pag span {
    line-height: 1
}

.posts-slider-type-7 .nav-wrp .jkd-pag .divider {
    font-size: 12px;
    margin: -2px 10px 0;
    opacity: var(--jkd-op-lg)
}

.posts-slider-type-8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-slider-type-8 .btn-bk {
    right: 10px;
    position: absolute;
    top: 10px;
    z-index: 11
}

.posts-slider-type-8 .swiper-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    height: 100%;
    width: 100%
}

.posts-slider-type-8 .p-hdr,
.posts-slider-type-8 .swiper-slide {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.posts-slider-type-8 .p-hdr {
    margin-left: 15px;
    max-width: 110px;
    min-width: 110px;
    width: 110px
}

.posts-slider-type-8 .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.posts-slider-type-8 .cont-wrp .cat-lb {
    margin-bottom: 5px
}

.posts-slider-type-8 .cont-wrp .meta-list {
    margin-top: 3px
}

.posts-slider-type-8 .jkd-nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    border: 1px solid var(--jkd-b-col);
    border-radius: 100px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 35px;
    justify-content: center;
    position: absolute;
    top: unset;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 35px;
    z-index: 2
}

@media(max-width:1024px) {
    .posts-slider-type-8 .jkd-nav-btn {
        display: none
    }
}

.posts-slider-type-8 .jkd-nav-btn span {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.posts-slider-type-8 .jkd-nav-btn.jkd-btn-next {
    left: -50px
}

@media(max-width:1380px) {
    .posts-slider-type-8 .jkd-nav-btn.jkd-btn-next {
        left: -30px
    }
}

.posts-slider-type-8 .jkd-nav-btn.jkd-btn-prev {
    right: -50px
}

@media(max-width:1380px) {
    .posts-slider-type-8 .jkd-nav-btn.jkd-btn-prev {
        right: -30px
    }
}

.posts-slider-type-8 .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col)
}

.posts-slider-type-8 .jkd-nav-btn:hover span {
    color: var(--jkd-wh-col);
    font-size: 13px
}

.posts-slider-type-8 .jkd-pag-def {
    bottom: -30px !important;
    position: absolute
}

.posts-slider-type-9 {
    height: 425px
}

@media(max-width:576px) {
    .posts-slider-type-9 {
        height: 300px
    }
}

.posts-slider-type-9 .swiper-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.posts-slider-type-9 .swiper-slide:after {
    background-color: rgba(0, 0, 0, .5);
    content: " ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.posts-slider-type-9 .cont-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    padding: 30px;
    position: absolute;
    z-index: 10
}

@media(max-width:576px) {
    .posts-slider-type-9 .cont-wrp {
        padding: 20px
    }
}

.posts-slider-type-9 .cont-wrp .cat-lb {
    margin-bottom: 10px
}

.posts-slider-type-9 .cont-wrp .post-ttl {
    text-align: center
}

.posts-slider-type-9 .cont-wrp .meta-list {
    margin-bottom: 10px
}

.posts-slider-type-9 .cont-wrp .rm-btn {
    margin-top: 10px
}

.posts-slider-type-9 .jkd-nav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    border: 1px solid var(--jkd-b-col);
    border-radius: 100px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    position: absolute;
    top: calc(50% - 25px);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 50px;
    z-index: 2
}

@media(max-width:767px) {
    .posts-slider-type-9 .jkd-nav-btn {
        display: none
    }
}

.posts-slider-type-9 .jkd-nav-btn span {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.posts-slider-type-9 .jkd-nav-btn.jkd-btn-next {
    left: -25px
}

.posts-slider-type-9 .jkd-nav-btn.jkd-btn-prev {
    right: -25px
}

.posts-slider-type-9 .jkd-nav-btn:hover {
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col)
}

.posts-slider-type-9 .jkd-nav-btn:hover span {
    color: var(--jkd-wh-col);
    font-size: 16px
}

.posts-slider-type-9 .jkd-pag {
    bottom: 30px !important;
    position: absolute !important
}

@media(max-width:576px) {
    .posts-slider-type-9 .jkd-pag {
        bottom: 15px !important
    }
}

.posts-slider-type-9 .jkd-pag .swiper-pagination-bullet-active {
    background-color: var(--jkd-sec-col) !important
}

.posts-slider img {
    max-width: unset !important
}

.posts-slider-type-3 .nav-wrp,
.posts-slider-type-4 .nav-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

.posts-slider-type-3 .nav-wrp .jkd-pag,
.posts-slider-type-4 .nav-wrp .jkd-pag {
    line-height: 1;
    margin-left: 15px
}

.posts-slider-type-3 .nav-wrp .jkd-pag span,
.posts-slider-type-4 .nav-wrp .jkd-pag span {
    line-height: 1
}

.posts-slider-type-3 .nav-wrp .jkd-pag .divider,
.posts-slider-type-4 .nav-wrp .jkd-pag .divider {
    font-size: 12px;
    margin: -2px 10px 0;
    opacity: var(--jkd-op-lg)
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn,
.posts-slider-type-3 .nav-wrp .r-side,
.posts-slider-type-4 .nav-wrp .jkd-nav-btn,
.posts-slider-type-4 .nav-wrp .r-side {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn,
.posts-slider-type-4 .nav-wrp .jkd-nav-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 100px;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    justify-content: center;
    width: 30px
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn,
.posts-slider-type-3 .nav-wrp .jkd-nav-btn span,
.posts-slider-type-4 .nav-wrp .jkd-nav-btn,
.posts-slider-type-4 .nav-wrp .jkd-nav-btn span {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn:hover span,
.posts-slider-type-4 .nav-wrp .jkd-nav-btn:hover span {
    color: var(--jkd-pr-col);
    font-size: 16px
}

.posts-slider-type-3 .nav-wrp .jkd-nav-btn:not(:last-child),
.posts-slider-type-4 .nav-wrp .jkd-nav-btn:not(:last-child) {
    margin-left: 8px
}

.posts-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.posts-tabs,
.posts-tabs .posts-tabs-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.posts-tabs .posts-tabs-header .header-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: solid transparent;
    border-width: 1px 1px 3px;
    color: var(--jkd-h-col);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    height: 50px;
    justify-content: center;
    line-height: 1;
    margin-bottom: -1px;
    opacity: .7;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 50%;
    z-index: 10
}

.posts-tabs .posts-tabs-header .header-item.active-item {
    border: 1px solid var(--jkd-b-col);
    border-bottom: 4px solid var(--jkd-pr-col);
    opacity: 1
}

.posts-tabs .posts-tabs-header .header-item:hover {
    opacity: 1
}

.posts-tabs .posts-tabs-body {
    border: 1px solid var(--jkd-b-col);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media(max-width:576px) {
    .posts-tabs .posts-tabs-body {
        padding: 20px
    }
}

.posts-tabs .posts-tabs-body .posts-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.posts-tabs .posts-tabs-body .posts-list .post-article {
    list-style: none;
    width: 100%
}

.posts-tabs .posts-tabs-body .posts-list .post-article .post-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.posts-tabs .posts-tabs-body .posts-list .post-article .post-inner .cat-lb {
    margin-bottom: 7px
}

.posts-tabs .posts-tabs-body .posts-list .post-article .post-inner .meta-list {
    margin-top: 5px
}

.posts-tabs .posts-tabs-body .posts-list .post-article:not(:last-child) {
    margin-bottom: 10px
}

.posts-tabs .posts-tabs-body .loading-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-txt-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    right: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.posts-tabs .posts-tabs-body .loading-message svg {
    fill: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 15px;
    margin-right: 8px;
    width: 15px
}

.posts-tabs.hide-items .posts-tabs-header,
.posts-tabs.hide-items .posts-tabs-header .header-item {
    pointer-events: none !important
}

.posts-tabs.hide-items .post-article {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.user-list-type-1 .user {
    border: 1px solid var(--jkd-b-col);
    border-radius: 10px;
    padding: 10px 15px
}

.user-list-type-1 .user .info-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-list-type-1 .user .info-wrp .auth-img {
    border-radius: 85px;
    height: 50px;
    max-height: 50px;
    max-width: 50px;
    min-height: 50px;
    min-width: 50px;
    overflow: hidden;
    width: 50px
}

.user-list-type-1 .user .info-wrp .auth-img .user-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.user-list-type-1 .user .info-wrp .desc-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-right: 20px;
    width: 100%
}

.user-list-type-1 .user .info-wrp .desc-wrp .user-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.user-list-type-1 .user .info-wrp .desc-wrp .user-wrp .user-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    opacity: var(--jkd-op-sm);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

@media(max-width:576px) {
    .user-list-type-1 .user .info-wrp .desc-wrp .user-wrp .user-link {
        font-size: 13px
    }
}

.user-list-type-1 .user .info-wrp .desc-wrp .user-wrp .user-link span {
    margin-right: 5px
}

.user-list-type-1 .user .info-wrp .desc-wrp .nbr-pst span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-pr-col);
    border-radius: 10px;
    color: var(--jkd-wh-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    height: 30px;
    justify-content: center;
    min-height: 30px;
    min-width: 30px;
    width: 30px
}

@media(max-width:576px) {
    .user-list-type-1 .user .info-wrp .desc-wrp .nbr-pst span {
        font-size: 13px;
        height: 25px;
        min-height: 25px;
        min-width: 25px;
        width: 25px
    }
}

.user-list-type-1 .user:not(:last-child) {
    margin-bottom: 10px
}

.user-list-type-2 .user {
    background-color: var(--jkd-bg-col-sec);
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    list-style: none;
    padding: 50px 30px 30px
}

@media(max-width:576px) {
    .user-list-type-2 .user {
        padding: 40px 20px 20px
    }
}

.user-list-type-2 .user .info-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start
    }
}

.user-list-type-2 .user .info-wrp .auth-img {
    right: -5px;
    margin: auto;
    position: absolute;
    left: 0;
    top: -90px
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .auth-img {
        top: -70px
    }
}

.user-list-type-2 .user .info-wrp .auth-img .user-avatar {
    border: 5px solid var(--jkd-bg-col-sec);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 80px;
    min-width: 80px;
    overflow: hidden
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .auth-img .user-avatar {
        max-width: 60px;
        min-width: 60px
    }
}

.user-list-type-2 .user .info-wrp .auth-img .user-avatar img {
    height: auto;
    width: 100% !important
}

.user-list-type-2 .user .info-wrp .desc-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.user-list-type-2 .user .info-wrp .desc-wrp .title-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    width: 100%
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .desc-wrp .title-wrp {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start
    }
}

.user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list {
        margin-right: 0;
        margin-top: 5px
    }
}

.user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list .social-item {
    list-style: none
}

.user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list .social-item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-b-col);
    border-radius: 10px;
    color: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 30px
}

.user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list .social-item a span {
    font-size: 13px
}

.user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list .social-item a:hover {
    background-color: var(--jkd-soc-col);
    color: var(--jkd-wh-col)
}

.user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list .social-item:not(:last-child) {
    margin-left: 7px
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .desc-wrp .title-wrp .social-list .social-item:not(:last-child) {
        margin-left: 5px
    }
}

.user-list-type-2 .user .info-wrp .desc-wrp .descriptions {
    font-size: 14px;
    width: 100%
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
    width: 100%
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp {
        margin-top: 15px
    }
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-ttl {
    margin-bottom: 15px;
    width: 100%
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-ttl {
        margin-bottom: 10px
    }
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-list {
    width: 100%
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-list .post-article {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-list .post-article .cat-lb {
    margin-bottom: 5px
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-list .post-article.hide-article {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-list .post-article:not(:last-child) {
    margin-bottom: 15px
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .rp-list .post-article:not(:last-child) {
        margin-bottom: 10px
    }
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .lm-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .lm-wrp:empty {
    display: none !important
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .lm-wrp .lm-btn {
    margin-top: 25px
}

@media(max-width:576px) {
    .user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .lm-wrp .lm-btn {
        margin-top: 20px
    }
}

.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .lm-wrp .lm-btn.loading,
.user-list-type-2 .user .info-wrp .desc-wrp .rp-wrp .lm-wrp .lm-btn:hover {
    border: 1px solid var(--jkd-sec-col) !important;
    color: var(--jkd-sec-col) !important
}

.user-list-type-2 .user:not(:last-child) {
    margin-bottom: 65px
}

.sp-st-1 .in-wrp {
    max-width: 720px
}

.sp-st-1 .cat-lb {
    margin-bottom: 10px
}

.sp-st-1 .post-ttl {
    max-width: 450px
}

.sp-st-1 .auth-wrp {
    margin-top: 10px
}

.sp-st-1:hover .ttl-link {
    background-size: 100% 100%;
    color: var(--jkd-wh-col)
}

.sp-st-2 {
    overflow: hidden
}

.sp-st-2 .l-sd {
    width: 100%
}

.sp-st-2 .l-sd a {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sp-st-2 .l-sd a:hover {
    -webkit-filter: saturate(10%) !important;
    filter: saturate(10%) !important;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.sp-st-2 .cat-lb {
    margin-bottom: 10px
}

.sp-st-2 .auth-wrp,
.sp-st-2 .exc-wrp {
    margin-top: 10px
}

.sp-st-2 .r-sd {
    min-width: 450px
}

@media only screen and (max-width:1380px) {
    .sp-st-2 .r-sd {
        min-width: 350px;
        padding: 30px !important
    }
}

@media only screen and (max-width:1200px) {
    .sp-st-2 .r-sd {
        min-width: 275px
    }
}

@media only screen and (max-width:1024px) {
    .sp-st-2 .r-sd {
        min-width: 100%
    }
}

@media only screen and (max-width:576px) {
    .sp-st-2 .r-sd {
        padding: 20px !important
    }
}

.sp-st-3 .cont-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 500px
}

.sp-st-3 .cat-lb {
    margin-bottom: 10px
}

@media(max-width:576px) {
    .sp-st-3 .cat-lb {
        margin-bottom: 7px
    }
}

.sp-st-3 .l-sd {
    width: 60%
}

.sp-st-3 .r-sd {
    padding-right: 75px;
    width: 40%
}

.sp-st-3 .auth-wrp {
    margin-top: 10px
}

@media(max-width:576px) {
    .sp-st-3 .auth-wrp {
        margin-top: 7px
    }
}

.footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

.footer li a {
    font-size: 14px
}

.footer #sbi_images {
    padding: 0 !important
}

.footer #sbi_mod_error {
    display: none !important
}

.footer .widgets-wrp .in-wrp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

/* .footer .widgets-wrp .in-wrp input,
.footer .widgets-wrp .in-wrp select {
    background-color: var(--jkd-bg-col-sec) !important;
    border: 1px solid var(--jkd-b-col) !important
} */

.footer .social-wrp {
    border-bottom: 1px solid var(--jkd-b-col);
    border-top: 1px solid var(--jkd-b-col);
    padding: 10px 0;
    width: 100%
}

.footer .social-wrp,
.footer .social-wrp .social-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer .social-wrp .social-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.footer .social-wrp a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 10px 15px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

@media(max-width:767px) {
    .footer .social-wrp a {
        padding: 7px
    }
}

.footer .social-wrp a span {
    font-size: 18px;
    margin-left: 5px
}

.footer .social-wrp a:hover {
    opacity: .7
}

.footer .social-wrp li {
    list-style: none
}

.footer .social-wrp li:not(:last-child) {
    margin-left: 20px
}

@media(max-width:767px) {
    .footer .social-wrp li:not(:last-child) {
        margin-left: 7px
    }
}

.footer .copyright-wrp,
.footer .social-wrp .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.footer .copyright-wrp {
    border-top: 1px solid var(--jkd-b-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%
}

@media(max-width:576px) {
    .footer .copyright-wrp {
        height: auto
    }
}

.footer .copyright-wrp .in-wrp.centered .left-side {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.footer .copyright-wrp .left-side {
    font-size: 14px
}

@media(max-width:576px) {
    .footer .copyright-wrp .left-side {
        margin-bottom: 10px;
        margin-top: 5px;
        text-align: center
    }

    .footer .copyright-wrp .right-side {
        margin-bottom: 5px
    }
}

.footer .copyright-wrp .menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 100% !important;
    width: 100%
}

@media(max-width:576px) {
    .footer .copyright-wrp .menu-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer .copyright-wrp .menu-list li {
    list-style: none;
    white-space: nowrap
}

.footer .copyright-wrp .menu-list li .sub-menu {
    display: none
}

.footer .copyright-wrp .menu-list li a {
    color: var(--jkd-h-col);
    font-size: 14px;
    padding: 10px 15px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

@media(max-width:576px) {
    .footer .copyright-wrp .menu-list li a {
        padding: 5px
    }
}

.footer .copyright-wrp .menu-list li a:hover {
    opacity: .7
}

.footer .copyright-wrp .copyright {
    color: var(--jkd-h-col);
    font-size: 14px;
    margin-bottom: 0 !important
}

@media(max-width:576px) {
    .footer .copyright-wrp .copyright {
        opacity: var(--jkd-op-sm)
    }
}

.footer .copyright-wrp .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

@media(max-width:576px) {
    .footer .copyright-wrp .in-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }
}

body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    width: 100% !important
}

body.trans-dis,
body.trans-dis * {
    -webkit-transition: none !important;
    transition: none !important
}

@media(max-width:1200px) {
    body:not(.nav-off) .main-wrp {
        padding-top: calc(60px + var(--jkd-nav-h) + var(--jkd-t-ban-h)) !important
    }
}

@media(max-width:767px) {
    body:not(.nav-off) .main-wrp {
        padding-top: calc(30px + var(--jkd-nav-mob-h)) !important
    }
}

.main-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--jkd-bg-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: calc(var(--jkd-nav-h) + var(--jkd-t-ban-h));
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 10
}

@media(max-width:767px) {
    .main-wrp {
        padding-top: 0
    }
}

::-moz-selection {
    background-color: var(--jkd-sec-col) !important;
    color: var(--jkd-wh-col) !important
}

::selection {
    background-color: var(--jkd-sec-col) !important;
    color: var(--jkd-wh-col) !important
}

ol li,
ul li {
    list-style: none
}

.elementor-text-editor ul li {
    list-style: circle !important
}

.elementor-text-editor ol li {
    list-style: decimal !important
}

.elementor-text-editor blockquote {
    background-color: var(--jkd-bg-col-sec);
    font-size: 18px;
    padding: 30px
}

.elementor-text-editor blockquote:before {
    color: var(--jkd-sec-col);
    content: "&#xEA61";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: tabler-icons;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 10px;
    position: relative
}

.swiper-container {
    overflow: hidden
}

.swiper-container,
.swiper-wrapper {
    height: 100%;
    width: 100%
}

.jkd-pr-bg {
    background-color: var(--jkd-pr-col)
}

.jkd-pr-bg-2 {
    background-color: var(--jkd-sec-col)
}

.jkd-sec-bg,
.jkd-secondary-bg {
    background-color: var(--jkd-bg-col-sec)
}

.jkd-dark-bg {
    background-color: var(--jkd-dark-col)
}

.sbi-critical-notice {
    display: none !important
}

.jkd-sticky {
    position: sticky !important;
    top: calc(var(--jkd-a-bar-h) + var(--jkd-nav-h)) !important;
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important
}

.p-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-hdr img {
    height: auto;
    width: 100%
}

.p-hdr.p-hdr-lg {
    height: 250px;
    max-height: 250px;
    max-width: 250px;
    min-height: 250px;
    min-width: 250px;
    width: 250px
}

@media only screen and (max-width:576px) {
    .p-hdr.p-hdr-lg {
        height: 200px;
        max-height: 200px;
        max-width: 200px;
        min-height: 200px;
        min-width: 200px;
        width: 200px
    }
}

@media only screen and (max-width:425px) {
    .p-hdr.p-hdr-lg {
        height: 150px;
        max-height: 150px;
        max-width: 150px;
        min-height: 150px;
        min-width: 150px;
        width: 150px
    }
}

.p-hdr.p-hdr-md {
    height: 175px;
    max-height: 175px;
    max-width: 175px;
    min-height: 175px;
    min-width: 175px;
    width: 175px
}

@media only screen and (max-width:576px) {
    .p-hdr.p-hdr-md {
        height: 125px;
        max-height: 125px;
        max-width: 125px;
        min-height: 125px;
        min-width: 125px;
        width: 125px
    }
}

@media only screen and (max-width:425px) {
    .p-hdr.p-hdr-md {
        height: 100px;
        max-height: 100px;
        max-width: 100px;
        min-height: 100px;
        min-width: 100px;
        width: 100px
    }
}

.p-hdr.p-hdr-sm {
    height: 115px;
    max-height: 115px;
    max-width: 115px;
    min-height: 115px;
    min-width: 115px;
    width: 115px
}

@media only screen and (max-width:576px) {
    .p-hdr.p-hdr-sm {
        height: 95px;
        max-height: 95px;
        max-width: 95px;
        min-height: 95px;
        min-width: 95px;
        width: 95px
    }
}

@media only screen and (max-width:425px) {
    .p-hdr.p-hdr-sm {
        height: 80px;
        max-height: 80px;
        max-width: 80px;
        min-height: 80px;
        min-width: 80px;
        width: 80px
    }
}

.p-hdr.p-hdr-ext-sm {
    height: 80px;
    max-height: 80px;
    max-width: 80px;
    min-height: 80px;
    min-width: 80px;
    width: 80px
}

.b-r {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.b-r:hover {
    -webkit-box-shadow: 0 15px 25px -15px rgba(0, 0, 0, .15);
    box-shadow: 0 15px 25px -15px rgba(0, 0, 0, .15)
}

.wh-col {
    color: var(--jkd-wh-col) !important
}

@-webkit-keyframes toggle-animation {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    33% {
        opacity: 0;
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66% {
        opacity: 0;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

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

@keyframes toggle-animation {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    33% {
        opacity: 0;
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66% {
        opacity: 0;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

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

#sb_instagram {
    padding-bottom: 0 !important
}

.elementor-icon-box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#yoast-breadcrumbs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1
}

#yoast-breadcrumbs,
#yoast-breadcrumbs .breadcrumbs-separator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#yoast-breadcrumbs .breadcrumbs-separator {
    margin: 0 5px;
    opacity: .7
}

@media(max-width:425px) {
    #yoast-breadcrumbs .breadcrumbs-separator {
        margin: 0
    }
}

#yoast-breadcrumbs .breadcrumbs-separator span {
    font-size: 18px
}

#yoast-breadcrumbs span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    line-height: 1
}

@media(max-width:425px) {
    #yoast-breadcrumbs span {
        font-size: 13px
    }
}

#yoast-breadcrumbs span[aria-current] {
    opacity: 1
}

#yoast-breadcrumbs a {
    opacity: .7;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#yoast-breadcrumbs a:hover {
    opacity: 1
}

.wpcf7 p {
    width: 100%
}

.wpcf7-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output {
    background-color: rgba(255, 185, 0, .1);
    color: #ffb900
}

.wpcf7-form.spam .wpcf7-response-output {
    background-color: rgba(245, 110, 40, .1);
    color: #f56e28
}

.wpcf7-form.invalid .wpcf7-response-output {
    background-color: rgba(255, 185, 0, .1);
    color: #ffb900
}

.wpcf7-form.aborted .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output {
    background-color: rgba(220, 50, 50, .1);
    color: #dc3232
}

.wpcf7-form.sent .wpcf7-response-output {
    background-color: rgba(70, 180, 80, .1);
    color: #46b450
}

.wpcf7-form .wpcf7-response-output {
    background-color: rgba(0, 160, 210, .1);
    border-radius: var(--jkd-br-sm);
    border-width: 1px !important;
    color: #00a0d2;
    font-size: 13px;
    margin-bottom: 0 !important;
    margin-top: 15px !important;
    padding: 4px 7px !important;
    width: 100%
}

.wpcf7-form .wpcf7-not-valid-tip {
    font-size: 13px;
    margin-bottom: 5px !important;
    margin-right: 0 !important
}

.wpcf7-form .select-wrp {
    margin-top: 10px
}

.wpcf7-form .select-wrp select {
    color: var(--jkd-txt-col)
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0 !important;
    width: 100%
}

.wpcf7-form .cf-group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.wpcf7-form .cf-group .wpcf7-form-control-wrap {
    max-width: calc(50% - 7px);
    min-width: calc(50% - 7px);
    width: calc(50% - 7px)
}

.wpcf7-form .wpcf7-checkbox,
.wpcf7-form .wpcf7-radio {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 17px !important;
    padding: 0 15px;
    width: 100%
}

.wpcf7-form .wpcf7-checkbox .wpcf7-list-item,
.wpcf7-form .wpcf7-radio .wpcf7-list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin: 0 !important;
    padding: 7px 0 !important;
    width: calc(50% - 7px)
}

@media(max-width:576px) {

    .wpcf7-form .wpcf7-checkbox .wpcf7-list-item,
    .wpcf7-form .wpcf7-radio .wpcf7-list-item {
        width: calc(100% - 7px)
    }
}

.wpcf7-form .wpcf7-checkbox {
    padding: 0 !important
}

.wpcf7-form input,
.wpcf7-form textarea {
    margin-bottom: 10px;
    margin-top: 10px
}

.wpcf7-form br {
    display: none
}

.wpcf7-form label {
    width: 100%
}

.wpcf7-form .wpcf7-submit {
    background-color: var(--jkd-sec-col) !important;
    color: var(--jkd-wh-col) !important;
    height: 50px;
    margin-bottom: 0 !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
    width: 100%
}

.wpcf7-form .wpcf7-submit:hover {
    opacity: .7 !important
}

.wpcf7-form .ajax-loader,
.wpcf7-form .wpcf7-spinner {
    display: none !important
}

.cs-swtch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    right: -35px;
    position: fixed;
    top: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 160px;
    z-index: 999
}

@media(max-width:576px) {
    .cs-swtch {
        display: none
    }
}

@media(max-width:1024px) {
    .cs-swtch {
        top: 60%
    }
}

@media(max-width:767px) {
    .cs-swtch {
        display: none
    }
}

.cs-swtch .tg-in {
    position: relative;
    width: 100%
}

.cs-swtch .tg-in,
.cs-swtch .tg-in .side-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cs-swtch .tg-in .side-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--jkd-h-col) !important;
    font-size: 12px;
    font-weight: var(--jkd-m-fw);
    justify-content: center;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    width: 50%;
    z-index: 99
}

.cs-swtch .tg-in .side-inner.left-side {
    right: 0
}

.cs-swtch .tg-in .side-inner.right-side {
    left: 0
}

.cs-swtch .tg-in .switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 50px;
    cursor: pointer;
    height: 30px;
    position: relative;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 100%
}

.cs-swtch .tg-in .switch:before {
    background-color: var(--jkd-bg-col);
    border: 3px solid var(--jkd-bg-col-sec);
    border-radius: 50px;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 50%
}

.cs-swtch .tg-in .switch:checked {
    background-color: var(--jkd-bg-col-sec)
}

.cs-swtch .tg-in .switch:checked:before {
    border-color: var(--jkd-bg-col-sec);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.cs-swtch .tg-in span {
    font-size: 16px;
    margin-right: 5px
}

.schm-swtch-smp input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 100px !important;
    cursor: pointer;
    height: 25px;
    max-height: 25px;
    max-width: 25px;
    min-height: 25px;
    min-width: 25px;
    overflow: hidden;
    width: 25px
}

.schm-swtch-smp input:before {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: tabler-icons;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.schm-swtch-smp input:checked:before {
    background-color: var(--jkd-h-col);
    color: var(--jkd-inv-col);
    content: ""
}

.error-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 200px 0;
    width: 100%
}

@media(max-width:1024px) {
    .error-hdr {
        padding: 150px 0
    }
}

@media(max-width:767px) {
    .error-hdr {
        padding: 100px 0
    }
}

@media(max-width:576px) {
    .error-hdr {
        padding: 30px 0 50px
    }
}

@media(max-width:425px) {
    .error-hdr {
        padding: 15px 0 30px
    }
}

.error-hdr .in-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.error-hdr .in-wrp,
.error-hdr .in-wrp:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.error-hdr .in-wrp:before {
    bottom: 0;
    color: var(--jkd-pr-col);
    content: "404";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 400px;
    font-weight: var(--jkd-h-fw);
    right: 0;
    line-height: 1;
    opacity: .1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

@media(max-width:767px) {
    .error-hdr .in-wrp:before {
        font-size: 300px;
        font-size: 200px
    }
}

@media(max-width:576px) {
    .error-hdr .in-wrp:before {
        font-size: 64px;
        right: unset;
        margin-bottom: 20px;
        opacity: 1;
        position: relative;
        left: unset;
        top: unset
    }
}

.error-hdr .in-wrp .error-title {
    text-align: center
}

.error-hdr .in-wrp .error-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: var(--jkd-m-fw);
    margin-top: 10px;
    opacity: .7;
    text-align: center
}

@media(max-width:576px) {
    .error-hdr .in-wrp .error-subtitle {
        font-size: 14px
    }
}

.error-hdr .in-wrp .button-wrp {
    margin-top: 25px
}

@media(max-width:767px) {
    .error-hdr .in-wrp .button-wrp {
        margin-top: 20px
    }
}

@media(max-width:576px) {
    .error-hdr .in-wrp .button-wrp {
        margin-top: 15px
    }
}

body .jkd-mc-wrp .mc4wp-form {
    padding-bottom: 1px;
    width: 100%
}

body .jkd-mc-wrp input[type=checkbox] {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

body .jkd-mc-wrp form>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .jkd-mc-wrp a,
body .jkd-mc-wrp label,
body .jkd-mc-wrp p {
    font-size: 14px;
    font-weight: var(--jkd-d-fw)
}

body .jkd-mc-wrp .mc4wp-form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .jkd-mc-wrp .mc4wp-form .mc4wp-form-fields p label input {
    margin-left: 7px !important
}

body .jkd-mc-wrp p {
    margin-top: 10px;
    width: 100%
}

body .jkd-mc-wrp p label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-right: 1px;
    width: 100%
}

body .jkd-mc-wrp input {
    font-size: 14px;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body .jkd-mc-wrp input::-webkit-input-placeholder {
    opacity: .7;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body .jkd-mc-wrp input::-moz-placeholder {
    opacity: .7;
    -moz-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body .jkd-mc-wrp input:-ms-input-placeholder {
    opacity: .7;
    -ms-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body .jkd-mc-wrp input::-ms-input-placeholder {
    opacity: .7;
    -ms-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body .jkd-mc-wrp input::placeholder {
    opacity: .7;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body .jkd-mc-wrp input:focus::-webkit-input-placeholder {
    opacity: 1
}

body .jkd-mc-wrp input:focus::-moz-placeholder {
    opacity: 1
}

body .jkd-mc-wrp input:focus:-ms-input-placeholder {
    opacity: 1
}

body .jkd-mc-wrp input:focus::-ms-input-placeholder {
    opacity: 1
}

body .jkd-mc-wrp input:focus::placeholder {
    opacity: 1
}

body .jkd-mc-wrp .mc4wp-response {
    opacity: var(--jkd-op-sm)
}

body .jkd-mc-wrp [type=submit] {
    cursor: pointer;
    font-size: 12px;
    font-weight: var(--jkd-m-fw);
    height: 50px;
    letter-spacing: .5px;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    white-space: nowrap
}

body .jkd-mc-wrp [type=submit]:hover {
    opacity: .7
}

body .jkd-mc-wrp [type=email] {
    height: 50px
}

body .jkd-mc-wrp.st-1 a,
body .jkd-mc-wrp.st-1 label,
body .jkd-mc-wrp.st-1 p,
body .jkd-mc-wrp.st-2 a,
body .jkd-mc-wrp.st-2 label,
body .jkd-mc-wrp.st-2 p {
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-1 [type=email],
body .jkd-mc-wrp.st-2 [type=email] {
    background-color: var(--jkd-b-col-wh) !important;
    border-radius: 10px;
    color: var(--jkd-wh-col);
    height: 50px;
    padding: 5px 20px 5px 115px;
    width: 100%;
    z-index: 1
}

body .jkd-mc-wrp.st-1 [type=email]::-webkit-input-placeholder,
body .jkd-mc-wrp.st-2 [type=email]::-webkit-input-placeholder {
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-1 [type=email]::-moz-placeholder,
body .jkd-mc-wrp.st-2 [type=email]::-moz-placeholder {
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-1 [type=email]:-ms-input-placeholder,
body .jkd-mc-wrp.st-2 [type=email]:-ms-input-placeholder {
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-1 [type=email]::-ms-input-placeholder,
body .jkd-mc-wrp.st-2 [type=email]::-ms-input-placeholder {
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-1 [type=email]::placeholder,
body .jkd-mc-wrp.st-2 [type=email]::placeholder {
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-1 [type=submit],
body .jkd-mc-wrp.st-2 [type=submit] {
    background-color: transparent;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    color: var(--jkd-wh-col);
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    z-index: 1
}

body .jkd-mc-wrp.st-1 [type=submit] {
    background-color: var(--jkd-sec-col)
}

body .jkd-mc-wrp.st-2 [type=email] {
    border: 1px solid transparent;
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-2 [type=email]:focus {
    background-color: transparent;
    border: 1px solid var(--jkd-b-col-wh)
}

body .jkd-mc-wrp.st-2 [type=submit] {
    border: none !important
}

body .jkd-mc-wrp.st-3 [type=email],
body .jkd-mc-wrp.st-4 [type=email],
body .jkd-mc-wrp.st-5 [type=email] {
    background-color: var(--jkd-bg-col-sec);
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px -15px rgba(0, 0, 0, .1);
    color: var(--jkd-h-col);
    padding: 5px 20px
}

body .jkd-mc-wrp.st-3 [type=email]::-webkit-input-placeholder,
body .jkd-mc-wrp.st-4 [type=email]::-webkit-input-placeholder,
body .jkd-mc-wrp.st-5 [type=email]::-webkit-input-placeholder {
    color: var(--jkd-h-col)
}

body .jkd-mc-wrp.st-3 [type=email]::-moz-placeholder,
body .jkd-mc-wrp.st-4 [type=email]::-moz-placeholder,
body .jkd-mc-wrp.st-5 [type=email]::-moz-placeholder {
    color: var(--jkd-h-col)
}

body .jkd-mc-wrp.st-3 [type=email]:-ms-input-placeholder,
body .jkd-mc-wrp.st-4 [type=email]:-ms-input-placeholder,
body .jkd-mc-wrp.st-5 [type=email]:-ms-input-placeholder {
    color: var(--jkd-h-col)
}

body .jkd-mc-wrp.st-3 [type=email]::-ms-input-placeholder,
body .jkd-mc-wrp.st-4 [type=email]::-ms-input-placeholder,
body .jkd-mc-wrp.st-5 [type=email]::-ms-input-placeholder {
    color: var(--jkd-h-col)
}

body .jkd-mc-wrp.st-3 [type=email]::placeholder,
body .jkd-mc-wrp.st-4 [type=email]::placeholder,
body .jkd-mc-wrp.st-5 [type=email]::placeholder {
    color: var(--jkd-h-col)
}

body .jkd-mc-wrp.st-3 [type=submit],
body .jkd-mc-wrp.st-4 [type=submit],
body .jkd-mc-wrp.st-5 [type=submit] {
    background-color: var(--jkd-pr-col);
    border-radius: 10px;
    color: var(--jkd-wh-col)
}

body .jkd-mc-wrp.st-3 [type=submit]:hover,
body .jkd-mc-wrp.st-4 [type=submit]:hover,
body .jkd-mc-wrp.st-5 [type=submit]:hover {
    opacity: .7
}

body .jkd-mc-wrp.st-3 [type=email] {
    margin-left: 5px;
    width: calc(80% - 5px)
}

@media only screen and (max-width:576px) {
    body .jkd-mc-wrp.st-3 [type=email] {
        width: calc(65% - 5px)
    }
}

body .jkd-mc-wrp.st-3 [type=submit] {
    margin-right: 5px;
    width: calc(20% - 5px)
}

@media only screen and (max-width:576px) {
    body .jkd-mc-wrp.st-3 [type=submit] {
        width: calc(35% - 5px)
    }
}

body .jkd-mc-wrp.st-4 [type=email] {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    width: calc(100% - 100px)
}

body .jkd-mc-wrp.st-4 [type=submit] {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    width: 100px
}

body .jkd-mc-wrp.st-5 [type=email] {
    margin-bottom: 10px;
    width: 100%
}

body .jkd-mc-wrp.st-5 [type=submit] {
    width: 100%
}

body body[data-color-scheme=dark] .jkd-mc-wrp.st-4 [type=email] {
    background-color: var(--jkd-bg-col-sec)
}

.page-header {
    padding-bottom: 0 !important;
    position: relative;
    z-index: 1
}

.page-header.classic {
    padding: 85px 0
}

@media(max-width:1024px) {
    .page-header.classic {
        padding: 60px 0
    }
}

@media(max-width:767px) {
    .page-header.classic {
        padding: 50px 0
    }
}

@media(max-width:576px) {
    .page-header.classic {
        padding: 30px 0
    }
}

.page-header.image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 0 !important
}

@media(max-width:1024px) {
    .page-header.image {
        padding: 60px 0 !important
    }
}

@media(max-width:767px) {
    .page-header.image {
        padding: 50px 0 !important
    }
}

@media(max-width:576px) {
    .page-header.image {
        padding: 30px 0 !important
    }
}

.page-header.image:after {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.page-header.image .in-wrp #yoast-breadcrumbs,
.page-header.image .in-wrp #yoast-breadcrumbs a,
.page-header.image .in-wrp #yoast-breadcrumbs span,
.page-header.image .in-wrp .page-title,
.page-header.image .in-wrp .results-wrp {
    color: var(--jkd-wh-col) !important
}

.page-header.default {
    padding: 60px 0
}

@media(max-width:1024px) {
    .page-header.default {
        padding: 50px 0
    }
}

@media(max-width:576px) {
    .page-header.default {
        padding: 30px 0
    }
}

.page-header.minimal {
    padding: 30px 0
}

@media(max-width:576px) {
    .page-header.minimal {
        padding: 15px 0
    }
}

.page-header.minimal .in-wrp {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    align-items: center !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    justify-content: space-between !important
}

.page-header.minimal .in-wrp #yoast-breadcrumbs {
    margin-top: 0 !important
}

.page-header.enable-border {
    border-bottom: 1px solid var(--jkd-b-col) !important
}

.page-header.enable-border.classic {
    padding-bottom: 85px !important
}

@media(max-width:1024px) {
    .page-header.enable-border.classic {
        padding-bottom: 85px !important
    }
}

@media(max-width:767px) {
    .page-header.enable-border.classic {
        padding-bottom: 60px !important
    }
}

@media(max-width:576px) {
    .page-header.enable-border.classic {
        padding-bottom: 30px !important
    }
}

.page-header.enable-border.default {
    padding-bottom: 60px !important
}

@media(max-width:1024px) {
    .page-header.enable-border.default {
        padding-bottom: 50px !important
    }
}

@media(max-width:576px) {
    .page-header.enable-border.default {
        padding-bottom: 30px !important
    }
}

.page-header.enable-border.minimal {
    padding-bottom: 30px !important
}

@media(max-width:576px) {
    .page-header.enable-border.minimal {
        padding-bottom: 15px !important
    }
}

.page-header .in-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 100
}

.page-header .in-wrp .results-wrp {
    font-size: 14px
}

.page-header .in-wrp #yoast-breadcrumbs {
    margin-top: 10px
}

@media(max-width:1024px) {
    .page-header .in-wrp #yoast-breadcrumbs {
        margin-top: 10px
    }
}

@media(max-width:576px) {
    .page-header .in-wrp #yoast-breadcrumbs {
        margin-top: 7px
    }
}

.page-header.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(max-width:576px) {
    .page-header.left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-header.left #yoast-breadcrumbs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(max-width:576px) {
    .page-header.left #yoast-breadcrumbs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-header.left .page-title,
.page-header.left .results-wrp {
    text-align: right
}

@media(max-width:576px) {

    .page-header.left .page-title,
    .page-header.left .results-wrp {
        text-align: center
    }
}

.page-header.center,
.page-header.center #yoast-breadcrumbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-header.center .page-title,
.page-header.center .results-wrp {
    text-align: center
}

.page-header.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:576px) {
    .page-header.right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-header.right #yoast-breadcrumbs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:576px) {
    .page-header.right #yoast-breadcrumbs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-header.right .page-title,
.page-header.right .results-wrp {
    text-align: left
}

@media(max-width:576px) {

    .page-header.right .page-title,
    .page-header.right .results-wrp {
        text-align: center
    }
}

.sc-list a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: var(--jkd-m-fw);
    justify-content: center;
    opacity: 1 !important;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 10
}

.sc-list li:not(:last-child) {
    margin-left: 8px
}

.sc-list.st-1 a,
.sc-list.st-2 a,
.sc-list.st-3 a,
.sc-list.st-4 a {
    border-radius: 100px;
    height: 35px;
    width: 35px
}

@media only screen and (max-width:576px) {

    .sc-list.st-1 a,
    .sc-list.st-2 a,
    .sc-list.st-3 a,
    .sc-list.st-4 a {
        height: 27px;
        width: 27px
    }
}

.sc-list.st-1 a {
    border: 1px solid var(--jkd-soc-col);
    color: var(--jkd-soc-col)
}

.sc-list.st-1 a:hover {
    background-color: var(--jkd-soc-col);
    color: var(--jkd-wh-col)
}

.sc-list.st-2 a {
    color: var(--jkd-soc-col)
}

.sc-list.st-2 a:before {
    background-color: var(--jkd-soc-col);
    border-radius: 100px;
    bottom: unset;
    height: 0;
    right: unset;
    max-height: 0;
    max-width: 0;
    min-height: 0;
    min-width: 0;
    opacity: var(--jkd-op-xl);
    left: unset;
    top: unset;
    width: 0;
    z-index: -1
}

.sc-list.st-2 a:hover:before {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%
}

.sc-list.st-3 a {
    color: var(--jkd-soc-col)
}

.sc-list.st-3 a:before {
    background-color: var(--jkd-soc-col);
    border-radius: 100px;
    opacity: var(--jkd-op-xl);
    z-index: -1
}

.sc-list.st-3 a:hover {
    color: var(--jkd-wh-col)
}

.sc-list.st-3 a:hover:before {
    opacity: 1
}

.sc-list.st-4 li {
    margin: 0 !important;
    overflow: hidden
}

.sc-list.st-4 li:first-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.sc-list.st-4 li:last-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}

.sc-list.st-4 a {
    background-color: var(--jkd-soc-col);
    color: var(--jkd-wh-col)
}

.sc-list.st-4 a:hover {
    opacity: var(--jkd-op-sm)
}

.sc-list.st-5 .icon {
    margin-left: 7px
}

.sc-list.st-5 a {
    border: 1px solid var(--jkd-soc-col);
    border-radius: 100px;
    color: var(--jkd-soc-col);
    height: 27px;
    padding: 0 12px
}

.sc-list.st-5 a:hover {
    background-color: var(--jkd-soc-col);
    color: var(--jkd-wh-col)
}

.sc-list.st-6 .icon {
    margin-left: 7px
}

.sc-list.st-6 .soc-count {
    border-left: 1px solid var(--jkd-soc-col);
    height: 100%
}

.sc-list.st-6 a {
    border: 1px solid var(--jkd-soc-col);
    border-radius: 100px;
    color: var(--jkd-soc-col);
    height: 27px;
    padding: 0 12px
}

.sc-list.st-6 a:after {
    background-color: var(--jkd-soc-col);
    border-radius: 100px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: -1
}

.sc-list.st-6 a:hover {
    color: var(--jkd-wh-col)
}

.sc-list.st-6 a:hover:after {
    border-radius: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tags-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px
}

.tags-list,
.tags-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tags-list .list-item {
    padding: 4px
}

.tags-list .list-item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--jkd-b-col);
    border-radius: 10px;
    color: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: var(--jkd-m-fw);
    height: 25px;
    justify-content: center;
    line-height: 1;
    min-height: 25px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 2
}

.tags-list .list-item a .label-dot {
    background-color: var(--jkd-pr-col);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 9px;
    margin-left: 5px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 9px
}

.tags-list .list-item a .item-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin-right: 5px
}

.tags-list .list-item a:hover {
    background-color: var(--jkd-sec-col);
    color: var(--jkd-wh-col)
}

.tags-list .list-item a:hover .item-count {
    color: var(--jkd-wh-col)
}

.tags-list .list-item a:hover .label-dot {
    background-color: var(--jkd-wh-col) !important
}

.jkd-pag-num {
    font-size: 14px;
    width: unset
}

.jkd-pag-def,
.jkd-pag-num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jkd-pag-def {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: unset;
    left: unset;
    z-index: 2
}

.jkd-pag-def .swiper-pagination-bullet {
    background: var(--jkd-b-col);
    border-radius: 10px;
    height: 10px;
    margin: 0 4px !important;
    opacity: 1 !important;
    padding: 0;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 10px
}

.jkd-pag-def .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--jkd-pr-col);
    width: 17px
}

.sl-pag {
    color: var(--jkd-h-col);
    font-size: 14px
}

.btn--nav {
    outline: none
}

.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: unset !important
}

.sl-nav .btn--nav {
    cursor: pointer;
    margin: 0
}

.sl-nav .btn--nav.disabled,
.sl-nav .btn--nav.swiper-button-disabled {
    opacity: var(--jkd-op-lg) !important;
    pointer-events: none !important
}

.sl-nav .swiper-pagination-bullet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.sl-nav .swiper-pagination-bullet,
.sl-nav .swiper-pagination-bullet:after {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.sl-nav .sl-pag {
    pointer-events: none
}

.sl-nav .sl-pag span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sl-nav.st-1 .sl-pag {
    min-width: 55px;
    width: unset
}

@media only screen and (max-width:767px) {
    .sl-nav.st-1 .sl-pag {
        min-width: 40px
    }
}

.sl-nav.st-1 .sl-pag span {
    margin: 0 4px
}

@media only screen and (max-width:767px) {
    .sl-nav.st-1 .sl-pag span {
        margin: 0 2px
    }
}

.sl-nav.st-1 .btn--nav {
    height: 25px;
    min-width: 25px;
    width: 25px
}

.sl-nav.st-1 .btn--nav:hover {
    background-color: var(--jkd-pr-col) !important;
    opacity: 1
}

.sl-nav.st-1 .btn--nav:hover span {
    color: var(--jkd-wh-col) !important
}

.sl-nav.st-2 {
    height: 34px
}

.sl-nav.st-2 .sl-pag {
    min-width: 60px;
    width: unset
}

.sl-nav.st-2 .sl-pag span {
    margin: 0 4px
}

@media only screen and (max-width:767px) {
    .sl-nav.st-2 .sl-pag span {
        margin: 0 2px
    }
}

.sl-nav.st-2 .btn--nav {
    height: 20px;
    min-width: 30px;
    width: 30px
}

.sl-nav.st-2 .btn--nav:hover {
    opacity: var(--jkd-op-sm)
}

.sl-nav.st-3 .sl-pag {
    width: unset
}

.sl-nav.st-3 .swiper-pagination-bullet {
    background-color: var(--jkd-h-col);
    border-radius: var(--jkd-br-xl);
    height: 7px;
    margin-right: 0;
    opacity: .2;
    position: relative;
    width: 7px
}

.sl-nav.st-3 .swiper-pagination-bullet:after {
    background-color: var(--jkd-h-col);
    border-radius: var(--jkd-br-xl);
    content: "";
    height: calc(100% + 4px);
    opacity: 0;
    position: absolute;
    width: calc(100% + 4px)
}

.sl-nav.st-3 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sl-nav.st-3 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1
}

.sl-nav.st-3 .swiper-pagination-bullet:not(:last-child) {
    margin-left: 9px
}

.sl-nav.st-3 .btn--nav {
    height: 30px;
    min-width: 30px;
    width: 30px
}

.sl-nav.st-3 .btn--nav:hover {
    background-color: var(--jkd-pr-col) !important
}

.sl-nav.st-3 .btn--nav:hover span {
    color: var(--jkd-wh-col)
}

.swiper-button-disabled {
    background: transparent !important;
    opacity: var(--jkd-op-md) !important;
    pointer-events: none !important
}

.meta-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.meta-list,
.meta-list .list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.meta-list .list-item {
    font-size: 12px;
    font-weight: var(--jkd-m-fw)
}

.meta-list .list-item span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2px
}

.meta-list .list-item a {
    color: var(--jkd-h-col)
}

.meta-list .list-item .btn-bk {
    margin-bottom: -6px;
    margin-top: -6px
}

.meta-list .list-item:not(:last-child):after {
    background-color: var(--jkd-h-col);
    border-radius: 10px;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    margin: 0 6px;
    opacity: .3;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    width: 6px
}

@media(max-width:425px) {
    .meta-list .list-item:not(:last-child):after {
        height: 5px;
        margin: 0 3px;
        width: 5px
    }
}

.meta-list.wh-col .list-item:after {
    background-color: var(--jkd-wh-col)
}

.cat-lb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: var(--jkd-m-fw);
    justify-content: center;
    letter-spacing: .5px;
    line-height: 1;
    position: relative;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 2
}

@media(max-width:576px) {
    .cat-lb {
        font-size: 11px;
        letter-spacing: .2px
    }
}

.cat-lb:before {
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 5px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    width: 6px;
    z-index: 2
}

.cat-lb.cat-lb-default {
    background-color: var(--jkd-cat-col);
    border-radius: 10px;
    color: var(--jkd-wh-col);
    padding: 7px 11px;
    z-index: 10 !important
}

@media(max-width:576px) {
    .cat-lb.cat-lb-default {
        padding: 5px 7px
    }
}

.cat-lb.cat-lb-default:before {
    background-color: transparent;
    border: 1px solid var(--jkd-wh-col)
}

.cat-lb.cat-lb-default:hover:before {
    background-color: var(--jkd-wh-col)
}

.cat-lb.cat-lb-text {
    color: var(--jkd-cat-col);
    overflow: visible
}

.cat-lb.cat-lb-text:before {
    background-color: transparent;
    border: 1px solid var(--jkd-cat-col)
}

.cat-lb.cat-lb-text:hover:before {
    background-color: var(--jkd-cat-col)
}

.img-ovrl {
    position: relative
}

.img-ovrl .btn-bk {
    right: 10px;
    position: absolute !important;
    top: 10px;
    z-index: 10
}

.dark-overlay {
    overflow: hidden;
    position: relative;
    width: 100%
}

.dark-overlay img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.dark-overlay:hover img {
    -webkit-filter: saturate(10%) !important;
    filter: saturate(10%) !important;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

.lm-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    color: var(--jkd-h-col);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px !important;
    font-weight: var(--jkd-m-fw);
    justify-content: center;
    letter-spacing: 1px;
    padding-right: 30px;
    padding-left: 30px;
    text-transform: uppercase;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.lm-btn span {
    color: var(--jkd-sec-col);
    margin-right: 8px
}

.lm-btn.loading span {
    display: none
}

.lm-btn.loading svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lm-btn.loading,
.lm-btn:hover {
    color: var(--jkd-sec-col)
}

.lm-btn svg {
    fill: var(--jkd-sec-col);
    display: none;
    height: 15px;
    margin-right: 8px;
    width: 15px
}

.lm-btn.loading {
    pointer-events: none
}

.lm-btn.loading svg {
    display: block !important
}

.rm-btn {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    align-items: center !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: var(--jkd-m-fw) !important;
    justify-content: center !important;
    letter-spacing: .5px !important;
    line-height: 1 !important;
    text-transform: uppercase !important
}

.rm-btn.wh-btn,
.rm-btn.wh-btn span {
    color: var(--jkd-wh-col)
}

.rm-btn.wh-btn span {
    background-color: var(--jkd-b-col)
}

.rm-btn span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    margin-right: 8px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 30px
}

.rm-btn:hover span {
    background-color: var(--jkd-pr-col);
    color: var(--jkd-wh-col)
}

.btn--action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: var(--jkd-br-xl);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

@media(max-width:576px) {
    .btn--action {
        font-size: 14px !important
    }
}

.btn--action.btn--wh span {
    color: var(--jkd-wh-col)
}

.btn--action span {
    color: var(--jkd-h-col);
    margin: 0 !important;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.btn--action.btn--like .ic-on {
    color: var(--jkd-like-col) !important
}

.btn--action.st-1 {
    background-color: var(--jkd-wh-col)
}

.btn--action.st-1 span {
    color: var(--jkd-dark-col)
}

.btn--action.st-1.active .ic-on {
    color: var(--jkd-pr-col) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn--action.st-1.active span:not(.ic-on) {
    display: none
}

.btn--action.st-2 {
    border: 1px solid var(--jkd-b-col);
    overflow: hidden;
    position: relative
}

.btn--action.st-2:hover {
    border: 1px solid var(--jkd-b-col-sec)
}

.btn--action.st-2.btn--wh {
    border: 1px solid var(--jkd-b-col-wh)
}

.btn--action.st-2.btn--wh:hover {
    border: 1px solid hsla(0, 0%, 100%, .4)
}

.btn--action span {
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn--action .ic-on {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.btn--action.active span:not(.ic-on) {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.btn--action.active .ic-on {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn--action.sz-sm {
    font-size: 14px;
    height: 30px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    width: 30px
}

@media only screen and (max-width:576px) {
    .btn--action.sz-sm {
        height: 27px;
        max-height: 27px;
        max-width: 27px;
        min-height: 27px;
        min-width: 27px;
        width: 27px
    }
}

@media only screen and (max-width:425px) {
    .btn--action.sz-sm {
        height: 25px;
        max-height: 25px;
        max-width: 25px;
        min-height: 25px;
        min-width: 25px;
        width: 25px
    }
}

.btn--action.sz-md {
    font-size: 16px;
    height: 35px;
    max-height: 35px;
    max-width: 35px;
    min-height: 35px;
    min-width: 35px;
    width: 35px
}

@media only screen and (max-width:576px) {
    .btn--action.sz-md {
        height: 30px;
        max-height: 30px;
        max-width: 30px;
        min-height: 30px;
        min-width: 30px;
        width: 30px
    }
}

@media only screen and (max-width:425px) {
    .btn--action.sz-md {
        height: 27px;
        max-height: 27px;
        max-width: 27px;
        min-height: 27px;
        min-width: 27px;
        width: 27px
    }
}

.btn--action.sz-lg {
    font-size: 18px;
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

@media only screen and (max-width:576px) {
    .btn--action.sz-lg {
        height: 33px;
        max-height: 33px;
        max-width: 33px;
        min-height: 33px;
        min-width: 33px;
        width: 33px
    }
}

@media only screen and (max-width:425px) {
    .btn--action.sz-lg {
        height: 30px;
        max-height: 30px;
        max-width: 30px;
        min-height: 30px;
        min-width: 30px;
        width: 30px
    }
}

.exc-wrp {
    font-size: 14px;
    opacity: .7
}

.jkd-pr-bg .lm-btn,
.jkd-pr-bg .lm-btn span {
    color: var(--jkd-wh-col)
}

.jkd-pr-bg .lm-btn.loading,
.jkd-pr-bg .lm-btn:hover {
    fill: var(--jkd-wh-col);
    opacity: var(--jkd-op-sm)
}

.jkd-pr-bg .lm-btn svg {
    fill: var(--jkd-wh-col)
}

.jkd-pr-bg-2 .lm-btn,
.jkd-pr-bg-2 .lm-btn span {
    color: var(--jkd-wh-col)
}

.jkd-pr-bg-2 .lm-btn.loading,
.jkd-pr-bg-2 .lm-btn:hover {
    fill: var(--jkd-wh-col);
    opacity: var(--jkd-op-sm)
}

.jkd-pr-bg-2 .lm-btn svg {
    fill: var(--jkd-wh-col)
}

.jkd-accordion {
    width: 100%
}

.jkd-accordion .accordion-title,
.jkd-accordion .plus-icon {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.jkd-accordion .open-link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    cursor: pointer;
    justify-content: space-between
}

.jkd-accordion .open-link,
.jkd-accordion .plus-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jkd-accordion .plus-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--jkd-h-col);
    border-radius: 100px;
    color: var(--jkd-inv-col);
    font-size: 14px;
    height: 20px;
    justify-content: center;
    margin-right: 20px;
    position: relative;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px;
    z-index: 10
}

.jkd-accordion .accordion-content {
    display: none;
    font-size: 14px;
    margin-top: 20px
}

.jkd-accordion .accordion-content li:not(:last-child),
.jkd-accordion .accordion-content p:not(:last-child) {
    margin-bottom: 10px
}

.jkd-accordion .accordion-item {
    background-color: var(--jkd-bg-col-sec);
    border-radius: 10px;
    list-style: none;
    margin: 0 0 15px;
    padding: 30px;
    width: 100%
}

.jkd-accordion .accordion-item:last-child {
    margin-bottom: 0 !important
}

@media(max-width:576px) {
    .jkd-accordion .accordion-item {
        padding: 15px 20px
    }
}

.jkd-accordion .accordion-item.open .accordion-title {
    color: var(--jkd-pr-col)
}

.jkd-accordion .accordion-item.open .plus-icon {
    background-color: var(--jkd-pr-col);
    color: var(--jkd-wh-col);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.scroll-top-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-pr-col);
    border-radius: 100px;
    bottom: 30px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    left: 30px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    width: 40px;
    z-index: 9999
}

@media(max-width:1024px) {
    .scroll-top-button {
        bottom: 15px;
        right: 15px
    }
}

@media(max-width:767px) {
    .scroll-top-button {
        display: none !important
    }
}

.scroll-top-button span {
    color: var(--jkd-wh-col);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.scroll-top-button:hover span {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.jkd-blq--st-1 .qt-ic,
.jkd-blq--st-4 .qt-ic {
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
    position: absolute
}

@media only screen and (max-width:576px) {

    .jkd-blq--st-1 .qt-ic,
    .jkd-blq--st-4 .qt-ic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        right: auto;
        position: relative
    }
}

.jkd-blq--st-1 {
    padding: 30px 90px 30px 30px
}

@media only screen and (max-width:576px) {
    .jkd-blq--st-1 {
        padding: 30px
    }
}

.jkd-blq--st-1 .qt-ic {
    color: var(--jkd-h-col);
    right: 30px;
    opacity: var(--jkd-op-lg)
}

@media only screen and (max-width:576px) {
    .jkd-blq--st-1 .qt-ic {
        margin-bottom: -15px
    }
}

.jkd-blq--st-2 {
    padding-right: 80px
}

@media only screen and (max-width:576px) {
    .jkd-blq--st-2 {
        padding-right: 0
    }
}

.jkd-blq--st-2 .qt-ic {
    color: var(--jkd-pr-col);
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: -5px
}

.jkd-blq--st-2 .qt-ic--wrp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-xl);
    -webkit-box-shadow: 0 10px 15px var(--jkd-shdw-sm);
    box-shadow: 0 10px 15px var(--jkd-shdw-sm);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: center;
    right: 0;
    position: absolute;
    width: 50px
}

@media only screen and (max-width:576px) {
    .jkd-blq--st-2 .qt-ic--wrp {
        margin-bottom: 10px
    }
}

.jkd-blq--st-3 {
    border-right: 3px solid var(--jkd-pr-col);
    padding: 10px 30px 10px 0
}

.jkd-blq--st-4 .qt-ic {
    color: var(--jkd-pr-col);
    line-height: .5;
    margin-bottom: 10px
}

@media only screen and (max-width:576px) {
    .jkd-blq--st-4 .qt-ic {
        margin-bottom: 0
    }
}

.jkd-blq--st-4 blockquote {
    text-align: center
}

.jkd-test .auth-name,
.jkd-test .auth-pos {
    max-width: 400px
}

@media only screen and (max-width:576px) {

    .jkd-test .auth-name,
    .jkd-test .auth-pos {
        max-width: 75%
    }
}

.jkd-test .ps-nav {
    right: 450px
}

@media only screen and (max-width:576px) {
    .jkd-test .ps-nav {
        right: unset;
        left: 0
    }
}

.jkd-test:not(.sl-wrp) li:not(:last-child) {
    border-bottom: 1px solid var(--jkd-b-col);
    margin-bottom: 30px;
    padding-bottom: 30px
}

@media only screen and (max-width:576px) {
    .jkd-test:not(.sl-wrp) li:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px
    }
}

.jkd-sect-ttl .sect-link-wrp {
    background-color: var(--jkd-bg-col)
}

.jkd-sect-ttl .sect-link-wrp a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-sec-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important
}

@media(max-width:576px) {
    .jkd-sect-ttl .sect-link-wrp a {
        font-size: 14px
    }
}

.jkd-sect-ttl .sect-link-wrp a span {
    border: 1px solid var(--jkd-sec-col);
    color: var(--jkd-sec-col);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.jkd-sect-ttl .sect-link-wrp a:hover span {
    background-color: var(--jkd-sec-col);
    color: var(--jkd-wh-col)
}

.jkd-sect-ttl .sect-link-wrp span {
    border-radius: 100px;
    height: 30px;
    margin-right: 7px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    width: 30px
}

@media only screen and (max-width:576px) {
    .jkd-sect-ttl .sect-link-wrp span {
        height: 20px;
        max-height: 20px;
        max-width: 20px;
        min-height: 20px;
        min-width: 20px;
        width: 20px
    }
}

.jkd-sect-ttl .sect-ttl {
    max-width: 500px
}

@media(max-width:425px) {
    .jkd-sect-ttl .sect-ttl-sec {
        font-size: 12px !important
    }
}

.jkd-sect-ttl .sect-ttl-sec,
.jkd-sect-ttl .sect-ttl-sub {
    max-width: 400px
}

.jkd-sect-ttl .ttl-left:before,
.jkd-sect-ttl .ttl-right:after {
    display: none
}

.jkd-sect-ttl.st-1 .sect-ttl-sub {
    margin-top: 5px
}

.jkd-sect-ttl.st-2 .in-ttl {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

@media(max-width:576px) {
    .jkd-sect-ttl.st-2 .in-ttl {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        align-items: flex-start !important;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center !important
    }
}

.jkd-sect-ttl.st-2 .sect-ttl-sub {
    margin-right: 30px
}

@media only screen and (max-width:576px) {
    .jkd-sect-ttl.st-2 .sect-ttl-sub {
        margin-right: 0;
        width: 100%
    }
}

.jkd-sect-ttl.st-2 .in-ttl:before,
.jkd-sect-ttl.st-3 .in-ttl:before {
    left: calc(100% + 30px)
}

@media only screen and (max-width:576px) {

    .jkd-sect-ttl.st-2 .in-ttl:before,
    .jkd-sect-ttl.st-3 .in-ttl:before {
        left: calc(100% + 15px)
    }
}

.jkd-sect-ttl.st-2 .in-ttl:after,
.jkd-sect-ttl.st-3 .in-ttl:after {
    right: calc(100% + 30px)
}

@media only screen and (max-width:576px) {

    .jkd-sect-ttl.st-2 .in-ttl:after,
    .jkd-sect-ttl.st-3 .in-ttl:after {
        right: calc(100% + 15px)
    }
}

.jkd-sect-ttl.st-2 .in-ttl:after,
.jkd-sect-ttl.st-2 .in-ttl:before,
.jkd-sect-ttl.st-3 .in-ttl:after,
.jkd-sect-ttl.st-3 .in-ttl:before {
    border-bottom: 1px solid var(--jkd-b-col-sec);
    border-top: 1px solid var(--jkd-b-col-sec);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5px;
    margin-bottom: -2px;
    position: absolute;
    width: 1500px
}

.sect-ttl {
    width: unset
}

.jkd-pr-bg .sect-link-wrp {
    background-color: var(--jkd-pr-col)
}

.jkd-pr-bg-2 .sect-link-wrp {
    background-color: var(--jkd-sec-col)
}

.jkd-sec-bg .sect-link-wrp {
    background-color: var(--jkd-bg-col-sec)
}

.jkd-dark-bg .sect-link-wrp {
    background-color: var(--jkd-dark-col)
}

body[data-color-scheme=light] .theme-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:767px) {
    body[data-color-scheme=light] .theme-logo {
        display: none
    }
}

body[data-color-scheme=light] .theme-logo img {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body[data-color-scheme=light] .theme-logo-mob {
    display: none
}

@media(max-width:767px) {
    body[data-color-scheme=light] .theme-logo-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

body[data-color-scheme=light] .theme-logo-mob img {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body[data-color-scheme=light] .theme-logo-dark,
body[data-color-scheme=light] .theme-logo-mob-dark {
    display: none
}

body[data-color-scheme=dark] .theme-logo-dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:767px) {
    body[data-color-scheme=dark] .theme-logo-dark {
        display: none
    }
}

body[data-color-scheme=dark] .theme-logo-dark img {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body[data-color-scheme=dark] .theme-logo-mob-dark {
    display: none
}

@media(max-width:767px) {
    body[data-color-scheme=dark] .theme-logo-mob-dark {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

body[data-color-scheme=dark] .theme-logo-mob-dark img {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

body[data-color-scheme=dark] .theme-logo,
body[data-color-scheme=dark] .theme-logo-mob {
    display: none
}

.key-points {
    border-right: 5px solid var(--jkd-pr-col)
}

.key-points .point:before {
    background-color: var(--jkd-pr-col);
    border-radius: var(--jkd-br-xl);
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 6px;
    margin-left: 4px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    width: 6px
}

.key-points .point:not(:last-child) {
    margin-bottom: 15px
}

.key-points a {
    text-decoration: underline
}

.key-points .point-desc {
    padding-right: 12px
}

#jkd-toc {
    position: relative;
    width: 100%
}

#jkd-toc .ez-toc-title-toggle {
    position: absolute;
    left: 0;
    top: 0
}

#jkd-toc #ez-toc-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%
}

#jkd-toc #ez-toc-container .ez-toc-title {
    color: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(16px*var(--jkd-h-multi)/100);
    font-weight: var(--jkd-m-fw);
    margin-bottom: 15px
}

#jkd-toc #ez-toc-container nav {
    margin-top: -10px;
    max-height: 95vh;
    overflow-y: auto
}

#jkd-toc #ez-toc-container nav>ul {
    padding-right: 0
}

#jkd-toc #ez-toc-container nav>ul>li>a {
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw)
}

#jkd-toc #ez-toc-container ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    counter-reset: item;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding-right: 20px
}

#jkd-toc #ez-toc-container ul ul a {
    font-size: 14px;
    opacity: var(--jkd-op-sm)
}

#jkd-toc #ez-toc-container ul a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    margin-top: 10px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#jkd-toc #ez-toc-container ul a:before {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    content: counters(item, ".", decimal) ". ";
    counter-increment: item;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 5px;
    min-width: 20px;
    opacity: var(--jkd-op-md)
}

#jkd-toc #ez-toc-container ul a:hover {
    text-decoration: underline
}

#jkd-toc #ez-toc-container ul a:hover:before {
    opacity: 1
}

#jkd-toc #ez-toc-container ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ez-toc-debug-messages {
    display: none !important
}

.qnt-cus input {
    margin: 0 7px !important
}

.qnt-cus .qty-btn {
    background: transparent;
    border: 1px solid var(--jkd-b-col);
    border-radius: var(--jkd-fm-br);
    cursor: pointer;
    height: calc(25px*var(--jkd-fm-sz));
    max-height: calc(25px*var(--jkd-fm-sz));
    max-width: calc(25px*var(--jkd-fm-sz));
    min-height: calc(25px*var(--jkd-fm-sz));
    min-width: calc(25px*var(--jkd-fm-sz));
    width: calc(25px*var(--jkd-fm-sz))
}

.qnt-cus .qty-btn:hover {
    background-color: var(--jkd-b-col)
}

.price {
    color: var(--jkd-h-col);
    font-size: 16px;
    font-weight: var(--jkd-m-fw);
    margin-bottom: 0
}

@media(max-width:767px) {
    .price {
        font-size: 14px
    }
}

.price ins {
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw)
}

.qnt-cus input,
.qty {
    max-width: 60px !important;
    min-width: 60px !important
}

.qnt-cus,
.quantity {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.qnt-cus input,
.quantity input {
    background: transparent;
    border: 1px solid var(--jkd-b-col-sec);
    border-radius: 5px;
    color: var(--jkd-h-col) !important;
    font-size: 14px !important;
    margin: 0 4px !important;
    padding: 0 5px !important;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.qnt-cus input:focus,
.quantity input:focus {
    border: 1px solid var(--jkd-h-col)
}

.qnt-cus .qty-btn,
.qnt-cus button,
.quantity .qty-btn,
.quantity button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    border: 1px solid var(--jkd-b-col-sec);
    border-radius: 5px;
    color: var(--jkd-h-col);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px !important;
    height: 20px;
    justify-content: center;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    width: 20px
}

.qnt-cus .qty-btn:hover,
.qnt-cus button:hover,
.quantity .qty-btn:hover,
.quantity button:hover {
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col);
    color: var(--jkd-wh-col)
}

.wc-block-components-quantity-selector:after {
    border: 1px solid var(--jkd-b-col) !important
}

.woocommerce-form-track-order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 420px;
    width: 100%
}

.woocommerce-form-track-order p {
    font-size: 14px;
    text-align: center
}

.woocommerce-form-track-order .upper-text {
    font-size: 14px;
    margin-bottom: 30px;
    opacity: .7;
    text-align: center;
    width: 100%
}

@media(max-width:576px) {
    .woocommerce-form-track-order .upper-text {
        margin-bottom: 10px
    }
}

.woocommerce-form-track-order .form-row-first {
    margin-top: 7px !important
}

.woocommerce-form-track-order .form-row {
    padding: 0 !important;
    width: 100% !important
}

.woocommerce-form-track-order .form-row button,
.woocommerce-form-track-order .form-row input {
    width: 100%
}

.woocommerce-form-track-order .form-row label {
    text-align: right
}

.woocommerce-form-track-order .form-row button {
    height: 50px !important
}

.woocommerce-form-track-order .form-row:not(:last-child) {
    margin-bottom: 15px !important
}

.woocommerce-form-track-order .form-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.bk-sub {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

@media(max-width:767px) {
    .bk-sub {
        display: none
    }
}

.bk-sub .bk-sub-ft {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.bk-sub .jkd-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-sec-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.bk-sub .jkd-button span {
    border: 1px solid var(--jkd-sec-col);
    border-radius: 100px;
    font-size: 14px;
    height: 25px;
    margin-right: 7px;
    max-height: 25px;
    max-width: 25px;
    min-height: 25px;
    min-width: 25px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 25px
}

.bk-sub .jkd-button:hover span {
    background-color: var(--jkd-sec-col);
    color: var(--jkd-wh-col)
}

.bk-sub.sub-emp-st .emp-wrp {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    margin: auto;
    padding: 40px 0
}

.bk-sub.sub-emp-st .emp-wrp .ic-emp {
    font-size: 36px;
    line-height: 1 !important
}

.bk-sub.sub-emp-st .bk-sub-ft,
.bk-sub.sub-emp-st .bk-sub-in,
.bk-sub.sub-emp-st .load-msg,
.bk-sub.sub-emp-st .t-wrp {
    display: none !important
}

.bk-sub .p-bd .cat-lb {
    margin-bottom: 5px
}

.bk-sub .p-bd .meta-list {
    margin-top: 2px
}

.bk-sub.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.bk-sub .bk-sub-in,
.bk-sub .load-msg {
    height: 100%
}

.bk-sub .bk-sub-in .jkd-alert {
    font-size: 12px !important;
    font-weight: var(--jkd-d-fw) !important;
    margin-top: 0 !important;
    width: unset !important
}

.bk-sub .bk-sub-in.loading {
    opacity: var(--jkd-op-md)
}

.bk-sub .bk-sub-in.loading * {
    pointer-events: none
}

.bk-sub .hold .swiper-slide:first-child .sld-inr,
.bk-sub .list-type .sld-inr {
    opacity: 0;
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

.bk-sub .sld-inr:not(:last-child) {
    margin-bottom: 15px
}

.bk-sub .btn--rm {
    background-color: var(--jkd-ovrl-md);
    cursor: pointer;
    height: 25px;
    right: 5px;
    top: 5px;
    width: 25px
}

.bk-sub .btn--rm:hover {
    background-color: var(--jkd-ovrl-lg)
}

#cart-sub {
    margin-left: -1px;
    opacity: 0;
    pointer-events: none;
    width: 375px
}

#cart-sub .sub-in {
    background-color: var(--jkd-bg-col-sec);
    -webkit-box-shadow: 0 0 10px var(--jkd-shdw-sm);
    box-shadow: 0 0 10px var(--jkd-shdw-sm);
    min-height: 185px
}

#cart-sub .hold .swiper-slide:first-child .pr-itm,
#cart-sub .list-type .pr-itm {
    opacity: 0;
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

#cart-offcanv {
    height: calc(100vh - var(--jkd-a-bar-h));
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 400px
}

@media only screen and (max-width:576px) {
    #cart-offcanv {
        border-right: none;
        width: 100%
    }
}

#cart-offcanv.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#cart-mob .c-body,
#cart-offcanv .c-body {
    height: 100%;
    overflow-y: scroll
}

#cart-mob .load-msg,
#cart-offcanv .load-msg {
    position: absolute
}

#cart-mob .pr-itm,
#cart-offcanv .pr-itm {
    opacity: 0;
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

#cart-mob {
    bottom: 0;
    height: 100vh;
    max-width: 100%;
    min-width: 100%;
    opacity: 0;
    pointer-events: none;
    top: 0;
    width: 100%
}

#cart-mob.active {
    opacity: 1;
    pointer-events: auto
}

.jkd-cart {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 999
}

.jkd-cart .ic-emp {
    font-size: 36px;
    line-height: 1 !important
}

.jkd-cart .btn--wrp .jkd-button {
    width: 50%
}

.jkd-cart .btn--wrp .jkd-button:first-child {
    margin-left: 7px
}

.jkd-cart .btn--wrp .jkd-button:last-child {
    margin-right: 7px
}

.jkd-cart.cart-emp-st .emp-wrp {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    margin: auto;
    padding: 40px 0
}

.jkd-cart.cart-emp-st .c-body,
.jkd-cart.cart-emp-st .c-foot,
.jkd-cart.cart-emp-st .load-msg,
.jkd-cart.cart-emp-st .sub-hdr {
    display: none
}

.jkd-cart .pr-rm-btn {
    background-color: var(--jkd-ovrl-md);
    cursor: pointer;
    height: 25px;
    right: 5px;
    top: 5px;
    width: 25px
}

.jkd-cart .pr-rm-btn:hover {
    background-color: var(--jkd-ovrl-lg)
}

.jkd-cart .pr-bd {
    width: 100%
}

.jkd-cart .pr-bd .quantity-input {
    max-width: 45px !important;
    min-width: 45px !important
}

.jkd-cart .prd-l.loading {
    opacity: var(--jkd-op-md)
}

.jkd-cart .prd-l.loading * {
    pointer-events: none
}

.jkd-cart .price-wrp,
.jkd-cart .qnt-cus {
    margin-top: 7px
}

.jkd-cart .pr-itm:not(:last-child) {
    margin-bottom: 10px
}

.cat-sub {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.cat-sub.active {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.cat-sub .swiper-wrapper {
    height: unset
}

.cat-sub .img-sd {
    max-width: 200px;
    min-height: 247px;
    min-width: 200px;
    width: 200px
}

.cat-sub .img-wrp {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.cat-sub .sub-in {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.cat-sub .pst-sd {
    max-width: 620px;
    min-height: 247px;
    width: 100%
}

.cat-sub .sld-inr .p-art:not(:last-child) {
    margin-bottom: 10px
}

.cat-sub .cat-sl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between
}

.cat-sub .swiper-slide:first-child .sld-inr,
.cat-sub .swiper-slide:nth-child(2) .sld-inr {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.cat-sl-nav,
.cat-sub {
    opacity: 0
}

.cat-sl-nav .jkd-button,
.cat-sub .jkd-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-sec-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 25px !important;
    padding: 0 !important
}

.cat-sl-nav .jkd-button span,
.cat-sub .jkd-button span {
    border: 1px solid var(--jkd-sec-col);
    border-radius: 100px;
    font-size: 14px;
    height: 25px;
    margin-right: 7px;
    max-height: 25px;
    max-width: 25px;
    min-height: 25px;
    min-width: 25px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 25px
}

.cat-sl-nav .jkd-button:hover span,
.cat-sub .jkd-button:hover span {
    background-color: var(--jkd-sec-col);
    color: var(--jkd-wh-col)
}

#ct-mgm {
    height: 0;
    max-height: calc(100vh - var(--jkd-nav-h));
    overflow-y: scroll;
    pointer-events: none;
    position: fixed;
    top: calc(var(--jkd-nav-h) + var(--jkd-t-ban-h) + var(--jkd-a-bar-h));
    z-index: 99
}

@media only screen and (max-width:1200px) {
    #ct-mgm {
        top: calc(60px + var(--jkd-nav-h) + var(--jkd-t-ban-h) + var(--jkd-a-bar-h))
    }
}

@media only screen and (max-width:767px) {
    #ct-mgm {
        max-height: calc(100vh - var(--jkd-a-bar-h) + 1px) !important;
        position: fixed !important;
        top: calc(var(--jkd-a-bar-h)) !important;
        z-index: 101
    }
}

#ct-mgm .btn--off {
    display: none !important
}

@media(max-width:767px) {
    #ct-mgm .btn--off {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

#ct-mgm.active {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#ct-mgm.loading .load-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#ct-mgm.loading .notice-msg,
#ct-mgm.loading .sl-in-wrp {
    display: none
}

#ct-mgm.ct-side {
    border-top: 1px solid var(--jkd-b-col);
    bottom: 0;
    right: var(--jkd-nav-w);
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: calc(100% - var(--jkd-nav-w)) !important
}

#ct-mgm.ct-side.active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#ct-mgm .meg-in {
    min-height: 415px
}

@media only screen and (max-width:767px) {
    #ct-mgm .meg-in {
        min-height: unset
    }
}

#ct-mgm .load-msg {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#ct-mgm .cat-list-wrp {
    max-height: 410px;
    max-width: 180px;
    min-width: 180px;
    padding-right: 0 !important;
    width: 180px
}

@media only screen and (max-width:767px) {
    #ct-mgm .cat-list-wrp {
        max-height: unset;
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

#ct-mgm .cat-list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

@media only screen and (max-width:767px) {
    #ct-mgm .cat-list {
        margin: -4px
    }
}

#ct-mgm .category {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    cursor: pointer;
    margin-bottom: 7px;
    order: 1
}

@media(max-width:767px) {
    #ct-mgm .category {
        margin-left: 10px
    }
}

#ct-mgm .category .icon-bg {
    background-color: var(--jkd-pr-col)
}

#ct-mgm .category .c-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-cat-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

#ct-mgm .category .c-name,
#ct-mgm .category .c-name:before {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#ct-mgm .category .c-name:before {
    background-color: transparent;
    border: 1px solid var(--jkd-cat-col);
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 5px;
    width: 6px;
    z-index: 2
}

#ct-mgm .category.active {
    pointer-events: none
}

#ct-mgm .category.active .c-name:before,
#ct-mgm .category:hover .c-name:before {
    background-color: var(--jkd-cat-col)
}

#ct-mgm .category.loading {
    pointer-events: none
}

#ct-mgm .category.loading .loader {
    opacity: 1
}

#ct-mgm .category.loading .c-name {
    opacity: var(--jkd-op-md)
}

#ct-mgm .category.loading .plus-icn {
    opacity: 0
}

#ct-mgm .category .loader {
    opacity: 0;
    position: absolute;
    width: 15px
}

#ct-mgm .category.lm--btn {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    cursor: pointer;
    order: 2
}

#ct-mgm .category.lm--btn .c-name {
    color: var(--jkd-pr-col)
}

#ct-mgm .category.lm--btn .c-name:before {
    display: none
}

#ct-mgm .category.lm--btn .loader {
    fill: var(--jkd-pr-col)
}

#ct-mgm .ic-wrp {
    font-size: 14px;
    height: 20px;
    width: 20px
}

#ct-mgm .divider {
    height: 1px;
    width: 0
}

#ct-mgm .meg-sl-wrp {
    width: calc(100% - 180px)
}

@media only screen and (max-width:767px) {
    #ct-mgm .meg-sl-wrp {
        max-width: 100%;
        min-height: 410px;
        min-width: 100%;
        width: 100%
    }
}

@media(max-width:576px) {
    #ct-mgm .meg-sl-wrp {
        min-height: 315px
    }
}

@media only screen and (max-width:425px) {
    #ct-mgm .meg-sl-wrp {
        min-height: 285px
    }
}

#ct-mgm .cat-ttl {
    white-space: nowrap
}

#ct-mgm .meg-t-sd .new {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

#ct-mgm .meg-t-sd:after {
    background-color: var(--jkd-b-col);
    bottom: 0;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    right: 0;
    position: absolute;
    -webkit-transition: all .5s var(--jkd-tr-tp);
    transition: all .5s var(--jkd-tr-tp);
    width: 1px
}

#ct-mgm .meg-t-sd.active:after {
    width: 100%
}

#ct-mgm .meg-sl {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#ct-mgm .meg-sl,
#ct-mgm .meg-sl .swiper-wrapper {
    height: unset !important
}

#ct-mgm .meg-sl.loading {
    opacity: var(--jkd-op-lg);
    pointer-events: none
}

#ct-mgm .swiper-slide:first-child .sld-inr,
#ct-mgm .swiper-slide:nth-child(2) .sld-inr,
#ct-mgm .swiper-slide:nth-child(3) .sld-inr {
    opacity: 0;
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

#ct-mgm .cat-in,
#ct-mgm .cat-ttl,
#ct-mgm .meg-sl-nav,
#ct-mgm .notice-msg {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

#ct-mgm .p-hdr .btn-bk {
    right: 10px;
    position: absolute;
    top: 10px;
    z-index: 11
}

#ct-mgm .p-art:not(:last-child) {
    margin-bottom: 10px
}

.nav-ovrl .menu-item,
.nav .menu-item {
    position: relative
}

.nav-ovrl .menu-item a:not(.ttl-link):not(.img-wrp),
.nav .menu-item a:not(.ttl-link):not(.img-wrp) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px !important;
    font-weight: var(--jkd-m-fw);
    letter-spacing: .7px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.nav-ovrl .menu-item a:not(.ttl-link):not(.img-wrp).active,
.nav .menu-item a:not(.ttl-link):not(.img-wrp).active {
    opacity: 1
}

.nav-ovrl .m-ic,
.nav .m-ic {
    height: 12px;
    width: 12px
}

.nav-ovrl .m-ic.active,
.nav .m-ic.active {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nav-ovrl .cat-link,
.nav .cat-link {
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: var(--jkd-m-fw);
    height: 30px;
    letter-spacing: .7px;
    padding: 0 12px;
    text-transform: uppercase
}

.nav-ovrl .itm-lbl,
.nav .itm-lbl {
    border-radius: 5px;
    font-size: 11px !important;
    height: 20px;
    padding: 0 6px
}

.nav-ovrl .itm-lbl .overlay,
.nav .itm-lbl .overlay {
    right: 0;
    top: 0;
    z-index: -1
}

.nav .a-itm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-h-col);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

@media(max-width:576px) {
    .nav .a-itm {
        padding: 5px 2px
    }
}

.nav .a-itm.bk-on,
.nav .a-itm.cart-item {
    cursor: auto;
    height: 100%
}

.nav .a-itm .a-in {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 99
}

.nav .a-itm .a-in .act-ic {
    font-size: 18px
}

@media(max-width:576px) {
    .nav .a-itm .a-in .act-ic {
        font-size: 16px
    }
}

.nav .a-itm .a-in .jkd-count-lb {
    font-size: 14px;
    margin-right: 1px;
    opacity: var(--jkd-op-md)
}

@media(max-width:425px) {
    .nav .a-itm .a-in .jkd-count-lb {
        display: none
    }
}

.nav .a-itm.active .a-in,
.nav .a-itm:hover:not(.hvr-off) .a-in {
    color: var(--jkd-sec-col)
}

.nav:not(#nav-mob) .bk-sub {
    margin-left: -1px;
    top: calc(100% - 15px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.nav:not(#nav-mob) .bk-sub .sub-in {
    background-color: var(--jkd-bg-col-sec);
    -webkit-box-shadow: 0 0 10px var(--jkd-shdw-sm);
    box-shadow: 0 0 10px var(--jkd-shdw-sm);
    min-height: 195px;
    width: 375px
}

.nav:not(#nav-mob) .bk-sub .btn--rm {
    opacity: 0
}

.nav:not(#nav-mob) .bk-sub .p-art:hover .btn--rm {
    opacity: 1
}

#nav-def .spacer-mg {
    display: none
}

#nav-def .l-wrp>a:not(.cat-link) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(var(--jkd-ac-fz-xl)*var(--jkd-fz-multi));
    font-weight: var(--jkd-m-fw);
    height: 100%;
    justify-content: center;
    letter-spacing: var(--jkd-ac-lp-xl);
    line-height: var(--jkd-ac-lh-xl);
    padding: 5px 10px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%
}

@media only screen and (max-width:576px) {
    #nav-def .l-wrp>a:not(.cat-link) {
        font-size: calc(var(--jkd-ac-fz-sm)*var(--jkd-fz-multi));
        letter-spacing: var(--jkd-ac-lp-sm);
        line-height: var(--jkd-ac-lh-sm)
    }
}

#nav-def .l-wrp>a:not(.cat-link):hover {
    opacity: var(--jkd-op-sm)
}

#nav-def .menu-list .menu-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    list-style: none
}

#nav-def .menu-list .menu-item.current_page_item>.l-wrp a {
    color: var(--jkd-sec-col) !important;
    font-weight: var(--jkd-h-fw) !important;
    opacity: 1 !important
}

#nav-def .menu-list .menu-item-1-lvl {
    position: relative
}

#nav-def .menu-list .menu-item-1-lvl.menu-item-has-children .sub-menu {
    background-color: var(--jkd-bg-col-sec);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px var(--jkd-shdw-sm);
    box-shadow: 0 0 10px var(--jkd-shdw-sm);
    right: -15px;
    max-width: 215px;
    min-width: 215px;
    opacity: 0;
    padding: 12px 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% - 15px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 200px;
    z-index: 1
}

#nav-def .menu-list .menu-item-1-lvl.menu-item-has-children .sub-menu .menu-item {
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

#nav-def .menu-list .menu-item-1-lvl.menu-item-has-children .sub-menu .menu-item a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    font-size: 14px !important;
    justify-content: space-between;
    padding: 5px 25px;
    position: relative;
    text-transform: none;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#nav-def .menu-list .menu-item-1-lvl.menu-item-has-children .sub-menu .menu-item a .m-ic {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#nav-def .menu-list .menu-item-1-lvl.menu-item-has-children .sub-menu .menu-item .sub-menu {
    right: calc(100% - 10px);
    top: -13px
}

#nav-def .menu-list .menu-item-1-lvl.menu-item-has-children .sub-menu.active {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: unset
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on>.sub-menu>.menu-item {
    padding: 0 15px
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on>.sub-menu>.menu-item>.l-wrp a {
    border-bottom: 1px solid var(--jkd-b-col);
    color: var(--jkd-h-col) !important;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-right: 0
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 800px;
    opacity: 0;
    overflow: hidden;
    padding: 15px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: all .13s var(--jkd-tr-tp);
    transition: all .13s var(--jkd-tr-tp);
    z-index: 10
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu .menu-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 240px;
    min-width: 240px;
    width: 240px;
    z-index: 10
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu .menu-item .m-ic {
    display: none !important
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu .menu-item a {
    padding: 5px 0
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu .menu-item .sub-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    right: 0;
    opacity: 1 !important;
    padding: 0;
    pointer-events: unset !important;
    position: relative;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu .menu-item .sub-menu .menu-item {
    border: none !important;
    opacity: 0;
    padding: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    width: 100%
}

#nav-def .menu-list .menu-item-1-lvl.mgmn-on .sub-menu.active {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

#nav-def .cat-sub {
    background: var(--jkd-bg-col-sec);
    -webkit-box-shadow: 0 0 10px var(--jkd-shdw-sm);
    box-shadow: 0 0 10px var(--jkd-shdw-sm);
    max-width: 820px;
    min-height: 247px;
    min-width: 820px;
    pointer-events: none;
    top: calc(100% - 15px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    width: 820px
}

@media only screen and (max-width:1024px) {
    #nav-def .cat-sub {
        max-width: 700px;
        min-width: 700px;
        width: 700px
    }
}

#ct-mgm .btn--off,
#nav-srch .btn--off,
.nav-ovrl .btn--off,
.offcs-sb .btn--off {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-pr-col);
    border-radius: 100px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    left: 30px;
    top: 30px;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 30px
}

#ct-mgm .btn--off svg,
#nav-srch .btn--off svg,
.nav-ovrl .btn--off svg,
.offcs-sb .btn--off svg {
    fill: var(--jkd-wh-col);
    height: 16px;
    width: 16px
}

@media(max-width:576px) {

    #ct-mgm .btn--off svg,
    #nav-srch .btn--off svg,
    .nav-ovrl .btn--off svg,
    .offcs-sb .btn--off svg {
        height: 14px;
        width: 14px
    }
}

#ct-mgm .btn--off span,
#nav-srch .btn--off span,
.nav-ovrl .btn--off span,
.offcs-sb .btn--off span {
    color: var(--jkd-wh-col)
}

@media(max-width:576px) {

    #ct-mgm .btn--off span,
    #nav-srch .btn--off span,
    .nav-ovrl .btn--off span,
    .offcs-sb .btn--off span {
        font-size: 14px
    }
}

#ct-mgm .btn--off:hover,
#nav-srch .btn--off:hover,
.nav-ovrl .btn--off:hover,
.offcs-sb .btn--off:hover {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media(max-width:576px) {

    #ct-mgm .btn--off,
    #nav-srch .btn--off,
    .nav-ovrl .btn--off,
    .offcs-sb .btn--off {
        height: 25px;
        left: 15px;
        top: 15px;
        width: 25px
    }
}

#cart-sub.t-dir,
.bk-sub.t-dir {
    position: absolute;
    top: calc(100% - 15px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

#cart-sub.t-dir.active,
.bk-sub.t-dir.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.load-msg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--jkd-h-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.load-msg svg {
    fill: var(--jkd-h-col);
    margin-right: 10px;
    width: 20px
}

body[data-color-scheme=dark] #cart-sub .sub-in,
body[data-color-scheme=dark] #nav-def .sub-menu,
body[data-color-scheme=dark] .bk-sub .sub-in,
body[data-color-scheme=dark] .cat-sub {
    background-color: var(--jkd-bg-col) !important;
    border: 1px solid var(--jkd-b-col) !important
}

body[data-color-scheme=dark] #ct-mgm,
body[data-color-scheme=dark] #nav-srch {
    background-color: var(--jkd-bg-col) !important
}

body[data-color-scheme=dark] #ct-mgm .srch-in input,
body[data-color-scheme=dark] #nav-srch .srch-in input {
    border: none !important
}

body[data-color-scheme=dark] #ct-mgm .meg-in:after,
body[data-color-scheme=dark] #ct-mgm .srch-in:after,
body[data-color-scheme=dark] #nav-srch .meg-in:after,
body[data-color-scheme=dark] #nav-srch .srch-in:after {
    display: none !important
}

#nav-def {
    top: calc(.001px + var(--jkd-a-bar-h) + var(--jkd-t-ban-h));
    z-index: 999
}

#nav-def .in-wrp {
    height: var(--jkd-nav-h)
}

@media only screen and (max-width:1024px) {
    #nav-def .in-wrp {
        padding-right: 30px !important;
        padding-left: 30px !important
    }
}

#nav-def .btn--off span {
    font-size: 20px
}

#nav-def .m-wrp {
    height: 100%
}

@media only screen and (max-width:1200px) {
    #nav-def .m-wrp {
        border-bottom: 1px solid var(--jkd-b-col);
        height: 60px;
        top: calc(100% + 1px)
    }
}

#nav-def .theme-logo,
#nav-def .theme-logo-dark {
    margin-left: 50px
}

@media only screen and (max-width:1380px) {

    #nav-def .theme-logo,
    #nav-def .theme-logo-dark {
        margin-left: 25px
    }
}

#nav-def #cart-sub.t-dir,
#nav-def .bk-sub {
    left: -50px
}

@media only screen and (max-width:1024px) {

    #nav-def #cart-sub.t-dir,
    #nav-def .bk-sub {
        left: -30px
    }
}

.nav-ovrl {
    bottom: 0;
    right: 0;
    opacity: 0;
    padding: calc(var(--jkd-a-bar-h) + 60px) 0 60px 0;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    z-index: 999
}

@media only screen and (max-width:425px) {
    .nav-ovrl {
        padding: calc(var(--jkd-a-bar-h) + 30px) 0 15px 0
    }
}

.nav-ovrl .theme-logo-mob img {
    max-width: 85px
}

.nav-ovrl.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.nav-ovrl .btn--off {
    top: calc(var(--jkd-a-bar-h) + 30px) !important
}

@media(max-width:576px) {
    .nav-ovrl .btn--off {
        top: calc(var(--jkd-a-bar-h) + 15px) !important
    }
}

.nav-ovrl .ovrl-in {
    max-width: 350px;
    width: 100%
}

.nav-ovrl .ovrl-in .theme-logo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.nav-ovrl .m-wrp {
    height: 100%;
    overflow-y: scroll;
    width: 100%
}

.nav-ovrl .cat-sub {
    display: none !important
}

.nav-ovrl .menu-item {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    width: 100%
}

.nav-ovrl .menu-item.current_page_item>.l-wrp a {
    color: var(--jkd-sec-col) !important;
    font-weight: var(--jkd-h-fw) !important;
    opacity: 1 !important
}

.nav-ovrl .menu-item a {
    color: var(--jkd-wh-col);
    font-size: calc(var(--jkd-h5-fz-xl)*var(--jkd-fz-multi));
    font-weight: var(--jkd-h-fw);
    letter-spacing: var(--jkd-h5-lp-xl);
    line-height: var(--jkd-h5-lh-xl);
    width: 100%
}

.nav-ovrl .menu-item a .m-ic {
    background-color: var(--jkd-b-col-wh);
    height: 24px;
    position: absolute;
    left: 0;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 24px
}

.nav-ovrl .menu-item:not(:last-child) {
    margin-bottom: 10px
}

.nav-ovrl .sub-menu {
    display: none;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-top: 5px
}

.nav-ovrl .sub-menu .m-ic {
    background-color: transparent !important
}

.nav-ovrl .sub-menu>.menu-item:first-child {
    margin-top: 10px
}

.nav-ovrl .sub-menu .menu-item a {
    font-size: 14px !important;
    font-weight: var(--jkd-d-fw) !important;
    letter-spacing: normal !important;
    text-transform: unset !important
}

.nav-ovrl .cat-link {
    height: 37px;
    margin: 8px 0 !important;
    padding: 0 20px
}

.nav-ovrl .cat-link .m-ic {
    display: none !important
}

.nav-ovrl .cat-link .cat-icn {
    height: 37px;
    width: 37px
}

.nav-ovrl .sc-list li:not(:last-child) {
    margin-left: 10px
}

.nav-ovrl .sc-list a {
    height: 35px;
    width: 35px
}

.nav-ovrl .menu-list {
    padding: 15px var(--jkd-c-off)
}

@media(max-width:576px) {
    .nav-ovrl .menu-list {
        padding: 15px var(--jkd-c-off-xs)
    }
}

#nav-mob {
    right: 15px;
    left: 15px;
    top: calc(15px + var(--jkd-a-bar-h) + var(--jkd-t-ban-h));
    width: calc(100% - 30px)
}

@media only screen and (max-width:767px) {
    #nav-mob {
        top: calc(15px + var(--jkd-a-bar-h)) !important
    }
}

#nav-mob.anim-show {
    -webkit-transform: translateY(calc(-100% - var(--jkd-nav-mob-h)));
    transform: translateY(calc(-100% - var(--jkd-nav-mob-h)))
}

#nav-mob .nav-in {
    height: var(--jkd-nav-mob-h)
}

#nav-mob .in-wrp {
    padding: 0 var(--jkd-c-off-xs)
}

#nav-mob .off-tg {
    margin-left: -6px !important
}

@media(max-width:425px) {
    #nav-mob .off-tg {
        margin-right: 0 !important
    }
}

#nav-mob .off-tg span {
    font-size: 24px
}

#nav-mob .a-itm:not(.menu-toggle) {
    height: 30px
}

@media only screen and (max-width:425px) {
    #nav-mob .a-itm:not(.menu-toggle) {
        height: 28px
    }
}

#nav-mob .a-itm.menu-toggle {
    height: 30px;
    right: calc(50% - 15px);
    padding: 7px;
    width: 30px
}

#nav-mob .a-itm.menu-toggle span {
    height: 2px
}

#nav-mob .a-itm.menu-toggle span:not(:last-child) {
    margin-bottom: 3px
}

#nav-mob .bk-sub {
    height: calc(100vh - var(--jkd-a-bar-h));
    top: var(--jkd-a-bar-h)
}

#nav-mob .bk-sub .bk-sub-in {
    height: unset
}

#nav-mob .bk-sub .sub-in {
    height: 100%;
    width: 100%
}

#nav-srch {
    height: 0;
    right: 0;
    margin-top: -1px;
    pointer-events: none;
    left: 0;
    top: var(--jkd-a-bar-h);
    z-index: 999
}

#nav-srch.active {
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#nav-srch .t-side:after {
    background-color: var(--jkd-b-col);
    bottom: 0;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    right: 0;
    position: absolute;
    -webkit-transition: all .5s var(--jkd-tr-tp);
    transition: all .5s var(--jkd-tr-tp);
    width: 1px
}

#nav-srch .t-side.active:after {
    width: 100%
}

#nav-srch .form-wrp {
    padding-top: calc(var(--jkd-a-bar-h) + 40px)
}

@media(max-width:576px) {
    #nav-srch .form-wrp {
        padding-top: 55px
    }
}

#nav-srch .srch-in {
    height: 100%;
    max-height: calc(100vh - var(--jkd-a-bar-h) + 1px);
    overflow-y: scroll
}

#nav-srch .srch-in input[type=search] {
    border: 1px solid var(--jkd-b-col) !important;
    height: 40px !important;
    padding-right: 40px !important
}

@media(max-width:576px) {
    #nav-srch .srch-in input[type=search] {
        padding-right: 30px !important;
        width: 100%
    }
}

#nav-srch .srch-in input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none
}

#nav-srch .srch-in:after {
    background-color: var(--jkd-bg-col-sec);
    opacity: .9
}

#nav-srch .in-wrp {
    max-width: 980px
}

#nav-srch .s-icn {
    right: 13px
}

@media(max-width:576px) {
    #nav-srch .s-icn {
        right: 10px;
        top: 13px
    }

    #nav-srch button {
        height: 40px !important;
        margin-right: 0 !important;
        margin-top: 10px;
        width: 100%
    }
}

#nav-srch form {
    opacity: 0
}

#nav-srch form.active .s-icn {
    -webkit-animation: toggle-animation .5s ease forwards;
    animation: toggle-animation .5s ease forwards;
    color: var(--jkd-h-col);
    opacity: 1
}

@media(max-width:576px) {
    #nav-srch .res-cnt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (max-width:576px) {
    #nav-srch .sl-nav {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

#nav-srch .load-msg {
    display: none
}

#nav-srch .res-wrp.loading .load-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#nav-srch .res-wrp.empty .notice-msg,
#nav-srch .res-wrp.loading .notice-msg {
    display: none
}

#nav-srch .res-wrp .sld-inr:not(:last-child) {
    margin-bottom: 10px
}

#nav-srch .lt-posts {
    margin: -7px;
    width: calc(100% + 22px)
}

@media only screen and (max-width:767px) {
    #nav-srch .lt-posts {
        width: calc(100% + 14px)
    }
}

@media(max-width:576px) {
    #nav-srch .lt-posts {
        width: calc(100% + 10px)
    }
}

#nav-srch .lt-posts .p-art {
    max-width: 33%;
    min-width: 33%;
    opacity: 0;
    padding: 7px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    width: 33%
}

@media only screen and (max-width:767px) {
    #nav-srch .lt-posts .p-art {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width:576px) {
    #nav-srch .lt-posts .p-art {
        padding: 5px
    }
}

#nav-srch .anim-tg {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

#nav-srch .swiper-slide:first-child .sld-inr,
#nav-srch .swiper-slide:nth-child(2) .sld-inr,
#nav-srch .swiper-slide:nth-child(3) .sld-inr {
    opacity: 0;
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

#nav-srch .voice-toggle {
    cursor: pointer;
    height: 25px;
    max-height: 25px;
    max-width: 25px;
    min-height: 25px;
    min-width: 25px;
    width: 25px
}

@media(max-width:576px) {
    #nav-srch .voice-toggle {
        margin-left: -10px
    }
}

#nav-srch .voice-toggle.listen span {
    color: var(--jkd-wh-col) !important
}

#nav-srch .voice-toggle.listen:after,
#nav-srch .voice-toggle.listen:before {
    -webkit-animation: pulse 2s ease-in-out infinite;
    animation: pulse 2s ease-in-out infinite;
    background-color: var(--jkd-pr-col);
    border: 1px solid var(--jkd-pr-col);
    border-radius: 50%;
    content: "";
    opacity: 0;
    position: absolute;
    z-index: -1
}

#nav-srch .voice-toggle.listen:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    height: calc(100% + 10px);
    width: calc(100% + 10px)
}

#nav-srch .voice-toggle.listen:after {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    height: 100%;
    width: 100%
}

@-webkit-keyframes pulse {

    0%,
    to {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes pulse {

    0%,
    to {
        opacity: .8;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

#nav-srch .voice-toggle .off-ic {
    display: none
}

#nav-srch .voice-toggle.active {
    opacity: 1
}

#nav-srch .voice-toggle.active .off-ic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#nav-srch .voice-toggle.active .on-ic {
    display: none
}

.offcs-sb {
    bottom: 0;
    height: 100vh;
    height: calc(100vh - var(--jkd-a-bar-h));
    max-height: 100vh;
    max-width: 375px;
    min-height: 100vh;
    min-width: 375px;
    overflow: hidden;
    pointer-events: none;
    left: 0;
    top: var(--jkd-a-bar-h);
    width: 375px;
    z-index: 999
}

@media only screen and (max-width:425px) {
    .offcs-sb {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

.offcs-sb::-webkit-scrollbar {
    display: none
}

.offcs-sb .inr-wrp {
    background-color: var(--jkd-bg-col);
    border-right: 1px solid var(--jkd-b-col);
    height: 100%;
    overflow-y: scroll;
    position: relative;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    will-change: tranform;
    z-index: 50
}

.offcs-sb .inr-wrp .widget-title {
    margin-bottom: 15px !important
}

.offcs-sb>.ovrl {
    background: var(--jkd-ovrl-sm);
    bottom: 0;
    right: 0;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: -1
}

.offcs-sb.active {
    pointer-events: auto
}

.offcs-sb.active>.ovrl {
    opacity: 1
}

.offcs-sb.active .inr-wrp {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.t-ban {
    height: var(--jkd-t-ban-h);
    right: 0;
    position: fixed;
    left: 0;
    top: calc(var(--jkd-a-bar-h));
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 999
}

@media only screen and (max-width:767px) {
    .t-ban {
        position: relative;
        top: unset !important;
        z-index: 1
    }
}

.t-ban.off {
    height: 0
}

.t-ban .t-ban-lb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-b-col-wh);
    border: 1px solid var(--jkd-b-col-wh-2);
    border-radius: var(--jkd-br-sm);
    color: var(--jkd-wh-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: var(--jkd-m-fw);
    height: 20px;
    justify-content: center;
    line-height: 1;
    margin-left: 10px;
    padding: 2px 5px
}

@media only screen and (max-width:576px) {
    .t-ban .t-ban-lb {
        font-size: 10px;
        font-weight: var(--jkd-d-fw);
        height: 15px;
        margin-left: 5px;
        padding: 1px 3px
    }
}

.t-ban .t-off {
    font-size: 13px !important;
    line-height: 1
}

@media only screen and (max-width:576px) {
    .t-ban .t-off {
        font-size: 10px !important
    }

    .t-ban .l-off {
        display: none !important
    }
}

.t-ban .l-off:before {
    color: var(--jkd-wh-col);
    content: "|";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 7px;
    opacity: var(--jkd-op-lg)
}

.t-ban .l-off:hover {
    opacity: var(--jkd-op-sm)
}

.t-ban .btn--off {
    cursor: pointer;
    font-size: 20px;
    margin-left: -5px;
    left: 30px
}

@media only screen and (max-width:767px) {
    .t-ban .btn--off {
        font-size: 18px;
        left: 5px
    }
}

@media only screen and (max-width:576px) {
    .t-ban .btn--off {
        font-size: 16px;
        height: 20px;
        width: 20px
    }
}

.post-style-1 .single-p-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    justify-content: center;
    padding: 0 15px;
    position: relative
}

@media(max-width:767px) {
    .post-style-1 .single-p-hdr {
        height: 400px
    }
}

@media(max-width:576px) {
    .post-style-1 .single-p-hdr {
        height: 300px
    }
}

@media(max-width:425px) {
    .post-style-1 .single-p-hdr {
        height: 250px
    }
}

.post-style-1 .single-p-hdr:after {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.post-style-1 .single-p-hdr .post-ttl {
    text-align: center
}

.post-style-1 .single-p-hdr .post-meta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    position: relative;
    z-index: 10
}

.post-style-1 .single-p-hdr .post-meta .categories-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -5px 10px
}

@media(max-width:576px) {
    .post-style-1 .single-p-hdr .post-meta .categories-list {
        margin: -3px -3px 5px
    }
}

.post-style-1 .single-p-hdr .post-meta .cat-lb {
    margin: 5px
}

@media(max-width:576px) {
    .post-style-1 .single-p-hdr .post-meta .cat-lb {
        margin: 3px
    }
}

.post-style-1 .single-p-hdr .post-meta .meta-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

@media(max-width:767px) {
    .post-style-1 .single-p-hdr .post-meta .meta-list {
        margin-top: 10px
    }
}

@media(max-width:576px) {
    .post-style-1 .single-p-hdr .post-meta .meta-list {
        margin-top: 7px
    }
}

.post-style-2 .single-p-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 620px;
    justify-content: center;
    position: relative
}

@media(max-width:1024px) {
    .post-style-2 .single-p-hdr {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        justify-content: flex-start
    }
}

.post-style-2 .single-p-hdr .post-ttl {
    text-align: right
}

.post-style-2 .single-p-hdr .side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: 50%;
    min-width: 50%;
    width: 50%
}

@media(max-width:1024px) {
    .post-style-2 .single-p-hdr .side {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

.post-style-2 .single-p-hdr .side.left-side {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(max-width:1024px) {
    .post-style-2 .single-p-hdr .side.left-side {
        height: 250px
    }
}

@media(max-width:576px) {
    .post-style-2 .single-p-hdr .side.left-side {
        height: 200px
    }
}

@media(max-width:425px) {
    .post-style-2 .single-p-hdr .side.left-side {
        height: 175px
    }
}

.post-style-2 .single-p-hdr .side.right-side {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 30px
}

@media(max-width:1024px) {
    .post-style-2 .single-p-hdr .side.right-side {
        padding: 50px 30px
    }
}

@media(max-width:767px) {
    .post-style-2 .single-p-hdr .side.right-side {
        padding: 30px
    }
}

@media(max-width:576px) {
    .post-style-2 .single-p-hdr .side.right-side {
        padding: 15px
    }
}

.post-style-2 .single-p-hdr .post-meta {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    position: relative;
    width: 100%;
    z-index: 10
}

.post-style-2 .single-p-hdr .post-meta .meta-list {
    margin-top: 10px
}

@media(max-width:1024px) {
    .post-style-2 .single-p-hdr .post-meta .meta-list {
        margin-top: 5px
    }
}

.post-style-2 .single-p-hdr .post-meta .categories-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px -5px -5px
}

@media(max-width:1024px) {
    .post-style-2 .single-p-hdr .post-meta .categories-list {
        margin-top: 20px
    }
}

@media(max-width:576px) {
    .post-style-2 .single-p-hdr .post-meta .categories-list {
        margin: 15px -3px -3px
    }
}

.post-style-2 .single-p-hdr .post-meta .cat-lb {
    margin: 5px
}

@media(max-width:576px) {
    .post-style-2 .single-p-hdr .post-meta .cat-lb {
        margin: 3px
    }
}

.post-style-3 {
    padding-top: 50px
}

@media(max-width:767px) {
    .post-style-3 {
        padding-top: 30px
    }
}

@media(max-width:576px) {
    .post-style-3 {
        padding-top: 15px
    }
}

.post-style-3 .single-p-hdr,
.post-style-3 .single-p-hdr .cont-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.post-style-3 .single-p-hdr .cont-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    height: 500px;
    overflow: hidden
}

@media(max-width:767px) {
    .post-style-3 .single-p-hdr .cont-wrp {
        height: 400px
    }
}

@media(max-width:576px) {
    .post-style-3 .single-p-hdr .cont-wrp {
        height: 300px
    }
}

@media(max-width:425px) {
    .post-style-3 .single-p-hdr .cont-wrp {
        height: 250px
    }
}

.post-style-3 .single-p-hdr .cont-wrp:after {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.post-style-3 .single-p-hdr .post-ttl {
    text-align: center
}

.post-style-3 .single-p-hdr .post-meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 600px;
    padding: 0 15px;
    position: relative;
    width: 100%;
    z-index: 10
}

.post-style-3 .single-p-hdr .post-meta,
.post-style-3 .single-p-hdr .post-meta .meta-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.post-style-3 .single-p-hdr .post-meta .meta-list {
    margin-top: 10px
}

@media(max-width:576px) {
    .post-style-3 .single-p-hdr .post-meta .meta-list {
        margin-top: 7px
    }
}

.post-style-3 .single-p-hdr .post-meta .categories-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px -5px 10px
}

@media(max-width:576px) {
    .post-style-3 .single-p-hdr .post-meta .categories-list {
        margin: -3px -3px 5px
    }
}

.post-style-3 .single-p-hdr .post-meta .cat-lb {
    margin: 5px
}

@media(max-width:576px) {
    .post-style-3 .single-p-hdr .post-meta .cat-lb {
        margin: 3px
    }
}

.post-style-4 {
    padding-top: 50px
}

@media(max-width:767px) {
    .post-style-4 {
        padding-top: 30px
    }
}

@media(max-width:576px) {
    .post-style-4 {
        padding-top: 15px
    }
}

.post-style-4 .single-p-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    position: relative
}

.post-style-4 .single-p-hdr,
.post-style-4 .single-p-hdr .meta-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.post-style-4 .single-p-hdr .meta-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    justify-content: flex-start
}

.post-style-4 .single-p-hdr .meta-wrp .meta-list {
    margin-top: 10px
}

@media(max-width:576px) {
    .post-style-4 .single-p-hdr .meta-wrp .meta-list {
        margin-top: 7px
    }
}

.post-style-4 .single-p-hdr .meta-wrp .categories-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -5px 10px
}

@media(max-width:576px) {
    .post-style-4 .single-p-hdr .meta-wrp .categories-list {
        margin: -3px -3px 5px
    }
}

.post-style-4 .single-p-hdr .meta-wrp .cat-lb {
    margin: 5px
}

@media(max-width:576px) {
    .post-style-4 .single-p-hdr .meta-wrp .cat-lb {
        margin: 3px
    }
}

.post-style-4 .single-p-hdr .thumb-wrp {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    overflow: hidden;
    width: 100%
}

@media(max-width:767px) {
    .post-style-4 .single-p-hdr .thumb-wrp {
        margin-top: 30px
    }
}

@media(max-width:576px) {
    .post-style-4 .single-p-hdr .thumb-wrp {
        margin-top: 15px
    }
}

.post-style-4 .single-p-hdr .thumb-wrp img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: 100%
}

.post-style-5 {
    padding-top: 50px
}

@media(max-width:767px) {
    .post-style-5 {
        padding-top: 30px
    }
}

@media(max-width:576px) {
    .post-style-5 {
        padding-top: 0
    }
}

.post-style-5 .post-body {
    padding-top: 0 !important
}

.post-style-5 .single-p-hdr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.post-style-5 .single-p-hdr,
.post-style-5 .single-p-hdr .meta-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.post-style-5 .single-p-hdr .meta-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    justify-content: flex-start
}

.post-style-5 .single-p-hdr .meta-wrp .categories-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -5px 10px
}

@media(max-width:576px) {
    .post-style-5 .single-p-hdr .meta-wrp .categories-list {
        margin: -3px -3px 5px
    }
}

.post-style-5 .single-p-hdr .meta-wrp .cat-lb {
    margin: 5px
}

@media(max-width:576px) {
    .post-style-5 .single-p-hdr .meta-wrp .cat-lb {
        margin: 3px
    }
}

.post-style-5 .single-p-hdr .meta-wrp .meta-list {
    margin-top: 10px
}

@media(max-width:576px) {
    .post-style-5 .single-p-hdr .meta-wrp .meta-list {
        margin-top: 7px
    }
}

.post-style-5 .single-p-hdr .thumb-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%
}

@media(max-width:767px) {
    .post-style-5 .single-p-hdr .thumb-wrp {
        margin-bottom: 30px
    }
}

@media(max-width:576px) {
    .post-style-5 .single-p-hdr .thumb-wrp {
        margin-bottom: 20px
    }
}

@media(max-width:425px) {
    .post-style-5 .single-p-hdr .thumb-wrp {
        margin-bottom: 15px
    }
}

.post-style-5 .single-p-hdr .thumb-wrp img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: 100%
}

.post-style-6 .post-body {
    padding-top: 0 !important
}

.post-style-6 .single-p-hdr {
    width: 100%
}

.post-style-6 .single-p-hdr .thumb-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    width: 100%
}

@media(max-width:767px) {
    .post-style-6 .single-p-hdr .thumb-wrp {
        height: 250px
    }
}

@media(max-width:576px) {
    .post-style-6 .single-p-hdr .thumb-wrp {
        height: 200px
    }
}

@media(max-width:425px) {
    .post-style-6 .single-p-hdr .thumb-wrp {
        height: 175px
    }
}

.post-style-6 .single-p-hdr .cont-wrp {
    margin-right: auto;
    margin-left: auto
}

.post-style-6 .single-p-hdr .meta-wrp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 40px;
    width: 100%
}

@media(max-width:767px) {
    .post-style-6 .single-p-hdr .meta-wrp {
        margin-bottom: 30px;
        padding-top: 30px
    }
}

@media(max-width:576px) {
    .post-style-6 .single-p-hdr .meta-wrp {
        margin-bottom: 15px;
        padding-top: 15px
    }
}

.post-style-6 .single-p-hdr .meta-wrp .meta-list {
    margin-top: 10px
}

@media(max-width:576px) {
    .post-style-6 .single-p-hdr .meta-wrp .meta-list {
        margin-top: 7px
    }
}

.post-style-6 .single-p-hdr .meta-wrp .categories-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -5px 10px
}

@media(max-width:576px) {
    .post-style-6 .single-p-hdr .meta-wrp .categories-list {
        margin: -3px -3px 5px
    }
}

.post-style-6 .single-p-hdr .meta-wrp .cat-lb {
    margin: 5px
}

@media(max-width:576px) {
    .post-style-6 .single-p-hdr .meta-wrp .cat-lb {
        margin: 3px
    }
}

.post-style-7 .single-p-hdr {
    width: 100%
}

.post-style-7 .single-p-hdr .post-ttl {
    text-align: center
}

.post-style-7 .single-p-hdr .thumb-wrp {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-end;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(50vh - var(--jkd-nav-h) - var(--jkd-a-bar-h));
    justify-content: center;
    position: relative;
    width: 100%
}

@media(max-width:767px) {
    .post-style-7 .single-p-hdr .thumb-wrp {
        height: 400px
    }
}

@media(max-width:576px) {
    .post-style-7 .single-p-hdr .thumb-wrp {
        height: 300px
    }
}

@media(max-width:425px) {
    .post-style-7 .single-p-hdr .thumb-wrp {
        height: 250px
    }
}

.post-style-7 .single-p-hdr .thumb-wrp:after {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.post-style-7 .single-p-hdr .post-meta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
    padding-bottom: 40px;
    padding-right: 15px;
    padding-left: 15px;
    position: absolute;
    width: 100%;
    z-index: 10
}

@media(max-width:767px) {
    .post-style-7 .single-p-hdr .post-meta {
        padding-bottom: 30px
    }
}

@media(max-width:576px) {
    .post-style-7 .single-p-hdr .post-meta {
        padding-bottom: 15px
    }
}

.post-style-7 .single-p-hdr .post-meta .meta-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

@media(max-width:576px) {
    .post-style-7 .single-p-hdr .post-meta .meta-list {
        margin-top: 7px
    }
}

.post-style-7 .single-p-hdr .post-meta .categories-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -5px 10px
}

@media(max-width:576px) {
    .post-style-7 .single-p-hdr .post-meta .categories-list {
        margin: -3px -3px 5px
    }
}

.post-style-7 .single-p-hdr .post-meta .cat-lb {
    margin: 5px
}

@media(max-width:576px) {
    .post-style-7 .single-p-hdr .post-meta .cat-lb {
        margin: 3px
    }
}

.single-post-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.single-post-wrp .single-p-hdr {
    width: 100%
}

.single-post-wrp .auth-wrp .name {
    margin-bottom: 0
}

.single-post-wrp .multi-authors-wrp .auth-img {
    height: 30px;
    margin-left: 7px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px
}

@media(max-width:576px) {
    .single-post-wrp .multi-authors-wrp .auth-img {
        margin-left: 5px;
        max-height: 25px;
        max-width: 25px;
        min-height: 25px;
        min-width: 25px
    }
}

.single-post-wrp .multi-authors-wrp .auth-wrp:not(:last-child) {
    margin-left: 20px
}

@media(max-width:576px) {
    .single-post-wrp .multi-authors-wrp .auth-wrp:not(:last-child) {
        margin-left: 10px
    }

    .single-post-wrp .multi-authors-wrp .auth-wrp .name {
        font-size: 12px !important
    }
}

.single-post-wrp .body-wrp {
    padding-top: 40px
}

@media(max-width:767px) {
    .single-post-wrp .body-wrp {
        padding-top: 30px
    }
}

@media(max-width:576px) {
    .single-post-wrp .body-wrp {
        padding-top: 15px
    }
}

.single-post-wrp .body-wrp .single-sidebar {
    position: sticky;
    top: calc(50px + var(--jkd-nav-h) + var(--jkd-t-ban-h) + var(--jkd-a-bar-h));
    width: 300px
}

@media(max-width:1024px) {
    .single-post-wrp .body-wrp .single-sidebar {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        margin: 30px auto 0;
        max-width: var(--jkd-c-tn-w);
        order: 4 !important;
        padding-right: var(--jkd-c-off) !important;
        padding-left: var(--jkd-c-off) !important;
        position: relative !important;
        top: unset !important;
        width: 100%
    }
}

@media only screen and (max-width:576px) {
    .single-post-wrp .body-wrp .single-sidebar {
        padding-right: var(--jkd-c-off-xs) !important;
        padding-left: var(--jkd-c-off-xs) !important
    }
}

.single-post-wrp .body-wrp .single-sidebar .sb-wd-wrp:last-child {
    margin-bottom: 0 !important
}

.single-post-wrp .body-wrp.sidebar-left .single-sidebar {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 30px
}

@media(max-width:1024px) {
    .single-post-wrp .body-wrp.sidebar-left .single-sidebar {
        padding-left: 0
    }
}

.single-post-wrp .body-wrp.sidebar-right .single-sidebar {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-right: 30px
}

@media(max-width:1024px) {
    .single-post-wrp .body-wrp.sidebar-right .single-sidebar {
        padding-right: 0
    }
}

.single-post-wrp .post-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    order: 2;
    width: 100%
}

@media(max-width:1024px) {
    .single-post-wrp .post-body {
        margin: 0 auto !important
    }
}

.single-post-wrp .post-body .banner-wrp {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.single-post-wrp .post-body .banner-wrp.single-post-banner-top {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    margin-bottom: 30px;
    order: 1
}

@media(max-width:576px) {
    .single-post-wrp .post-body .banner-wrp.single-post-banner-top {
        margin-bottom: 20px
    }
}

.single-post-wrp .post-body .banner-wrp.single-post-banner-bottom {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    margin-bottom: 30px;
    order: 3
}

@media(max-width:576px) {
    .single-post-wrp .post-body .banner-wrp.single-post-banner-bottom {
        margin-bottom: 20px
    }
}

.single-post-wrp .post-body .banner-wrp.no-bg {
    background-color: var(--jkd-bg-col-sec)
}

.single-post-wrp .post-body .banner-wrp.background-enabled .banner-text {
    color: var(--jkd-wh-col) !important
}

.single-post-wrp .post-body .banner-wrp.background-enabled .img-wrp {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    right: 0;
    opacity: 1 !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.single-post-wrp .post-body .banner-wrp.background-enabled .img-wrp:after {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.single-post-wrp .post-body .banner-wrp .sp-ban {
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    width: 100%
}

@media(max-width:576px) {
    .single-post-wrp .post-body .banner-wrp .sp-ban {
        padding: 15px 0
    }
}

.single-post-wrp .post-body .banner-wrp .sp-ban .in-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    position: relative;
    z-index: 10
}

@media(max-width:576px) {
    .single-post-wrp .post-body .banner-wrp .sp-ban .in-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.single-post-wrp .post-body .banner-wrp .sp-ban .in-wrp .banner-text {
    font-size: 14px;
    margin-left: 30px
}

@media(max-width:576px) {
    .single-post-wrp .post-body .banner-wrp .sp-ban .in-wrp .banner-text {
        margin-bottom: 10px;
        margin-left: 0;
        text-align: center
    }
}

.single-post-wrp .post-body .banner-wrp .sp-ban .in-wrp .button-wrp span {
    margin-right: 7px
}

.single-post-wrp .post-body .inner-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%
}

.single-post-wrp .post-footer {
    margin-bottom: 70px;
    margin-top: 30px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer {
        margin-bottom: 30px
    }
}

.single-post-wrp .post-footer .inner-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.single-post-wrp .post-footer .inner-container .meta-footer-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-top: 1px solid var(--jkd-b-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 30px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .meta-footer-list {
        margin-top: 20px;
        padding-top: 20px
    }
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button:hover:not(.liked) .icon-wrp {
    background-color: var(--jkd-b-col)
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button .icon-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--jkd-bg-col-sec);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    height: 35px;
    justify-content: center;
    margin-right: 0 !important;
    margin-left: 10px;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 35px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button .icon-wrp {
        height: 30px;
        margin-left: 5px;
        width: 30px
    }
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button .icon-wrp .unliked-icon {
    color: var(--jkd-h-col);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button .icon-wrp .liked-icon {
    opacity: 0;
    position: absolute;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button .counter {
    font-size: 14px
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button.liked {
    color: var(--jkd-like-col) !important
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button.liked .counter,
.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button.liked i {
    color: var(--jkd-like-col) !important;
    opacity: 1 !important
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button.liked .unliked-icon {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .left-side .like-button.liked .liked-icon {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .right-side .addtoany_shortcode>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1 !important
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .right-side .addtoany_shortcode>div span {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    align-items: center !important;
    border-radius: 10px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center !important;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.single-post-wrp .post-footer .inner-container .meta-footer-list .right-side .addtoany_shortcode>div span svg {
    width: 24px
}

.single-post-wrp .post-footer .inner-container .single-navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-top: 1px solid var(--jkd-b-col);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 30px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .single-navigation {
        margin-top: 20px;
        padding-top: 20px
    }
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 50%;
    min-width: 50%;
    width: 50%
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link .post-thumbnail {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    max-height: 90px;
    max-width: 90px;
    min-height: 90px;
    min-width: 90px;
    overflow: hidden;
    position: relative;
    width: 90px
}

@media(max-width:767px) {
    .single-post-wrp .post-footer .inner-container .single-navigation .navigation-link .post-thumbnail {
        display: none
    }
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link .post-thumbnail img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    position: relative;
    width: 100%
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link .content-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link .content-side .upper-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: var(--jkd-m-fw);
    margin-bottom: 3px;
    opacity: .7
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .single-navigation .navigation-link .content-side .post-ttl {
        font-size: 14px !important
    }
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.prev-post {
    padding-left: 15px
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.prev-post .post-thumbnail {
    margin-left: 15px
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.prev-post .content-side {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.prev-post .content-side .upper-text {
    text-align: right
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.prev-post .content-side .upper-text span {
    margin-left: 4px
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.prev-post .content-side .post-ttl {
    text-align: right
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.next-post {
    padding-right: 15px
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.next-post .post-thumbnail {
    margin-right: 15px
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.next-post .content-side {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.next-post .content-side .upper-text {
    text-align: left
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.next-post .content-side .upper-text span {
    margin-right: 4px
}

.single-post-wrp .post-footer .inner-container .single-navigation .navigation-link.next-post .content-side .post-ttl {
    text-align: left
}

.single-post-wrp .post-footer .inner-container .bio-wrp {
    border-radius: 10px;
    margin-top: 50px;
    overflow: hidden
}

@media(max-width:767px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp {
        margin-top: 30px
    }
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp {
        margin-top: 20px
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default {
    background-color: var(--jkd-bg-col-sec);
    padding: 30px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-default {
        padding: 20px
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner.centered {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .avatar-side {
    border-radius: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-left: 20px;
    min-height: 60px;
    min-width: 60px;
    overflow: hidden;
    width: 60px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .avatar-side {
        height: 50px;
        margin-bottom: 20px;
        margin-left: 0;
        min-height: 50px;
        min-width: 50px;
        width: 50px
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .info-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .info-side .upper-text {
    font-size: 13px;
    font-weight: var(--jkd-m-fw);
    line-height: 1;
    margin-bottom: 7px;
    opacity: .7
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .info-side .auth-desc {
    font-size: 14px;
    margin-top: 5px;
    opacity: .7
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .info-side .social-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .info-side .social-list .social-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 10
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-default .bio-inner .info-side .social-list .social-item:not(:last-child) {
    margin-left: 10px
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple {
    background-color: var(--jkd-bg-col-sec);
    padding: 30px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple {
        padding: 20px
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .avatar-side {
    border-radius: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-left: 30px;
    min-height: 60px;
    min-width: 60px;
    overflow: hidden;
    width: 60px
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .avatar-side {
        height: 50px;
        margin-bottom: 10px;
        margin-left: 0;
        min-height: 50px;
        min-width: 50px;
        width: 50px
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .nm-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .nm-wrp {
        margin-bottom: 10px
    }

    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .nm-wrp .author-name {
        text-align: center
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .nm-wrp .upper-text {
    font-size: 12px;
    font-weight: var(--jkd-m-fw);
    letter-spacing: .5px;
    line-height: 1;
    margin-bottom: 10px;
    opacity: .7;
    text-transform: uppercase
}

@media(max-width:576px) {
    .single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .nm-wrp .upper-text {
        text-align: center
    }
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .social-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .social-list .social-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 10
}

.single-post-wrp .post-footer .inner-container .bio-wrp.bio-simple .bio-inner .info-side .social-list .social-item:not(:last-child) {
    margin-left: 15px
}

.single-post-wrp .post-footer .inner-container .comments-inner {
    width: 100%
}

.single-post-wrp .rp-wrp {
    border-top: 1px solid var(--jkd-b-col);
    padding: 50px 0 60px
}

@media(max-width:576px) {
    .single-post-wrp .rp-wrp {
        padding: 30px 0
    }
}

.single-post-wrp .rp-wrp .jkd-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.single-post-wrp .rp-wrp .rp-ttl {
    margin-bottom: 35px;
    text-align: center;
    width: 100%
}

@media(max-width:576px) {
    .single-post-wrp .rp-wrp .rp-ttl {
        margin-bottom: 15px
    }
}

.single-post-wrp .rp-wrp .rp-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    width: calc(100% + 30px)
}

@media(max-width:576px) {
    .single-post-wrp .rp-wrp .rp-list {
        margin: -7.5px;
        width: calc(100% + 15px)
    }
}

.single-post-wrp .rp-wrp .rp-list .post-article {
    list-style: none;
    max-width: 25%;
    min-width: 25%;
    padding: 15px;
    width: 25%
}

@media(max-width:1024px) {
    .single-post-wrp .rp-wrp .rp-list .post-article {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

@media(max-width:576px) {
    .single-post-wrp .rp-wrp .rp-list .post-article {
        max-width: 100%;
        min-width: 100%;
        padding: 7.5px;
        width: 100%
    }
}

.archive-wrp {
    overflow: hidden;
    padding: 50px 0
}

@media(max-width:576px) {
    .archive-wrp {
        padding: 30px 0
    }
}

.archive-wrp .jkd-c {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.archive-wrp .jkd-pag {
    width: 100%
}

.archive-wrp .posts-grid-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: calc(var(--jkd-arch-off)*-1) !important;
    width: calc(100% + var(--jkd-arch-off)*2) !important
}

@media(max-width:767px) {
    .archive-wrp .posts-grid-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:576px) {
    .archive-wrp .posts-grid-wrp {
        margin: -7.5px !important;
        width: calc(100% + 15px) !important
    }
}

.archive-wrp .posts-grid-wrp .posts-grid {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.archive-wrp .posts-grid-wrp.sidebar-on .posts-grid {
    width: 70%
}

@media(max-width:767px) {
    .archive-wrp .posts-grid-wrp.sidebar-on .posts-grid {
        width: 100%
    }
}

.archive-wrp .posts-grid-wrp.sidebar-right .sidebar-wrp {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    padding-right: 50px;
    padding-left: var(--jkd-arch-off)
}

@media(max-width:1024px) {
    .archive-wrp .posts-grid-wrp.sidebar-right .sidebar-wrp {
        padding-right: 30px
    }
}

.archive-wrp .posts-grid-wrp.sidebar-left .sidebar-wrp {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: var(--jkd-arch-off);
    padding-left: 50px
}

@media(max-width:1024px) {
    .archive-wrp .posts-grid-wrp.sidebar-left .sidebar-wrp {
        padding-left: 30px
    }
}

.archive-wrp .posts-grid {
    width: 100%
}

.archive-wrp .grid-item {
    padding: var(--jkd-arch-off);
    width: calc(100%/var(--jkd-arch-col))
}

@media(max-width:1024px) {
    .archive-wrp .grid-item {
        width: 33.3333333333%
    }
}

@media(max-width:767px) {
    .archive-wrp .grid-item {
        width: 50%
    }
}

@media(max-width:576px) {
    .archive-wrp .grid-item {
        padding: 7.5px;
        width: 100%
    }
}

.empty-wrp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 24px;
    font-weight: var(--jkd-m-fw);
    height: 100%;
    justify-content: center;
    opacity: .7;
    padding: 50px 0;
    text-align: center;
    width: 100%
}

.empty-wrp span {
    font-size: 48px;
    margin-bottom: 10px;
    opacity: .7
}

.sidebar-wrp {
    width: 30% !important
}

@media(max-width:767px) {
    .sidebar-wrp {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        margin-top: 30px;
        order: 10;
        padding: 0 15px !important;
        width: 100% !important
    }
}

@media(max-width:576px) {
    .sidebar-wrp {
        padding: 0 7px !important
    }
}

.bookmarks-page .jkd-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bookmarks-page .jkd-c .bookmarks-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

@media(max-width:576px) {
    .bookmarks-page .jkd-c .bookmarks-title {
        margin-bottom: 5px
    }
}

.bookmarks-page .jkd-c .bookmarks-subtitle {
    opacity: var(--jkd-op-sm)
}

@media(max-width:576px) {
    .bookmarks-page .jkd-c .bookmarks-subtitle {
        font-size: 13px
    }
}

.bookmarks-page .jkd-c .empty-bookmarks .empty-message {
    opacity: var(--jkd-op-sm)
}

.bookmarks-page .jkd-c .empty-bookmarks .button-wrp {
    margin-top: 20px
}

@media(max-width:767px) {
    .bookmarks-page .jkd-c .empty-bookmarks .button-wrp {
        margin-top: 15px
    }
}

@media(max-width:576px) {
    .bookmarks-page .jkd-c .empty-bookmarks .button-wrp {
        margin-top: 10px
    }
}

.bookmarks-page .jkd-c .jkd-pag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.bookmarks-page .jkd-c .posts-grid-wrp {
    margin-top: 30px !important
}

@media(max-width:576px) {
    .bookmarks-page .jkd-c .posts-grid-wrp {
        margin-top: 20px !important
    }
}