@font-face {
    font-display: swap;
    font-family: MyCustomFont;
    font-style: normal;
    src: url(/fonts/sf-pro-display_regular.woff2) format("woff2")
}

::selection {
    background: #3297fd;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #3297fd;
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: #3297fd;
    color: #fff;
    text-shadow: none
}

body a,body button,body div,body h1,body h2,body h3,body h4,body h5,body label,body li,body ol,body p,body span,body ul {
    font-family: MyCustomFont
}

.si-sticky {
    top: 70%
}

#fb-root {
    height: 0
}

.h1 {
    font-size: 36px
}

@media (max-width: 767.98px) {
    .h1 {
        font-size:1.75rem
    }
}

.header-wrap-clone {
    background-color: var(--headerColor,#eee)
}

#top-search>a {
    color: var(--headerTextColor,#444)
}

#top-search:hover>a {
    color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

.svg-trigger path {
    stroke: var(--headerTextColor,#333)
}

.top-search-open .primary-menu {
    display: none
}

.top-search-form input::placeholder {
    color: var(--headerTextColor,#444)
}

.contact-font-hover,.fbox-content>h3 {
    color: var(--pageTextColor,var(--textColor,#444))
}

.menu-link {
    font-size: .9375rem;
    font-weight: 400!important;
    letter-spacing: 1.6px!important;
    text-transform: none
}

.sticky-header {
    z-index: 10
}

.sub-menu-container .menu-item:hover>.menu-link {
    padding-left: 22px
}

.breadcrumb .breadcrumb-item>a {
    color: var(--pageTextColor,var(--textColor,#444))
}

.breadcrumb .breadcrumb-item>a:hover {
    color: var(--hoverColor,#1abc9c)
}

.breadcrumb .breadcrumb-item {
    color: var(--pageTextColor,var(--textColor,#444))
}

.feature-box.media-box.fbox-bg {
    border-radius: 5px;
    box-shadow: 0 1px 1px #0a102233;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.feature-box.media-box.fbox-bg:hover {
    box-shadow: 0 10px 30px -5px #0a102233;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.feature-box .grid-inner .entry-title h3 {
    color: #000;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.feature-box .grid-inner:hover .entry-title h3 {
    color: var(--hoverColor,#1abc9c)
}

.feature-box .fbox-content h4,.feature-box .grid-inner:hover .entry-title h3 {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.feature-box .fbox-content h4 {
    color: #000
}

.feature-box:hover .fbox-content h4 {
    color: var(--hoverColor,#1abc9c)!important;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.ellipsis-content {
    -webkit-line-clamp: 3;
    line-height: 1.8
}

.ellipsis-content,.ellipsis-title {
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-title {
    -webkit-line-clamp: 2;
    height: 50px
}

.si-colored.si-line,.si-line:hover {
    background-color: #00b300!important
}

.si-colored.si-instagram,.si-instagram:hover {
    background: linear-gradient(145deg,#3051f1 10%,#c92bb7 70%) no-repeat
}

.hesperiden .tp-tab.selected,.hesperiden .tp-tab:hover {
    background: #c7c7c7!important
}

.hesperiden .tp-tab {
    background: #fff!important
}

.image-compare {
    height: auto
}

.grid-item {
    flex-direction: column
}

.grid-item,.grid-item a {
    align-items: center;
    display: flex
}

.grid-item a {
    -webkit-align-items: center;
    display: -webkit-flex
}

.grid-item a:hover+span {
    color: var(--hoverColor,#1abc9c)
}

.grid-item span {
    clear: both;
    padding-top: 10px;
    position: relative;
    text-align: center;
    transition: color .25s ease;
    width: 90%
}

.grid-item p {
    margin-bottom: 0
}

@media (max-width: 991.8px) {
    .grid-4 .grid-item {
        width:50%
    }

    .grid-filter.style-4 {
        flex-grow: 1;
        justify-content: left
    }

    .grid-filter li {
        padding: 0 5px;
        width: auto
    }

    .sub-menu-container .divider {
        display: none
    }

    .sub-menu-container .menu-item>.menu-link {
        color: var(--headerTextColor,#444);
        font-size: .875rem
    }
}

.border-between>[class*=col-]:before {
    background: #e5e5e5;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.dark .border-between>[class*=col-]:before {
    background: #fff3
}

.border-between>[class*=col-]:first-child:before {
    display: none
}

.border-between.row .container,.border-between.row .container-fluid,.border-between>[class*=col-] {
    padding-left: 30px;
    padding-right: 30px
}

.border-between.row {
    margin-left: -30px;
    margin-right: -30px
}

.i-products {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.i-products:hover {
    box-shadow: 0 4px 6px #0000000a
}

.i-products .products-image,.i-products .products-image img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.i-products .products-image img {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.i-products .products-desc {
    -webkit-backface-visibility: hidden;
    background-color: #fff;
    border: 1px solid #eee;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0 solid #eee;
    min-height: 150px;
    padding: 25px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.i-products .products-image {
    border: solid #eee;
    border-width: 1px 1px 0
}

.i-products .products-desc h3 {
    font-size: 20px;
    margin-bottom: 8px
}

.i-products .products-desc .counter,.i-products .products-desc p {
    color: #999
}

.i-products .products-desc p {
    font-weight: 400;
    margin-bottom: 0
}

.i-products .products-desc .counter {
    display: block;
    font-size: 13px;
    font-weight: 600
}

.i-products .products-desc .counter span,.i-products .products-desc .counter strong,.i-products .products-desc h3 a,.i-products .products-hoverlays .list-group-item strong {
    color: #333
}

iframe.instagram-media {
    background: #fff;
    margin: 0 auto!important;
    max-width: 540px;
    padding: 0;
    width: 99.375%;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px)
}

iframe.dcard-media,iframe.instagram-media {
    border: 0;
    border-radius: 3px;
    box-shadow: 0 0 1px #00000080,0 1px 10px #00000026;
    min-width: 326px
}

iframe.dcard-media {
    height: 250px;
    margin: 1px;
    max-height: 600px;
    max-width: 500px;
    overflow: hidden;
    width: 99.375%;
    width: -webkit-calc(100% - 2px)
}

@media (min-width: 992px) {
    .menu-link {
        padding-left:20px;
        padding-right: 20px
    }

    .sub-menu-container {
        min-width: 220px;
        white-space: nowrap;
        width: auto
    }

    .content-wrap.store {
        overflow: inherit
    }

    .content-wrap .position-sticky {
        top: 100px
    }
}

.fb-comments,.fb-comments>span,.fb-comments>span>iframe,.fb_iframe_widget,.fb_iframe_widget>span,.fb_iframe_widget>span>iframe {
    display: inline-block!important;
    max-width: 550px!important;
    min-width: 350px!important;
    position: relative;
    width: 100%!important
}

.header-size-custom #logo img {
    height: 60px;
    width: 250px
}

@media (min-width: 992px) {
    .header-size-custom .header-wrap-clone {
        height:61px
    }

    #header.header-size-custom+.include-header {
        margin-top: -62px
    }

    .header-size-custom.sticky-header-shrink #header-wrap #logo img {
        height: 50px
    }

    .header-size-custom .menu-container>.menu-item>.menu-link {
        padding-bottom: 15px;
        padding-top: 15px
    }

    .header-size-custom.sticky-header-shrink .menu-container>.menu-item>.menu-link {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

a {
    color: var(--hoverColor,#1abc9c)
}

a:hover {
    color: var(--textColor,#1abc9c)
}

h1,h2,h3,h4,h5,h6 {
    color: var(--pageTextColor,var(--textColor,#444))
}

.ck-content h1>span:not(.nocolor):not(.badge),.ck-content h2>span:not(.nocolor):not(.badge),.ck-content h3>span:not(.nocolor):not(.badge),.ck-content h4>span:not(.nocolor):not(.badge),.ck-content h5>span:not(.nocolor):not(.badge),.ck-content h6>span:not(.nocolor):not(.badge) {
    color: inherit
}

h1>span:not(.nocolor):not(.badge),h2>span:not(.nocolor):not(.badge),h3>span:not(.nocolor):not(.badge),h4>span:not(.nocolor):not(.badge),h5>span:not(.nocolor):not(.badge),h6>span:not(.nocolor):not(.badge) {
    color: var(--hoverColor,#1abc9c)
}

.ajax-modal-title h2 {
    color: #444!important
}

.bg-color,.bg-color #header-wrap {
    background-color: var(--hoverColor,#1abc9c)!important
}

#header-wrap,#side-panel {
    background-color: var(--headerColor,#eee)!important
}

.color {
    color: var(--hoverColor,#1abc9c)!important
}

.border-color {
    border-color: var(--hoverColor,#1abc9c)!important
}

.h-text-color:hover,a.h-text-color:hover {
    color: var(--hoverColor,#1abc9c)!important
}

.h-bg-color:hover {
    background-color: var(--hoverColor,#1abc9c)!important
}

.top-links-section,.top-links-sub-menu {
    border-top-color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

#header.full-header:not(.transparent-header) {
    border-bottom-color: var(--headerColor,#eee)
}

.header-extras li .he-text span {
    color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

.menu-link,.sub-menu-trigger {
    color: var(--headerTextColor,#444)
}

.menu-item.current>.menu-link,.menu-item:hover>.menu-link {
    color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

@media (min-width: 992px) {
    .mega-menu-content,.sub-menu-container {
        border:none;
        border-top: 2px solid var(--menuHoverColor,var(--hoverColor,#eee))
    }

    .sub-menu-container {
        background-color: var(--headerColor,#fff)
    }

    .sub-menu-container .menu-item>.menu-link {
        color: var(--headerTextColor,#666);
        font-size: .875rem
    }

    .sub-menu-container .menu-item:hover>.menu-link {
        background-color: transparent;
        color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
    }

    .mega-menu-style-2 .mega-menu-title>.menu-link {
        color: var(--menuHoverColor,var(--hoverColor,#444))
    }

    .mega-menu-style-2 .mega-menu-title>.menu-link:hover {
        color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
    }

    .style-3 .menu-container>.menu-item:hover>.menu-link {
        color: var(--menuHoverColor,var(--hoverColor,#444))
    }

    .style-3 .menu-container>.menu-item.current>.menu-link {
        background-color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
    }

    .style-4 .menu-container>.menu-item.current>.menu-link,.style-4 .menu-container>.menu-item:hover>.menu-link {
        border-color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
    }

    .style-6 .menu-container>.menu-item.current>.menu-link:after,.style-6 .menu-container>.menu-item>.menu-link:after {
        border-top: 2px solid var(--menuHoverColor,var(--hoverColor,#1abc9c))
    }

    .sub-title .menu-container>.menu-item.current>.menu-link:after,.sub-title .menu-container>.menu-item:hover>.menu-link:after {
        background-color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
    }

    .overlay-menu .primary-menu>#overlay-menu-close {
        color: var(--hoverTextColor,#444)
    }

    .primary-menu {
        flex: unset
    }
}

#side-panel,.side-panel-open .body-overlay {
    z-index: 998
}

@media (max-width: 991.98px) {
    .side-push-panel #side-panel-trigger-close a {
        color:var(--textColor,#444)
    }

    .sticky-header #header-wrap {
        background-color: var(--headerColor,#eee)!important;
        border-bottom: 0
    }
}

.header-misc-icon>a {
    color: var(--headerTextColor,#333)
}

.top-cart-number:before {
    background-color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

.top-cart-item-image:hover {
    border-color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

.top-cart-item-desc a:hover {
    color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

.top-cart-item-quantity {
    color: var(--textColor,#444)
}

.top-cart-action .top-checkout-price {
    color: var(--menuHoverColor,var(--hoverColor,#1abc9c))
}

@media (min-width: 992px) {
    .top-cart-content {
        border-top:2px solid var(--menuHoverColor,var(--hoverColor,#1abc9c))
    }
}

#page-menu-wrap,.page-menu-nav {
    background-color: var(--hoverColor,#1abc9c)
}

@media (min-width: 992px) {
    .dots-menu .page-menu-item.current>a,.page-menu-sub-menu {
        background-color:var(--hoverColor,#1abc9c)
    }

    .dots-menu.dots-menu-border .page-menu-item.current>a {
        border-color: var(--hoverColor,#1abc9c)
    }

    .dots-menu .page-menu-item div {
        background-color: var(--hoverColor,#1abc9c)
    }

    .dots-menu .page-menu-item div:after {
        border-left: 6px solid var(--hoverColor,#1abc9c)
    }
}

.nav-solid .flex-next:not(:hover) i,.nav-solid .flex-prev:not(:hover) i {
    color: var(--textColor,#444)
}

.control-solid .flex-control-nav li a.flex-active,.control-solid .flex-control-nav li:hover a {
    background-color: var(--hoverColor,#1abc9c)
}

#sidebar .title-block {
    background-color: var(--backgroundColorDark,#f9f9f9);
    border-left: 3px solid var(--textColor,#000)
}

.breadcrumb a:hover {
    color: var(--hoverColor,#1abc9c)
}

#page-title {
    background-color: var(--backgroundColorDark,#f5f5f5)
}

#page-title.h1,#page-title.page-title-mini h1,.grid-filter li a {
    color: var(--textColor,#444)
}

.grid-filter li a:hover,.grid-filter li.activeFilter a {
    color: var(--hoverColor,#1abc9c)
}

.grid-filter.style-3 li.activeFilter a {
    border-color: var(--hoverColor,#1abc9c);
    color: var(--hoverColor,#1abc9c)!important
}

.grid-filter.style-4 li.activeFilter a {
    color: var(--textColor,#444)!important
}

.grid-filter.style-4 li.activeFilter a:after,.grid-shuffle:hover {
    background-color: var(--hoverColor,#1abc9c)
}

.portfolio-desc h3 a:hover {
    color: var(--hoverColor,#1abc9c)
}

#portfolio-navigation a {
    color: var(--textColor,#444)
}

#portfolio-navigation a:hover,.entry-title h2 a:hover,.entry-title h3 a:hover,.entry-title h4 a:hover {
    color: var(--hoverColor,#1abc9c)
}

.entry-link {
    color: var(--textColor,#444)
}

.entry-link:hover {
    background-color: var(--hoverColor,#1abc9c)
}

@media (min-width: 992px) {
    .post-timeline .entry:hover .entry-timeline,.post-timeline .entry:hover .timeline-divider {
        border-color:var(--hoverColor,#1abc9c);
        color: var(--hoverColor,#1abc9c)
    }
}

.more-link {
    border-bottom: 1px solid var(--hoverColor,#1abc9c)
}

.comment-content .comment-author a:hover,.product-title h3 a:hover,.single-product .product-title h2 a:hover {
    color: var(--hoverColor,#1abc9c)
}

.product-price {
    color: var(--textColor,#444)
}

.product-price ins,.single-product .product-price {
    color: var(--hoverColor,#1abc9c)
}

.cart-product-thumbnail img:hover {
    border-color: var(--hoverColor,#1abc9c)
}

@media (max-width: 767.98px) {
    .cart:not(.cart-totals) .cart_item .cart-product-subtotal {
        color:var(--hoverColor,#1abc9c)
    }
}

.button {
    background-color: var(--hoverColor,#1abc9c)
}

.button-green[data-button-name=line] {
    background-color: #59ba41!important
}

.button-blue[data-button-name=facebook] {
    background-color: #1265a8!important
}

.button.button-dark,.button:hover {
    background-color: var(--textColor,#444)
}

.button.button-3d:hover,.button.button-dark:hover {
    background-color: var(--hoverColor,#1abc9c)
}

.promo h3+span {
    color: var(--textColor,#444)
}

.fbox-icon i,.fbox-icon img {
    background-color: var(--hoverColor,#1abc9c)
}

.fbox-outline .fbox-icon a {
    border: 1px solid var(--hoverColor,#1abc9c)
}

.fbox-light .fbox-icon i,.fbox-light .fbox-icon img {
    color: var(--textColor,#444)
}

.fbox-dark.fbox-outline .fbox-icon a {
    border-color: var(--textColor,#444)
}

.fbox-border .fbox-icon a {
    border: 1px solid var(--hoverColor,#1abc9c)
}

.fbox-border .fbox-icon i,.fbox-border .fbox-icon img {
    color: var(--hoverColor,#1abc9c)
}

.fbox-border.fbox-dark .fbox-icon i,.fbox-border.fbox-dark .fbox-icon img {
    color: var(--textColor,#444)
}

.fbox-plain .fbox-icon i,.fbox-plain .fbox-icon img {
    color: var(--hoverColor,#1abc9c)
}

.fbox-content h3 span.subtitle,.fbox-plain.fbox-dark .fbox-icon i,.fbox-plain.fbox-dark .fbox-icon img {
    color: var(--textColor,#444)
}

.fbox-effect.fbox-dark .fbox-icon i:after {
    box-shadow: 0 0 0 2px var(--hoverColor,#1abc9c)
}

.fbox-effect.fbox-dark .fbox-icon i:hover,.fbox-effect.fbox-dark:hover .fbox-icon i {
    background-color: var(--hoverColor,#1abc9c)
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
    box-shadow: 0 0 0 1px var(--hoverColor,#1abc9c)
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
    background-color: var(--hoverColor,#1abc9c)
}

.process-steps li.active h5,.process-steps li.ui-tabs-active h5 {
    color: var(--hoverColor,#1abc9c)
}

.process-steps li.active a,.process-steps li.ui-tabs-active a {
    background-color: var(--hoverColor,#1abc9c)!important;
    border-color: var(--hoverColor,#1abc9c)!important
}

.style-msg,.style-msg2 {
    color: var(--textColor,#444)
}

.i-bordered,.i-circled,.i-rounded {
    background-color: var(--textColor,#444)
}

.i-bordered,.i-light,.i-plain {
    color: var(--textColor,#444)
}

.i-circled:hover,.i-rounded:hover {
    background-color: var(--hoverColor,#1abc9c)
}

.i-bordered:hover {
    background-color: var(--textColor,#444)!important;
    border-color: var(--textColor,#444)
}

.si-dark {
    background-color: var(--textColor,#444)
}

.si-call:hover,.si-colored.si-call {
    background-color: var(--textColor,#444)!important
}

.accordion-header,.si-text-color.si-call i,.tab-nav li a,.toggle-header {
    color: var(--textColor,#444)
}

.tabs-tb .tab-nav li.ui-tabs-active a {
    border-top: 2px solid var(--hoverColor,#1abc9c)
}

.tabs-bb .tab-nav li.ui-tabs-active a {
    border-bottom: 2px solid var(--hoverColor,#1abc9c)
}

.tab-nav.tab-nav2 li.ui-state-active a {
    background-color: var(--hoverColor,#1abc9c)
}

.tab-nav-lg li a {
    color: var(--textColor,#444)
}

.tab-nav-lg li.ui-tabs-active a {
    color: var(--hoverColor,#1abc9c)
}

.sidenav>.ui-tabs-active>a,.sidenav>.ui-tabs-active>a:hover {
    background-color: var(--hoverColor,#1abc9c)!important
}

.faqlist li a {
    color: var(--textColor,#444)
}

.faqlist li a:hover {
    color: var(--hoverColor,#1abc9c)!important
}

.testimonial .flex-control-nav li a {
    background-color: var(--hoverColor,#1abc9c)
}

.team-title span {
    color: var(--hoverColor,#1abc9c)
}

.skills li .progress {
    background-color: var(--hoverColor,#1abc9c)
}

.highlight {
    background-color: var(--textColor,#444)
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: var(--hoverColor,#1abc9c)!important
}

.owl-carousel .owl-dots .owl-dot {
    background-color: var(--hoverColor,#1abc9c)
}

.title-block {
    border-left: 7px solid var(--hoverColor,#1abc9c)
}

.title-block-right {
    border-right: 7px solid var(--hoverColor,#1abc9c)
}

.heading-block.border-color:after {
    border-color: var(--hoverColor,#1abc9c)
}

.title-border-color:after,.title-border-color:before {
    border-top: 1px solid var(--hoverColor,#1abc9c)!important
}

.title-bottom-border h1,.title-bottom-border h2,.title-bottom-border h3,.title-bottom-border h4,.title-bottom-border h5,.title-bottom-border h6 {
    border-bottom: 2px solid var(--hoverColor,#1abc9c)
}

#gotoTop:hover {
    background-color: var(--hoverColor,#1abc9c)
}

.tagcloud a:hover {
    border-color: var(--hoverColor,#1abc9c)!important;
    color: var(--hoverColor,#1abc9c)!important
}

.widget-filter-links li a,.widget_archive li a,.widget_categories li a,.widget_links li a,.widget_meta li a,.widget_nav_menu li a,.widget_pages li a,.widget_recent_comments li a,.widget_recent_entries li a,.widget_rss li a {
    color: var(--textColor,#444)
}

.widget-filter-links li.active-filter span {
    background-color: var(--hoverColor,#1abc9c)!important
}

.nav-tree li.active>a,.nav-tree li.current>a,.nav-tree li:hover>a {
    color: var(--hoverColor,#1abc9c)!important
}

input.switch-toggle-flat:checked+label,input.switch-toggle-flat:checked+label:after,input.switch-toggle-round:checked+label:before {
    background-color: var(--hoverColor,#1abc9c)
}

.btn-link,.page-link,.page-link:focus,.page-link:hover {
    color: var(--hoverColor,#1abc9c)
}

.page-item.active .page-link,.page-link:focus,.page-link:hover {
    background-color: var(--hoverColor,#1abc9c)!important;
    border-color: var(--hoverColor,#1abc9c)!important
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    background-color: var(--hoverColor,#1abc9c)
}

.irs-bar,.irs-from,.irs-handle.state_hover>i:first-child,.irs-handle:hover>i:first-child,.irs-handle>i:first-child,.irs-single,.irs-to {
    background-color: var(--hoverColor,#1abc9c)!important
}

.irs-from:before,.irs-single:before,.irs-to:before {
    border-top-color: var(--hoverColor,#1abc9c)!important
}

label {
    color: var(--pageTextColor,var(--textColor,#555))!important;
    font-size: 14px
}

small.form-memo {
    color: var(--pageTextColor,var(--textColor,#6c757d))!important;
    display: block;
    font-size: .875em;
    margin-top: 4px;
    opacity: .75
}

.clients-grid .grid-item a {
    opacity: 1
}

ul.toc-list {
    list-style-type: none;
    margin-bottom: 0!important
}

.ck-content li,.ck-content p,.ck-content span:not(a span),li.toc-list-item {
    color: var(--pageTextColor,var(--textColor,#555))
}

.social-icon i {
    line-height: inherit
}

@media (max-width: 991.98px) {
    #side-panel-trigger-close a {
        border-radius:0 0 0 2px;
        color: var(--headerTextColor,#444);
        display: block;
        font-size: 18px;
        height: 40px;
        left: auto;
        line-height: 40px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        z-index: 12
    }
}

.tabs-bb .tab-nav li a i {
    font-size: 2rem;
    line-height: 1.5
}

.tabs-bb .tab-nav li a span {
    font-size: 1rem
}

.tabs-bb .tab-nav li a {
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    line-height: inherit;
    padding: .5rem 1.5rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

.tabs-bb .tab-nav li.ui-tabs-active a {
    color: var(--hoverColor,#1abc9c);
    height: auto;
    line-height: inherit;
    top: 2px
}

.toc-container {
    max-width: fit-content;
    min-width: 100%
}

@media (min-width: 1200px) {
    .toc-container {
        min-width:50%
    }
}

.entry-meta:not(.no-separator) li:first-child:before {
    content: "";
    display: inline-block;
    margin-right: 15px;
    opacity: .5;
    text-align: center;
    width: 5px
}

#footer #copyrights,#footer #copyrights a,#footer #copyrights h5 {
    color: var(--footerTextColor,#444)
}

#footer .copyright-links a:hover,#footer a:hover {
    color: var(--footerHoverColor,var(--hoverColor,#1abc9c))
}

@media screen and (min-width: 768px) {
    .item-video {
        height:500px
    }
}

@media screen and (max-width: 759.98px) {
    .item-video {
        height:250px
    }
}

a.grid-item>img {
    max-height: 600px
}

.tp-caption {
    white-space: nowrap
}

.banner-video-title {
    font-size: calc(.5em + 2.5vw)
}

.banner-video-content {
    font-size: calc(.5em + 1.5vw)!important;
    line-height: 1.5!important
}

.slider-caption-right {
    text-align: right
}

.owl-dots .swiper-video.actived,.owl-dots .swiper-video:hover {
    background-color: #fff9
}

.video-title span {
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.owl-carousel .owl-video-play-icon {
    background: inherit
}

.img-hover-wrap {
    -webkit-backface-visibility: hidden;
    -moz-transform-style: flat!important;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
}

.img-hover-wrap:hover {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
    z-index: 2
}

.img-hover-card>a:after {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 100%;
    z-index: 0
}

.img-hover-wrap:hover .img-hover-card>a:after {
    background-color: transparent
}

.img-hover-card {
    box-shadow: 0 10px 40px transparent;
    display: block;
    position: relative;
    transition: all .3s ease;
    will-change: transform
}

.img-hover-card a {
    display: block;
    max-width: 100%;
    width: 100%;
    z-index: 99
}

.img-hover-card.hover-in {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out
}

.img-hover-card.hover-3d {
    z-index: 2
}

.img-hover-card.hover-out {
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.img-hover-wrap .img-hover-detail {
    -webkit-backface-visibility: hidden;
    bottom: 40px;
    left: 40px;
    pointer-events: none;
    position: absolute;
    top: auto;
    -webkit-transform: scale(1) translateY(40px) translateZ(50px);
    -ms-transform: scale(1) translateY(30px) translateZ(50px);
    -o-transform: scale(1) translateY(30px) translateZ(50px);
    transform: scale(1) translateY(30px) translateZ(50px);
    -webkit-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease
}

.img-hover-wrap:hover .img-hover-detail {
    opacity: 1;
    -webkit-transform: scale(1.06) translateY(-5px) translateZ(50px);
    -ms-transform: scale(1.06) translateY(-5px) translateZ(50px);
    -o-transform: scale(1.06) translateY(-5px) translateZ(50px);
    transform: scale(1.06) translateY(-5px) translateZ(50px)
}

.img-hover-wrap .img-hover-title {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 6px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    z-index: 9
}

.img-hover-wrap .img-link {
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 20px
}

.img-hover-wrap:hover .img-link {
    opacity: 1
}

.img-hover-detail a,.img-hover-detail h3,.img-hover-detail i {
    color: #fff
}

.fslider-custom {
    position: relative;
    width: 100%
}

.fslider-custom:before {
    content: "";
    display: block;
    padding-top: calc(var(--h)*100%/var(--w));
    width: 100%
}

.flexslider-intro {
    left: 0!important
}

.flexslider-article,.flexslider-intro,.flexslider-news {
    display: flex!important;
    flex-direction: column;
    height: auto!important;
    margin: auto!important;
    position: absolute!important;
    top: 0!important
}

.flexslider-article,.flexslider-news {
    bottom: 0!important
}

.flexslider.cover {
    margin: auto;
    max-width: 80%
}

.flexslider-article:before,.flexslider-intro:before,.flexslider-relative-article:before {
    content: "";
    flex-grow: .5
}

.flexslider-relative-article {
    display: flex!important;
    flex-direction: column;
    height: 140px!important;
    margin: auto!important
}

.flexslider-article .slide {
    margin: auto
}

.rectangle-frame {
    -webkit-backface-visibility: hidden;
    border-color: var(--hoverColor,#1abc9c);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 1rem;
    height: 40px;
    line-height: 40px;
    margin: 0 .25rem;
    text-align: center;
    transition: all .3s ease;
    width: 100px
}

.img-expand .portfolio-desc h4,.img-expand:hover .portfolio-desc h4 {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.img-expand:hover .portfolio-desc h4 {
    color: var(--hoverColor,#1abc9c)
}

.img-expand:hover img,.img-expand:not(:hover) img {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.img-expand:hover img {
    transform: scale(1.2)
}

.portfolio-desc h4.ellipsis-title {
    height: 50px
}

.si-rounded {
    border-radius: 50%!important
}

#page-title.page-title-center span {
    margin-top: 20px;
    max-width: 600px
}

.widget-search .btn,.widget-search input {
    border-color: #ddd
}

.dark .widget-search .btn,.dark .widget-search .form-control:not(.not-dark) {
    border-color: #ffffff1a
}

.widget-nav .nav {
    flex-direction: row
}

.widget-nav .nav .nav-item .nav-link {
    color: var(--textColor,#444);
    font-weight: 500;
    line-height: 1.3;
    padding: 5px 10px;
    transition: all .2s ease
}

.dark .widget-nav .nav .nav-item .nav-link {
    color: #ddd
}

.widget-nav .nav .nav-item .nav-link.mixitup-control-active,.widget-nav .nav .nav-item.active .nav-link,.widget-nav .nav .nav-item:hover .nav-link {
    border-left-color: var(--hoverColor,#1abc9c);
    color: var(--hoverColor,#1abc9c);
    cursor: pointer
}

@media (max-width: 991.98px) {
    .cat-widgets.position-sticky {
        padding:3rem;
        position: relative!important;
        top: 0;
        top: 0!important;
        width: 100%;
        z-index: 9
    }
}

@media (min-width: 992px) {
    .content-wrap {
        overflow:inherit
    }

    .widget-nav .nav {
        flex-direction: column
    }

    .widget-nav .nav .nav-item .nav-link {
        border-left: 1px solid #ddd;
        line-height: 1.8;
        padding: 5px 0 5px 15px
    }

    .dark #header.sticky-header #header-wrap,.dark .single-post .media-content .entry-title,.dark .widget-nav .nav .nav-item .nav-link {
        border-color: #ffffff1a
    }
}

:root {
    --ck-color-image-caption-background: #f7f7f7;
    --ck-color-image-caption-text: #333;
    --ck-color-mention-background: rgba(153,0,48,.1);
    --ck-color-mention-text: #990030;
    --ck-color-selector-caption-background: #f7f7f7;
    --ck-color-selector-caption-text: #333;
    --ck-highlight-marker-blue: #72ccfd;
    --ck-highlight-marker-green: #62f962;
    --ck-highlight-marker-pink: #fc7899;
    --ck-highlight-marker-yellow: #fdfd77;
    --ck-highlight-pen-green: #128a00;
    --ck-highlight-pen-red: #e71313;
    --ck-image-style-spacing: 1.5em;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing)/2);
    --ck-todo-list-checkmark-size: 16px
}

.ck-content .table .ck-table-resized {
    table-layout: fixed
}

.ck-content .table table {
    overflow: hidden
}

.ck-content .table td,.ck-content .table th {
    overflow-wrap: break-word;
    position: relative
}

.ck-content .table>figcaption {
    background-color: var(--ck-color-selector-caption-background);
    caption-side: bottom;
    color: var(--ck-color-selector-caption-text);
    font-size: .75em;
    outline-offset: -1px;
    padding: .6em;
    text-align: center;
    word-break: break-word
}

.ck-content .table {
    display: table;
    margin: .9em auto
}

.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    margin-bottom: 0;
    width: 100%
}

.ck-content .table table td,.ck-content .table table th {
    min-width: 2em;
    padding: .4em
}

.ck-content .table table th {
    background: #0000000d;
    font-weight: 700
}

.ck-content[dir=rtl] .table th {
    text-align: right
}

.ck-content[dir=ltr] .table th {
    text-align: left
}

.ck-content .page-break {
    align-items: center;
    clear: both;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    position: relative
}

.ck-content .page-break:after {
    border-bottom: 2px dashed #c4c4c4;
    content: "";
    position: absolute;
    width: 100%
}

.ck-content .page-break__label {
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    box-shadow: 2px 2px 1px #00000026;
    color: #333;
    display: block;
    font-family: Helvetica,Arial,Tahoma,Verdana,Sans-Serif;
    font-size: .75em;
    font-weight: 700;
    padding: .3em .6em;
    position: relative;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.ck-content .media {
    clear: both;
    display: block;
    margin: .9em 0;
    min-width: 15em
}

.ck-content .todo-list {
    list-style: none
}

.ck-content .todo-list li {
    margin-bottom: 5px;
    position: relative
}

.ck-content .todo-list li .todo-list {
    margin-top: 5px
}

.ck-content .todo-list .todo-list__label>input {
    -webkit-appearance: none;
    border: 0;
    display: inline-block;
    height: var(--ck-todo-list-checkmark-size);
    left: -25px;
    margin-left: 0;
    margin-right: -15px;
    position: relative;
    right: 0;
    vertical-align: middle;
    width: var(--ck-todo-list-checkmark-size)
}

.ck-content[dir=rtl] .todo-list .todo-list__label>input {
    left: 0;
    margin-left: -15px;
    margin-right: 0;
    right: -25px
}

.ck-content .todo-list .todo-list__label>input:before {
    border: 1px solid #333;
    border-radius: 2px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: box-shadow .25s ease-in-out;
    width: 100%
}

.ck-content .todo-list .todo-list__label>input:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;
    box-sizing: content-box;
    content: "";
    display: block;
    height: calc(var(--ck-todo-list-checkmark-size)/2.6);
    left: calc(var(--ck-todo-list-checkmark-size)/3);
    pointer-events: none;
    position: absolute;
    top: calc(var(--ck-todo-list-checkmark-size)/5.3);
    transform: rotate(45deg);
    width: calc(var(--ck-todo-list-checkmark-size)/5.3)
}

.ck-content .todo-list .todo-list__label>input[checked]:before {
    background: #26ab33;
    border-color: #26ab33
}

.ck-content .todo-list .todo-list__label>input[checked]:after {
    border-color: #fff
}

.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle
}

.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
    position: absolute
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>input,.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input {
    cursor: pointer
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>input:hover:before,.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:hover:before {
    box-shadow: 0 0 0 5px #0000001a
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input {
    -webkit-appearance: none;
    border: 0;
    display: inline-block;
    height: var(--ck-todo-list-checkmark-size);
    left: -25px;
    margin-left: 0;
    margin-right: -15px;
    position: relative;
    right: 0;
    vertical-align: middle;
    width: var(--ck-todo-list-checkmark-size)
}

.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label>span[contenteditable=false]>input {
    left: 0;
    margin-left: -15px;
    margin-right: 0;
    right: -25px
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:before {
    border: 1px solid #333;
    border-radius: 2px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: box-shadow .25s ease-in-out;
    width: 100%
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;
    box-sizing: content-box;
    content: "";
    display: block;
    height: calc(var(--ck-todo-list-checkmark-size)/2.6);
    left: calc(var(--ck-todo-list-checkmark-size)/3);
    pointer-events: none;
    position: absolute;
    top: calc(var(--ck-todo-list-checkmark-size)/5.3);
    transform: rotate(45deg);
    width: calc(var(--ck-todo-list-checkmark-size)/5.3)
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:before {
    background: #26ab33;
    border-color: #26ab33
}

.ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:after {
    border-color: #fff
}

.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
    position: absolute
}

.ck-content img.image_resized {
    height: auto
}

.ck-content .image.image_resized {
    box-sizing: border-box;
    display: block;
    max-width: 100%
}

.ck-content .image.image_resized img {
    width: 100%
}

.ck-content .image.image_resized>figcaption {
    display: block
}

.ck-content .image {
    clear: both;
    display: table;
    margin: .9em auto;
    min-width: 50px;
    text-align: center
}

.ck-content .image img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%
}

.ck-content .image-inline {
    align-items: flex-start;
    display: inline-flex;
    max-width: 100%
}

.ck-content .image-inline picture {
    display: flex
}

.ck-content .image-inline img,.ck-content .image-inline picture {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%
}

.ck-content .image>figcaption {
    background-color: var(--ck-color-image-caption-background);
    caption-side: bottom;
    color: var(--ck-color-image-caption-text);
    display: table-caption;
    font-size: .75em;
    outline-offset: -1px;
    padding: .6em;
    word-break: break-word
}

.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow)
}

.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green)
}

.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink)
}

.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue)
}

.ck-content .pen-red {
    background-color: transparent;
    color: var(--ck-highlight-pen-red)
}

.ck-content .pen-green {
    background-color: transparent;
    color: var(--ck-highlight-pen-green)
}

.ck-content ol {
    list-style-type: decimal
}

.ck-content ol ol {
    list-style-type: lower-latin
}

.ck-content ol ol ol {
    list-style-type: lower-roman
}

.ck-content ol ol ol ol {
    list-style-type: upper-latin
}

.ck-content ol ol ol ol ol {
    list-style-type: upper-roman
}

.ck-content ul {
    list-style-type: disc
}

.ck-content ul ul {
    list-style-type: circle
}

.ck-content ul ul ul,.ck-content ul ul ul ul {
    list-style-type: square
}

.ck-content .image-style-block-align-left,.ck-content .image-style-block-align-right {
    max-width: calc(100% - var(--ck-image-style-spacing))
}

.ck-content .image-style-align-left,.ck-content .image-style-align-right {
    clear: none
}

.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%
}

.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing)
}

.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto
}

.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing)
}

.ck-content .image-style-block-align-right {
    margin-left: auto;
    margin-right: 0
}

.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto
}

.ck-content p+.image-style-align-left,.ck-content p+.image-style-align-right,.ck-content p+.image-style-side {
    margin-top: 0
}

.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right {
    margin-bottom: var(--ck-inline-image-style-spacing);
    margin-top: var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-left {
    margin-right: var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-right {
    margin-left: var(--ck-inline-image-style-spacing)
}

.ck-content blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.ck-content[dir=rtl] blockquote {
    border-left: 0;
    border-right: 5px solid #ccc
}

.ck-content code {
    background-color: #c7c7c74d;
    border-radius: 2px;
    padding: .15em
}

.ck-content .text-tiny {
    font-size: .7em
}

.ck-content .text-small {
    font-size: .85em
}

.ck-content .text-big {
    font-size: 1.4em
}

.ck-content .text-huge {
    font-size: 1.8em
}

.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text)
}

.ck-content hr {
    background: #dedede;
    border: 0;
    height: 4px;
    margin: 15px 0
}

.ck-content pre {
    background: #c7c7c74d;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    color: #353535;
    direction: ltr;
    font-style: normal;
    min-width: 200px;
    padding: 1em;
    -moz-tab-size: 4;
    tab-size: 4;
    text-align: left;
    white-space: pre-wrap
}

.ck-content pre code {
    background: unset;
    border-radius: 0;
    padding: 0
}

@media print {
    .ck-content .page-break {
        padding: 0
    }

    .ck-content .page-break:after {
        display: none
    }
}

:root {
    --ck-default-color: #5ea3ff
}

.ck-content .left-wide-border {
    background-color: #f7f7f7;
    border-left: 8px solid var(--ck-wide-border-color,#27bdbf);
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 16px 0 16px 24px
}

.ck-content .dotted-underline {
    background-color: transparent;
    border-bottom: 1px dotted var(--ck-dotted-underline-color,#4d453e);
    color: #333;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px 0
}

.ck-content .light-underline {
    background: linear-gradient(180deg,transparent 65%,var(--ck-light-underline-color,#ffe5a4) 0);
    display: inline;
    max-width: 100%;
    width: fit-content
}

.ck-content .title-radius {
    background: color-mix(in srgb,var(--ck-title-radius-color,var(--ck-default-color)) 10%,#fff);
    border: 2px solid var(--ck-title-radius-color,var(--ck-default-color));
    border-radius: 500px;
    padding: 16px 24px;
    position: relative
}

.ck-content .title-shadow {
    background: color-mix(in srgb,var(--ck-title-shadow-color,var(--ck-default-color)) 10%,#fff);
    border: 1px solid color-mix(in srgb,var(--ck-title-shadow-color,var(--ck-default-color)) 30%,#fff);
    box-shadow: 6px 6px 0 0 var(--ck-title-shadow-color,var(--ck-default-color));
    padding: 12px 32px
}

.ck-content .title-bg {
    background: color-mix(in srgb,var(--ck-title-bg-color,var(--ck-default-color)) 10%,#fff);
    border: 1px solid color-mix(in srgb,var(--ck-title-bg-color,var(--ck-default-color)) 30%,#fff);
    border-radius: 8px;
    padding: 16px
}

.ck-content .title-left-border {
    border-bottom: 2px solid #e6e6e6;
    border-left: 5px solid var(--ck-title-left-border-color,var(--ck-default-color));
    padding: 6px 0 16px 16px
}

.ck-content .title-underline {
    border-bottom: 2px solid var(--ck-title-underline-color,var(--ck-default-color));
    padding: 16px 0
}

.ck-content .title-light-bg {
    background: color-mix(in srgb,var(--ck-title-light-bg-color,var(--ck-default-color)) 10%,#fff);
    border-radius: 4px;
    padding: 16px 20px
}

.ck-content p.info-box {
    --background-size: 30px;
    --background-color: var(--ck-info-box-bg-color,#e91e63);
    background: linear-gradient(135deg,var(--background-color) 0,var(--background-color) var(--background-size),transparent var(--background-size)),linear-gradient(135deg,transparent calc(100% - var(--background-size)),var(--background-color) calc(100% - var(--background-size)),var(--background-color));
    border: 1px solid var(--background-color);
    box-shadow: 5px 5px #ffe6ef;
    display: block;
    padding: 1.2em 2em
}

.ck-content p.info-box,.ck-content p.summary {
    border-radius: 10px;
    margin: 1.5em 2em;
    width: auto
}

.ck-content p.summary {
    --background-color: var(--ck-summary-color,#dddfe0);
    background: var(--background-color);
    padding: 1em
}

.ck-content .raw-html-embed {
    font-style: normal;
    margin: 1em auto;
    min-width: 15em
}

.ck-content p {
    font-size: 18px;
    margin-bottom: 1em
}

.ck-content dl,.ck-content ol,.ck-content ul {
    margin-right: 0;
    padding: 0 0 0 40px
}

.ck-content h1,.ck-content h2,.ck-content h3,.ck-content h4,.ck-content h5,.ck-content h6 {
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px
}

.ck-content figure {
    display: inline-block;
    margin: 10px 20px;
    padding-top: 10px;
    text-align: center
}

@media screen and (max-width: 991.8px) {
    .ck-content figure.table {
        display:block!important;
        overflow: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch
    }

    .ck-content .table table {
        overflow: auto
    }

    .ck-content .table table td,.ck-content .table table th {
        white-space: nowrap
    }

    .ck-content .table .ck-table-resized {
        table-layout: auto
    }
}

.ck-content figure>figcaption {
    display: block;
    text-align: center
}

.ck-content .code-featured {
    border: 5px solid red
}

.ck-content .math-featured {
    background-color: #ff00000d;
    box-shadow: 0 0 2px #c80000;
    margin: 10px;
    padding: 20px
}

.ck-content .image-clean {
    background: none;
    border: 0;
    padding: 0
}

.ck-content .image-clean>figcaption {
    font-size: .9em;
    text-align: right
}

.ck-content .image-grayscale {
    background-color: #fff;
    color: #666
}

.ck-content .image-grayscale img,img.image-grayscale {
    filter: grayscale(100%)
}

.ck-content .embed-240p {
    margin: 0 auto;
    max-height: 240px;
    max-width: 426px
}

.ck-content .embed-360p {
    margin: 0 auto;
    max-height: 360px;
    max-width: 640px
}

.ck-content .embed-480p {
    margin: 0 auto;
    max-height: 480px;
    max-width: 854px
}

.ck-content .embed-720p {
    margin: 0 auto;
    max-height: 720px;
    max-width: 1280px
}

.ck-content .embed-1080p {
    margin: 0 auto;
    max-height: 1080px;
    max-width: 1920px
}

.ck-content blockquote.tiktok-embed {
    border-left: 0;
    margin-left: auto;
    margin-right: auto
}

.ck-content .table table,.ck-content .table table td,.ck-content .table table th {
    border: 0
}

.ck-content .table table td,.ck-content .table table th {
    text-align: left;
    vertical-align: middle
}

.ck-content a {
    color: var(--hoverColor,#1abc9c)
}

.ck-content a:hover {
    text-decoration: underline!important
}

.ck-content ul ul ul ul.toc-list,.ck-content ul ul ul.toc-list,.ck-content ul ul.toc-list,.ck-content ul.toc-list {
    list-style-type: none
}

.ck-content .Collapsible__container {
    background: #fff;
    border: 1px solid rgba(15,23,42,.09);
    border-radius: 12px;
    box-shadow: 0 1px 2px #0f172a08;
    margin: 22px 0;
    position: relative;
    transition: border-color .2s ease,box-shadow .22s ease,transform .22s ease
}

.ck-content .Collapsible__container:hover {
    border-color: #4a90e259;
    box-shadow: 0 6px 18px -6px #0f172a1a
}

.ck-content .Collapsible__container[open] {
    border-color: #4a90e273;
    box-shadow: 0 8px 24px -10px #4a90e240
}

.ck-content .Collapsible__title {
    align-items: center;
    background: linear-gradient(180deg,#fbfcfe,#f6f8fb);
    border-radius: 11px;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 1.55;
    list-style: none;
    margin: 0;
    min-height: 32px;
    outline: none;
    padding: 12px 20px 12px 48px;
    position: relative;
    transition: background .16s ease,color .16s ease
}

.ck-content .Collapsible__container[open]>.Collapsible__title {
    background: linear-gradient(180deg,#f6f9fd,#eef4fb);
    border-bottom: 1px solid rgba(15,23,42,.07);
    border-radius: 11px 11px 0 0
}

.ck-content .Collapsible__title>p {
    flex: 1;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.ck-content .Collapsible__title:hover {
    background: linear-gradient(180deg,#f4f7fc,#eef2f9)
}

.ck-content .Collapsible__title:focus-visible {
    box-shadow: inset 0 0 0 2px #4a90e273
}

.ck-content .Collapsible__title::-webkit-details-marker,.ck-content .Collapsible__title::marker {
    display: none
}

.ck-content .Collapsible__title:before {
    background-color: color-mix(in srgb,var(--collapsible-icon,#4a90e2) 10%,transparent);
    border-radius: 6px;
    content: "";
    height: 22px;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    transition: background-color .2s ease;
    width: 22px
}

.ck-content .Collapsible__title:after {
    background-color: var(--collapsible-icon,#4a90e2);
    content: "";
    height: 22px;
    left: 16px;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: 50% 50%;
    transition: transform .26s cubic-bezier(.4,0,.2,1);
    width: 22px
}

.ck-content .Collapsible__container[open]>.Collapsible__title:before,.ck-content .Collapsible__title:hover:before {
    background-color: color-mix(in srgb,var(--collapsible-icon,#4a90e2) 18%,transparent)
}

.ck-content .Collapsible__container[open]>.Collapsible__title:after {
    transform: translateY(-50%) rotate(0)
}

.ck-content .Collapsible__content {
    animation: Collapsible__fadeIn .26s cubic-bezier(.4,0,.2,1);
    background: #fff;
    border-radius: 0 0 11px 11px;
    padding: 16px 22px 18px 48px
}

.ck-content .Collapsible__content>:first-child {
    margin-top: 0
}

.ck-content .Collapsible__content>:last-child {
    margin-bottom: 0
}

@keyframes Collapsible__fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-4px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (prefers-reduced-motion:reduce) {
    .ck-content .Collapsible__container,.ck-content .Collapsible__content,.ck-content .Collapsible__title,.ck-content .Collapsible__title:after,.ck-content .Collapsible__title:before {
        animation: none;
        transition: none
    }
}

.ck-content [data-lexical-layout-container=true] {
    display: grid;
    gap: 12px;
    margin: 12px 0
}

.ck-content [data-lexical-layout-item=true] {
    min-width: 0
}