.spheral-core-page-inline-style {
    position: absolute !important;
    width: 0;
    height: 0;
    line-height: 1;
    display: none
}

body:not(.elementor-editor-active) #qodef-custom-section--uncover {
    position: fixed !important;
    width: 100%;
    bottom: 0;
    z-index: -3
}

body:not(.elementor-editor-active) #qodef-custom-section--uncover.qode--in-view {
    z-index: unset
}

body:not(.elementor-editor-active) #qodef-custom-section--uncover .qodef--prevent-appear {
    --qode-x: 0px;
    --qode-y: 10px;
    opacity: 0;
    transform: translateX(var(--qode-x)) translateY(var(--qode-y));
    transition: opacity .37s ease-out, transform .47s cubic-bezier(.18, .79, .29, .93)
}

body:not(.elementor-editor-active) #qodef-custom-section--uncover .qodef--prevent-appear.qodef--appeared {
    opacity: 1;
    transform: translateX(0) translateY(0);
    transition-delay: .5s, .5s
}

body:not(.elementor-editor-active) #qodef-custom-section--uncover .qodef--prevent-appear.qodef--appeared:nth-of-type(2) {
    transition-delay: .7s, .7s
}

body:not(.elementor-editor-active) #qodef-custom-section--uncover .qodef--prevent-appear.qodef--appeared:nth-of-type(3) {
    transition-delay: .9s, .9s
}

body:not(.elementor-editor-active) #qodef-custom-section--uncover .qodef--prevent-appear.qodef--appeared:nth-of-type(4) {
    transition-delay: 1.1s, 1.1s
}

body:not(.elementor-editor-active) .qodef--custom-appear {
    --qode-x: 0px;
    --qode-y: 10px;
    opacity: 0;
    transform: translateX(var(--qode-x)) translateY(var(--qode-y));
    transition: opacity .37s ease-out, transform .47s cubic-bezier(.18, .79, .29, .93)
}

body:not(.elementor-editor-active) .qodef--custom-appear.qodef--appeared {
    opacity: 1;
    transform: translateX(0) translateY(0);
    transition-delay: .5s, .5s
}

body:not(.elementor-editor-active) .qodef--custom-appear.qodef--appeared:nth-of-type(2) {
    transition-delay: .7s, .7s
}

body:not(.elementor-editor-active) .qodef--custom-appear.qodef--appeared:nth-of-type(3) {
    transition-delay: .9s, .9s
}

body:not(.elementor-editor-active) .qodef--custom-appear.qodef--appeared:nth-of-type(4) {
    transition-delay: 1.1s, 1.1s
}

.qode--mix-blend-mode-lighten {
    mix-blend-mode: lighten
}

.woocommerce-form-login .woocommerce-button {
    background-color: transparent !important;
    background-image: linear-gradient(currentColor, currentColor) !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
    background-size: 0 1px !important;
    transition: background-size .3s ease !important;
    padding-bottom: 2px !important;
    margin-top: 5px !important;
    color: #000 !important
}

.woocommerce-form-login .woocommerce-button:hover {
    background-size: 100% 1px !important
}

.qodef--has-thick-underline span {
    --qode-underline-height: 2px;
    --qode-underline-position-y: 100%;
    --qode-bottom: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - var(--qode-underline-height)), currentColor var(--qode-underline-height)) !important;
    padding-bottom: var(--qode-bottom);
    transition: background-size .5s cubic-bezier(.23, .63, .19, .97);
    background-size: 100% var(--qode-underline-position-y)
}

.qodef--has-thick-underline:hover span {
    background-size: 0 var(--qode-underline-position-y)
}

.kc-elm.qodef-shortcode .fa,
.kc-elm.qodef-shortcode .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.kc-elm.qodef-shortcode .fa:before,
.kc-elm.qodef-shortcode .fas:before {
    font-family: inherit;
    font-weight: inherit
}

.kc-elm.qodef-shortcode .fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400
}

.kc-elm.qodef-shortcode .fab:before {
    font-family: inherit;
    font-weight: inherit
}

#qodef-back-to-top {
    position: fixed;
    width: 25px;
    height: 29px;
    right: 23px;
    bottom: 28px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    mix-blend-mode: difference;
    z-index: 100
}

#qodef-back-to-top .qodef-back-to-top-icon * {
    display: block;
    line-height: inherit
}

#qodef-back-to-top svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
    stroke: none
}

#qodef-back-to-top.qodef--off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease, visibility 0s .15s
}

#qodef-back-to-top.qodef--on {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease
}

#qodef-back-to-top.qodef--predefined svg {
    transition: transform .37s cubic-bezier(.44, .73, .12, .98);
    transform: translateY(0)
}

#qodef-back-to-top.qodef--predefined:hover svg {
    transform: translateY(-3px)
}

.qodef-blog.qodef-item-layout--info-on-image {
    margin: 0
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-media {
    height: 100%;
    width: 100%
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-content {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 20px 30px 25px;
    background-color: rgba(0, 0, 0, .24)
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-content a {
    position: relative;
    z-index: 3
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-top-holder {
    margin: 0 0 4px
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-title {
    margin-top: 0 !important;
    color: #fff
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-title a {
    color: inherit;
    position: relative
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-title a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-title a:hover:after {
    transform: scaleX(0)
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-info>* {
    color: #fff
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-info a {
    color: #fff
}

.qodef-blog.qodef-item-layout--info-on-image article .qodef-e-post-link {
    z-index: 2
}

.qodef-blog.qodef-item-layout--minimal article .qodef-e-title {
    margin-top: 0 !important
}

.qodef-blog.qodef-item-layout--minimal article .qodef-e-info-date {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5333333333em;
    letter-spacing: inherit;
    font-weight: inherit;
    display: block;
    margin-bottom: 6px
}

.qodef-blog.qodef-item-layout--side-by-side article .qodef-e-inner {
    align-items: center;
    display: flex
}

.qodef-blog.qodef-item-layout--side-by-side article .qodef-e-media {
    flex-shrink: 0;
    margin-right: 16px;
    width: 126px
}

.qodef-blog.qodef-item-layout--side-by-side article .qodef-e-title {
    margin-top: 0 !important
}

.qodef-blog.qodef-item-layout--side-by-side article .qodef-e-info-date {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5333333333em;
    letter-spacing: inherit;
    font-weight: inherit;
    display: block;
    margin-bottom: 6px
}

.qodef-blog.qodef-item-layout--standard:not(.qodef-col-num--1) .qodef-e .qodef-e-media-image {
    overflow: hidden
}

.qodef-blog.qodef-item-layout--standard:not(.qodef-col-num--1) .qodef-e .qodef-e-media-image img {
    transform: scale(1.035);
    transform-origin: 100% 50%;
    --qode-hover-scale: 1.0001;
    transition: transform .63s cubic-bezier(.13, .47, .32, .94)
}

.qodef-browser--safari .qodef-blog.qodef-item-layout--standard:not(.qodef-col-num--1) .qodef-e .qodef-e-media-image img {
    will-change: transform
}

.qodef-blog.qodef-item-layout--standard:not(.qodef-col-num--1) .qodef-e:hover .qodef-e-media-image img {
    transform: scale(var(--qode-hover-scale))
}

.widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:not(:last-child) {
    margin-bottom: 15px
}

.widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:first-child {
    margin-top: 6.5px
}

.widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article .qodef-e-media {
    margin-right: 16px;
    width: 126px !important
}

.widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) {
    margin: 0 0 10px
}

.widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a {
    color: #000
}

.widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a:hover {
    color: currentColor
}

#qodef-top-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:not(:last-child) {
    margin-bottom: 15px
}

#qodef-top-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:first-child {
    margin-top: 6.5px
}

#qodef-top-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article .qodef-e-media {
    margin-right: 16px;
    width: 126px !important
}

#qodef-top-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) {
    margin: 0 0 10px
}

#qodef-top-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a {
    color: #fff
}

#qodef-top-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a:hover {
    color: currentColor
}

#qodef-page-footer .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:not(:last-child) {
    margin-bottom: 15px
}

#qodef-page-footer .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:first-child {
    margin-top: 6.5px
}

#qodef-page-footer .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article .qodef-e-media {
    margin-right: 16px;
    width: 126px !important
}

#qodef-page-footer .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) {
    margin: 0 0 14px
}

#qodef-page-footer .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a {
    color: #fff
}

#qodef-page-footer .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a:hover {
    color: #fff
}

#qodef-side-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:not(:last-child) {
    margin-bottom: 15px
}

#qodef-side-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:first-child {
    margin-top: 6.5px
}

#qodef-side-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article .qodef-e-media {
    margin-right: 16px;
    width: 126px !important
}

#qodef-side-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) {
    margin: 0 0 10px
}

#qodef-side-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a {
    color: #000
}

#qodef-side-area .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a:hover {
    color: currentColor
}

.qodef-mega-menu-widget-holder .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:not(:last-child) {
    margin-bottom: 15px
}

.qodef-mega-menu-widget-holder .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article:first-child {
    margin-top: 6.5px
}

.qodef-mega-menu-widget-holder .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--side-by-side article .qodef-e-media {
    margin-right: 16px;
    width: 126px !important
}

.qodef-mega-menu-widget-holder .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) {
    margin: 0 0 10px
}

.qodef-mega-menu-widget-holder .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a {
    color: #000
}

.qodef-mega-menu-widget-holder .widget.widget_spheral_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article .qodef-e-title a:hover {
    color: currentColor
}

#qodef-author-info {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 70px
}

#qodef-author-info .qodef-m-inner {
    position: relative;
    display: flex;
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

#qodef-author-info .qodef-m-image {
    flex-shrink: 0;
    margin-right: 27px
}

#qodef-author-info .qodef-m-image a,
#qodef-author-info .qodef-m-image img {
    display: block
}

#qodef-author-info .qodef-m-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0
}

#qodef-author-info .qodef-m-author {
    margin: 0
}

#qodef-author-info .qodef-m-email {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000;
    margin: 5px 0 0
}

@media only screen and (max-width:1024px) {
    #qodef-author-info .qodef-m-email {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

#qodef-author-info .qodef-m-email span[class*=-label] {
    margin-right: 4px
}

#qodef-author-info .qodef-m-description {
    margin: 17px 0 0
}

@media (min-width:1601px) {
    #qodef-author-info .qodef-m-description {
        max-width: 62%
    }
}

#qodef-author-info .qodef-m-social-icons {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
    margin-top: auto
}

#qodef-author-info .qodef-m-social-icons a {
    position: relative;
    display: block;
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000;
    position: relative
}

@media only screen and (max-width:1024px) {
    #qodef-author-info .qodef-m-social-icons a {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

#qodef-author-info .qodef-m-social-icons a span[class*=-label] {
    margin-right: 4px
}

#qodef-author-info .qodef-m-social-icons a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

#qodef-author-info .qodef-m-social-icons a:hover:after {
    transform: scaleX(0)
}

#qodef-related-posts {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 86px
}

#qodef-single-post-navigation {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 84px 0 3px
}

#qodef-single-post-navigation .qodef-m-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#qodef-single-post-navigation .qodef-m-nav {
    position: relative;
    display: flex;
    align-items: center
}

#qodef-single-post-navigation .qodef-m-nav>* {
    display: block;
    line-height: inherit
}

#qodef-single-post-navigation .qodef-m-nav .qodef-m-pagination-icon {
    position: relative;
    display: block;
    width: 21px;
    height: auto;
    fill: currentColor;
    stroke: none
}

#qodef-single-post-navigation .qodef-m-nav svg {
    overflow: visible;
    --qode-move: 0px;
    --qode-move-hover: 4px;
    transition: transform .35s cubic-bezier(.41, .65, .31, 1.03);
    transform: translateX(var(--qode-move))
}

.qodef-browser--safari #qodef-single-post-navigation .qodef-m-nav svg {
    will-change: transform
}

#qodef-single-post-navigation .qodef-m-nav:hover svg {
    transform: translateX(var(--qode-move-hover))
}

#qodef-single-post-navigation .qodef-m-nav.qodef--prev {
    left: 0
}

#qodef-single-post-navigation .qodef-m-nav.qodef--prev .qodef-m-pagination-icon {
    margin-right: 10px
}

#qodef-single-post-navigation .qodef-m-nav.qodef--prev svg {
    --qode-move-hover: -4px
}

#qodef-single-post-navigation .qodef-m-nav.qodef--next {
    flex-direction: row-reverse;
    right: 0;
    margin-left: auto;
    text-align: right
}

#qodef-single-post-navigation .qodef-m-nav.qodef--next .qodef-m-pagination-icon {
    margin-left: 10px
}

#qodef-single-post-navigation .qodef-m-nav-label {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000
}

@media only screen and (max-width:1024px) {
    #qodef-single-post-navigation .qodef-m-nav-label {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

#qodef-single-post-navigation .qodef-m-nav-label span[class*=-label] {
    margin-right: 4px
}

.qodef--drag-cursor {
    cursor: none
}

.qodef--drag-cursor * {
    cursor: inherit
}

.qodef--drag-cursor .swiper-wrapper {
    min-width: 1000%
}

.qodef-m-custom-cursor {
    height: 120px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 50%;
    transition: opacity .3s ease-out, visibility .3s ease-out;
    visibility: hidden;
    width: 120px;
    z-index: 2
}

.qodef-m-custom-cursor-inner {
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.qodef-m-custom-cursor.qodef--show {
    opacity: 1;
    visibility: visible
}

.qodef-m-custom-cursor.qodef--hide {
    opacity: 0;
    visibility: hidden
}

#qodef-page-footer .qodef-alignment--left {
    text-align: left
}

#qodef-page-footer .qodef-alignment--left .widget img {
    margin-right: auto
}

#qodef-page-footer .qodef-alignment--center {
    text-align: center
}

#qodef-page-footer .qodef-alignment--center .widget img {
    margin-right: auto;
    margin-left: auto
}

#qodef-page-footer .qodef-alignment--right {
    text-align: right
}

#qodef-page-footer .qodef-alignment--right .widget img {
    margin-left: auto
}

#qodef-page-footer-bottom-area-inner .qodef-grid.qodef-gutter--custom,
#qodef-page-footer-top-area-inner .qodef-grid.qodef-gutter--custom {
    --qode-columns-row-gap: var(--qode-columns-col-gap)
}

@media (min-width:881px) {
    #qodef-page-footer-bottom-area-inner .qodef-alignment--space-between .qodef-grid-item:nth-child(2) {
        text-align: right
    }
}

.qodef-page-footer--uncover #qodef-page-outer {
    z-index: 90
}

.no-touchevents .qodef-page-footer--uncover #qodef-page-footer {
    position: fixed;
    bottom: 0;
    left: 0
}

#qodef-fullscreen-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 78vh;
    padding: 20px;
    background-color: #0d0d0c;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden !important;
    visibility: hidden;
    z-index: 99;
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transform: translateY(-110%)
}

#qodef-fullscreen-area .qodef-content-grid {
    height: 100%
}

#qodef-fullscreen-area .qodef-content-grid .qodef-fullscreen-menu {
    width: 100%
}

.qodef-fullscreen-menu-animate--in #qodef-fullscreen-area {
    transform: translateY(0);
    visibility: visible
}

#qodef-fullscreen-area-inner {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:1200px) {
    #qodef-fullscreen-area-inner {
        justify-content: center
    }
}

.qodef-fullscreen-menu {
    position: relative;
    width: 100%;
    top: 0;
    margin: 0 auto;
    text-align: left
}

.qodef-fullscreen-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.qodef-fullscreen-menu ul li {
    margin: 0;
    padding: 0
}

.qodef-fullscreen-menu ul li a .qodef-menu-item-arrow {
    display: none
}

.qodef-fullscreen-menu ul li a .qodef-menu-item-text {
    display: flex;
    gap: 6px
}

.qodef-fullscreen-menu ul li a .qodef-svg--fullscreen-menu-arrow {
    position: relative;
    top: 0;
    width: 14px;
    height: auto;
    fill: currentColor;
    flex-shrink: 0;
    --qode-x: -15%;
    --qode-y: 15%;
    opacity: 0;
    transform: translateX(var(--qode-x)) translateY(var(--qode-y));
    transition: opacity .37s ease-out, transform .47s cubic-bezier(.44, .73, .12, .98)
}

.qodef-browser--safari .qodef-fullscreen-menu ul li a .qodef-svg--fullscreen-menu-arrow {
    will-change: transform
}

.qodef-fullscreen-menu ul li a:hover .qodef-svg--fullscreen-menu-arrow {
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.qodef-fullscreen-menu ul li.qodef--hide-link>a {
    cursor: default
}

.qodef-fullscreen-menu ul li.current-menu-ancestor>a .qodef-svg--fullscreen-menu-arrow,
.qodef-fullscreen-menu ul li.current-menu-item>a .qodef-svg--fullscreen-menu-arrow {
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.qodef-fullscreen-menu ul.sub-menu {
    display: none
}

.qodef-fullscreen-menu .qodef-menu-item-icon {
    margin-right: 5px
}

.qodef-fullscreen-menu .qodef-mega-menu-widget-holder {
    display: none
}

.qodef-fullscreen-menu>ul {
    max-width: 60%
}

@media only screen and (max-width:1200px) {
    .qodef-fullscreen-menu>ul {
        max-width: 100%
    }
}

.qodef-fullscreen-menu>ul>li>a {
    color: #fff;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 130px;
    line-height: .9em;
    letter-spacing: -.038em;
    font-weight: 400;
    text-transform: uppercase
}

@media only screen and (max-width:1200px) {
    .qodef-fullscreen-menu>ul>li>a {
        font-size: 100px
    }
}

@media only screen and (max-width:880px) {
    .qodef-fullscreen-menu>ul>li>a {
        font-size: 70px
    }
}

.qodef-fullscreen-menu>ul>li>a .qodef-menu-item-text {
    gap: 10px
}

.qodef-fullscreen-menu>ul>li>a .qodef-svg--fullscreen-menu-arrow {
    width: auto;
    fill: var(--qode-main-color)
}

@media only screen and (max-width:1200px) {
    .qodef-fullscreen-menu>ul>li>a .qodef-svg--fullscreen-menu-arrow {
        width: 66px
    }
}

@media only screen and (max-width:880px) {
    .qodef-fullscreen-menu>ul>li>a .qodef-svg--fullscreen-menu-arrow {
        width: 48px
    }
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner>ul {
    padding: 0 0 0;
    position: absolute;
    top: 8px;
    left: 60%;
    min-width: 250px;
    width: 40%
}

@media only screen and (max-width:1200px) {
    .qodef-fullscreen-menu .qodef-drop-down-second-inner>ul {
        position: initial;
        left: auto;
        width: 100%
    }
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul {
    padding-left: 30px
}

@media only screen and (max-width:1200px) {
    .qodef-fullscreen-menu .qodef-drop-down-second-inner ul {
        padding-top: 15px
    }
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a {
    position: relative;
    display: flex;
    white-space: normal;
    margin: 12px 0;
    overflow: hidden;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4375em;
    letter-spacing: -.02em;
    text-transform: initial;
    font-size: 25px
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a .qodef-menu-item-icon {
    flex-shrink: 0
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a .qodef-menu-item-text {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s ease
}

@media only screen and (max-width:1024px) {
    .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a {
        font-size: 14px;
        line-height: 1.5em
    }
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a:hover .qodef-menu-item-text {
    background-size: 100% 1px
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul li.current-menu-ancestor>a .qodef-menu-item-text,
.qodef-fullscreen-menu .qodef-drop-down-second-inner ul li.current-menu-item>a .qodef-menu-item-text {
    background-size: 100% 1px
}

@media only screen and (min-width:1025px) {
    .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a .qodef-menu-item-text {
        background-size: 0 2px
    }
    .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a:hover .qodef-menu-item-text {
        background-size: 100% 2px
    }
    .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li.current-menu-ancestor>a .qodef-menu-item-text,
    .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li.current-menu-item>a .qodef-menu-item-text {
        background-size: 100% 2px
    }
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul li:first-child a {
    margin-top: 0
}

.qodef-fullscreen-menu .qodef-drop-down-second-inner ul ul {
    margin: 0;
    padding-left: 30px
}

.qodef-fullscreen-menu--opened .qodef-fullscreen-menu-opener {
    color: #fff
}

.qodef-fullscreen-menu--opened #qodef-page-header,
.qodef-fullscreen-menu--opened #qodef-page-mobile-header {
    position: relative;
    visibility: hidden
}

.qodef-fullscreen-menu--opened .qodef-fullscreen-menu-opener,
.qodef-fullscreen-menu--opened .qodef-header-logo-image.qodef--customizer,
.qodef-fullscreen-menu--opened .qodef-header-logo-link,
.qodef-fullscreen-menu--opened .qodef-mobile-header-logo-link {
    visibility: visible
}

.qodef-fullscreen-menu--opened #qodef-page-header .qodef-header-logo-link img.qodef--light {
    opacity: 1
}

.qodef-fullscreen-menu--opened #qodef-page-header .qodef-header-logo-link img.qodef--dark,
.qodef-fullscreen-menu--opened #qodef-page-header .qodef-header-logo-link img.qodef--main {
    opacity: 0
}

.qodef-fullscreen-menu--opened.qodef-fullscreen-menu--hide-logo .qodef-header-logo-image.qodef--customizer,
.qodef-fullscreen-menu--opened.qodef-fullscreen-menu--hide-logo .qodef-header-logo-link,
.qodef-fullscreen-menu--opened.qodef-fullscreen-menu--hide-logo .qodef-mobile-header-logo-link {
    visibility: hidden
}

#qodef-page-header .qodef-widget-holder {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 40px
}

#qodef-page-header .qodef-widget-holder .widget {
    margin: 0 20px
}

#qodef-page-header .qodef-widget-holder .widget:first-child {
    margin-left: 0
}

#qodef-page-header .qodef-widget-holder .widget:last-child {
    margin-right: 0
}

#qodef-page-header div[id^=monster-widget-placeholder],
#qodef-page-header div[id^=woo-monster-widget-placeholder] {
    display: none
}

#qodef-page-header-inner {
    border-bottom: 0 solid transparent
}

#qodef-page-header-inner.qodef-content-grid {
    padding: 0
}

#qodef-page-header-inner.qodef-skin--light nav>ul>li>a,
.qodef-custom-header-layout.qodef-skin--light nav>ul>li>a {
    color: var(--qode-header-light-color) !important
}

#qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened),
#qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened),
#qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened),
.qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened),
.qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened),
.qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened) {
    color: var(--qode-header-light-color) !important
}

#qodef-page-header-inner.qodef-skin--dark nav>ul>li>a,
.qodef-custom-header-layout.qodef-skin--dark nav>ul>li>a {
    color: var(--qode-header-dark-color) !important
}

#qodef-page-header-inner.qodef-skin--dark .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened),
#qodef-page-header-inner.qodef-skin--dark .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened),
#qodef-page-header-inner.qodef-skin--dark .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened),
.qodef-custom-header-layout.qodef-skin--dark .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened),
.qodef-custom-header-layout.qodef-skin--dark .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened),
.qodef-custom-header-layout.qodef-skin--dark .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened) {
    color: var(--qode-header-dark-color) !important
}

#qodef-page-header .qodef-header-logo-link img.qodef--main {
    opacity: 1
}

#qodef-page-header .qodef-header-logo-link img.qodef--dark,
#qodef-page-header .qodef-header-logo-link img.qodef--light {
    opacity: 0
}

#qodef-page-header .qodef-header-logo-link img:not(.qodef--main) {
    position: absolute;
    top: -10%;
    left: 0;
    transform: translateY(-50%);
    padding: inherit
}

#qodef-page-header .qodef-header-logo-link.qodef-source--svg-path svg {
    display: block;
    width: 50px;
    height: auto;
    fill: currentColor;
    stroke: currentColor
}

#qodef-page-header .qodef-header-logo-link.qodef-source--textual {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 25px;
    line-height: 1.24em;
    letter-spacing: -.022em;
    font-weight: 400;
    transition: color .2s ease-out
}

@media only screen and (max-width:1368px) {
    #qodef-page-header .qodef-header-logo-link.qodef-source--textual {
        font-size: 25px;
        line-height: 1.24em
    }
}

@media only screen and (max-width:1024px) {
    #qodef-page-header .qodef-header-logo-link.qodef-source--textual {
        font-size: 20px;
        line-height: 1.25em
    }
}

#qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link img.qodef--dark,
#qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link img.qodef--main {
    opacity: 0
}

#qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link img.qodef--light {
    opacity: 1
}

#qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--svg-path,
#qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--textual {
    color: var(--qode-header-light-color) !important
}

#qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--svg-path:hover,
#qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--textual:hover {
    color: var(--qode-header-light-hover-color) !important
}

#qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link img.qodef--light,
#qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link img.qodef--main {
    opacity: 0
}

#qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link img.qodef--dark {
    opacity: 1
}

#qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--svg-path,
#qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--textual {
    color: var(--qode-header-dark-color) !important
}

#qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--svg-path:hover,
#qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--textual:hover {
    color: var(--qode-header-dark-hover-color) !important
}

body.qodef-header--minimal {
    --qode-header-height: 60px
}

.qodef-header--minimal #qodef-page-header-inner>:first-child {
    margin-left: auto
}

.qodef-header--minimal #qodef-page-header-inner .qodef-widget-holder {
    margin-right: 30px
}

.qodef-header-standard--right #qodef-page-header-inner .qodef-header-navigation {
    margin-left: auto
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-logo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-flex;
    align-items: center
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation {
    margin-left: auto;
    margin-right: auto
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-widget-holder {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0
}

.qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation {
    margin-right: auto
}

.qodef-header-standard--left #qodef-page-header-inner .qodef-header-logo-link {
    margin-right: 40px
}

.qodef-header--switch #qodef-page-header {
    height: 400px
}

.qodef-header--switch #qodef-page-header-inner {
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 32px;
    pointer-events: none
}

.qodef-header--switch #qodef-page-header-inner a {
    pointer-events: all
}

.qodef-header--switch #qodef-page-header-inner a .qodef-svg--menu-back-arrow {
    position: relative;
    left: 9px;
    fill: currentColor;
    stroke: none;
    width: 24px;
    height: auto
}

.qodef-header--switch #qodef-page-header-inner>* {
    display: flex;
    flex: 1 1 0
}

.qodef-header--switch #qodef-page-header-inner .qodef-header-holder--left {
    max-height: 100%;
    justify-content: flex-start;
    padding: 45px 0
}

.qodef-header--switch #qodef-page-header-inner .qodef-header-holder--middle {
    justify-content: center;
    padding: 45px 0
}

.qodef-header--switch #qodef-page-header-inner .qodef-header-holder--right {
    justify-content: flex-end;
    padding: 15px 0 45px
}

.qodef-header--switch #qodef-page-header-inner:after {
    display: none
}

.qodef-header--switch #qodef-page-header-inner .qodef-header-logo-link {
    align-items: flex-start
}

.qodef-header--switch #qodef-page-header-inner .qodef-header-logo-link img {
    margin: 0
}

.qodef-header--switch #qodef-page-header-inner .qodef-header-logo-link img:not(.qodef--main):not(.qodef--sticky) {
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.qodef-header--switch .qodef-header-switch-navigation {
    position: relative;
    width: 200px
}

.qodef-header--switch .qodef-header-switch-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.qodef-header--switch .qodef-header-switch-navigation ul li {
    position: relative;
    padding: 0;
    transition: opacity .2s ease-out;
    transition-delay: .1s;
    opacity: 1;
    pointer-events: all
}

.qodef-header--switch .qodef-header-switch-navigation ul li a {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 20px;
    line-height: 1.25em;
    letter-spacing: -.02em;
    font-weight: 400;
    text-transform: lowercase;
    white-space: nowrap
}

@media only screen and (max-width:1368px) {
    .qodef-header--switch .qodef-header-switch-navigation ul li a {
        font-size: 20px;
        line-height: 1.25em
    }
}

@media only screen and (max-width:1024px) {
    .qodef-header--switch .qodef-header-switch-navigation ul li a {
        font-size: 17px;
        line-height: 1.3529411765em
    }
}

.qodef-header--switch .qodef-header-switch-navigation ul li a .qodef-menu-item-text {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s ease
}

.qodef-header--switch .qodef-header-switch-navigation ul li a .qodef-menu-item-arrow {
    display: none
}

.qodef-header--switch .qodef-header-switch-navigation ul li a .qodef-menu-item-text {
    position: relative;
    padding: 2px 9px 3px
}

.qodef-header--switch .qodef-header-switch-navigation ul li a .qodef-menu-item-text:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 1px;
    height: calc(100% - 6px);
    transform-origin: bottom;
    transition: transform .3s cubic-bezier(.25, .46, .35, .94), color .2s ease-out;
    transform: scaleY(0);
    background-color: currentColor
}

.qodef-header--switch .qodef-header-switch-navigation ul li a.qodef-wider {
    white-space: normal
}

.qodef-header--switch .qodef-header-switch-navigation ul li a:hover .qodef-menu-item-text:after {
    transform: scaleY(1)
}

.qodef-header--switch .qodef-header-switch-navigation ul li.current-menu-ancestor>a .qodef-menu-item-text:after,
.qodef-header--switch .qodef-header-switch-navigation ul li.current-menu-item>a .qodef-menu-item-text:after {
    transform: scaleY(1)
}

.qodef-header--switch .qodef-header-switch-navigation ul li.qodef-menu--back a {
    text-transform: none;
    background-image: none
}

.qodef-header--switch .qodef-header-switch-navigation ul li.qodef-menu--back a::after {
    display: none !important
}

.qodef-header--switch .qodef-header-switch-navigation ul li .qodef-drop-down-second {
    transform: translateZ(0)
}

.qodef-header--switch .qodef-header-switch-navigation ul li .qodef-drop-down-second .sub-menu {
    position: absolute;
    left: 100px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .2s cubic-bezier(.46, .03, .52, .96)
}

.qodef-header--switch .qodef-header-switch-navigation ul li .qodef-drop-down-second li {
    margin: 12px 0
}

.qodef-header--switch .qodef-header-switch-navigation ul li .qodef-drop-down-second li a {
    position: relative;
    font-size: 18px
}

.qodef-header--switch .qodef-header-switch-navigation ul li .qodef-drop-down-second li .qodef-menu-item-text:after {
    bottom: 2px;
    height: calc(100% - 4px)
}

.qodef-header--switch .qodef-header-switch-navigation ul li .qodef-drop-down-second-inner {
    position: relative;
    display: block;
    padding: 0;
    z-index: 997
}

.qodef-header--switch .qodef-header-switch-navigation ul li.qodef--hide-link>a {
    cursor: default
}

.qodef-header--switch .qodef-header-switch-navigation ul li.qodef-menu-sibling--open {
    opacity: 0;
    pointer-events: none;
    transition-delay: 0s
}

.qodef-header--switch .qodef-header-switch-navigation ul li.qodef-menu-sibling--open>a {
    opacity: 0;
    pointer-events: none !important
}

.qodef-header--switch .qodef-header-switch-navigation ul li.qodef-menu-item--open>a {
    opacity: 0;
    pointer-events: none
}

.qodef-header--switch .qodef-header-switch-navigation ul li.qodef-menu-item--open .qodef-drop-down-second-inner>.sub-menu,
.qodef-header--switch .qodef-header-switch-navigation ul li.qodef-menu-item--open>.sub-menu {
    left: 0;
    visibility: visible;
    opacity: 1;
    transition: all .3s cubic-bezier(.65, .05, .36, 1) 50ms
}

.qodef-header--switch .qodef-header-switch-navigation>ul {
    display: inline-block;
    max-width: 100%;
    margin-top: -12px
}

.qodef-header--switch .qodef-header-switch-navigation>ul>li {
    margin: 12px 0
}

.qodef-header--switch .qodef-header-switch-navigation>ul>li>a {
    position: relative;
    overflow: hidden
}

.qodef-header--switch .qodef-header-switch-navigation .qodef-menu-item-icon {
    margin-right: 5px
}

.qodef-header--switch .qodef-skin--light .qodef-header-switch-navigation ul li a {
    color: var(--qode-header-light-color) !important
}

.qodef-header--switch .qodef-skin--dark .qodef-header-switch-navigation ul li a {
    color: var(--qode-header-dark-color) !important
}

.qodef-header--tabbed #qodef-page-header {
    --qode-tabbed-header-border: #000;
    opacity: 0
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper {
    display: block;
    height: 100%
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation,
.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-tabbed-header-logo {
    float: left
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-tabbed-header-logo {
    align-items: center
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-logo-link {
    justify-content: center
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-tabbed-header-wrapper {
    height: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    justify-content: space-between;
    display: flex
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder {
    margin: 0
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget .textwidget>*,
.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget .widget p {
    margin: 0
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget .qodef-woo-dropdown-cart {
    width: 100%;
    padding: 0
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget .qodef-woo-dropdown-cart .qodef-m-dropdown {
    right: -1px
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget .qodef-search-opener-text {
    font-size: 17px
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation>ul>li,
.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-tabbed-header-logo,
.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget {
    margin: 0;
    display: flex;
padding: 20px;
  margin-top: 10px;
    height: 100%;

}
.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-tabbed-header-logo
{
        min-width: 40%;
}
.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation
{
    width: 60%;
}
.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-widget-holder .widget:last-of-type {
    border-right: 0
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation ul li.qodef-menu-item--wide>.qodef-drop-down-second {
    top: calc(100% + 1px)
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation ul li .qodef-drop-down-second {
    left: 0
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation ul li .qodef-drop-down-second .qodef-drop-down-second-inner>ul {
    left: -1px;
    top: 1px
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation ul li .qodef-drop-down-second.qodef-drop-down--right {
    right: 0;
    left: auto
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation ul li .qodef-drop-down-second.qodef-drop-down--right .qodef-drop-down-second-inner>ul {
    left: auto;
    right: -1px
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-wrapper .qodef-header-navigation ul li .qodef-drop-down-second.qodef-drop-down--right ul li ul.qodef-drop-down--right {
    right: 100%;
    left: auto
}

.qodef-header--tabbed #qodef-page-header.qodef--loaded {
    opacity: 1
}

.qodef-header--tabbed #qodef-page-header-inner {
    padding: 0;
    border-bottom: 1px solid var(--qode-tabbed-header-border)
}

.qodef-header--tabbed #qodef-page-header-inner.qodef-skin--light {
    --qode-tabbed-header-border: #ffffff
}

.qodef-header--fixed-display #qodef-page-header,
.qodef-header--fixed-display #qodef-top-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.qodef--boxed.qodef-header--fixed-display #qodef-top-area {
    left: 30px;
    width: calc(100% - 60px)
}

.qodef--boxed.qodef-header--fixed-display #qodef-page-header {
    left: 30px;
    width: calc(100% - 60px)
}

.qodef-header--fixed-display.admin-bar #qodef-page-header,
.qodef-header--fixed-display.admin-bar #qodef-top-area {
    top: 32px
}

.qodef-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background-color: #000;
    transform: translateY(-100%);
    transition: transform .5s ease, top .5s ease;
    z-index: 100
}

.qodef-header--sticky-display .qodef-header-sticky {
    transform: translateY(0)
}

.admin-bar.qodef-header--sticky-display .qodef-header-sticky {
    top: 32px
}

.qodef-header-sticky-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 42px;
  margin-top: -20px;
}

.qodef-header-sticky-inner.qodef-content-grid {
    padding: 0
}

.qodef-header-standard--right .qodef-header-sticky-inner .qodef-header-logo-link {
    margin-right: auto
}

.qodef-header-standard--left .qodef-header-sticky-inner {
    justify-content: flex-start
}

.qodef-header-standard--left .qodef-header-sticky-inner .qodef-header-navigation {
    margin-left: 20px
}

.qodef-header-standard--left .qodef-header-sticky-inner .qodef-widget-holder {
    margin-left: auto !important
}

body.qodef-top-area--enabled {
    --qode-top-bar-height: 40px
}

#qodef-top-area {
    position: relative;
    background-color: #000;
    z-index: 101
}

#qodef-top-area .qodef-widget-holder {
    display: flex;
    align-items: center;
    height: 100%
}

#qodef-top-area .qodef-widget-holder.qodef--left {
    margin-right: auto
}

#qodef-top-area .qodef-widget-holder.qodef--right {
    margin-left: auto
}

#qodef-top-area .qodef-widget-holder .widget {
    margin: 0 12px
}

#qodef-top-area .qodef-widget-holder .widget:first-child {
    margin-left: 0
}

#qodef-top-area .qodef-widget-holder .widget:last-child {
    margin-right: 0
}

#qodef-top-area .widget {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

#qodef-top-area .widget .textwidget>*,
#qodef-top-area .widget .widget p {
    margin: 0
}

#qodef-top-area div[id^=monster-widget-placeholder],
#qodef-top-area div[id^=woo-monster-widget-placeholder] {
    display: none
}

#qodef-top-area-inner {
    align-items: center;
    display: flex;
    height: var(--qode-top-bar-height);
    justify-content: space-between;
    padding: 0 32px;
    position: relative;
    border-bottom: 0 solid transparent
}

#qodef-top-area-inner.qodef-content-grid {
    padding: 0 !important
}

#qodef-top-area-inner.qodef-alignment--center .qodef-widget-holder {
    margin: 0 auto
}

#qodef-multiple-map-notice {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 30px 15%;
    text-align: center;
    color: var(--qode-main-color);
    background-color: #fafafa
}

.qodef-map-marker-holder {
    transform: translate(-50%, -100%);
    z-index: 10
}

.qodef-map-marker-holder.qodef-active {
    z-index: 500
}

.qodef-map-marker-holder.qodef-active .qodef-map-marker svg path:first-child {
    fill: #3ebeb4
}

.qodef-map-marker-holder.qodef-active .qodef-map-marker svg path:last-child {
    fill: #51a69e
}

.qodef-map-marker-holder#qodef-geo-location-marker .qodef-info-window {
    display: block
}

.qodef-map-marker-holder#qodef-geo-location-marker .qodef-map-marker svg path:first-child {
    fill: #3ebeb4
}

.qodef-map-marker-holder#qodef-geo-location-marker .qodef-map-marker svg path:last-child {
    fill: #51a69e
}

.qodef-map-marker-holder .qodef-map-marker {
    position: relative;
    width: 50px;
    height: auto;
    transition: all .15s ease-out
}

.qodef-map-marker-holder .qodef-map-marker .qodef-map-marker-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.qodef-map-marker-holder .qodef-map-marker svg {
    width: 100%;
    height: auto
}

.qodef-map-marker-holder .qodef-map-marker svg path {
    transition: fill .2s ease-in-out
}

.qodef-map-marker-holder .qodef-map-marker:hover svg path:first-child {
    fill: #3ebeb4
}

.qodef-map-marker-holder .qodef-map-marker:hover svg path:last-child {
    fill: #51a69e
}

.qodef-map-marker-holder .qodef-info-window {
    position: absolute;
    top: -10px;
    left: -17px;
    display: none;
    min-width: 284px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, .5);
    z-index: 10;
    transition: opacity .3s ease;
    transform: translate(0, -100%)
}

.qodef-map-marker-holder .qodef-info-window-inner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px
}

.qodef-map-marker-holder .qodef-info-window-inner:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 35px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(-135deg)
}

.qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-image {
    margin-right: 12px
}

.qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-image img {
    display: block;
    width: 65px
}

.qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-title {
    margin: 0;
    transition: color .2s ease-out
}

.qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-location {
    margin: 3px 0 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.2em
}

.qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-link:hover~.qodef-info-window-details .qodef-info-window-title {
    color: var(--qode-main-color)
}

.qodef-cluster-marker {
    width: 50px;
    height: auto
}

.qodef-cluster-marker.qodef-active svg path:first-child,
.qodef-cluster-marker:hover svg path:first-child {
    fill: #3ebeb4
}

.qodef-cluster-marker.qodef-active svg path:last-child,
.qodef-cluster-marker:hover svg path:last-child {
    fill: #51a69e
}

.qodef-cluster-marker .qodef-cluster-marker-inner {
    position: relative
}

.qodef-cluster-marker .qodef-cluster-marker-inner .qodef-cluster-marker-number {
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #000
}

.qodef-cluster-marker svg {
    width: 100%;
    height: auto
}

.qodef-cluster-marker svg path {
    transition: fill .2s ease-in-out
}

.qodef-places-geo-radius {
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    width: 100%;
    height: 48px;
    display: none;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 9999
}

.qodef-places-geo-radius .qodef-range-slider-label {
    display: inline-flex;
    align-items: center;
    height: 100%
}

.qodef-places-geo-radius .noUi-target {
    position: relative;
    display: inline-flex;
    height: 3px;
    width: calc(100% - 70px);
    background-color: #eaeaea;
    border: 0;
    direction: ltr;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 10px
}

.qodef-places-geo-radius .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    user-select: none
}

.qodef-places-geo-radius .noUi-target .noUi-base {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.qodef-places-geo-radius .noUi-target .noUi-connects {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0
}

.qodef-places-geo-radius .noUi-target .noUi-connect,
.qodef-places-geo-radius .noUi-target .noUi-origin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    will-change: transform;
    transform-origin: 0 0
}

.qodef-places-geo-radius .noUi-target .noUi-connect {
    background-color: var(--qode-main-color)
}

.qodef-places-geo-radius .noUi-target .noUi-handle {
    position: absolute;
    top: -3px;
    left: auto;
    right: -9px;
    width: 9px;
    height: 9px;
    background-color: var(--qode-main-color);
    cursor: pointer
}

.qodef-places-geo-radius .noUi-target .noUi-tooltip {
    position: absolute;
    left: 50%;
    bottom: 7px;
    display: block;
    font-size: 12px;
    white-space: nowrap;
    transform: translateX(-50%)
}

.qodef-places-geo-radius .noUi-target .noUi-tooltip:after {
    content: " km"
}

.qodef-places-geo-radius .noUi-state-drag * {
    cursor: inherit !important
}

.qodef-places-geo-radius .noUi-draggable {
    cursor: ew-resize
}

.qodef-places-geo-radius [disabled] .noUi-handle,
.qodef-places-geo-radius [disabled].noUi-handle,
.qodef-places-geo-radius [disabled].noUi-target {
    cursor: not-allowed !important
}

#qodef-page-mobile-header .qodef-widget-holder {
    display: flex;
    align-items: center;
    height: 100%
}

#qodef-page-mobile-header .qodef-widget-holder .widget {
    margin: 0 0 0 12px
}

#qodef-page-mobile-header .widget {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

#qodef-page-mobile-header .widget .textwidget>*,
#qodef-page-mobile-header .widget .widget p {
    margin: 0
}

#qodef-page-mobile-header div[id^=monster-widget-placeholder],
#qodef-page-mobile-header div[id^=woo-monster-widget-placeholder] {
    display: none
}

#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon {
    visibility: hidden
}

#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close {
    visibility: visible
}

.qodef-mobile-header--sticky #qodef-page-mobile-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%)
}

.qodef-mobile-header--sticky-animation #qodef-page-mobile-header {
    transition: transform .3s ease, top .3s ease
}

.qodef-mobile-header--sticky-display #qodef-page-mobile-header {
    transform: translateY(0)
}

.admin-bar.qodef-mobile-header--sticky-display #qodef-page-mobile-header {
    top: 46px
}

.qodef--passepartout #qodef-page-mobile-header-inner {
    padding: 0
}

.qodef-mobile-header-navigation ul li .qodef-content-grid {
    width: 100%
}

#qodef-page-mobile-header .qodef-header-logo-image.qodef--customizer {
    max-height: 100%;
    width: auto;
    margin-right: auto
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--main {
    opacity: 1
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--dark,
#qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--light {
    opacity: 0
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link img:not(.qodef--main) {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--svg-path svg {
    display: block;
    width: 50px;
    height: auto;
    fill: currentColor;
    stroke: currentColor
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 25px;
    line-height: 1.24em;
    letter-spacing: -.022em;
    font-weight: 400;
    transition: color .2s ease-out
}

@media only screen and (max-width:1368px) {
    #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual {
        font-size: 25px;
        line-height: 1.24em
    }
}

@media only screen and (max-width:1024px) {
    #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual {
        font-size: 20px;
        line-height: 1.25em
    }
}

#qodef-page-mobile-header-inner.qodef-skin--light .qodef-mobile-header-logo-link img.qodef--dark,
#qodef-page-mobile-header-inner.qodef-skin--light .qodef-mobile-header-logo-link img.qodef--main {
    opacity: 0
}

#qodef-page-mobile-header-inner.qodef-skin--light .qodef-mobile-header-logo-link img.qodef--light {
    opacity: 1
}

#qodef-page-mobile-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--predefined {
    color: #fff
}

.qodef-mobile-header-navigation ul li a .qodef-menu-item-icon {
    margin-right: 5px
}

.qodef-mobile-header-navigation ul li.qodef--hide-link>a {
    cursor: default
}

.qodef-mobile-header-navigation .qodef-mega-menu-widget-holder {
    display: none
}

.qodef-mobile-header--minimal #qodef-page-mobile-header-inner {
    justify-content: flex-end
}

.qodef-mobile-header--minimal #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link {
    margin-right: auto
}

.qodef-mobile-header--minimal #qodef-page-mobile-header-inner .qodef-opener-icon {
    margin-left: 20px
}

.qodef-fullscreen-menu--opened {
    overflow-y: hidden
}

.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--light {
    opacity: 1
}

.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--dark,
.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--main {
    opacity: 0
}

.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--svg-path,
.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual {
    color: var(--qode-header-light-color) !important
}

.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--svg-path:hover,
.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual:hover {
    color: var(--qode-header-light-hover-color) !important
}

.qodef-mobile-header--standard #qodef-page-mobile-header-inner {
    justify-content: flex-end
}

.qodef-mobile-header--standard #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link {
    margin-right: auto
}

.qodef-header-navigation .qodef-menu-item-icon {
    display: block;
    margin-right: 5px;
    line-height: inherit
}

.qodef-header-navigation .qodef-menu-item-icon:before {
    display: block;
    line-height: inherit
}

.qodef-header-navigation ul li .qodef-drop-down-second {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: auto;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 10
}

.qodef-header-navigation ul li .qodef-drop-down-second.qodef-drop-down--start {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    z-index: 20;
    transition: opacity .2s ease-out
}

.qodef-header-navigation ul li .qodef-mega-menu-widget-holder {
    display: none;
    white-space: normal
}

.qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second.qodef-drop-down--right {
    left: auto;
    right: 0
}

.qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second-inner>ul {
    position: relative;
    top: auto;
    opacity: 1;
    visibility: visible
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-mega-menu-widget-holder {
    display: block
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second {
    background-color: #000
}

.qodef--boxed .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner,
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner:not(.qodef-content-grid) {
    padding: 0 32px
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul {
    display: flex;
    justify-content: space-between;
    padding: 31px 0 22px;
    margin: 0 -30px
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li {
    width: 100%;
    padding: 0 30px
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li>a {
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    color: #fff
}

@media only screen and (max-width:1024px) {
    .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li>a {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li>a .qodef-menu-item-text {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s ease
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li>a .qodef-menu-item-text {
    padding-bottom: 2px
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li>a:hover {
    color: #fff
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li>a:hover .qodef-menu-item-text {
    background-size: 100% 1px
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li .qodef-menu-item-arrow {
    display: none
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li ul {
    padding-top: 3px
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li ul li>a {
    position: relative;
    display: flex;
    white-space: normal;
    margin: 12px 0;
    overflow: hidden;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4375em;
    letter-spacing: -.02em;
    text-transform: initial
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li ul li>a .qodef-menu-item-icon {
    flex-shrink: 0
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li ul li>a .qodef-menu-item-text {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s ease
}

@media only screen and (max-width:1024px) {
    .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li ul li>a {
        font-size: 14px;
        line-height: 1.5em
    }
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li ul li.current-menu-item>a .qodef-menu-item-text,
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li ul li:hover>a .qodef-menu-item-text {
    background-size: 100% 1px
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li.current-menu-ancestor>a,
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li.current-menu-item>a {
    color: #fff
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li.current-menu-ancestor>a .qodef-menu-item-text,
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul>li.current-menu-item>a .qodef-menu-item-text {
    background-size: 100% 1px
}

body:not(.qodef-drop-down-second--full-width) .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner {
    padding: 0 32px
}

.qodef-opener-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.qodef-opener-icon .qodef-m-icon {
    position: relative;
    visibility: visible
}

.qodef-opener-icon .qodef-m-icon.qodef--close {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.qodef-opener-icon.qodef-source--icon-pack {
    font-size: 35px
}

.qodef-opener-icon.qodef-source--icon-pack * {
    display: inline-block;
    line-height: inherit
}

.qodef-opener-icon.qodef-source--icon-pack :before {
    display: inline-block;
    line-height: inherit
}

.qodef-opener-icon.qodef-source--icon-pack.qodef--opened .qodef-m-icon.qodef--open {
    visibility: hidden
}

.qodef-opener-icon.qodef-source--icon-pack.qodef--opened .qodef-m-icon.qodef--close {
    visibility: visible
}

.qodef-opener-icon.qodef-source--svg-path span {
    position: relative
}

.qodef-opener-icon.qodef-source--svg-path span>* {
    vertical-align: middle
}

.qodef-opener-icon.qodef-source--svg-path span path,
.qodef-opener-icon.qodef-source--svg-path span>* {
    fill: currentColor;
    stroke: currentColor
}

.qodef-opener-icon.qodef-source--svg-path.qodef--opened .qodef-m-icon.qodef--open {
    visibility: hidden
}

.qodef-opener-icon.qodef-source--svg-path.qodef--opened .qodef-m-icon.qodef--close {
    visibility: visible
}

.qodef-opener-icon.qodef-source--predefined {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-items: center
}

.qodef-opener-icon.qodef-source--predefined.qodef--opened .qodef-m-icon.qodef--open {
    visibility: hidden
}

.qodef-opener-icon.qodef-source--predefined.qodef--opened .qodef-m-icon.qodef--close {
    visibility: visible
}

.qodef-opener-icon.qodef-source--predefined:not(.qodef-search-opener):not(.qodef-search-close):hover svg.qodef-svg--menu path {
    animation: qode-draw .75s cubic-bezier(.57, .39, 0, .86) 1 forwards
}

.qodef-opener-icon.qodef-source--predefined:not(.qodef-search-opener):not(.qodef-search-close):hover svg.qodef-svg--menu path:nth-of-type(2) {
    animation-delay: .13s
}

.qodef-opener-icon.qodef-source--predefined:not(.qodef-search-opener):not(.qodef-search-close):hover svg.qodef-svg--menu path:nth-of-type(3) {
    animation-delay: .17s
}

.qodef-opener-icon.qodef-source--predefined:not(.qodef-search-opener):not(.qodef-search-close):hover svg.qodef-svg--close rect {
    animation: qode-draw .75s cubic-bezier(.57, .39, 0, .86) 1 forwards
}

.qodef-parallax {
    position: relative;
    width: 100%;
    overflow: hidden
}

.qodef-parallax.elementor-inner-section {
    height: 100%
}

.qodef-parallax-row-holder {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.qodef-parallax-img-holder {
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    width: 100%;
    opacity: 0;
    will-change: transform
}

.qodef-page-title .qodef-parallax-img-holder {
    min-height: 500px
}

.qodef-parallax-content-holder {
    position: relative;
    z-index: 99
}

.qodef-parallax-img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    will-change: transform
}

img.qodef-parallax-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: unset
}

.elementor img.qodef-parallax-img {
    height: 100%;
    max-width: unset
}

.qodef-contact-form-7,
.rs-layer,
.sr7-layer {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-contact-form-7 br,
.rs-layer br,
.sr7-layer br {
    display: none
}

.qodef-contact-form-7 .ajax-loader,
.rs-layer .ajax-loader,
.sr7-layer .ajax-loader {
    display: none
}

.qodef-contact-form-7 .wpcf7-form-control-wrap,
.rs-layer .wpcf7-form-control-wrap,
.sr7-layer .wpcf7-form-control-wrap {
    display: block;
    max-width: 100%
}

.qodef-contact-form-7 .wpcf7-not-valid-tip,
.rs-layer .wpcf7-not-valid-tip,
.sr7-layer .wpcf7-not-valid-tip {
    margin: 10px 0 0 0
}

.qodef-contact-form-7 .wpcf7-response-output,
.rs-layer .wpcf7-response-output,
.sr7-layer .wpcf7-response-output {
    border-width: 1px !important;
    margin: 2em 0 0 0 !important;
    padding: 1em 1.5em !important
}

.qodef-contact-form-7 .wpcf7-form,
.rs-layer .wpcf7-form,
.sr7-layer .wpcf7-form {
    position: relative
}

.qodef-contact-form-7 .wpcf7-form:before,
.rs-layer .wpcf7-form:before,
.sr7-layer .wpcf7-form:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    content: "";
    visibility: hidden;
    z-index: 98
}

.qodef-contact-form-7 .wpcf7-form:after,
.rs-layer .wpcf7-form:after,
.sr7-layer .wpcf7-form:after {
    animation: qode-rotate 2s linear infinite;
    background-color: transparent;
    border: 2px solid #fafafa;
    border-radius: 50%;
    border-top: 2px solid var(--qode-main-color);
    content: "";
    height: 24px;
    left: calc(50% - 24px / 2);
    opacity: 1;
    position: absolute;
    top: calc(50% - 24px / 2);
    visibility: hidden;
    width: 24px;
    z-index: 99
}

.qodef-contact-form-7 .wpcf7-form.submitting>*,
.rs-layer .wpcf7-form.submitting>*,
.sr7-layer .wpcf7-form.submitting>* {
    opacity: .3
}

.qodef-contact-form-7 .wpcf7-form.submitting:after,
.qodef-contact-form-7 .wpcf7-form.submitting:before,
.rs-layer .wpcf7-form.submitting:after,
.rs-layer .wpcf7-form.submitting:before,
.sr7-layer .wpcf7-form.submitting:after,
.sr7-layer .wpcf7-form.submitting:before {
    visibility: visible
}

.qodef-contact-form-7 .wpcf7-form .qodef-button .qodef-m-text:after,
.rs-layer .wpcf7-form .qodef-button .qodef-m-text:after,
.sr7-layer .wpcf7-form .qodef-button .qodef-m-text:after {
    width: calc(100% + 22px)
}

.qodef-contact-form-7 .qodef-contact-form--standard .qodef-grid>.qodef-grid-inner,
.rs-layer .qodef-contact-form--standard .qodef-grid>.qodef-grid-inner,
.sr7-layer .qodef-contact-form--standard .qodef-grid>.qodef-grid-inner {
    gap: 20px !important
}

.qodef-contact-form-7 .qodef-contact-form--standard .wpcf7-form-control-wrap,
.rs-layer .qodef-contact-form--standard .wpcf7-form-control-wrap,
.sr7-layer .qodef-contact-form--standard .wpcf7-form-control-wrap {
    margin: 0 0 25px
}

.qodef-contact-form-7 .qodef-contact-form--standard .qodef-textearea-field .wpcf7-form-control-wrap,
.rs-layer .qodef-contact-form--standard .qodef-textearea-field .wpcf7-form-control-wrap,
.sr7-layer .qodef-contact-form--standard .qodef-textearea-field .wpcf7-form-control-wrap {
    margin: 0 0 14px
}

.qodef-contact-form-7 .qodef-contact-form--standard .qodef-textearea-field .wpcf7-form-control-wrap textarea,
.rs-layer .qodef-contact-form--standard .qodef-textearea-field .wpcf7-form-control-wrap textarea,
.sr7-layer .qodef-contact-form--standard .qodef-textearea-field .wpcf7-form-control-wrap textarea {
    margin-top: 16px
}

.qodef-contact-form-7 .qodef-contact-form--newsletter .qodef-m-button,
.rs-layer .qodef-contact-form--newsletter .qodef-m-button,
.sr7-layer .qodef-contact-form--newsletter .qodef-m-button {
    position: absolute;
    right: 0;
    bottom: 8px
}

.qodef-contact-form-7 .qodef-contact-form--newsletter.qodef-contact-form--newsletter-light .wpcf7-form-control-wrap input,
.rs-layer .qodef-contact-form--newsletter.qodef-contact-form--newsletter-light .wpcf7-form-control-wrap input,
.sr7-layer .qodef-contact-form--newsletter.qodef-contact-form--newsletter-light .wpcf7-form-control-wrap input {
    color: #fff !important;
    border-color: #fff !important
}

.qodef-contact-form-7 .qodef-contact-form--newsletter.qodef-contact-form--newsletter-light .qodef-m-button,
.rs-layer .qodef-contact-form--newsletter.qodef-contact-form--newsletter-light .qodef-m-button,
.sr7-layer .qodef-contact-form--newsletter.qodef-contact-form--newsletter-light .qodef-m-button {
    color: #fff !important;
    background-color: transparent !important;
    border: 0 !important
}

.qodef-instagram-list #sb_instagram {
    padding: 0 !important;
    overflow: hidden !important
}

html.elementor-html .qodef-instagram-list #sb_instagram #sbi_images .sbi_item.sbi_transition {
    opacity: 1 !important
}

.qodef-instagram-list .sbi_photo_wrap a {
    background-image: none !important;
    height: auto !important;
    padding-bottom: 0 !important
}

.qodef-instagram-list .sbi_photo_wrap a:after {
    color: #fff;
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    font-size: 20px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease-out
}

.qodef-instagram-list .sbi_photo_wrap a:hover:after {
    opacity: 1
}

.qodef-instagram-list .sbi_photo_wrap a img {
    display: inline-block !important
}

.qodef-instagram-list #sb_instagram.qodef-swiper-container #sbi_images .sbi_item {
    margin: inherit !important
}

.qodef-twitter-list.qodef-layout--columns.qodef--no-bottom-info #ctf .ctf-tweet-actions {
    display: none
}

.qodef-twitter-list.qodef-layout--columns #ctf {
    overflow: hidden
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-item {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border: 0
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-box {
    margin-left: 0;
    display: block;
    margin-bottom: 8px
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-box-link {
    line-height: 1 !important;
    display: flex;
    align-items: center;
    flex-flow: row wrap
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-avatar {
    width: 37px;
    height: 37px;
    margin: 0 7px 0 0;
    float: none;
    border-radius: 0
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-name {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 20px;
    line-height: 1.25em;
    letter-spacing: -.02em;
    font-weight: 400;
    font-weight: 600 !important;
    margin: 0 4px 0 0
}

@media only screen and (max-width:1368px) {
    .qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-name {
        font-size: 20px;
        line-height: 1.25em
    }
}

@media only screen and (max-width:1024px) {
    .qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-name {
        font-size: 17px;
        line-height: 1.3529411765em
    }
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-screename-sep {
    display: none
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-context,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-twitterlink {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4375em;
    letter-spacing: -.02em;
    text-transform: initial;
    margin-right: 4px;
    margin-left: 0
}

@media only screen and (max-width:1024px) {
    .qodef-twitter-list.qodef-layout--columns #ctf .ctf-context,
    .qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta,
    .qodef-twitter-list.qodef-layout--columns #ctf .ctf-twitterlink {
        font-size: 14px;
        line-height: 1.5em
    }
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-context:last-child,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta:last-child,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-twitterlink:last-child {
    margin-right: 0
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta {
    margin-top: 4px
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-screenname {
    display: none
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-content {
    display: flex;
    align-items: baseline;
    margin-left: 0;
    padding: 0;
    margin-top: -5px
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-content:before {
    content: "\e094";
    font-family: ElegantIcons;
    padding-right: 10px;
    font-size: 18px;
    position: relative;
    top: 5px
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions {
    display: flex;
    align-items: baseline;
    margin-left: 0;
    margin-top: -3px
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions:before {
    content: "\e094";
    font-family: ElegantIcons;
    padding-right: 10px;
    font-size: 18px;
    visibility: hidden
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions a {
    padding: 0;
    font-size: 14px;
    margin-right: 8px
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions a:last-child {
    margin-right: 0
}

.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions a.ctf-reply {
    margin-left: 0
}

.qodef-twitter-list.qodef-layout--columns .ctf-tweets {
    --qode-columns: 3;
    --qode-columns-row-gap: 30px;
    --qode-columns-col-gap: 30px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--qode-columns), minmax(0, 1fr));
    row-gap: var(--qode-columns-row-gap);
    column-gap: var(--qode-columns-col-gap)
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--1 .ctf-tweets {
    --qode-columns: 1
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--2 .ctf-tweets {
    --qode-columns: 2
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--3 .ctf-tweets {
    --qode-columns: 3
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--4 .ctf-tweets {
    --qode-columns: 4
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--5 .ctf-tweets {
    --qode-columns: 5
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--6 .ctf-tweets {
    --qode-columns: 6
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--7 .ctf-tweets {
    --qode-columns: 7
}

.qodef-twitter-list.qodef-layout--columns.qodef-col-num--8 .ctf-tweets {
    --qode-columns: 8
}

.qodef-twitter-list.qodef-vertical-gutter--no .ctf-tweets {
    --qode-columns-row-gap: 0px
}

.qodef-twitter-list.qodef-vertical-gutter--tiny .ctf-tweets {
    --qode-columns-row-gap: 10px
}

.qodef-twitter-list.qodef-vertical-gutter--small .ctf-tweets {
    --qode-columns-row-gap: 20px
}

.qodef-twitter-list.qodef-vertical-gutter--normal .ctf-tweets {
    --qode-columns-row-gap: 30px
}

.qodef-twitter-list.qodef-vertical-gutter--medium .ctf-tweets {
    --qode-columns-row-gap: 40px
}

.qodef-twitter-list.qodef-vertical-gutter--large .ctf-tweets {
    --qode-columns-row-gap: 50px
}

.qodef-twitter-list.qodef-vertical-gutter--huge .ctf-tweets {
    --qode-columns-row-gap: 80px
}

.qodef-twitter-list.qodef-gutter--no .ctf-tweets {
    --qode-columns-col-gap: 0px
}

.qodef-twitter-list.qodef-gutter--tiny .ctf-tweets {
    --qode-columns-col-gap: 10px
}

.qodef-twitter-list.qodef-gutter--small .ctf-tweets {
    --qode-columns-col-gap: 20px
}

.qodef-twitter-list.qodef-gutter--normal .ctf-tweets {
    --qode-columns-col-gap: 30px
}

.qodef-twitter-list.qodef-gutter--medium .ctf-tweets {
    --qode-columns-col-gap: 40px
}

.qodef-twitter-list.qodef-gutter--large .ctf-tweets {
    --qode-columns-col-gap: 50px
}

.qodef-twitter-list.qodef-gutter--huge .ctf-tweets {
    --qode-columns-col-gap: 80px
}

.qodef-twitter-list.qodef-vertical-gutter--custom {
    --qode-vertical-gutter-custom: 30px;
    --qode-vertical-gutter-custom-1512: 30px;
    --qode-vertical-gutter-custom-1200: 30px;
    --qode-vertical-gutter-custom-880: 30px
}

.qodef-twitter-list.qodef-vertical-gutter--custom .ctf-tweets {
    --qode-columns-row-gap: var(--qode-vertical-gutter-custom, 30px)
}

.qodef-twitter-list.qodef-gutter--custom {
    --qode-gutter-custom: 30px;
    --qode-gutter-custom-1512: 30px;
    --qode-gutter-custom-1200: 30px;
    --qode-gutter-custom-880: 30px
}

.qodef-twitter-list.qodef-gutter--custom .ctf-tweets {
    --qode-columns-col-gap: var(--qode-gutter-custom, 30px)
}

#qodef-page-footer .widget .qodef-twitter-list.qodef-layout--columns #ctf a {
    color: #ccc
}

#qodef-page-footer .widget .qodef-twitter-list.qodef-layout--columns #ctf a:hover {
    color: #fff
}

#qodef-side-area .widget .qodef-twitter-list.qodef-layout--columns #ctf a {
    color: #ccc
}

#qodef-side-area .widget .qodef-twitter-list.qodef-layout--columns #ctf a:hover {
    color: #fff
}

.qodef-shortcode .last_toggle_el_margin,
.qodef-shortcode .wpb_button,
.qodef-shortcode .wpb_content_element,
.qodef-shortcode .wpb_row,
.qodef-shortcode ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0 !important
}

.qodef-vc-row-wrapper.qodef--parallax-row {
    width: 100%
}

.touchevents .qodef-vc-row-wrapper.qodef--parallax-row {
    height: auto !important
}

.qodef-clients-list .qodef-e {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e {
    display: flex;
    align-items: center;
    justify-content: center
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-image {
    line-height: 0;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-image a {
    display: inline-block
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-logo {
    width: auto;
    opacity: 1;
    will-change: opacity;
    transition: opacity .35s ease-out;
    display: inline-block
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-hover-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    opacity: 0;
    will-change: opacity;
    transition: opacity .35s ease-out
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-logo {
    opacity: 0
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-hover-logo {
    opacity: 1
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e {
    display: flex;
    align-items: center;
    justify-content: center
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-image {
    line-height: 0;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-image a {
    display: inline-block
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-logo {
    width: auto;
    opacity: var(--qodef-client-initial-opacity, 1);
    will-change: opacity;
    transition: opacity .3s ease;
    display: inline-block
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-hover-logo {
    display: none
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e:hover .qodef-e-logo {
    opacity: var(--qodef-client-hover-opacity, .5)
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e {
    display: flex;
    align-items: center;
    justify-content: center
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-image {
    line-height: 0;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-image a {
    display: inline-block
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-logo {
    width: auto;
    display: inline-block
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-hover-logo {
    display: none
}

.qodef-clients-showcase {
    display: flex
}

.qodef-clients-showcase .qodef-e-image-holder {
    position: relative;
    flex-basis: 50%
}

.qodef-clients-showcase .qodef-e-image-holder>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qodef-clients-showcase .qodef-e-image-holder .qodef-e-image {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease-out, visibility .2s ease-out
}

.qodef-clients-showcase .qodef-e-image-holder .qodef-e-image.qodef--hover {
    opacity: 1;
    visibility: visible
}

.qodef-clients-showcase .qodef-e-info-list {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 20px 42px 44px;
    background-color: var(--qode-main-color)
}

@media only screen and (max-width:880px) {
    .qodef-clients-showcase .qodef-e-info-list {
        padding: 50px 28px 42px
    }
}

.qodef-clients-showcase .qodef-e-info-list .qodef-e-info-text {
    margin: 0
}

.qodef-clients-showcase .qodef-e-info-list .qodef-e-items-list {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    padding-top: 50px
}

.qodef-clients-showcase .qodef-e-info-list article .qodef-e-title {
    margin: 0;
    position: relative;
    display: inline-block;
    --qode-underline-height: 2px;
    --qode-underline-position-y: 100%;
    --qode-bottom: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - var(--qode-underline-height)), currentColor var(--qode-underline-height)) !important;
    padding-bottom: var(--qode-bottom);
    transition: background-size .5s cubic-bezier(.23, .63, .19, .97);
    background-size: 0 var(--qode-underline-position-y)
}

.qodef-clients-showcase .qodef-e-info-list article.qodef--hover .qodef-e-title {
    background-size: 100% var(--qode-underline-position-y)
}

.qodef-clients-showcase.qodef-items-direction--horizontal .qodef-e-items-list {
    flex-direction: row;
    max-width: 55%;
    flex-wrap: wrap;
    row-gap: 35px;
    column-gap: 60px
}

@media only screen and (max-width:1600px) {
    .qodef-clients-showcase.qodef-items-direction--horizontal .qodef-e-items-list {
        max-width: 70%
    }
}

@media only screen and (max-width:1368px) {
    .qodef-clients-showcase.qodef-items-direction--horizontal .qodef-e-items-list {
        max-width: 86%
    }
}

@media only screen and (max-width:1512px) {
    .qodef-clients-showcase.qodef-items-direction--horizontal .qodef-e-items-list {
        row-gap: 20px;
        column-gap: 30px;
        padding-top: 140px
    }
}

@media only screen and (max-width:680px) {
    .qodef-clients-showcase.qodef-items-direction--horizontal .qodef-e-items-list {
        row-gap: 15px;
        column-gap: 26px
    }
}

@media only screen and (max-width:1512px) {
    .qodef-clients-showcase.qodef-info-text-break--disabled .qodef-e-info-text br {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .qodef-clients-showcase.qodef-items-direction--horizontal .qodef-e-items-list {
        max-width: 100%
    }
    .qodef-clients-showcase .qodef-e-image-holder .qodef-e-image img,
    .qodef-clients-showcase .qodef-e-image-holder .qodef-e-image svg {
        height: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:880px) {
    .qodef-clients-showcase.qodef-items-direction--horizontal .qodef-e-items-list {
        row-gap: 14px;
        column-gap: 30px
    }
}

@media only screen and (max-width:680px) {
    .qodef-clients-showcase {
        display: flex;
        flex-direction: column
    }
    .qodef-clients-showcase .qodef-e-image-holder {
        display: none
    }
}

.single-portfolio-item:has(#qodef-single-portfolio-navigation) #qodef-page-inner {
    padding-bottom: 0
}

.qodef-portfolio-single {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-portfolio-single .qodef-media iframe {
    max-height: 56.25vw
}

.qodef-portfolio-single .qodef-media .qodef-layout--masonry.qodef-items--fixed .qodef-grid-item img {
    height: 100%;
    object-fit: cover
}

.qodef-portfolio-single .qodef-portfolio-title {
    margin: 0 0 12px
}

.qodef-portfolio-single .qodef-portfolio-info>* {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-e-title {
    margin: 0 0 14px
}

.qodef-portfolio-single .qodef-portfolio-info a:not(.qodef-share-link),
.qodef-portfolio-single .qodef-portfolio-info p {
    margin: 0;
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000
}

@media only screen and (max-width:1024px) {
    .qodef-portfolio-single .qodef-portfolio-info a:not(.qodef-share-link),
    .qodef-portfolio-single .qodef-portfolio-info p {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-portfolio-single .qodef-portfolio-info a:not(.qodef-share-link) span[class*=-label],
.qodef-portfolio-single .qodef-portfolio-info p span[class*=-label] {
    margin-right: 4px
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-e-category {
    display: flex;
    flex-wrap: wrap
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-social-share {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-social-share .qodef-social-title {
    font-family: Inter, sans-serif;
    font-size: 20px;
    line-height: 1.25em;
    letter-spacing: -.02em;
    font-weight: 400;
    text-transform: initial;
    margin: 0
}

@media only screen and (max-width:1368px) {
    .qodef-portfolio-single .qodef-portfolio-info .qodef-social-share .qodef-social-title {
        font-size: 20px;
        line-height: 1.25em
    }
}

@media only screen and (max-width:1024px) {
    .qodef-portfolio-single .qodef-portfolio-info .qodef-social-share .qodef-social-title {
        font-size: 17px;
        line-height: 1.3529411765em
    }
}

.qodef-portfolio-single .qodef-variations--small .qodef-portfolio-info {
    margin-top: 39px;
    display: flex;
    flex-direction: column;
    row-gap: 38px
}

.qodef-portfolio-single .qodef-variations--big .qodef-media {
    margin-bottom: 41px
}

.qodef-portfolio-single .qodef-variations--big .qodef-portfolio-info {
    margin-top: 7px;
    display: flex;
    justify-content: space-between;
    column-gap: 60px;
    row-gap: 30px
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info--top .qodef-e-info-text {
    opacity: 1;
    transform: translateY(0)
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info--top .qodef-e-info-text {
    transition-delay: .36s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:before {
    transform: scaleX(1) !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article .qodef-e-inner {
    opacity: 1;
    transform: translateY(0)
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(1):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(1):before {
    transition-delay: .68s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(1) .qodef-e-inner {
    transition-delay: .64s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(2):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(2):before {
    transition-delay: .84s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(2) .qodef-e-inner {
    transition-delay: .8s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(3):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(3):before {
    transition-delay: 1s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(3) .qodef-e-inner {
    transition-delay: .96s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(4):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(4):before {
    transition-delay: 1.16s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(4) .qodef-e-inner {
    transition-delay: 1.12s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(5):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(5):before {
    transition-delay: 1.32s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(5) .qodef-e-inner {
    transition-delay: 1.28s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(6):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(6):before {
    transition-delay: 1.48s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(6) .qodef-e-inner {
    transition-delay: 1.44s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(7):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(7):before {
    transition-delay: 1.64s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(7) .qodef-e-inner {
    transition-delay: 1.6s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(8):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(8):before {
    transition-delay: 1.8s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(8) .qodef-e-inner {
    transition-delay: 1.76s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(9):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(9):before {
    transition-delay: 1.96s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(9) .qodef-e-inner {
    transition-delay: 1.92s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(10):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(10):before {
    transition-delay: 2.12s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(10) .qodef-e-inner {
    transition-delay: 2.08s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(11):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(11):before {
    transition-delay: 2.28s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(11) .qodef-e-inner {
    transition-delay: 2.24s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(12):after,
.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(12):before {
    transition-delay: 2.44s !important
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-info-list article:nth-of-type(12) .qodef-e-inner {
    transition-delay: 2.4s
}

.qodef-interactive-portfolio-showcase.qodef--init .qodef-e-image-holder {
    clip-path: inset(0 0 0 0)
}

.qodef-interactive-portfolio-showcase .qodef-e-info--top {
    width: 50%;
    background-color: #fff
}

.qodef-interactive-portfolio-showcase .qodef-e-info--top .qodef-e-info-text {
    opacity: 0;
    margin: 0 0 85px;
    transform: translateY(8px);
    transition: opacity .66s cubic-bezier(.4, .01, .14, .99), transform .66s cubic-bezier(.4, .01, .14, .99);
    will-change: transform
}

.qodef-interactive-portfolio-showcase .qodef-e-info--bottom {
    display: flex;
    column-gap: 20px
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list {
    width: 68%
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list .qodef-e-info {
    height: 100%
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article {
    display: block
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .88s cubic-bezier(.4, .01, .14, .99) .24s
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article:nth-of-type(1):before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .88s cubic-bezier(.4, .01, .14, .99) .24s
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-title a {
    --qode-underline-height: 2px;
    --qode-underline-position-y: 100%;
    --qode-bottom: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - var(--qode-underline-height)), currentColor var(--qode-underline-height)) !important;
    padding-bottom: var(--qode-bottom);
    transition: background-size .5s cubic-bezier(.23, .63, .19, .97);
    background-size: 0 var(--qode-underline-position-y)
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article.qodef--hover .qodef-e-title a {
    background-size: 100% var(--qode-underline-position-y)
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-inner {
    opacity: 0;
    min-height: 111px;
    transform: translateY(8px);
    transition: opacity .66s cubic-bezier(.4, .01, .14, .99), transform .66s cubic-bezier(.4, .01, .14, .99);
    will-change: transform
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-content {
    display: flex;
    justify-content: space-between
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-title {
    width: 50%;
    margin: 0;
    padding: 5px 0 0
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-title a {
    display: inline-flex;
    flex-direction: column
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-category {
    width: 40%;
    padding: 44px 0
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-category a {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-category a {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-year {
    text-align: right;
    margin: 0;
    flex-shrink: 0;
    font-size: 25px;
    line-height: 1.2em;
    padding: 5px 0 0
}

.qodef-interactive-portfolio-showcase .qodef-e-image-holder {
    position: relative;
    width: 32%;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96)
}

.qodef-interactive-portfolio-showcase .qodef-e-image-holder .qodef-e-media-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0s 1.45s;
    will-change: transform
}

.qodef-interactive-portfolio-showcase .qodef-e-image-holder .qodef-e-media-image.qodef--prev {
    opacity: 1;
    z-index: 2;
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    animation: qode-image-show-out 1.24s cubic-bezier(.46, .03, .52, .96) .2s
}

.qodef-interactive-portfolio-showcase .qodef-e-image-holder .qodef-e-media-image.qodef--hover {
    opacity: 1;
    z-index: 10;
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    animation: qode-image-show-in .94s cubic-bezier(.46, .03, .52, .96) forwards
}

.qodef-interactive-portfolio-showcase .qodef-e-image-holder .qodef-e-media-image.qodef--hover img {
    transition: transform 1.06s ease;
    transform: scale(1.01)
}

.qodef-interactive-portfolio-showcase .qodef-e-image-holder .qodef-e-media-image a {
    width: 100%;
    height: 100%
}

.qodef-interactive-portfolio-showcase .qodef-e-image-holder .qodef-e-media-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.06s ease .32s;
    transform: scale(1.15);
    transform-origin: 0 50%;
    will-change: transform
}

.qodef-portfolio-list .qodef-show-more-portfolio-item .qodef-e-inner {
    padding: 20px
}

.qodef-portfolio-list .qodef-show-more-portfolio-item .qodef-e-inner .qodef-e-show-more-icon {
    display: block;
    margin: 20px auto 0;
    text-align: right
}

.qodef-portfolio-list .qodef-e-inner {
    position: relative
}

.qodef-portfolio-list .qodef-e-content,
.qodef-portfolio-list .qodef-e-inner,
.qodef-portfolio-list .qodef-e-media {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-portfolio-list .qodef-e-media>* {
    margin-bottom: 30px
}

.qodef-portfolio-list .qodef-e-media iframe {
    display: block;
    height: 100%
}

.qodef-portfolio-list .qodef-e-media-image {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.qodef-portfolio-list .qodef-e-media-image a,
.qodef-portfolio-list .qodef-e-media-image img {
    display: block;
    width: 100%
}

.qodef-portfolio-list .qodef-e-media-image img {
display: block;
  width: 100%;
  object-fit: cover;
  height: 290px;
}

.qodef-portfolio-list .qodef-e-media-image.qodef--background {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.qodef-portfolio-list .qodef-e-media-image.qodef--background img {
    visibility: hidden
}

.qodef-portfolio-list .qodef-e-title {
    margin: 0;
    min-height: 60px;
}

.qodef-portfolio-list .qodef-e-category,
.qodef-portfolio-list .qodef-e-client {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    margin: 0
}

@media only screen and (max-width:1024px) {
    .qodef-portfolio-list .qodef-e-category,
    .qodef-portfolio-list .qodef-e-client {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-portfolio-list .qodef-e-excerpt {
    margin: 15px 0 0
}

.qodef-portfolio-list .qodef-e-read-more {
    margin: 15px 0 0
}

.qodef-portfolio-list .qodef-e-top-holder {
    margin-bottom: 2px
}

.qodef-portfolio-list .qodef-e-post-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.qodef-portfolio-list .qodef-m-pagination {
    margin-top: 42px
}

.qodef-portfolio-list .qodef-e-show-more-link {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 85px;
    line-height: 1em;
    letter-spacing: -.04em;
    font-weight: 500;
    
    width: 100%
}

@media only screen and (max-width:1368px) {
    .qodef-portfolio-list .qodef-e-show-more-link {
        font-size: 75px;
        line-height: .9333333333em
    }
}

@media only screen and (max-width:1024px) {
    .qodef-portfolio-list .qodef-e-show-more-link {
        font-size: 55px;
        line-height: .9090909091em;
        letter-spacing: -.033em
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list .qodef-e-show-more-link {
        font-size: 45px;
        line-height: .8888888889em;
        letter-spacing: -.028em
    }
}

.qodef-portfolio-list .qodef-e-show-more-link .qodef-button.qodef-layout--filled-rounded {
    --qode-button-hover-color: #fff;
    --qode-button-bg-hover-color: #000
}

.qodef-portfolio-list .qodef-e-show-more-link:hover .qodef-button.qodef-layout--filled-rounded {
    color: var(--qode-button-hover-color, #000)
}

.qodef-portfolio-list .qodef-e-show-more-link:hover .qodef-button.qodef-layout--filled-rounded:before {
    background-color: var(--qode-button-bg-hover-color, #fff);
    border-color: var(--qode-button-border-hover-color, #000);
    transform: scale(.85)
}

.qodef-portfolio-list .qodef-e-show-more-link:hover .qodef-button.qodef-layout--filled-rounded svg {
    transform: rotate(45.1deg)
}

.qodef-portfolio-list.qodef-items--fixed .qodef-e-image {
    height: 100%;
    overflow: hidden
}

.qodef-portfolio-list.qodef-items--fixed .qodef-e-media-image {
    height: 100%
}

.qodef-portfolio-list.qodef-items--fixed .qodef-e-media-image a {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    height: 100%
}

.qodef-portfolio-list.qodef-items--fixed.qodef-item-border--yes .qodef-e-image {
    height: auto;
    overflow: initial
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef--custom-padding .qodef-e-inner {
        padding: 0 !important
    }
}

.qodef-portfolio-list.qodef-appear-animation--yes .qodef-e .qodef-e-inner {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .66s cubic-bezier(.4, .01, .14, .99), transform .66s cubic-bezier(.4, .01, .14, .99);
    will-change: transform
}

.elementor-editor-active .qodef-portfolio-list.qodef-appear-animation--yes .qodef-e .qodef-e-inner,
.qodef-portfolio-list.qodef-appear-animation--yes .qodef-e.qodef--appeared .qodef-e-inner {
    opacity: 1;
    transform: translateY(0)
}

.qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes .qodef-e:after,
.qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes .qodef-e:before {
    transform-origin: center;
    transition: transform 1.02s cubic-bezier(.4, .01, .14, .99)
}

.qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes .qodef-e:before {
    transform: scaleX(0)
}

.qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes .qodef-e:after {
    transform: scaleY(0)
}

.elementor-editor-active .qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes .qodef-e:before,
.qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes.qodef--appeared .qodef-e:before {
    transform: scaleX(1)
}

.elementor-editor-active .qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes .qodef-e:after,
.qodef-portfolio-list.qodef-appear-animation--yes.qodef-borders-animation--yes.qodef--appeared .qodef-e:after {
    transform: scaleY(1)
}

.qodef-portfolio-list.qodef-light-skin--enabled .qodef-e-bottom-holder a,
.qodef-portfolio-list.qodef-light-skin--enabled .qodef-e-bottom-holder a:hover,
.qodef-portfolio-list.qodef-light-skin--enabled .qodef-e-category,
.qodef-portfolio-list.qodef-light-skin--enabled .qodef-e-client,
.qodef-portfolio-list.qodef-light-skin--enabled .qodef-e-title,
.qodef-portfolio-list.qodef-light-skin--enabled .qodef-e-title a {
    color: #fff !important
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover {
    margin: 0
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article {
    position: relative
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-inner {
    position: relative;
    z-index: 1
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 1px;
    left: 0;
    background-color: #000
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article:first-child:before {
    display: none
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-media-image {
    position: absolute;
    top: 50%;
    right: 6%;
    width: auto;
    transform: translateY(calc(-50% + 8px));
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    transition: opacity .35s, visibility .35s
}

@media only screen and (max-width:1512px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-media-image {
        right: 4%;
        max-width: 40%
    }
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-content {
    display: inline-block;
    padding: 30px 20px
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-content:hover .qodef-svg--portfolio-arrow {
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-svg--portfolio-arrow {
    position: relative;
    z-index: 3;
    fill: var(--qode-main-color);
    flex-shrink: 0;
    --qode-x: -15%;
    --qode-y: 15%;
    opacity: 0;
    transform: translateX(var(--qode-x)) translateY(var(--qode-y));
    transition: opacity .37s ease-out, transform .47s cubic-bezier(.44, .73, .12, .98)
}

@media only screen and (max-width:880px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-svg--portfolio-arrow {
        width: 65px;
        height: auto
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-svg--portfolio-arrow {
        display: none
    }
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article span.qodef-e-title {
    font-family: "M PLUS 1p", sans-serif;
    font-size: 150px;
    line-height: .9em;
    letter-spacing: -.038em;
    font-weight: 400;
    text-transform: uppercase
}

@media only screen and (max-width:1512px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article span.qodef-e-title {
        font-size: 130px
    }
}

@media only screen and (max-width:880px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article span.qodef-e-title {
        font-size: 100px
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article span.qodef-e-title {
        font-size: 60px
    }
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-title {
    margin: 0;
    position: relative;
    z-index: 3
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-title.entry-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: width .2s ease-out
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-inner:hover .qodef-e-media-image {
    opacity: 1;
    visibility: visible;
    transition-duration: .5s
}

@media only screen and (max-width:1200px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-media-image {
        display: none
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-title.entry-title a {
        text-decoration: none;
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0 96%;
        background-repeat: no-repeat;
        background-size: 0 2px;
        transition: background-size .3s ease
    }
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-title.entry-title:after {
        display: none
    }
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-inner:hover .qodef-e-title.entry-title a {
        background-size: 100% 2px
    }
}

@media only screen and (max-width:480px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover article .qodef-e-content {
        flex-direction: column;
        align-items: flex-start
    }
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner {
    transition: opacity 0s .1s;
    transform: translateY(0)
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-info,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-right-holder,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-title {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .66s cubic-bezier(.4, .01, .14, .99), transform .66s cubic-bezier(.4, .01, .14, .99);
    will-change: transform
}

.elementor-editor-active .qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-info,
.elementor-editor-active .qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-right-holder,
.elementor-editor-active .qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-title,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e.qodef--appeared .qodef-e-inner .qodef-e-info,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e.qodef--appeared .qodef-e-inner .qodef-e-right-holder,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e.qodef--appeared .qodef-e-inner .qodef-e-title {
    opacity: 1;
    transform: translateY(0)
}

.elementor-editor-active .qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-info,
.elementor-editor-active .qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e .qodef-e-inner .qodef-e-right-holder,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e.qodef--appeared .qodef-e-inner .qodef-e-info,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes .qodef-e.qodef--appeared .qodef-e-inner .qodef-e-right-holder {
    transition-delay: .16s
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes.qodef-hr-borders-animation--yes .qodef-e:after,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes.qodef-hr-borders-animation--yes .qodef-e:before {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .88s cubic-bezier(.4, .01, .14, .99) .24s
}

.elementor-editor-active .qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes.qodef-hr-borders-animation--yes .qodef-e:after,
.elementor-editor-active .qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes.qodef-hr-borders-animation--yes .qodef-e:before,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes.qodef-hr-borders-animation--yes .qodef-e.qodef--appeared:after,
.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-appear-animation--yes.qodef-hr-borders-animation--yes .qodef-e.qodef--appeared:before {
    transform: scaleX(1)
}

.qodef-portfolio-list.qodef-item-layout--image-on-hover.qodef-light-skin--enabled article:before {
    background-color: #fff
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--image-on-hover {
        --qode-columns-row-gap: 0
    }
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact .qodef-e-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact .qodef-e-content {
    display: flex;
    gap: 82px;
    padding: 0 15px;
    margin-top: 12px
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact .qodef-e-media-image {
    width: 100%
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact .qodef-e-bottom-holder {
    margin: 5px 0 0;
    color: #000
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact .qodef-e-bottom-holder a {
    color: #000
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact .qodef-e-bottom-holder .qodef-e-category {
    margin: 5px 0 0
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes {
    --qode-columns-row-gap: 0px;
    border-bottom: 1px solid #000;
    overflow: hidden
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes article {
    position: relative
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes article:after,
.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes article:before {
    content: "";
    position: absolute;
    background-color: #000;
    z-index: 1
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes article:after {
    inline-size: 100vw;
    block-size: 1px;
    inset-inline-start: 0;
    inset-block-start: calc(var(--qode-columns-row-gap)/ 2 * -1)
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes article:before {
    inline-size: 1px;
    block-size: 100vh;
    inset-block-start: 0;
    inset-inline-start: calc(var(--qode-columns-col-gap)/ 2 * -1)
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-inner {
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
    padding: 10px 22px
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-inner .qodef-e-show-more-icon {
    margin: 50px auto 0
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes .qodef-e-inner {
    padding: 20% 10% 18%
}

.qodef-portfolio-list.qodef-item-layout--info-below-compact.qodef-item-border--yes.qodef-gutter--no {
    --qode-columns-col-gap: 2px
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--image-on-hover .qodef-e-image {
    position: relative
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--image-on-hover .qodef-e-media-hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20%;
    display: flex;
    align-items: center;
    pointer-events: none;
    transition: opacity .35s ease-in-out;
    opacity: 0;
    transform: rotate(.001deg)
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--image-on-hover .qodef-e-media-hover-image img {
    aspect-ratio: 1;
    object-fit: cover
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--image-on-hover .qodef-e:hover .qodef-e-media-hover-image {
    opacity: 1
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--image-on-hover .qodef-e:hover .qodef-e-media-hover-image img {
    transform: scale(1)
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--overlay .qodef-e-media-image>a {
    position: relative;
    display: block
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--overlay .qodef-e-media-image>a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 10, 10, .3);
    opacity: 0;
    transition: opacity .3s ease-out
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--overlay .qodef-e:hover .qodef-e-media-image>a:after {
    opacity: 1
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--zoom-out .qodef-e-media-image>a {
    overflow: hidden
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--zoom-out .qodef-e-media-image>a img {
    display: block;
    transform: scale(1.05);
    transform-origin: 100% 50%;
    transition: transform 1.16s cubic-bezier(.4, .01, .14, .99);
    will-change: transform
}

.qodef-item-layout--info-below-compact.qodef-hover-animation--zoom-out .qodef-e:hover .qodef-e-media-image>a img {
    transform: scale(1.001)
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-content {
    margin-top: 20px
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-bottom-holder {
    margin: 14px 0 0;
    color: #000
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-bottom-holder a {
    color: #000
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-bottom-holder .qodef-e-category {
    margin: 12px 0 0
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes {
    --qode-columns-row-gap: 0px;
    border-bottom: 1px solid #000;
    overflow: hidden
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article {
    position: relative
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article:after,
.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article:before {
    content: "";
    position: absolute;
    background-color: #000;
    z-index: 1
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article:after {
    inline-size: 100vw;
    block-size: 1px;
    inset-inline-start: 0;
    inset-block-start: calc(var(--qode-columns-row-gap)/ 2 * -1)
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article:before {
    inline-size: 1px;
    block-size: 100vh;
    inset-block-start: 0;
    inset-inline-start: calc(var(--qode-columns-col-gap)/ 2 * -1)
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-inner {
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
    padding: 10px 22px
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-show-more-title {
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-show-more-title {
        position: relative
    }
}

@media (min-width:1921px) {
    .qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-show-more-title {
        max-width: 70%
    }
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-show-more-link {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 30px;
    height: 100%
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-show-more-link .qodef-e-show-more-icon {
    margin: 0
}

@media (min-width:1025px) and (max-width:1200px) {
    .qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-show-more-link {
        padding-top: 30px
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes article.qodef-show-more-portfolio-item .qodef-e-show-more-link {
        font-size: 35px
    }
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes .qodef-e-inner {
    padding: 20% 10% 18%
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes .qodef-e-inner .qodef-e-image {
    padding: 0 30.3%
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-item-border--yes.qodef-gutter--no {
    --qode-columns-col-gap: 2px
}

.qodef-item-layout--info-below.qodef-hover-animation--zoom-out .qodef-e-media-image>a {
    overflow: hidden
}

.qodef-item-layout--info-below.qodef-hover-animation--zoom-out .qodef-e-media-image>a img {
    display: block;
    transform: scale(1.035);
    transform-origin: 100% 50%;
    --qode-hover-scale: 1.0001;
    transition: transform .63s cubic-bezier(.13, .47, .32, .94)
}

.qodef-browser--safari .qodef-item-layout--info-below.qodef-hover-animation--zoom-out .qodef-e-media-image>a img {
    will-change: transform
}

.qodef-item-layout--info-below.qodef-hover-animation--zoom-out .qodef-e:hover .qodef-e-media-image>a img {
    transform: scale(var(--qode-hover-scale))
}

.qodef-portfolio-list.qodef-item-layout--info-follow.qodef-hover-animation--follow article .qodef-e-inner {
    overflow: hidden
}

.qodef-portfolio-list.qodef-item-layout--info-follow.qodef-hover-animation--follow article .qodef-e-media-image.qodef--background {
    margin-bottom: 0
}

.qodef-portfolio-list.qodef-item-layout--info-follow.qodef-hover-animation--follow article .qodef-e-content {
    display: none
}

.qodef-portfolio-list.qodef-item-layout--info-follow.qodef-hover-animation--follow article .qodef-e-post-link {
    z-index: 2
}

.qodef-e-content-follow {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    pointer-events: none;
    visibility: hidden
}

.qodef-e-content-follow.qodef-right {
    text-align: right;
    transform: translateX(-100%)
}

.qodef-e-content-follow .qodef-e-title {
    margin: 0
}

.qodef-e-content-follow .qodef-e-text,
.qodef-e-content-follow .qodef-e-top-holder {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    transition: clip-path 0s cubic-bezier(.46, .03, .52, .96)
}

.qodef-e-content-follow .qodef-e-text>*,
.qodef-e-content-follow .qodef-e-top-holder>* {
    display: inline-block;
    background-color: var(--qode-main-color);
    z-index: 10
}

.qodef-e-content-follow .qodef-e-top-holder {
    margin-bottom: 2px
}

.qodef-e-content-follow .qodef-e-top-holder>* {
    padding: 0 5px
}

.qodef-e-content-follow .qodef-e-text>* {
    padding: 3px 5px
}

.qodef-e-content-follow.qodef-is-active {
    visibility: visible
}

.qodef-e-content-follow.qodef-is-active .qodef-e-text,
.qodef-e-content-follow.qodef-is-active .qodef-e-top-holder {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transition: clip-path .32s cubic-bezier(.46, .03, .52, .96) 60ms
}

.qodef-e-content-follow.qodef-is-active .qodef-e-text {
    transition-delay: .26s
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover {
    margin: 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-media-image.qodef--background {
    margin-bottom: 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 20px;
    overflow: hidden
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom left, transparent 45%, var(--qode-main-color) 90%)
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content a {
    position: relative;
    z-index: 3
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-bottom-holder {
    margin: 6px 0 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-bottom-holder .qodef-e-category {
    margin: 4px 0 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-post-link {
    z-index: 2
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e-content {
    opacity: 0;
    transition: opacity .3s ease
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e-content .qodef-e-bottom-holder,
.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e-content .qodef-e-text {
    --qode-x: 0px;
    --qode-y: 10px;
    opacity: 0;
    transform: translateX(var(--qode-x)) translateY(var(--qode-y));
    transition: opacity .37s ease-out, transform .47s cubic-bezier(.18, .79, .29, .93)
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e-content:before {
    transition: transform .8s cubic-bezier(.5, .67, .13, .97);
    transform: translate(-80px, 40px)
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content {
    opacity: 1
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content:before {
    transform: scale(1)
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content .qodef-e-bottom-holder,
.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content .qodef-e-text {
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content .qodef-e-text {
    transition-delay: 50ms
}

.qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content .qodef-e-bottom-holder {
    transition-delay: .17s
}

.qodef-portfolio-list.qodef-item-layout--info-on-image {
    margin: 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-media-image.qodef--background {
    margin-bottom: 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 20px;
    background: linear-gradient(to bottom left, transparent 50%, var(--qode-main-color) 100%)
}

.qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-content a {
    position: relative;
    z-index: 3
}

.qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-bottom-holder {
    margin: 6px 0 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-bottom-holder .qodef-e-category {
    margin: 4px 0 0
}

.qodef-portfolio-list.qodef-item-layout--info-on-image article .qodef-e-post-link {
    z-index: 2
}

.qodef-portfolio-project-info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 11px
}

.qodef-portfolio-project-info .qodef-e-label {
    margin: 0
}

.qodef-portfolio-project-info a,
.qodef-portfolio-project-info p {
    margin: 0 !important;
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000
}

@media only screen and (max-width:1024px) {
    .qodef-portfolio-project-info a,
    .qodef-portfolio-project-info p {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-portfolio-project-info a span[class*=-label],
.qodef-portfolio-project-info p span[class*=-label] {
    margin-right: 4px
}

.qodef-portfolio-project-info.qodef-align--center {
    align-items: center
}

.qodef-portfolio-project-info.qodef-skin--light .qodef-e-label,
.qodef-portfolio-project-info.qodef-skin--light a,
.qodef-portfolio-project-info.qodef-skin--light p {
    color: #fff
}

.qodef-portfolio-project-info.qodef-skin--dark .qodef-e-label,
.qodef-portfolio-project-info.qodef-skin--dark a,
.qodef-portfolio-project-info.qodef-skin--dark p {
    color: #000
}

#qodef-portfolio-single-related-items {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 86px
}

.single-portfolio-item:has(.qodef-portfolio.qodef-portfolio-single.qodef-layout--custom) #qodef-single-portfolio-navigation {
    margin-top: 0
}

#qodef-single-portfolio-navigation {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 120px 0 0;
    border-top: 1px solid #000
}

#qodef-single-portfolio-navigation .qodef-m-inner {
    position: relative;
    display: flex;
    align-items: center
}

#qodef-single-portfolio-navigation .qodef-m-nav {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-basis: 50%;
    padding: 50px 0;
}

@media only screen and (max-width:880px) {
    #qodef-single-portfolio-navigation .qodef-m-nav {
        padding: 100px 20px
    }
}

#qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-image {
    margin-bottom: 33px
}

@media only screen and (max-width:880px) {
    #qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-image {
        margin-bottom: 20px
    }
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link {
  height: 59px !important;
}

#qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-image img {
width: 400px;
  height: 252px;
  object-fit: cover;
}

@media only screen and (max-width:880px) {
    #qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-image img {
        width: 100%;
        height: auto
    }
}

#qodef-single-portfolio-navigation .qodef-m-nav .qodef-m-image:hover+a:after {
    transform: scaleX(0)
}

#qodef-single-portfolio-navigation .qodef-m-nav>* {
    display: block;
    line-height: inherit
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    background-color: #000
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--next {
    margin-left: auto
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--next:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: -1px;
    top: 0;
    background-color: #000
}

@media only screen and (max-width:880px) {
    #qodef-single-portfolio-navigation .qodef-m-nav.qodef--next:before {
        display: none
    }
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link {
    position: absolute;
    top: 0;
    left: calc(50% - 16px)
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link .qodef-m-nav-icon {
    font-size: 32px
}

#qodef-single-portfolio-navigation .qodef-m-nav>a {
    position: relative;
    display: inline-flex;
    align-items: center;
    position: relative
}

#qodef-single-portfolio-navigation .qodef-m-nav>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

#qodef-single-portfolio-navigation .qodef-m-nav>a .qodef-m-nav-label {
    position: relative;
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000;
    font-size: 22px;
    line-height: 1.4090909091em
}

@media only screen and (max-width:1024px) {
    #qodef-single-portfolio-navigation .qodef-m-nav>a .qodef-m-nav-label {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

#qodef-single-portfolio-navigation .qodef-m-nav>a .qodef-m-nav-label span[class*=-label] {
    margin-right: 4px
}

@media only screen and (max-width:1024px) {
    #qodef-single-portfolio-navigation .qodef-m-nav>a .qodef-m-nav-label {
        font-size: 16px;
        line-height: 1.25em
    }
}

@media only screen and (max-width:880px) {
    #qodef-single-portfolio-navigation .qodef-m-nav>a:after {
        bottom: -2px
    }
}

#qodef-single-portfolio-navigation .qodef-m-nav>a:hover:after {
    transform: scaleX(0)
}

#qodef-single-portfolio-navigation .qodef-m-nav-icon {
    display: block;
    flex-shrink: 0;
    width: 15px;
    height: auto;
    margin-left: 8px
}

#qodef-single-portfolio-navigation.qodef-skin--light {
    border-color: #fff
}

#qodef-single-portfolio-navigation.qodef-skin--light a {
    color: #fff
}

#qodef-single-portfolio-navigation.qodef-skin--light .qodef-m-nav>a .qodef-m-nav-label {
    color: #fff
}

#qodef-single-portfolio-navigation.qodef-skin--light .qodef-m-nav.qodef--prev:after {
    background-color: #fff
}

#qodef-single-portfolio-navigation.qodef-skin--light .qodef-m-nav.qodef--next:before {
    background-color: #fff
}

.single-portfolio-item .qodef-portfolio-single.qodef-layout--custom .qodef-portfolio-content>div {
    margin: 0 auto;
    width: 100%
}

.single-portfolio-item .qodef-portfolio-single.qodef-layout--custom .qodef-portfolio-info p {
    font-size: inherit
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-e-content {
    display: flex;
    position: relative
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-title {
    margin: -11px 0 6px
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-content,
.qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-title {
    width: 70%
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-content {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4375em;
    letter-spacing: -.02em;
    text-transform: initial;
    letter-spacing: 0
}

@media only screen and (max-width:1024px) {
    .qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-content {
        font-size: 14px;
        line-height: 1.5em
    }
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-media {
    display: flex;
    padding: 0 30px
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-media img {
    margin-bottom: 30px
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-info-holder {
    padding: 0 28px 14px;
    display: flex;
    flex-direction: column;
    transition: padding .2s ease-out
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-info-holder.qodef-scroll {
    padding: 26px 28px 14px
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-e-content-inner.qodef-e-media {
    flex-basis: 63.6%
}

.qodef-portfolio-single.qodef-layout--full-screen .qodef-e-content-inner.qodef-e-info {
    flex-basis: 36.4%
}

@media only screen and (max-width:1024px) {
    .qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-info-holder {
        padding: 0 32px 55px
    }
    .qodef-portfolio-single.qodef-layout--full-screen .qodef-e-content {
        flex-direction: column;
        width: 100%
    }
    .qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-content,
    .qodef-portfolio-single.qodef-layout--full-screen .qodef-portfolio-title {
        width: 100%
    }
    .qodef-portfolio-single.qodef-layout--full-screen .qodef-e-content-inner.qodef-e-media {
        flex-basis: 100%
    }
    .qodef-portfolio-single.qodef-layout--full-screen .qodef-e-content-inner.qodef-e-info {
        flex-basis: 100%
    }
}

.qodef-portfolio-single.qodef-layout--images-big .qodef-media .qodef-grid-item {
    display: block;
    margin-bottom: 20px;
    float: none
}

.qodef-portfolio-single.qodef-layout--images-big .qodef-media .qodef-grid-item:last-child {
    margin-bottom: 0
}

.qodef-portfolio-single.qodef-layout--images-small .qodef-media .qodef-grid-item {
    display: block;
    margin-bottom: 20px;
    float: none
}

.qodef-portfolio-single.qodef-layout--images-small .qodef-media .qodef-grid-item:last-child {
    margin-bottom: 0
}

.qodef-portfolio-single.qodef-layout--split-screen .qodef-e-content {
    display: flex;
    position: relative
}

.qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-content,
.qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-title {
    width: 65%
}

.qodef-portfolio-single.qodef-layout--split-screen .qodef-media img {
    border-top: 1px solid #000;
    width: 100%;
    object-fit: cover
}

.qodef-portfolio-single.qodef-layout--split-screen .qodef-media a:first-of-type img {
    border-top: 0
}

.qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-info-holder {
    padding: 115px 51px;
    transition: padding .2s ease-out
}

.qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-info-holder.qodef-scroll {
    padding: 26px 51px 60px
}

.qodef-portfolio-single.qodef-layout--split-screen .qodef-e-content-inner {
    flex-basis: 50%;
    border-right: 1px solid #000
}

@media only screen and (max-width:1512px) {
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-content,
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-title {
        width: 85%
    }
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-info-holder {
        padding: 45px 51px
    }
}

@media only screen and (max-width:1200px) {
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-content,
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-title {
        width: 100%
    }
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-title {
        margin-bottom: 5px
    }
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-info-holder {
        padding: 78px 7% 79px
    }
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-portfolio-info-holder .qodef-portfolio-info {
        margin-top: 27px
    }
}

@media only screen and (max-width:880px) {
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-e-content {
        flex-direction: column
    }
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-e-content-inner {
        flex-basis: 100%;
        border-right: 0
    }
    .qodef-portfolio-single.qodef-layout--split-screen .qodef-media a:first-of-type img {
        border-top: 1px solid #000
    }
}

.single-portfolio-item.qodef-layout--split-screen #qodef-single-portfolio-navigation {
    margin: 0
}

.qodef-team-list .qodef-e-role {
    margin: 14px 0 0;
    color: #000
}

.qodef-team-list .qodef-e-title {
    margin: 11px 0 0
}

.qodef-team-list .qodef-social-icons {
    margin: 0
}

.qodef-team-list .qodef-team-member-social-label {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    margin-right: 26px
}

@media only screen and (max-width:1024px) {
    .qodef-team-list .qodef-team-member-social-label {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-team-list .qodef-team-member-social-label:last-of-type {
    margin-right: 0
}

.qodef-team-list .qodef-team-member-social-label:hover .qodef-social-label-text:after {
    transform: scaleX(0)
}

.qodef-team-list .qodef-social-label-text {
    position: relative
}

.qodef-team-list .qodef-social-label-text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

.qodef-team-list.qodef-item-border--yes {
    --qode-columns-row-gap: 0px;
    border-bottom: 1px solid #000;
    overflow: hidden
}

.qodef-team-list.qodef-item-border--yes .qodef-grid-item {
    position: relative
}

.qodef-team-list.qodef-item-border--yes .qodef-grid-item:after,
.qodef-team-list.qodef-item-border--yes .qodef-grid-item:before {
    content: "";
    position: absolute;
    background-color: #000;
    z-index: 1
}

.qodef-team-list.qodef-item-border--yes .qodef-grid-item:after {
    inline-size: 100vw;
    block-size: 0px;
    inset-inline-start: 0;
    inset-block-start: calc(var(--qode-columns-row-gap)/ 2 * -1)
}

.qodef-team-list.qodef-item-border--yes .qodef-grid-item:before {
    inline-size: 0px;
    block-size: 100vh;
    inset-block-start: 0;
    inset-inline-start: calc(var(--qode-columns-col-gap)/ 2 * -1)
}

.qodef-team-list.qodef-item-border--yes .qodef-e-inner {
padding: 12px 12px 12px;
    padding-right: 12px;
    padding-left: 12px;
  text-align: center;
}

.qodef-team-list  img
{
    height: 280px !important;
    object-fit:cover;
}

@media only screen and (max-width:1512px) {
    .qodef-team-list.qodef-item-border--yes .qodef-e-inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

.qodef-team-list.qodef-item-border--yes.qodef-gutter--no {
    --qode-columns-col-gap: 2px
}

.qodef-team-list.qodef-skin--light .qodef-e-excerpt,
.qodef-team-list.qodef-skin--light .qodef-e-role,
.qodef-team-list.qodef-skin--light .qodef-e-title,
.qodef-team-list.qodef-skin--light .qodef-team-member-social-label {
    color: #fff
}

.qodef-team-list.qodef-skin--light .swiper-pagination-bullet {
    background-color: #fff
}

.qodef-team-list.qodef-skin--light.qodef-item-border--yes {
    border-color: #fff
}

.qodef-team-list.qodef-skin--light.qodef-item-border--yes .qodef-grid-item:after,
.qodef-team-list.qodef-skin--light.qodef-item-border--yes .qodef-grid-item:before {
    background-color: #fff
}

.qodef-team-list.qodef-item-layout--info-below .qodef-e-image {
    display: inline-block;
    text-align: left
}

.qodef-team-list.qodef-item-layout--info-below .qodef-e-content {
    margin: 14px 0 0
}

@media only screen and (max-width:1024px) {
    .qodef-team-list.qodef-item-layout--info-below .qodef-social-icon {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
        gap: 10px 0
    }
    .qodef-team-list.qodef-item-layout--info-below .qodef-social-icon .qodef-team-member-social-label {
        margin: 0
    }
}

.qodef-team-list.qodef-item-layout--info-below.qodef-item-border--yes .qodef-e-content {
    margin: 34% 0 0
}

.qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-inner:hover .qodef-e-content {
    opacity: 1;
    z-index: 1
}

.qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    transition: opacity .2s ease-out;
    z-index: -1
}

.qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-role {
    margin: 0 0 14px
}

.qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-title {
    margin: 0 0 11px
}

.qodef-team-list.qodef-item-layout--info-on-hover.qodef-item-border--yes .qodef-e-inner {
    padding-bottom: 102px
}

.qodef-testimonials-list {
    text-align: center
}

.qodef-testimonials-list .qodef-e-inner {
    padding-bottom: 40px
}

.qodef-testimonials-list .qodef-e-media-image {
    line-height: 0;
    margin-bottom: 25px
}

.qodef-testimonials-list .qodef-e-media-image img {
    width: auto
}

.qodef-testimonials-list .qodef-e-title {
    margin: 0 0 25px
}

.qodef-testimonials-list .qodef-e-text {
    margin: 0 0 50px;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:680px) {
    .qodef-testimonials-list .qodef-e-text {
        margin-bottom: 40px
    }
}

.qodef-testimonials-list .qodef-e-author {
    margin: 0
}

.qodef-testimonials-list .swiper-pagination-bullets {
    text-align: left;
    bottom: 0 !important;
    margin-top: 92px
}

.qodef-testimonials-list .swiper-pagination-bullets .swiper-pagination-bullet:before {
    background-color: var(--qode-main-color)
}

@media only screen and (max-width:1024px) {
    .qodef-testimonials-list .swiper-pagination-bullets {
        margin-top: 42px
    }
}

@media only screen and (max-width:680px) {
    .qodef-testimonials-list .swiper-pagination-bullets {
        margin-top: 32px
    }
}

.qodef-testimonials-list.qodef-skin--light .qodef-e-author,
.qodef-testimonials-list.qodef-skin--light .qodef-e-text,
.qodef-testimonials-list.qodef-skin--light .qodef-e-title {
    color: #fff
}

.qodef-fullscreen-search-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--qode-black-color);
    z-index: 100;
    pointer-events: none;
    visibility: hidden;
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transform: translateX(110%)
}

.qodef-fullscreen-menu-animate--in .qodef-fullscreen-search-holder {
    display: none
}

.qodef-fullscreen-menu-animate--out .qodef-fullscreen-search-holder {
    display: none
}

.qodef-fullscreen-search-holder .qodef-m-inner {
    width: 100%
}

.qodef-fullscreen-search-holder .qodef-m-form {
    position: relative;
    width: 60%;
    margin: 0 auto
}

.qodef-fullscreen-search-holder .qodef-m-form-field {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 25px;
    color: #fff;
    line-height: 2em;
    background: 0 0;
    border: 0;
    border-radius: 0
}

.qodef-fullscreen-search-holder .qodef-m-form-field:focus {
    color: #fff
}

.qodef-fullscreen-search-holder .qodef-m-form-submit {
    position: absolute;
    right: 0;
    bottom: -20px;
    width: auto;
    padding: 0;
    margin: 0;
    color: #fff;
    background: 0 0;
    border: 0;
    outline: 0;
    opacity: 0;
    cursor: pointer;
    transition: color .2s ease-out
}

.qodef-fullscreen-search-holder .qodef-m-form-submit:hover {
    color: var(--qode-main-color);
    background: 0 0
}

.qodef-fullscreen-search--opened .qodef-fullscreen-search-holder .qodef-m-form-submit {
    opacity: 1;
    bottom: 6px;
    transition: color .2s ease, opacity .2s ease-out 1.1s, bottom .4s ease-out .9s
}

.qodef-fullscreen-search-holder .qodef-m-form-submit.qodef-source--icon-pack {
    font-size: 18px
}

.qodef-fullscreen-search-holder .qodef-m-form-line {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    border-bottom: 1px solid #fff;
    transition: all .3s ease
}

.qodef-fullscreen-search--opened .qodef-fullscreen-search-holder .qodef-m-form-line {
    width: 100%;
    transition: width .5s ease .6s
}

.qodef-fullscreen-search-holder .qodef-m-close {
    position: absolute;
    top: 29px;
    right: 32px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

.admin-bar .qodef-fullscreen-search-holder .qodef-m-close {
    top: 72px
}

.qodef-fullscreen-search-holder .qodef-m-close:hover {
    color: #fff
}

.qodef-fullscreen-search-holder .qodef-m-close.qodef-source--icon-pack {
    font-size: 25px
}

.qodef-fullscreen-search--opened .qodef-fullscreen-search-holder .qodef-m-close {
    opacity: 1;
    visibility: visible
}

.qodef-fullscreen-search--fadein .qodef-fullscreen-search-holder {
    visibility: visible;
    transform: translateX(0);
    pointer-events: all
}

@keyframes fullscreen_search_fade_out {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes fullscreen_search_fade_in {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

.qodef-search-opener>* {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: inherit
}

.qodef-search-opener.qodef-source--icon-pack {
    font-size: 23px
}

.qodef-animated-shape {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    width: 100%;
    height: auto;
    perspective: 1000px;
    --qode-qty-vert: 4;
    --angle-vert: calc(180deg / var(--qode-qty-vert));
    aspect-ratio: 2.4/1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    --qode-color: var(--qode-dark-color)
}

.qodef-animated-shape .qodef-m-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotate3d(0, 0, 1, 0deg)
}

.qodef-animated-shape .qodef-m-shape-holder {
    position: relative;
    width: inherit;
    height: inherit
}

.qodef-animated-shape .qodef-m-shape-lines {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    animation: qode-revolution 30s linear forwards infinite
}

.qodef-animated-shape .qodef-m-line {
    border: 1px solid var(--qode-color);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    transform-style: preserve-3d
}

.qodef-animated-shape .qodef-m-line:nth-child(1) {
    transform: rotateX(calc(0 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(2) {
    transform: rotateX(calc(1 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(3) {
    transform: rotateX(calc(2 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(4) {
    transform: rotateX(calc(3 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(5) {
    transform: rotateX(calc(4 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(6) {
    transform: rotateX(calc(5 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(7) {
    transform: rotateX(calc(6 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(8) {
    transform: rotateX(calc(7 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(9) {
    transform: rotateX(calc(8 * var(--angle-vert)))
}

.qodef-animated-shape .qodef-m-line:nth-child(10) {
    transform: rotateX(calc(9 * var(--angle-vert)))
}

.qodef-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-banner .qodef-m-banner-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1
}

.qodef-banner .qodef-m-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom left, transparent 50%, var(--qode-main-color) 100%)
}

.qodef-banner .qodef-m-content-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex
}

.qodef-banner .qodef-m-title {
    margin: 10px 0 4px
}

.qodef-banner .qodef-m-title-inner {
    display: inline-block
}

.qodef-banner .qodef-m-subtitle {
    margin: 0
}

.qodef-banner .qodef-m-text-field {
    font-size: 15px;
    color: var(--qode-main-color);
    margin: 0 0 10px;
    font-style: italic
}

.qodef-banner .qodef-m-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden
}

.qodef-banner .qodef-m-image img {
    display: block;
    transition: all .35s ease-out
}

.qodef-banner.qodef-layout--link-button .qodef-m-content-inner {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    padding: 35px
}

.qodef-banner.qodef-layout--link-button .qodef-m-title {
    margin: 10px 0
}

.qodef-banner.qodef-layout--link-button .qodef-m-text {
    margin: 0
}

.qodef-banner.qodef-layout--link-button .qodef-m-button {
    margin: 10px 0 0
}

.qodef-banner.qodef-layout--link-overlay .qodef-m-content-inner {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px
}

.qodef-button.qodef-html--link {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 22px;
    line-height: 1.4090909091em;
    font-weight: 500;
    letter-spacing: -.022em;
    text-decoration: none;
    
    border-radius: 0;
    outline: 0;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    box-shadow: none;
    background-image: none;
    opacity: 1;
    padding: 12px 42px
}

.qodef-button.qodef-size--small {
    padding: 10px 39px
}

.qodef-button.qodef-size--large {
    padding: 14px 45px
}

.qodef-button.qodef-size--full {
    width: 100%;
    padding: 12px 42px;
    justify-content: center;
    text-align: center
}

.qodef-button.qodef-layout--filled-rounded.qodef-html--link {
    color: var(--qode-button-color, #fff);
    border-width: 2px;
    justify-content: flex-end;
    width: 138px;
    height: 138px;
    padding: 32px;
    border-radius: 50%;
    transition: transform .5s;
    transform: scale(1)
}

.qodef-button.qodef-layout--filled-rounded.qodef-html--link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--qode-button-bg-color, #000);
    border: 1px solid var(--qode-button-border-color, #000);
    border-radius: inherit;
    transition: background-color .2s ease-out, border-color .2s ease-out, .5s transform;
    transform: scale(1)
}

.qodef-button.qodef-layout--filled-rounded.qodef-html--link:not(.qodef-hover--disabled) svg {
    transition: transform .42s cubic-bezier(.44, .73, .12, .98);
    transform: rotate(.001deg)
}

.qodef-browser--safari .qodef-button.qodef-layout--filled-rounded.qodef-html--link:not(.qodef-hover--disabled) svg {
    will-change: transform
}

.qodef-button.qodef-layout--filled-rounded.qodef-html--link:not(.qodef-hover--disabled):hover {
    color: var(--qode-button-hover-color, #000)
}

.qodef-button.qodef-layout--filled-rounded.qodef-html--link:not(.qodef-hover--disabled):hover:before {
    background-color: var(--qode-button-bg-hover-color, #fff);
    border-color: var(--qode-button-border-hover-color, #000);
    transform: scale(.85)
}

.qodef-button.qodef-layout--filled-rounded.qodef-html--link:not(.qodef-hover--disabled):hover svg {
    transform: rotate(45.1deg)
}

@media only screen and (max-width:880px) {
    .qodef-button.qodef-layout--filled-rounded.qodef-html--link {
        width: 118px;
        height: 118px
    }
}

.qodef-button.qodef-layout--filled.qodef-html--link {
    color: var(--qode-button-color, #fff);
    background-color: var(--qode-button-bg-color, #000);
    border: 1px solid var(--qode-button-border-color, #000)
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover {
    color: var(--qode-button-hover-color, #000);
    background-color: var(--qode-button-bg-hover-color, #fff);
    border-color: var(--qode-button-border-hover-color, #000)
}

.qodef-button.qodef-layout--outlined-rounded.qodef-html--link {
    color: var(--qode-button-color, #fff);
    justify-content: flex-end;
    width: 138px;
    height: 138px;
    padding: 32px;
    border-radius: 50%
}

.qodef-button.qodef-layout--outlined-rounded.qodef-html--link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid var(--qode-button-border-color, #000);
    border-radius: inherit;
    transition: background-color .2s ease-out, border-color .2s ease-out, .5s transform;
    transform: scale(1)
}

.qodef-button.qodef-layout--outlined-rounded.qodef-html--link:not(.qodef-hover--disabled) svg {
    transition: transform .42s cubic-bezier(.44, .73, .12, .98);
    transform: rotate(.001deg)
}

.qodef-browser--safari .qodef-button.qodef-layout--outlined-rounded.qodef-html--link:not(.qodef-hover--disabled) svg {
    will-change: transform
}

.qodef-button.qodef-layout--outlined-rounded.qodef-html--link:not(.qodef-hover--disabled):hover {
    color: var(--qode-button-hover-color, #fff)
}

.qodef-button.qodef-layout--outlined-rounded.qodef-html--link:not(.qodef-hover--disabled):hover:before {
    background-color: var(--qode-button-bg-hover-color, #000);
    border-color: var(--qode-button-border-hover-color, #000);
    transform: scale(.85)
}

.qodef-button.qodef-layout--outlined-rounded.qodef-html--link:not(.qodef-hover--disabled):hover svg {
    transform: rotate(45.1deg)
}

@media only screen and (max-width:880px) {
    .qodef-button.qodef-layout--outlined-rounded.qodef-html--link {
        width: 118px;
        height: 118px
    }
}

.qodef-button.qodef-layout--outlined {
    color: var(--qode-button-color, #000);
    background-color: transparent;
    border: 1px solid var(--qode-button-border-color, #000)
}

.qodef-button.qodef-layout--outlined:hover {
    color: var(--qode-button-hover-color, #fff);
    background-color: var(--qode-button-bg-hover-color, #000);
    border-color: var(--qode-button-border-hover-color, #000)
}

.qodef-button.qodef-layout--textual {
    color: var(--qode-button-color, #000);
    background-color: transparent;
    border: 0;
    padding: 0 !important;
    gap: 8px
}

.qodef-button.qodef-layout--textual .qodef-m-text {
    display: inline-block;
    position: relative
}

.qodef-button.qodef-layout--textual .qodef-m-text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: calc(100% + 22px);
    height: 2px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

.qodef-button.qodef-layout--textual .qodef-m-icon {
    padding-right: 4px
}

.qodef-button.qodef-layout--textual svg {
    overflow: visible;
    transition: transform .42s cubic-bezier(.44, .73, .12, .98);
    transform: rotate(.001deg)
}

.qodef-browser--safari .qodef-button.qodef-layout--textual svg {
    will-change: transform
}

.qodef-button.qodef-layout--textual:hover {
    color: var(--qode-button-hover-color, #000)
}

.qodef-button.qodef-layout--textual:hover .qodef-m-text:after {
    transform: scaleX(0)
}

.qodef-button.qodef-layout--textual:hover svg {
    transform: rotate(45.1deg)
}

.qodef-countdown .qodef-m-date {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px
}

.qodef-countdown .qodef-digit,
.qodef-countdown .qodef-label {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center
}

.qodef-countdown.qodef-show--1 .qodef-digit-wrapper {
    width: 100%
}

.qodef-countdown.qodef-show--2 .qodef-digit-wrapper {
    width: 50%
}

.qodef-countdown.qodef-show--3 .qodef-digit-wrapper {
    width: 33.3333333333%
}

.qodef-countdown.qodef-show--4 .qodef-digit-wrapper {
    width: 25%
}

.qodef-countdown.qodef-show--5 .qodef-digit-wrapper {
    width: 20%
}

.qodef-countdown.qodef-show--6 .qodef-digit-wrapper {
    width: 16.6666666667%
}

.qodef-countdown.qodef-countdown--light .qodef-digit,
.qodef-countdown.qodef-countdown--light .qodef-label {
    color: #fff !important
}

.qodef-countdown.qodef-layout--simple .qodef-digit-wrapper {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px
}

.qodef-countdown.qodef-layout--simple .qodef-digit {
    font-family: inherit;
    font-size: 100px;
    line-height: 1em;
    letter-spacing: -.05em;
    color: #000;
    min-width: 1.15em
}

@media only screen and (max-width:1024px) {
    .qodef-countdown.qodef-layout--simple .qodef-digit {
        font-size: 80px
    }
}

@media only screen and (max-width:680px) {
    .qodef-countdown.qodef-layout--simple .qodef-digit {
        font-size: 50px
    }
}

.qodef-countdown.qodef-layout--simple .qodef-label {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 20px;
    line-height: 1.25em;
    letter-spacing: -.02em;
    font-weight: 400;
    margin: 10px 0 0
}

@media only screen and (max-width:1368px) {
    .qodef-countdown.qodef-layout--simple .qodef-label {
        font-size: 20px;
        line-height: 1.25em
    }
}

@media only screen and (max-width:1024px) {
    .qodef-countdown.qodef-layout--simple .qodef-label {
        font-size: 17px;
        line-height: 1.3529411765em
    }
}

@media only screen and (max-width:680px) {
    .qodef-countdown.qodef-layout--simple .qodef-label {
        margin-top: 5px
    }
}

.qodef-counter.qodef-layout--simple {
    text-align: center
}

.qodef-counter.qodef-layout--simple .qodef-m-digit {
    font-family: inherit;
    font-size: 100px;
    line-height: 1em;
    letter-spacing: -.05em;
    color: #000
}

.qodef-counter.qodef-layout--simple .qodef-m-title {
    margin: 10px 0 0
}

.qodef-counter.qodef-layout--simple .qodef-m-text {
    margin: 0
}

.qodef-crossfade-images {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.qodef-crossfade-images .qodef-m-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.qodef-crossfade-images .qodef-m-image-holder {
    transition: all .5s
}

.qodef-crossfade-images .qodef-m-image-holder .qodef-m-image-holder-inner {
    position: relative;
    overflow: hidden
}

.qodef-crossfade-images .qodef-m-image-holder .qodef-m-initial-image {
    vertical-align: middle;
    transition: opacity .5s ease
}

.qodef-crossfade-images .qodef-m-image-holder .qodef-m-hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    transition: all .5s ease
}

.qodef-crossfade-images:hover .qodef-m-image-holder .qodef-m-initial-image {
    opacity: 0
}

.qodef-crossfade-images:hover .qodef-m-image-holder .qodef-m-hover-image {
    opacity: 1;
    transition: opacity .5s 50ms
}

.qodef-crossfade-images.qodef-image-border--yes .qodef-m-hover-image,
.qodef-crossfade-images.qodef-image-border--yes .qodef-m-initial-image {
    border: 1px solid #000
}

.widget.widget_spheral_core_custom_font {
    margin-bottom: 0 !important
}

.qodef-custom-font {
    position: relative;
    margin: 0;
    line-height: 1em
}

.qodef-custom-font.qodef-font-size--set {
    font-size: var(--qode-font-size, initial)
}

.qodef-custom-font.qodef-line-height--set {
    line-height: var(--qode-line-height, initial)
}

.qodef-custom-font.qodef-letter-spacing--set {
    letter-spacing: var(--qode-letter-spacing, initial)
}

@media (max-width:1512px) {
    .qodef-custom-font.qodef-font-size--set {
        font-size: var(--qode-font-size-1512, var(--qode-font-size))
    }
    .qodef-custom-font.qodef-line-height--set {
        line-height: var(--qode-line-height-1512, var(--qode-line-height))
    }
    .qodef-custom-font.qodef-letter-spacing--set {
        letter-spacing: var(--qode-letter-spacing-1512, var(--qode-letter-spacing))
    }
}

@media (max-width:1368px) {
    .qodef-custom-font.qodef-font-size--set {
        font-size: var(--qode-font-size-1368, var(--qode-font-size))
    }
    .qodef-custom-font.qodef-line-height--set {
        line-height: var(--qode-line-height-1368, var(--qode-line-height))
    }
    .qodef-custom-font.qodef-letter-spacing--set {
        letter-spacing: var(--qode-letter-spacing-1368, var(--qode-letter-spacing))
    }
}

@media (max-width:1200px) {
    .qodef-custom-font.qodef-font-size--set {
        font-size: var(--qode-font-size-1200, var(--qode-font-size))
    }
    .qodef-custom-font.qodef-line-height--set {
        line-height: var(--qode-line-height-1200, var(--qode-line-height))
    }
    .qodef-custom-font.qodef-letter-spacing--set {
        letter-spacing: var(--qode-letter-spacing-1200, var(--qode-letter-spacing))
    }
}

@media (max-width:1024px) {
    .qodef-custom-font.qodef-font-size--set {
        font-size: var(--qode-font-size-1024, var(--qode-font-size))
    }
    .qodef-custom-font.qodef-line-height--set {
        line-height: var(--qode-line-height-1024, var(--qode-line-height))
    }
    .qodef-custom-font.qodef-letter-spacing--set {
        letter-spacing: var(--qode-letter-spacing-1024, var(--qode-letter-spacing))
    }
}

@media (max-width:880px) {
    .qodef-custom-font.qodef-font-size--set {
        font-size: var(--qode-font-size-880, var(--qode-font-size))
    }
    .qodef-custom-font.qodef-line-height--set {
        line-height: var(--qode-line-height-880, var(--qode-line-height))
    }
    .qodef-custom-font.qodef-letter-spacing--set {
        letter-spacing: var(--qode-letter-spacing-880, var(--qode-letter-spacing))
    }
}

@media (max-width:680px) {
    .qodef-custom-font.qodef-font-size--set {
        font-size: var(--qode-font-size-680, var(--qode-font-size))
    }
    .qodef-custom-font.qodef-line-height--set {
        line-height: var(--qode-line-height-680, var(--qode-line-height))
    }
    .qodef-custom-font.qodef-letter-spacing--set {
        letter-spacing: var(--qode-letter-spacing-680, var(--qode-letter-spacing))
    }
}

.qodef-custom-font.qodef--has-appear .qodef--word {
    clip-path: inset(-.06em);
    white-space: nowrap;
    perspective: 600px;
    display: inline-flex;
    transform-style: preserve-3d;
    --qode-y: 110%;
    --qode-deg: .001deg
}

.qodef-custom-font.qodef--has-appear .qodef--word .qode--char {
    display: inline-flex;
    position: relative;
    opacity: 0;
    transform-origin: 50% 50%;
    transition: opacity .35s, transform .55s cubic-bezier(.45, .85, .21, .95);
    transform: translateY(var(--qode-y)) rotateX(var(--qode-deg))
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(1) {
    --word-delay: 0s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(2) {
    --word-delay: 0.3s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(3) {
    --word-delay: 0.6s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(4) {
    --word-delay: 0.9s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(5) {
    --word-delay: 1.2s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(6) {
    --word-delay: 1.5s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(7) {
    --word-delay: 1.8s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(8) {
    --word-delay: 2.1s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(9) {
    --word-delay: 2.4s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(10) {
    --word-delay: 2.7s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(11) {
    --word-delay: 3s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(12) {
    --word-delay: 3.3s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(13) {
    --word-delay: 3.6s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(14) {
    --word-delay: 3.9s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(15) {
    --word-delay: 4.2s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(16) {
    --word-delay: 4.5s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(17) {
    --word-delay: 4.8s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(18) {
    --word-delay: 5.1s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(19) {
    --word-delay: 5.4s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(20) {
    --word-delay: 5.7s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(21) {
    --word-delay: 6s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(22) {
    --word-delay: 6.3s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(23) {
    --word-delay: 6.6s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(24) {
    --word-delay: 6.9s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(25) {
    --word-delay: 7.2s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(26) {
    --word-delay: 7.5s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(27) {
    --word-delay: 7.8s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(28) {
    --word-delay: 8.1s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(29) {
    --word-delay: 8.4s
}

.qodef-custom-font.qodef--has-appear .qodef--word:nth-of-type(30) {
    --word-delay: 8.7s
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char {
    transition-duration: .35s, .6s;
    transform: translateY(0);
    opacity: 1
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(1) {
    transition-delay: calc(0s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(2) {
    transition-delay: calc(.03s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(3) {
    transition-delay: calc(.06s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(4) {
    transition-delay: calc(.09s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(5) {
    transition-delay: calc(.12s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(6) {
    transition-delay: calc(.15s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(7) {
    transition-delay: calc(.18s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(8) {
    transition-delay: calc(.21s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(9) {
    transition-delay: calc(.24s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(10) {
    transition-delay: calc(.27s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(11) {
    transition-delay: calc(.3s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(12) {
    transition-delay: calc(.33s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(13) {
    transition-delay: calc(.36s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(14) {
    transition-delay: calc(.39s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(15) {
    transition-delay: calc(.42s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(16) {
    transition-delay: calc(.45s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(17) {
    transition-delay: calc(.48s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(18) {
    transition-delay: calc(.51s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(19) {
    transition-delay: calc(.54s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(20) {
    transition-delay: calc(.57s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(21) {
    transition-delay: calc(.6s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(22) {
    transition-delay: calc(.63s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(23) {
    transition-delay: calc(.66s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(24) {
    transition-delay: calc(.69s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(25) {
    transition-delay: calc(.72s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(26) {
    transition-delay: calc(.75s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(27) {
    transition-delay: calc(.78s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(28) {
    transition-delay: calc(.81s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(29) {
    transition-delay: calc(.84s + var(--word-delay))
}

.qodef-custom-font.qodef--has-appear.qodef--appeared .qode--char:nth-of-type(30) {
    transition-delay: calc(.87s + var(--word-delay))
}

.qodef-dropcaps {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-dropcaps .qodef-m-letter {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 85px;
    line-height: 1em;
    letter-spacing: -.04em;
    font-weight: 500;
    
    position: relative;
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin: 0 10px 5px 0
}

@media only screen and (max-width:1368px) {
    .qodef-dropcaps .qodef-m-letter {
        font-size: 75px;
        line-height: .9333333333em
    }
}

@media only screen and (max-width:1024px) {
    .qodef-dropcaps .qodef-m-letter {
        font-size: 55px;
        line-height: .9090909091em;
        letter-spacing: -.033em
    }
}

@media only screen and (max-width:680px) {
    .qodef-dropcaps .qodef-m-letter {
        font-size: 45px;
        line-height: .8888888889em;
        letter-spacing: -.028em
    }
}

.qodef-dropcaps .qodef-m-text {
    display: inline;
    margin: 0
}

.qodef-dropcaps:not(.qodef-type--simple) .qodef-m-letter {
    font-family: Inter, sans-serif;
    font-size: 25px;
    line-height: 1.24em;
    letter-spacing: -.022em;
    font-weight: 400;
    width: 40px;
    height: 40px;
    top: 5px;
    color: #fff;
    background-color: #000
}

@media only screen and (max-width:1368px) {
    .qodef-dropcaps:not(.qodef-type--simple) .qodef-m-letter {
        font-size: 25px;
        line-height: 1.24em
    }
}

@media only screen and (max-width:1024px) {
    .qodef-dropcaps:not(.qodef-type--simple) .qodef-m-letter {
        font-size: 20px;
        line-height: 1.25em
    }
}

.qodef-dropcaps.qodef-type--circle .qodef-m-letter {
    border-radius: 100%
}

.qodef-google-map {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-google-map .qodef-m-map {
    display: block;
    width: 100%
}

.qodef-google-map .qodef-m-map embed,
.qodef-google-map .qodef-m-map iframe,
.qodef-google-map .qodef-m-map object {
    width: 100%;
    display: block
}

.qodef-google-map .qodef-m-map img {
    max-width: none
}

.qodef-highlight .qodef-highlight-text {
    padding: 0 5px;
    color: #000;
    background-color: var(--qode-main-color)
}

.qodef-icon-list-item {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    line-height: 1
}

.qodef-icon-list-item .qodef-e-title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    line-height: 1
}

.qodef-icon-list-item .qodef-e-title a {
    display: block
}

.qodef-icon-list-item .qodef-e-title-inner {
    display: flex;
    align-items: center
}

.qodef-icon-list-item .qodef-icon-holder {
    flex-shrink: 0;
    margin-right: 5px;
    float: none
}

.qodef-icon-list-item .qodef-icon-holder .qodef-icon {
    font-size: 16px
}

.qodef-icon-list-item.qodef-icon--custom-icon .qodef-e-icon-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.qodef-icon-list-item.qodef-icon--custom-icon .qodef-e-icon-wrapper a,
.qodef-icon-list-item.qodef-icon--custom-icon .qodef-e-icon-wrapper img {
    display: block
}

#qodef-page-sidebar .widget.widget_spheral_core_icon_list_item {
    margin-bottom: 0
}

#qodef-page-footer .widget.widget_spheral_core_icon_list_item {
    margin-bottom: 0
}

#qodef-side-area .widget.widget_spheral_core_icon_list_item {
    margin-bottom: 0
}

.qodef-icon-with-text .qodef-m-title {
    margin: 0
}

.qodef-icon-with-text .qodef-m-title a {
    display: block
}

.qodef-icon-with-text .qodef-m-text {
    margin: 8px 0 0
}

.qodef-icon-with-text .qodef-m-icon-wrapper {
    line-height: 1
}

.qodef-icon-with-text .qodef-icon-holder {
    float: none
}

.qodef-icon-with-text .qodef-m-content {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper a,
.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper img {
    display: block
}

.qodef-icon-with-text.qodef-layout--before-content {
    display: flex;
    align-items: flex-start
}

.qodef-icon-with-text.qodef-layout--before-content .qodef-m-icon-wrapper {
    flex-shrink: 0;
    margin-right: 15px
}

.qodef-icon-with-text.qodef-layout--before-title .qodef-m-title {
    line-height: 1
}

.qodef-icon-with-text.qodef-layout--before-title .qodef-m-title-inner {
    display: flex;
    align-items: center
}

.qodef-icon-with-text.qodef-layout--before-title .qodef-m-icon-wrapper {
    flex-shrink: 0;
    margin-right: 5px
}

.qodef-icon-with-text.qodef-layout--before-title.qodef--retina img {
    max-width: 50%
}

.qodef-icon-with-text.qodef-layout--top .qodef-m-title {
    margin-top: 21px
}

.qodef-icon-with-text.qodef-layout--top.qodef-alignment--center {
    text-align: center
}

.qodef-icon-with-text.qodef-layout--top.qodef-alignment--left {
    text-align: left
}

.qodef-icon-with-text.qodef-layout--top.qodef-alignment--right {
    text-align: right
}

.qodef-icon-with-text.qodef-layout--top.qodef--retina img {
    max-width: 50%;
    margin: 0 auto
}

.qodef-icon-with-text.qodef-layout--top.qodef--retina.qodef-alignment--left img {
    margin-left: 0
}

.qodef-icon-with-text.qodef-layout--top.qodef--retina.qodef-alignment--right img {
    margin-right: 0
}

.qodef-icon-holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    line-height: 1
}

.qodef-icon-holder a {
    display: block
}

.qodef-icon-holder .qodef-icon {
    display: block;
    line-height: inherit
}

.qodef-icon-holder .qodef-icon:before {
    display: block;
    line-height: inherit
}

.qodef-icon-holder.qodef-layout--circle,
.qodef-icon-holder.qodef-layout--square {
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    color: #000;
    background-color: var(--qode-main-color);
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out
}

.qodef-icon-holder.qodef-layout--circle a,
.qodef-icon-holder.qodef-layout--square a {
    color: inherit;
    transition: none
}

.qodef-icon-holder.qodef-layout--circle:hover,
.qodef-icon-holder.qodef-layout--square:hover {
    background-color: #000;
    color: #fff
}

.qodef-icon-holder.qodef-layout--circle {
    border-radius: 50%
}

.qodef-icon-holder.qodef-size--tiny {
    font-size: 1.33333333em
}

.qodef-icon-holder.qodef-size--small {
    font-size: 2em
}

.qodef-icon-holder.qodef-size--medium {
    font-size: 3em
}

.qodef-icon-holder.qodef-size--large {
    font-size: 4em
}

.qodef-icon-holder.qodef-size--huge {
    font-size: 5em
}

.widget.widget_spheral_core_icon {
    display: inline-block;
    line-height: 1
}

#qodef-page-sidebar .widget.widget_spheral_core_icon {
    margin-bottom: 0
}

#qodef-page-footer .widget.widget_spheral_core_icon {
    margin-bottom: 0
}

#qodef-side-area .widget.widget_spheral_core_icon {
    margin-bottom: 0
}

.qodef-image-gallery.qodef-border--yes .qodef-image-wrapper {
    border: 1px solid #000
}

.qodef-image-gallery.swiper-container-horizontal>.swiper-pagination-bullets,
.qodef-image-gallery.swiper-horizontal>.swiper-pagination-bullets {
    margin-top: 25px
}

.qodef-image-marquee {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-image-marquee .qodef-m-content {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 auto;
    overflow: hidden
}

.qodef-image-marquee .qodef-m-content.qodef--mobile {
    display: none
}

.qodef-image-marquee .qodef-m-content.qodef--mobile .qodef-m-image {
    background-size: cover !important
}

.qodef-image-marquee .qodef-m-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.qodef-image-marquee .qodef-m-image.qodef-image--copy {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(100%) translateZ(0)
}

.qodef-image-marquee .qodef-m-image a {
    position: relative;
    display: block
}

@keyframes qode-move-marquee {
    0% {
        transform: translateX(0) translateZ(0)
    }
    100% {
        transform: translateX(-100%) translateZ(0)
    }
}

@keyframes qode-move-marquee-copy {
    0% {
        transform: translateX(100%) translateZ(0)
    }
    100% {
        transform: translateX(0) translateZ(0)
    }
}

.qodef-image-with-text {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-image-with-text .qodef-m-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-image-with-text .qodef-m-image a,
.qodef-image-with-text .qodef-m-image img {
    display: block
}

.qodef-image-with-text .qodef-m-content {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-image-with-text .qodef-m-title {
    margin: 31px 0 0
}

.qodef-image-with-text .qodef-m-text {
    margin: 15px 0 0
}

.qodef-image-with-text.qodef-border--yes .qodef-m-image {
    border: 1px solid #000
}

.qodef-list-items .qodef-m-title {
    margin: 0 0 var(--qode-title-margin-bottom, 24px) 0
}

.qodef-list-items .qodef-m-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.qodef-list-items .qodef-m-list-item {
    display: flex;
    align-items: baseline
}

.qodef-list-items .qodef-m-list-item:not(:last-child) {
    margin-bottom: var(--qode-items-gap, 16px)
}

.qodef-list-items .qodef-m-list-item * {
    margin: 0
}

.qodef-list-items .qodef-m-list-item a {
    --qode-underline-height: 1px;
    --qode-underline-position-y: 100%;
    --qode-bottom: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - var(--qode-underline-height)), currentColor var(--qode-underline-height)) !important;
    padding-bottom: var(--qode-bottom);
    transition: background-size .3s cubic-bezier(.23, .63, .19, .97);
    background-size: 100% var(--qode-underline-position-y)
}

.qodef-list-items .qodef-m-list-item a:hover {
    background-size: 0 var(--qode-underline-position-y)
}

.qodef-list-items .qodef-m-list-item h1 a,
.qodef-list-items .qodef-m-list-item h2 a,
.qodef-list-items .qodef-m-list-item h3 a,
.qodef-list-items .qodef-m-list-item h4 a {
    transition-duration: .5s;
    --qode-underline-height: 2px;
    --qode-bottom: 2px
}

.qodef-list-items.qodef-skin--light .qodef-m-list-item>*,
.qodef-list-items.qodef-skin--light .qodef-m-title {
    color: #fff
}

.qodef-list-items.qodef-skin--light .qodef-m-list-item a:focus,
.qodef-list-items.qodef-skin--light .qodef-m-list-item a:hover {
    color: inherit
}

.qodef-project-showcase {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-project-showcase .qodef-m-project-showcase-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1
}

.qodef-project-showcase .qodef-m-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.qodef-project-showcase .qodef-m-title {
    margin: 0
}

.qodef-project-showcase .qodef-m-text {
    margin: 0
}

.qodef-project-showcase .qodef-m-title-inner {
    display: inline-block
}

.qodef-project-showcase .qodef-m-main-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden
}

.qodef-project-showcase .qodef-m-main-image img {
    display: block;
    width: 100%
}

.qodef-project-showcase .qodef-m-main-image .qodef-placeholder-svg {
    width: 100%;
    height: auto;
    display: block
}

.qodef-project-showcase .qodef-m-main-image .qodef-parallax-img-wrapper img {
    object-fit: cover;
    height: 100%
}

.qodef-project-showcase .qodef-m-second-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-project-showcase .qodef-m-second-image img {
    display: block
}

.qodef-project-showcase .qodef-m-content-inner .qodef-m-second-image {
    overflow: hidden
}

.qodef-project-showcase .qodef-m-content-inner .qodef-m-second-image img {
    transform: scale(1.035);
    transform-origin: 100% 50%;
    --qode-hover-scale: 1.0001;
    transition: transform .63s cubic-bezier(.13, .47, .32, .94)
}

.qodef-browser--safari .qodef-project-showcase .qodef-m-content-inner .qodef-m-second-image img {
    will-change: transform
}

.qodef-project-showcase .qodef-m-content-inner .qodef-m-button svg {
    transition: transform .42s cubic-bezier(.44, .73, .12, .98);
    transform: rotate(.001deg)
}

.qodef-browser--safari .qodef-project-showcase .qodef-m-content-inner .qodef-m-button svg {
    will-change: transform
}

.qodef-project-showcase .qodef-m-content-inner:hover .qodef-m-second-image img {
    transform: scale(var(--qode-hover-scale))
}

.qodef-project-showcase .qodef-m-content-inner:hover .qodef-m-button svg {
    transform: rotate(45.1deg)
}

.qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    background-color: #fff
}

.qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px
}

.qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner-right--top {
    display: flex;
    justify-content: space-between
}

.qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner-right--bottom {
    max-width: 60%
}

@media only screen and (max-width:1024px) {
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-second-image img {
        max-width: 228px;
        width: 100%
    }
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-button svg {
        width: 65px;
        height: auto
    }
}

@media only screen and (max-width:680px) {
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-content,
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner {
        position: relative;
        height: auto
    }
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner-left {
        width: 40%
    }
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner-right--bottom {
        max-width: 100%
    }
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-button {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .qodef-project-showcase.qodef-layout--link-button .qodef-m-content-inner-right--bottom {
        margin-top: 6px
    }
}

.qodef-section-title {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-section-title .qodef-m-title {
    margin: 0
}

.qodef-section-title .qodef-m-text {
    margin: 25px 0 0
}

.qodef-section-title.qodef-alignment--center {
    text-align: center
}

.qodef-section-title.qodef-alignment--left {
    text-align: left
}

.qodef-section-title.qodef-alignment--right {
    text-align: right
}

.qodef-separator {
    font-size: 0;
    height: auto;
    line-height: 1;
    position: relative
}

.qodef-separator .qodef-m-line {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border-bottom: 1px solid #000
}

.qodef-separator.qodef-position--center {
    text-align: center
}

.qodef-separator.qodef-position--left {
    text-align: left
}

.qodef-separator.qodef-position--right {
    text-align: right
}

.qodef-separator.qodef-show--yes {
    display: block
}

.qodef-separator.qodef-show--no {
    display: none
}

@media only screen and (max-width:1600px) {
    .qodef-separator.qodef-show-1600--yes {
        display: block
    }
}

@media only screen and (max-width:1600px) {
    .qodef-separator.qodef-show-1600--no {
        display: none
    }
}

@media only screen and (max-width:1512px) {
    .qodef-separator.qodef-show-1512--yes {
        display: block
    }
}

@media only screen and (max-width:1512px) {
    .qodef-separator.qodef-show-1512--no {
        display: none
    }
}

@media only screen and (max-width:1368px) {
    .qodef-separator.qodef-show-1368--yes {
        display: block
    }
}

@media only screen and (max-width:1368px) {
    .qodef-separator.qodef-show-1368--no {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .qodef-separator.qodef-show-1200--yes {
        display: block
    }
}

@media only screen and (max-width:1200px) {
    .qodef-separator.qodef-show-1200--no {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .qodef-separator.qodef-show-1024--yes {
        display: block
    }
}

@media only screen and (max-width:1024px) {
    .qodef-separator.qodef-show-1024--no {
        display: none
    }
}

@media only screen and (max-width:880px) {
    .qodef-separator.qodef-show-880--yes {
        display: block
    }
}

@media only screen and (max-width:880px) {
    .qodef-separator.qodef-show-880--no {
        display: none
    }
}

@media only screen and (max-width:680px) {
    .qodef-separator.qodef-show-680--yes {
        display: block
    }
}

@media only screen and (max-width:680px) {
    .qodef-separator.qodef-show-680--no {
        display: none
    }
}

#qodef-page-sidebar .widget.widget_spheral_core_separator {
    margin-bottom: 0
}

#qodef-page-footer .widget.widget_spheral_core_separator {
    margin-bottom: 0
}

#qodef-side-area .widget.widget_spheral_core_separator {
    margin-bottom: 0
}

.qodef-single-image .qodef-m-image {
    display: flex
}

.qodef-single-image img {
    display: block
}

.qodef-alignment--center .qodef-single-image img {
    margin: 0 auto
}

.qodef-alignment--right .qodef-single-image img {
    margin: 0 0 0 auto
}

.qodef-single-image.qodef-appear-animation--yes .qodef-m-image {
    opacity: 0;
    transform: translateY(8px);
    overflow: hidden;
    transition: opacity .66s cubic-bezier(.4, .01, .14, .99), transform .66s cubic-bezier(.4, .01, .14, .99);
    will-change: transform
}

.qodef-single-image.qodef-appear-animation--yes .qodef-m-image img {
    transform: scale(1.1);
    transition: transform 1.64s ease
}

.qodef-single-image.qodef-appear-animation--yes.qodef-fit-img-height .qodef-m-image {
    opacity: 1;
    transform: translateY(0);
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    transition: clip-path .94s cubic-bezier(.46, .03, .52, .96)
}

.qodef-single-image.qodef-appear-animation--yes.qodef-fit-img-height .qodef-m-image img {
    transform: scale(1.15);
    transform-origin: 0 50%;
    transition: transform 1.06s ease
}

.elementor-editor-active .qodef-single-image.qodef-appear-animation--yes.qodef-fit-img-height .qodef-m-image,
.qodef-single-image.qodef-appear-animation--yes.qodef-fit-img-height.qodef--appeared .qodef-m-image {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0)
}

.elementor-editor-active .qodef-single-image.qodef-appear-animation--yes.qodef-fit-img-height .qodef-m-image img,
.qodef-single-image.qodef-appear-animation--yes.qodef-fit-img-height.qodef--appeared .qodef-m-image img {
    transform: scale(1)
}

.qodef-single-image.qodef-border--yes .qodef-m-image {
    border: 1px solid #000
}

.qodef-single-image.qodef--has-appear {
    overflow: hidden
}

.qodef-single-image.qodef--has-appear .qodef-m-image-holder {
    transition: transform .8s cubic-bezier(.4, .01, .14, .99);
    transform: translateY(110%)
}

.qodef-single-image.qodef--has-appear svg path {
    stroke-dasharray: var(--qode-path-length);
    stroke-dashoffset: var(--qode-path-length);
    transition: stroke-dashoffset 1.4s ease-out
}

.qodef-single-image.qodef--has-appear.qodef--appeared .qodef-m-image-holder {
    transform: translateY(0)
}

.qodef-single-image.qodef--has-appear.qodef--appeared svg path {
    stroke-dashoffset: 0
}

.qodef-swapping-image-gallery {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 100px;
    --qode-height-custom-offset: -20px
}

.qodef-swapping-image-gallery .qodef-m-info {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.qodef-swapping-image-gallery .qodef-m-image-holder-wrapper {
    width: 50%;
    max-width: 41.2vw
}

.qodef-swapping-image-gallery .qodef-m-image-holder-wrapper .qodef-m-image-holder {
    overflow: hidden;
    text-align: right
}

.qodef-swapping-image-gallery .qodef-m-tagline {
    margin: 0 0 8px
}

.qodef-swapping-image-gallery .qodef-m-title {
    font-size: 17px;
    line-height: 1.3529411765em;
    margin: 16px 0 0
}

.qodef-swapping-image-gallery .qodef-m-thumbnails-holder {
    width: auto
}

.qodef-swapping-image-gallery .qodef-m-thumbnails-holder .qodef-m-thumbnail {
    position: relative;
    font-size: 0;
    cursor: pointer
}

.qodef-swapping-image-gallery .qodef-m-thumbnails-holder .qodef-m-thumbnail .qodef-m-thumbnail-image-holder {
    position: relative
}

.qodef-swapping-image-gallery .qodef-m-thumbnails-holder .qodef-m-thumbnail .qodef-progress-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
    stroke-dasharray: var(--qode-path-length);
    stroke-dashoffset: var(--qode-path-length);
    opacity: 0;
    transition: opacity .25s
}

.qodef-swapping-image-gallery .qodef-m-thumbnails-holder .qodef-m-thumbnail img {
    display: block;
    transition: opacity .3s ease-out
}

.qodef-swapping-image-gallery .qodef-m-thumbnails-holder .qodef-m-thumbnail.qodef--active .qodef-progress-svg {
    opacity: 1;
    animation: qode-stroke-progress 3s linear forwards
}

.qodef-swapping-image-gallery.qodef-skin--light .qodef-m-tagline,
.qodef-swapping-image-gallery.qodef-skin--light .qodef-m-title {
    color: #fff !important
}

.qodef-swapping-image-gallery.qodef-skin--light .qodef-m-thumbnail.qodef--active img {
    border-color: #fff
}

@keyframes qode-text-marquee-left {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}

@keyframes qode-text-marquee-right {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}

.qodef-text-marquee .qodef-m-content {
    display: flex;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 105px;
    font-weight: 400;
    line-height: 1em;
    overflow: hidden;
    white-space: nowrap
}

.qodef-text-marquee .qodef-m-content-inner {
    padding-right: 25px
}

.qodef--init.qodef-direction--left.qodef-text-marquee .qodef-m-content-inner {
    animation: qode-text-marquee-left var(--qode-marquee-duration, 25s) linear infinite
}

.qodef--init.qodef-direction--right.qodef-text-marquee .qodef-m-content-inner {
    animation: qode-text-marquee-right var(--qode-marquee-duration, 25s) linear infinite
}

.qodef-text-marquee .qodef-m-text-1 {
    color: #000
}

.qodef-text-marquee .qodef-m-text-2 {
    color: #000
}

.qodef-text-marquee .qodef-m-text-3 {
    color: #000
}

.qodef-text-marquee .qodef-m-separator {
    color: #000;
    position: relative
}

.qodef-video-button {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.qodef-video-button .qodef-m-play {
    position: absolute;
    top: 14px;
    left: 17px;
    z-index: 1;
    color: #fff
}

.qodef-video-button .qodef-m-play span {
    display: block;
    line-height: inherit
}

.qodef-video-button .qodef-m-play span:before {
    display: block;
    line-height: inherit
}

.qodef-video-button .qodef-m-play svg {
    display: block
}

#qodef-side-area {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    height: 100%;
    min-height: 100%;
    padding: 0;
    text-align: center;
    background-color: var(--qode-black-color);
    overflow: hidden;
    visibility: hidden;
    z-index: 9999;
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transform: translateX(110%)
}

.qodef-side-area--opened #qodef-side-area {
    transform: translateX(0);
    visibility: visible
}

#qodef-side-area.qodef-alignment--center {
    text-align: center
}

#qodef-side-area.qodef-alignment--right {
    text-align: right
}

#qodef-side-area.qodef-alignment--left {
    text-align: left
}

.admin-bar #qodef-side-area {
    padding-top: 32px
}

#qodef-side-area-inner {
    padding: 0 83px
}

@media only screen and (max-width:1512px) {
    #qodef-side-area-inner {
        padding: 0
    }
}

#qodef-side-area-close {
    position: absolute;
    top: 19px;
    right: 22px;
    padding: 10px;
    display: none;
    z-index: 1000;
    color: #fff
}

#qodef-side-area-close svg {
    display: block
}

.qodef-side-area--opened #qodef-side-area-close {
    display: block
}

.admin-bar #qodef-side-area-close {
    top: 51px
}

.qodef-side-area-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    z-index: 0;
    transition: opacity .2s ease-in-out, z-index .2s ease-in-out
}

.qodef-side-area--opened .qodef-side-area-cover {
    opacity: 1;
    z-index: 1002
}

.qodef-side-area--opened #qodef-page-header {
    position: relative;
    visibility: hidden;
    z-index: 9999999
}

.qodef-side-area--opened #qodef-page-header .qodef-header-navigation,
.qodef-side-area--opened #qodef-page-header .qodef-widget-holder {
    display: none
}

.qodef-side-area--opened #qodef-page-header .qodef-header-logo-link img.qodef--light {
    opacity: 1;
    position: relative;
    top: auto;
    transform: none
}

.qodef-side-area--opened #qodef-page-header .qodef-header-logo-link img.qodef--dark,
.qodef-side-area--opened #qodef-page-header .qodef-header-logo-link img.qodef--main {
    display: none
}

.qodef-side-area--opened .qodef-header-logo-image.qodef--customizer,
.qodef-side-area--opened .qodef-header-logo-link {
    visibility: visible
}

.qodef-social-share {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.qodef-social-share .qodef-social-title {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0
}

@media only screen and (max-width:1024px) {
    .qodef-social-share .qodef-social-title {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-social-share ul {
    position: relative;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 0;
    margin: 0
}

.qodef-social-share li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    padding: 0;
    margin: 0
}

.qodef-social-share li a {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000
}

@media only screen and (max-width:1024px) {
    .qodef-social-share li a {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-social-share li a span[class*=-label] {
    margin-right: 4px
}

.qodef-social-share.qodef-skin--light .qodef-social-title,
.qodef-social-share.qodef-skin--light li a {
    color: #fff
}

.qodef-social-share.qodef-skin--dark .qodef-social-title,
.qodef-social-share.qodef-skin--dark li a {
    color: #000
}

.qodef-social-share.qodef-layout--dropdown {
    position: relative;
    display: inline-block;
    vertical-align: bottom
}

.qodef-social-share.qodef-layout--dropdown .qodef-social-title {
    margin: 0
}

.qodef-social-share.qodef-layout--dropdown .qodef-e-social-share-icon {
    width: 29px;
    height: auto;
    stroke: currentColor;
    fill: currentColor
}

.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown-opener {
    display: flex;
    align-items: center;
    column-gap: 8px;
    background: 0 0
}

.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown {
    position: absolute;
    visibility: hidden;
    z-index: 950
}

.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown ul {
    position: relative;
    display: block;
    z-index: 990;
    margin: 0;
    padding: 0 !important
}

.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transition: opacity .2s ease-out, visibility .2s ease-out
}

.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li a {
    transition: color .2s ease-out, background-color .2s ease-out
}

.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li>* {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: inherit;
    width: 100%;
    height: 100%
}

.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li {
    opacity: 1;
    visibility: visible;
    cursor: pointer
}

.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(2) {
    transition-delay: .2s
}

.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(3) {
    transition-delay: .3s
}

.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(4) {
    transition-delay: .4s
}

.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(5) {
    transition-delay: .5s
}

.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(6) {
    transition-delay: .6s
}

.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(7) {
    transition-delay: .7s
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown-opener {
    padding: 5px 0
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown {
    bottom: 0;
    left: -9px
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li {
    width: 106px;
    height: 25px;
    line-height: 25px;
    background-color: #fff;
    border: 1px solid #000
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:not(:first-child) {
    border-top: none
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(1) {
    bottom: calc(1 * 25px * -1)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(2) {
    bottom: calc(2 * 25px * -1)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(3) {
    bottom: calc(3 * 25px * -1)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(4) {
    bottom: calc(4 * 25px * -1)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(5) {
    bottom: calc(5 * 25px * -1)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(6) {
    bottom: calc(6 * 25px * -1)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(7) {
    bottom: calc(7 * 25px * -1)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown {
    top: 0;
    right: 0
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li {
    width: calc(106px / 3)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(1) {
    left: calc((1 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(2) {
    left: calc((2 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(3) {
    left: calc((3 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(4) {
    left: calc((4 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(5) {
    left: calc((5 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(6) {
    left: calc((6 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(7) {
    left: calc((7 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown {
    top: 0;
    left: 0
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li {
    width: calc(106px / 3)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(1) {
    right: calc((1 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(2) {
    right: calc((2 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(3) {
    right: calc((3 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(4) {
    right: calc((4 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(5) {
    right: calc((5 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(6) {
    right: calc((6 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(7) {
    right: calc((7 - 1) * 106px / 3 + 5)
}

.qodef-social-share.qodef-layout--list li {
    margin-right: 15px
}

.qodef-social-share.qodef-layout--list li:last-child {
    margin-right: 0
}

@media only screen and (max-width:680px) {
    .qodef-social-share.qodef-layout--list li {
        margin-right: 10px
    }
}

.qodef-social-share.qodef-layout--text li {
    margin-right: 30px
}

.qodef-social-share.qodef-layout--text li a {
    position: relative
}

.qodef-social-share.qodef-layout--text li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

.qodef-social-share.qodef-layout--text li a:hover:after {
    transform: scaleX(0)
}

.qodef-social-share.qodef-layout--text li:last-child {
    margin-right: 0
}

@media only screen and (max-width:1600px) {
    .qodef-social-share.qodef-layout--text li {
        margin-right: 15px
    }
}

@media only screen and (max-width:680px) {
    .qodef-social-share.qodef-layout--text li {
        margin-right: 10px
    }
}

.widget .qodef-social-share.qodef-layout--list .qodef-social-title {
    display: block;
    margin-bottom: 21px
}

.widget .qodef-social-share.qodef-layout--text .qodef-social-title {
    display: block;
    margin-bottom: 21px
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-facebook-share a:hover {
    color: #3b5998
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-twitter-share a:hover {
    color: #00aced
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-linkedin-share a:hover {
    color: #007bb5
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-tumblr-share a:hover {
    color: #32506d
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-pinterest-share a:hover {
    color: #cb2027
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-vk-share a:hover {
    color: #45668e
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-facebook-share a:hover {
    color: #3b5998
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-twitter-share a:hover {
    color: #00aced
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-linkedin-share a:hover {
    color: #007bb5
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-tumblr-share a:hover {
    color: #32506d
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-pinterest-share a:hover {
    color: #cb2027
}

#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-vk-share a:hover {
    color: #45668e
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--dropdown .qodef-social-title {
    color: #ccc
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--list .qodef-social-title {
    color: #ccc
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-facebook-share a:hover {
    color: #3b5998
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-twitter-share a:hover {
    color: #00aced
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-linkedin-share a:hover {
    color: #007bb5
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-tumblr-share a:hover {
    color: #32506d
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-pinterest-share a:hover {
    color: #cb2027
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-vk-share a:hover {
    color: #45668e
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--text .qodef-social-title {
    color: #ccc
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-facebook-share a:hover {
    color: #3b5998
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-twitter-share a:hover {
    color: #00aced
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-linkedin-share a:hover {
    color: #007bb5
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-tumblr-share a:hover {
    color: #32506d
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-pinterest-share a:hover {
    color: #cb2027
}

#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-vk-share a:hover {
    color: #45668e
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--dropdown .qodef-social-title {
    color: #ccc
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--list .qodef-social-title {
    color: #ccc
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-facebook-share a:hover {
    color: #3b5998
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-twitter-share a:hover {
    color: #00aced
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-linkedin-share a:hover {
    color: #007bb5
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-tumblr-share a:hover {
    color: #32506d
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-pinterest-share a:hover {
    color: #cb2027
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-vk-share a:hover {
    color: #45668e
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--text .qodef-social-title {
    color: #ccc
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-facebook-share a:hover {
    color: #3b5998
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-twitter-share a:hover {
    color: #00aced
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-linkedin-share a:hover {
    color: #007bb5
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-tumblr-share a:hover {
    color: #32506d
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-pinterest-share a:hover {
    color: #cb2027
}

#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-vk-share a:hover {
    color: #45668e
}

#qodef-page-spinner {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2000
}

#qodef-page-spinner .qodef-m-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #0d0d0c
}

#qodef-page-spinner .qodef-m-spinner {
    position: relative
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom {
    position: relative;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--1 {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50%;
    width: 50%;
    z-index: 1;
    animation: qode-atom-shrink 4.5s infinite linear
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--1:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    height: 100%;
    width: 100%;
    background: currentColor;
    border-radius: 50%
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2,
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3,
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2:before,
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3:before,
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    background: currentColor;
    border-radius: 50%
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2 {
    animation: qode-atom-zindex 1.5s .75s infinite steps(2, end)
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2:before {
    transform: rotate(0);
    animation: qode-atom-postion 1.5s infinite ease, qode-atom-size 1.5s -1.125s infinite ease
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3 {
    transform: rotate(120deg);
    animation: qode-atom-zindex 1.5s -.25s infinite steps(2, end)
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3:before {
    animation: qode-atom-postion 1.5s -1s infinite ease, qode-atom-size 1.5s -.75s infinite ease
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4 {
    transform: rotate(240deg);
    animation: qode-atom-zindex 1.5s .25s infinite steps(2, end)
}

#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4:before {
    animation: qode-atom-postion 1.5s -.5s infinite ease, qode-atom-size 1.5s -125ms infinite ease
}

#qodef-page-spinner.qodef-layout--clock .qodef-m-clock {
    position: relative;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    animation: qode-clock 8s infinite steps(8)
}

#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item {
    position: absolute;
    height: 50px;
    width: 50px
}

#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item:before {
    content: "";
    position: absolute;
    height: 18.31501832px;
    width: 18.31501832px;
    background: currentColor;
    border-radius: 50%
}

#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--1 {
    transform: rotate(-135deg);
    animation: qode-clock-1 1s ease-in infinite
}

#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--2 {
    transform: rotate(-90deg);
    animation: qode-clock-2 1s ease-in infinite
}

#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--3 {
    transform: rotate(-45deg);
    animation: qode-clock-3 1s ease-in infinite
}

#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--4 {
    animation: qode-clock-4 1s ease-in infinite
}

#qodef-page-spinner.qodef-layout--cube .qodef-m-cube {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    background-color: currentColor;
    animation: qode-cube 1.2s infinite ease-in-out
}

#qodef-page-spinner.qodef-layout--double-pulse .qodef-m-pulses {
    position: relative;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px
}

#qodef-page-spinner.qodef-layout--double-pulse .qodef-m-pulse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    border-radius: 50%;
    opacity: .6;
    animation: qode-double-pulse 2s infinite ease-in-out
}

#qodef-page-spinner.qodef-layout--double-pulse .qodef-m-pulse.qodef-pulse--2 {
    animation-delay: -1s
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-five-rotating-circles {
    position: relative;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item {
    position: absolute;
    width: 100%;
    height: 100%
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--2 {
    animation-delay: calc((600ms) - 1500ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--3 {
    animation-delay: calc((900ms) - 1500ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--4 {
    animation-delay: calc((1200ms) - 1500ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 {
    transform: rotateZ(45deg)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--1 {
    animation-delay: calc((300ms) - 1400ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--2 {
    animation-delay: calc((600ms) - 1400ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--3 {
    animation-delay: calc((900ms) - 1400ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--4 {
    animation-delay: calc((1200ms) - 1400ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 {
    transform: rotateZ(90deg)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--1 {
    animation-delay: calc((300ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--2 {
    animation-delay: calc((600ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--3 {
    animation-delay: calc((900ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--4 {
    animation-delay: calc((1200ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: currentColor;
    border-radius: 100%;
    animation: qode-bounce-delay 1.2s infinite ease-in-out both
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--1 {
    top: 0;
    left: 0
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--2 {
    top: 0;
    right: 0
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--3 {
    right: 0;
    bottom: 0
}

#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--4 {
    left: 0;
    bottom: 0
}

#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion {
    position: relative;
    width: 30px;
    height: 30px;
    margin: -45px 0 0 -30px
}

#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    background: currentColor;
    border-radius: 50%
}

#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--1 {
    top: 0;
    left: 50%;
    animation: qode-fussion-ball-1 1s 0s ease infinite;
    z-index: 1
}

#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--2 {
    top: 50%;
    left: 100%;
    animation: qode-fussion-ball-2 1s 0s ease infinite;
    z-index: 2
}

#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--3 {
    top: 100%;
    left: 50%;
    animation: qode-fussion-ball-3 1s 0s ease infinite;
    z-index: 1
}

#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--4 {
    top: 50%;
    left: 0;
    animation: qode-fussion-ball-4 1s 0s ease infinite;
    z-index: 2
}

#qodef-page-spinner.qodef-layout--lines .qodef-m-lines {
    width: 60px;
    height: 60px;
    margin: 0 0 0 -30px
}

#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--1 {
    position: absolute;
    width: 60px;
    height: 4px;
    margin-left: 10px;
    background-color: currentColor;
    animation: qode-lines-spin 1.5s infinite ease calc((100ms) - 100ms)
}

#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--2 {
    position: absolute;
    width: 60px;
    height: 4px;
    margin-left: 10px;
    background-color: currentColor;
    animation: qode-lines-spin 1.5s infinite ease calc((200ms) - 100ms)
}

#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--3 {
    position: absolute;
    width: 60px;
    height: 4px;
    margin-left: 10px;
    background-color: currentColor;
    animation: qode-lines-spin 1.5s infinite ease calc((300ms) - 100ms)
}

#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--4 {
    position: absolute;
    width: 60px;
    height: 4px;
    margin-left: 10px;
    background-color: currentColor;
    animation: qode-lines-spin 1.5s infinite ease calc((400ms) - 100ms)
}

#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis {
    position: relative;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    animation: qode-mitosis-invert 2s infinite steps(2, end)
}

#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    border-radius: 50%
}

#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--1 {
    animation: qode-mitosis-ball-1 1s infinite alternate linear
}

#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--2 {
    animation: qode-mitosis-ball-2 1s infinite alternate linear
}

#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--3 {
    animation: qode-mitosis-ball-3 1s infinite alternate linear
}

#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--4 {
    animation: qode-mitosis-ball-4 1s infinite alternate linear
}

#qodef-page-spinner.qodef-layout--predefined {
    transform-origin: bottom
}

#qodef-page-spinner.qodef-layout--predefined .qodef-animated-shape {
    --qode-color: currentColor
}

#qodef-page-spinner.qodef-layout--predefined .qodef-m-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 1
}

#qodef-page-spinner.qodef-layout--predefined .qodef-m-predefined {
    display: flex;
    opacity: 0;
    animation: qode-fade-in 1s forwards
}

#qodef-page-spinner.qodef-layout--predefined .qodef-m-spinner-shape {
    display: flex;
    justify-content: center;
    width: 72vw
}

#qodef-page-spinner.qodef-layout--predefined.qodef--finished {
    z-index: -1;
    position: absolute
}

#qodef-page-spinner.qodef-layout--predefined.qodef--finished .qodef-m-spinner-shape {
    transition: transform 1s;
    transform: translateY(5%)
}

#qodef-page-spinner.qodef-layout--predefined.qodef--finished~#qodef-page-wrapper {
    transition: opacity 1s;
    opacity: 1
}

#qodef-page-spinner.qodef-layout--predefined.qodef--finished~#qodef-page-wrapper #qodef-custom-section--uncover {
    animation: qode-fade-in 1s 1s forwards
}

#qodef-page-spinner.qodef-layout--predefined>.qodef-m-inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120lvH;
    background-color: inherit;
    top: 90%
}

#qodef-page-spinner.qodef-layout--predefined~#qodef-page-wrapper {
    opacity: 0
}

#qodef-page-spinner.qodef-layout--predefined~#qodef-page-wrapper #qodef-custom-section--uncover {
    opacity: 0;
    visibility: hidden
}

#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-heading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-heading>* {
    margin: 0;
    opacity: 0;
    animation: qode-fade-in 1s forwards
}

#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-number-holder {
    flex-shrink: 0;
    animation-delay: .5s
}

#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-line {
    position: relative;
    display: block;
    height: 3px;
    width: 500px;
    margin-top: 20px;
    background-color: #e5e1dc;
    overflow: hidden;
    opacity: 0;
    animation: qode-fade-in 1s .3s forwards
}

#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-line-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--qode-main-color);
    width: 0
}

#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circles {
    position: relative;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px
}

#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle {
    position: absolute;
    height: 100%;
    width: 100%;
    background: currentColor;
    border: 0 solid currentColor;
    border-radius: 50%
}

#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--1 {
    animation: qode-pulse-circles-pulse 3s infinite calc((-750ms) + 750ms)
}

#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--2 {
    animation: qode-pulse-circles-pulse 3s infinite calc((-1500ms) + 750ms)
}

#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--3 {
    animation: qode-pulse-circles-pulse 3s infinite calc((-2250ms) + 750ms)
}

#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--4 {
    animation: qode-pulse-circles-pulse 3s infinite calc((-3000ms) + 750ms)
}

#qodef-page-spinner.qodef-layout--pulse .qodef-m-pulse {
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background-color: currentColor;
    border-radius: 16px;
    animation: qode-scaleout 1s infinite ease-in-out
}

#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles {
    width: 60px;
    height: 20px
}

#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles>div {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px;
    background-color: currentColor;
    border-radius: 100%;
    opacity: 0;
    animation: qode-ball-fall 1.5s ease infinite both
}

#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles>div:nth-last-of-type(1) {
    animation-delay: calc((100ms) - 300ms)
}

#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles>div:nth-last-of-type(2) {
    animation-delay: calc((200ms) - 300ms)
}

#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles>div:nth-last-of-type(3) {
    animation-delay: calc((300ms) - 300ms)
}

#qodef-page-spinner.qodef-layout--rotating-cubes .qodef-m-cubes {
    position: relative;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px
}

#qodef-page-spinner.qodef-layout--rotating-cubes .qodef-m-cube {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: currentColor;
    animation: qode-rotating-cubes 1.8s infinite ease-in-out
}

#qodef-page-spinner.qodef-layout--rotating-cubes .qodef-m-cube.qodef-cube--2 {
    animation-delay: -.9s
}

#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripes {
    width: 50px;
    height: 60px;
    margin: -30px 0 0 -25px;
    text-align: center
}

#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe {
    display: inline-block;
    float: left;
    height: 100%;
    width: 6px;
    margin: 0 3px 0 0;
    background-color: currentColor;
    animation: qode-stretch-delay 1.2s infinite ease-in-out
}

#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--2 {
    animation-delay: calc((200ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--3 {
    animation-delay: calc((300ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--4 {
    animation-delay: calc((400ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--5 {
    animation-delay: calc((500ms) - 1300ms)
}

#qodef-page-spinner.qodef-layout--textual .qodef-m-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

#qodef-page-spinner.qodef-layout--textual .qodef-m-textual {
    opacity: 0
}

#qodef-page-spinner.qodef-layout--textual .qodef-m-text {
    display: flex;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase
}

#qodef-page-spinner.qodef-layout--textual .qodef-m-char {
    display: inline-block;
    opacity: 0;
    will-change: opacity
}

#qodef-page-spinner.qodef-layout--textual .qodef-m-char.qodef-m-empty-char {
    white-space: pre
}

#qodef-page-spinner.qodef-layout--textual.qodef--init .qodef-m-textual {
    opacity: 1
}

#qodef-page-spinner.qodef-layout--two-rotating-circles .qodef-m-two-rotating-circles {
    position: relative;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    text-align: center;
    animation: qode-rotate-circles 2s infinite linear
}

#qodef-page-spinner.qodef-layout--two-rotating-circles .qodef-m-circle {
    position: absolute;
    top: 0;
    width: 60%;
    height: 60%;
    display: inline-block;
    background-color: currentColor;
    border-radius: 100%;
    transform-origin: center bottom;
    animation: qode-bounce 2s infinite ease-in-out
}

#qodef-page-spinner.qodef-layout--two-rotating-circles .qodef-m-circle.qodef-circle--2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circles {
    width: 150px;
    height: 30px;
    margin: -15px 0 0 -75px
}

#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle {
    float: left;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    background: currentColor;
    border-radius: 50%
}

#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--1 {
    animation: qode-wave-jump-3 1.8s infinite ease-out
}

#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--2 {
    animation: qode-wave-jump-2 1.8s infinite ease-out
}

#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--3 {
    animation: qode-wave-jump-1 1.8s infinite ease-out
}

#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--4 {
    margin-right: 0;
    animation: qode-wave-wipe 1.8s infinite cubic-bezier(.5, 0, .5, 1)
}

#qodef-page-spinner.qodef-layout--wave .qodef-m-wave {
    width: 72px;
    margin: -9px 0 0 -36px;
    text-align: center
}

#qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 3px 0 0;
    background-color: currentColor;
    border-radius: 100%;
    animation: qode-bounce-delay 1.4s infinite ease-in-out both
}

#qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item.qodef-wave--1 {
    animation-delay: -.32s
}

#qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item.qodef-wave--2 {
    animation-delay: -.16s
}

.qodef-page-title {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover
}

.qodef-page-title.qodef-image--responsive {
    height: auto !important
}

.qodef-page-title.qodef-image--responsive .qodef-m-content {
    position: absolute;
    top: 0;
    left: 0
}

.qodef-page-title.qodef-image--responsive .qodef-m-content.qodef-content-grid {
    left: 50%;
    transform: translateX(-50%)
}

.qodef-page-title.qodef-alignment--center {
    text-align: center
}

.qodef-page-title.qodef-alignment--right {
    text-align: right
}

.qodef-page-title .qodef-m-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.qodef-page-title .qodef-m-image img {
    display: block;
    width: 100%
}

.qodef-page-title .qodef-m-content.qodef-content-full-width {
    padding: 0 20px
}

.qodef-page-title .qodef-breadcrumbs a,
.qodef-page-title .qodef-breadcrumbs span {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s ease
}

@media only screen and (max-width:1024px) {
    .qodef-page-title .qodef-breadcrumbs a,
    .qodef-page-title .qodef-breadcrumbs span {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-page-title .qodef-breadcrumbs a:hover {
    background-size: 100% 1px
}

.qodef-page-title .qodef-breadcrumbs .qodef-breadcrumbs-separator {
    margin: 0 4px
}

.qodef-page-title .qodef-breadcrumbs .qodef-breadcrumbs-separator:after {
    content: "/";
    display: inline-block;
    transform: rotate(30deg)
}

.qodef-page-title.qodef-title--standard-with-breadcrumbs {
    background-color: transparent
}

.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-m-content {
    justify-content: space-between
}

.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs {
    margin-top: 16px
}

@media only screen and (max-width:1024px) {
    .qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-m-content.qodef-content-full-width {
        padding: 0 7%
    }
    .qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-m-content.qodef-content-full-width .qodef-content-grid {
        width: 100%
    }
}

.qodef-page-title.qodef-title--standard .qodef-m-subtitle {
    margin: 4px 0 0
}

.widget .qodef-contact-info-widget {
    margin: 0
}

#qodef-top-area .widget .qodef-contact-info-widget a {
    font-size: 16px
}

.widget.widget_spheral_core_list_items {
    margin-bottom: 0
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-title {
    margin: 0 0 var(--qode-title-margin-bottom, 20px) 0 !important
}

#qodef-page-footer .widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-title {
    color: #fff
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-list-item {
    display: flex;
    align-items: baseline
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-list-item a {
    position: relative
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-list-item a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-list-item a:hover:after {
    transform: scaleX(0)
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-list-item:not(:last-child) {
    margin-bottom: var(--qode-items-gap, 20px) !important
}

.widget.widget_spheral_core_list_items .qodef-list-items .qodef-m-list-item * {
    margin: 0
}

.qodef-social-icons-group .qodef-icon-holder {
    margin-right: 26px
}

.qodef-social-icons-group .qodef-icon-holder a {
    position: relative
}

.qodef-social-icons-group .qodef-icon-holder a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

.qodef-social-icons-group .qodef-icon-holder a:hover:after {
    transform: scaleX(0)
}

.qodef-social-icons-group .qodef-icon-holder:last-child {
    margin-right: 0
}

.qodef-social-icons-group .qodef-icon-holder.qodef--textual {
    color: #000;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 500;
    
    display: inline-flex;
    vertical-align: middle;
    flex-wrap: wrap;
    color: #000
}

@media only screen and (max-width:1024px) {
    .qodef-social-icons-group .qodef-icon-holder.qodef--textual {
        font-size: 13px;
        line-height: 1.2307692308em
    }
}

.qodef-social-icons-group .qodef-icon-holder.qodef--textual span[class*=-label] {
    margin-right: 4px
}

.qodef-social-icons-group .qodef-icon-holder.qodef--textual a {
    display: inline-block;
    color: inherit
}

@media only screen and (max-width:1368px) {
    .qodef-social-icons-group .qodef-icon-holder {
        margin-right: 15px
    }
}

@media only screen and (max-width:680px) {
    .qodef-social-icons-group .qodef-icon-holder {
        margin-right: 10px
    }
}

.widget.widget_spheral_core_social_icons_group .qodef-icon-holder a.qodef--textual a {
    position: relative
}

.widget.widget_spheral_core_social_icons_group .qodef-icon-holder a.qodef--textual a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: .5s transform cubic-bezier(.23, .63, .19, .97)
}

.widget.widget_spheral_core_social_icons_group .qodef-icon-holder a.qodef--textual a:hover:after {
    transform: scaleX(0)
}

.widget_spheral_core_svg_icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 !important
}

.widget_spheral_core_svg_icon .qodef-m-holder {
    display: flex;
    align-items: center
}

.widget_spheral_core_svg_icon .qodef-svg-icon-widget svg {
    display: block;
    fill: var(--fill-color);
    stroke: var(--stroke-color);
    max-width: 100%;
    max-height: 100%;
    transition: all .25s ease-out
}

.widget_spheral_core_svg_icon .qodef-svg-icon-widget a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.widget_spheral_core_svg_icon .qodef-svg-icon-widget a:hover svg,
.widget_spheral_core_svg_icon .qodef-svg-icon-widget:hover svg {
    fill: var(--fill-hover-color);
    stroke: var(--stroke-hover-color)
}

.widget_spheral_core_svg_icon .qodef-svg-icon-widget a:hover .qodef-m-text,
.widget_spheral_core_svg_icon .qodef-svg-icon-widget:hover .qodef-m-text {
    color: var(--text-hover-color)
}

.widget_spheral_core_svg_icon .qodef-svg-icon-widget:hover .qodef-m-icon {
    background-color: var(--background-hover-color)
}

.widget_spheral_core_svg_icon .qodef-m-icon {
    --fill-color: currentColor;
    --stroke-color: currentColor;
    --fill-hover-color: currentColor;
    --stroke-hover-color: currentColor;
    --background-color: transparent;
    --background-hover-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    max-height: 100%;
    background-color: var(--background-color);
    overflow: hidden;
    transition: all .25s ease-out
}

.widget_spheral_core_svg_icon .qodef-m-text {
    --text-color: currentColor;
    --text-hover-color: currentColor;
    color: var(--text-color);
    transition: all .25s ease-out;
    line-height: 1
}

#qodef-page-header .widget_spheral_core_svg_icon .qodef-m-text {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4375em;
    letter-spacing: -.02em;
    text-transform: initial;
    font-size: 17px;
    text-transform: lowercase
}

@media only screen and (max-width:1024px) {
    #qodef-page-header .widget_spheral_core_svg_icon .qodef-m-text {
        font-size: 14px;
        line-height: 1.5em
    }
}

#qodef-page-header .widget_spheral_core_svg_icon .qodef-m-text .qodef-menu-item-text {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s ease
}

@media only screen and (max-width:880px) {
    #qodef-author-info .qodef-m-image {
        max-width: 30%
    }
}

@media only screen and (max-width:680px) {
    #qodef-author-info .qodef-m-inner {
        flex-wrap: wrap
    }
    #qodef-author-info .qodef-m-image {
        max-width: 100%
    }
    #qodef-author-info .qodef-m-content {
        margin-top: 27px;
        padding: 0
    }
    #qodef-author-info .qodef-m-social-icons {
        margin-top: 17px;
        column-gap: 12px
    }
}

@media only screen and (max-width:1200px) {
    body:not(.qodef-content-behind-header) #qodef-page-outer {
        margin-top: 0 !important
    }
}

@media only screen and (max-width:1200px) {
    #qodef-top-area {
        display: none
    }
}

@media (max-width:1512px) {
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
}

@media (max-width:1368px) {
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
}

@media (max-width:1200px) {
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
}

@media (max-width:1024px) {
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
}

@media (max-width:880px) {
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
}

@media (max-width:1368px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media (max-width:1368px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media (max-width:1512px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1512--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media (max-width:1368px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1368--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media (max-width:1200px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1200--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media (max-width:1024px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media (max-width:880px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--880--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media (max-width:680px) {
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--1.qodef-layout--columns .ctf-tweets {
        --qode-columns: 1
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--2.qodef-layout--columns .ctf-tweets {
        --qode-columns: 2
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--3.qodef-layout--columns .ctf-tweets {
        --qode-columns: 3
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--4.qodef-layout--columns .ctf-tweets {
        --qode-columns: 4
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--5.qodef-layout--columns .ctf-tweets {
        --qode-columns: 5
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--6.qodef-layout--columns .ctf-tweets {
        --qode-columns: 6
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--7.qodef-layout--columns .ctf-tweets {
        --qode-columns: 7
    }
    .qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--8.qodef-layout--columns .ctf-tweets {
        --qode-columns: 8
    }
}

@media only screen and (max-width:1512px) {
    .qodef-twitter-list.qodef-vertical-gutter--huge .ctf-tweets {
        --qode-columns-row-gap: 60px
    }
    .qodef-twitter-list.qodef-gutter--huge .ctf-tweets {
        --qode-columns-col-gap: 60px
    }
}

@media only screen and (max-width:1512px) {
    .qodef-twitter-list.qodef-vertical-gutter--custom .ctf-tweets {
        --qode-columns-row-gap: var(--qode-vertical-gutter-custom-1512, 30px)
    }
    .qodef-twitter-list.qodef-gutter--custom .ctf-tweets {
        --qode-columns-col-gap: var(--qode-gutter-custom-1512, 30px)
    }
}

@media only screen and (max-width:1200px) {
    .qodef-twitter-list.qodef-vertical-gutter--custom .ctf-tweets {
        --qode-columns-row-gap: var(--qode-vertical-gutter-custom-1200, 30px)
    }
    .qodef-twitter-list.qodef-gutter--custom .ctf-tweets {
        --qode-columns-col-gap: var(--qode-gutter-custom-1200, 30px)
    }
}

@media only screen and (max-width:880px) {
    .qodef-twitter-list.qodef-vertical-gutter--custom .ctf-tweets {
        --qode-columns-row-gap: var(--qode-vertical-gutter-custom-880, 30px)
    }
    .qodef-twitter-list.qodef-gutter--custom .ctf-tweets {
        --qode-columns-col-gap: var(--qode-gutter-custom-880, 30px)
    }
}

@media only screen and (max-width:1200px) {
    .qodef-portfolio-single .qodef-portfolio-title {
        margin-bottom: 15px
    }
    .qodef-portfolio-single .qodef-variations--small .qodef-media {
        margin-bottom: 39px
    }
    .qodef-portfolio-single .qodef-variations--small .qodef-e-content {
        --qode-columns-row-gap: 0
    }
    .qodef-portfolio-single .qodef-variations--small .qodef-portfolio-info {
        margin-top: 37px
    }
    .qodef-portfolio-single .qodef-variations--big .qodef-media {
        margin-bottom: 39px
    }
    .qodef-portfolio-single .qodef-variations--big .qodef-portfolio-info {
        margin-top: -3px;
        flex-direction: column
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-single .qodef-portfolio-title {
        margin-bottom: 20px
    }
    .qodef-portfolio-single .qodef-variations--small .qodef-media {
        margin-bottom: 43px
    }
    .qodef-portfolio-single .qodef-variations--big .qodef-media {
        margin-bottom: 43px
    }
}

@media only screen and (max-width:1512px) {
    .qodef-interactive-portfolio-showcase .qodef-e-info--top {
        width: 70%
    }
}

@media only screen and (max-width:880px) {
    .qodef-interactive-portfolio-showcase .qodef-e-info--bottom {
        flex-direction: column
    }
    .qodef-interactive-portfolio-showcase .qodef-e-info-list {
        width: 100%
    }
    .qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-inner {
        min-height: auto
    }
    .qodef-interactive-portfolio-showcase .qodef-e-image-holder {
        display: none
    }
}

@media only screen and (max-width:680px) {
    .qodef-interactive-portfolio-showcase .qodef-e-info--top {
        width: 100%
    }
    .qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-content {
        min-height: 90px;
        align-items: center
    }
    .qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-title {
        width: auto;
        padding: 0
    }
    .qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-category {
        display: none
    }
    .qodef-interactive-portfolio-showcase .qodef-e-info-list article .qodef-e-year {
        padding: 0
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--info-below-compact:not(.qodef-item-border--yes) .qodef-e-content {
        margin-bottom: 28px
    }
    .qodef-portfolio-list.qodef-item-layout--info-below-compact:not(.qodef-item-border--yes).qodef-gutter--medium .qodef-e-content {
        margin-bottom: 18px
    }
}

@media only screen and (max-width:680px) {
    .qodef-portfolio-list.qodef-item-layout--info-below:not(.qodef-item-border--yes) .qodef-e-content {
        margin-bottom: 28px
    }
    .qodef-portfolio-list.qodef-item-layout--info-below:not(.qodef-item-border--yes).qodef-gutter--medium .qodef-e-content {
        margin-bottom: 18px
    }
}

@media only screen and (max-width:1024px) {
    .qodef-countdown.qodef-show--4 .qodef-digit-wrapper,
    .qodef-countdown.qodef-show--5 .qodef-digit-wrapper,
    .qodef-countdown.qodef-show--6 .qodef-digit-wrapper {
        width: 33.3333333333%
    }
}

@media only screen and (max-width:1200px) {
    .qodef-highlight.qodef-title-break--disabled .qodef-m-title br {
        display: none
    }
}

@media only screen and (max-width:880px) {
    .qodef-image-marquee .qodef-m-content.qodef--desktop {
        display: none
    }
    .qodef-image-marquee .qodef-m-content.qodef--mobile {
        display: block
    }
}

@media only screen and (max-width:1200px) {
    .qodef-section-title.qodef-title-break--disabled .qodef-m-title br {
        display: none
    }
}

@media only screen and (max-width:880px) {
    .qodef-swapping-image-gallery {
        flex-direction: column-reverse;
        gap: 48px
    }
    .qodef-swapping-image-gallery .qodef-m-info {
        width: 100%
    }
    .qodef-swapping-image-gallery .qodef-m-image-holder-wrapper {
        width: 100%;
        max-width: 100%
    }
    .qodef-swapping-image-gallery .qodef-m-image-holder-wrapper .qodef-m-image-holder img {
        height: auto;
        object-fit: none
    }
    .qodef-swapping-image-gallery .qodef-m-thumbnails-holder {
        --qode-columns-col-gap: 15px
    }
}

@media only screen and (max-width:880px) {
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(1) {
        left: calc((1 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(2) {
        left: calc((2 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(3) {
        left: calc((3 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(4) {
        left: calc((4 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(5) {
        left: calc((5 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(6) {
        left: calc((6 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(7) {
        left: calc((7 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown {
        left: auto;
        right: 0
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(1) {
        right: auto;
        left: calc((1 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(2) {
        right: auto;
        left: calc((2 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(3) {
        right: auto;
        left: calc((3 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(4) {
        right: auto;
        left: calc((4 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(5) {
        right: auto;
        left: calc((5 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(6) {
        right: auto;
        left: calc((6 - 1) * 90px / 2 + 1)
    }
    .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(7) {
        right: auto;
        left: calc((7 - 1) * 90px / 2 + 1)
    }
}

@media only screen and (max-width:1200px) {
    body:not(.qodef-content-behind-header) .qodef-page-title .qodef-m-content {
        padding-top: 0 !important
    }
}

@media only screen and (max-width:1024px) {
    #qodef-page-sidebar .qodef-social-icons-group {
        justify-content: flex-start
    }
}