img:is([sizes="auto" i],[sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label:before, .wpcf7-list-item-label:after {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner:before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion: reduce) {
    .wpcf7-spinner:before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.wpcf7 [inert] {
    opacity: .5
}

.wpcf7 input[type=file] {
    cursor: pointer
}

.wpcf7 input[type=file]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=url], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
    direction: ltr
}

.wpcf7-reflection > output {
    display: list-item;
    list-style: none
}

.wpcf7-reflection > output[hidden] {
    display: none
}

img[data-dominant-color]:not(.has-transparency) {
    background-color: var(--dominant-color)
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-ExtraBoldItalic.eot);
    src: url(../fonts/BioSans-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-ExtraBoldItalic.woff2) format('woff2'), url(../fonts/BioSans-ExtraBoldItalic.woff) format('woff'), url(../fonts/BioSans-ExtraBoldItalic.ttf) format('truetype'), url(../fonts/BioSans-ExtraBoldItalic.svg#BioSans-ExtraBoldItalic) format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-BoldItalic.eot);
    src: url(../fonts/BioSans-BoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-BoldItalic.woff2) format('woff2'), url(../fonts/BioSans-BoldItalic.woff) format('woff'), url(../fonts/BioSans-BoldItalic.ttf) format('truetype'), url(../fonts/BioSans-BoldItalic.svg#BioSans-BoldItalic) format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-ExtraLightItalic.eot);
    src: url(../fonts/BioSans-ExtraLightItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-ExtraLightItalic.woff2) format('woff2'), url(../fonts/BioSans-ExtraLightItalic.woff) format('woff'), url(../fonts/BioSans-ExtraLightItalic.ttf) format('truetype'), url(../fonts/BioSans-ExtraLightItalic.svg#BioSans-ExtraLightItalic) format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-Italic.eot);
    src: url(../fonts/BioSans-Italic.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-Italic.woff2) format('woff2'), url(../fonts/BioSans-Italic.woff) format('woff'), url(../fonts/BioSans-Italic.ttf) format('truetype'), url(../fonts/BioSans-Italic.svg#BioSans-Italic) format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-Bold.eot);
    src: url(../fonts/BioSans-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-Bold.woff2) format('woff2'), url(../fonts/BioSans-Bold.woff) format('woff'), url(../fonts/BioSans-Bold.ttf) format('truetype'), url(../fonts/BioSans-Bold.svg#BioSans-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-LightItalic.eot);
    src: url(../fonts/BioSans-LightItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-LightItalic.woff2) format('woff2'), url(../fonts/BioSans-LightItalic.woff) format('woff'), url(../fonts/BioSans-LightItalic.ttf) format('truetype'), url(../fonts/BioSans-LightItalic.svg#BioSans-LightItalic) format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-Light.eot);
    src: url(../fonts/BioSans-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-Light.woff2) format('woff2'), url(../fonts/BioSans-Light.woff) format('woff'), url(../fonts/BioSans-Light.ttf) format('truetype'), url(../fonts/BioSans-Light.svg#BioSans-Light) format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-ExtraLight.eot);
    src: url(../fonts/BioSans-ExtraLight.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-ExtraLight.woff2) format('woff2'), url(../fonts/BioSans-ExtraLight.woff) format('woff'), url(../fonts/BioSans-ExtraLight.ttf) format('truetype'), url(../fonts/BioSans-ExtraLight.svg#BioSans-ExtraLight) format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-SemiBold.eot);
    src: url(../fonts/BioSans-SemiBold.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-SemiBold.woff2) format('woff2'), url(../fonts/BioSans-SemiBold.woff) format('woff'), url(../fonts/BioSans-SemiBold.ttf) format('truetype'), url(../fonts/BioSans-SemiBold.svg#BioSans-SemiBold) format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-ExtraBold.eot);
    src: url(../fonts/BioSans-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-ExtraBold.woff2) format('woff2'), url(../fonts/BioSans-ExtraBold.woff) format('woff'), url(../fonts/BioSans-ExtraBold.ttf) format('truetype'), url(../fonts/BioSans-ExtraBold.svg#BioSans-ExtraBold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-SemiBoldItalic.eot);
    src: url(../fonts/BioSans-SemiBoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-SemiBoldItalic.woff2) format('woff2'), url(../fonts/BioSans-SemiBoldItalic.woff) format('woff'), url(../fonts/BioSans-SemiBoldItalic.ttf) format('truetype'), url(../fonts/BioSans-SemiBoldItalic.svg#BioSans-SemiBoldItalic) format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bio Sans';
    src: url(../fonts/BioSans-Regular.eot);
    src: url(../fonts/BioSans-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/BioSans-Regular.woff2) format('woff2'), url(../fonts/BioSans-Regular.woff) format('woff'), url(../fonts/BioSans-Regular.ttf) format('truetype'), url(../fonts/BioSans-Regular.svg#BioSans-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --tt-main-bg-color: #17171a;
    --tt-main-color: #3861fb;
    --tt-primary-color: #3861fb;
    --tt-secondary-color: #17171a
}

* {
    box-sizing: border-box
}

html, body {
    padding: 0;
    margin: 0
}

body {
    position: relative;
    margin: 0;
    background-color: var(--tt-main-bg-color);
    line-height: 1.6;
    font-size: 19px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    overflow-x: hidden
}

p {
    margin: 0 0 30px
}

a {
    color: currentColor;
    text-decoration: none;
    outline: none
}

a:hover, a:focus {
    color: currentColor
}

p a {
    color: currentColor;
    opacity: .8;
    font-style: italic;
    border-bottom: 1px solid
}

p a:hover, p a:focus {
    color: currentColor;
    opacity: .6
}

img {
    max-width: 100%;
    height: auto
}

b, strong {
    font-weight: 700 !important
}

section {
    position: relative
}

button:focus {
    outline: none
}

.small, small {
    font-size: 80%
}

hr {
    width: 100%;
    height: 0;
    border: none;
    border-bottom: 1px solid rgb(144 144 144/30%)
}

.anim-image-parallax {
    transform: scale(1.2);
    transform-origin: 50% 100%
}

::selection {
    color: #fff;
    text-shadow: none;
    background: var(--tt-main-color)
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: var(--tt-main-color)
}

::-webkit-selection {
    color: #fff;
    text-shadow: none;
    background: var(--tt-main-color)
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.tt-no-scroll {
    overflow-y: hidden !important
}

body {
    font-family: 'Bio Sans', sans-serif
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, #ball, .ptr-prel-content, .ph-caption-title-ghost, .ph-caption-subtitle, .ph-caption-description, .ph-categories, .ph-share-trigger, .tt-scroll-down, .tt-main-menu-list, .tt-m-menu-toggle-btn-text, .tt-ol-menu-toggle-btn-text, .tt-ol-menu-list, .tt-ol-menu-ghost, .tt-ol-menu-social, .tt-heading, .tt-ps-caption-category, .tt-ps-nav-pagination, .tt-pc-navigation, .tt-cc-pagination, .tt-phc-item:before, .tt-phc-counter, .pli-counter, .ptl-item-caption:before, .ptl-item-caption-inner, .ttgr-cat-trigger-wrap, .ttgr-cat-list, .ttgr-cat-classic-nav, .pi-item-title-link-inner, .pi-item-title-link:before, .portfolio-interactive-ghost, .pspl-item-title-link-inner, .pspl-item-title-link:before, .project-info-list, .tt-pn-link, .tt-pn-subtitle, .tt-pagination, .tt-np-ghost, .tt-bp-nav-text, .tt-scrolling-text, .tt-scrolling-btn, #blog-list.bli-compact .bli-info:before, .footer-social-text {
    font-family: 'Bio Sans', sans-serif
}

#page-transition {
    display: none
}

body.tt-transition #page-transition {
    position: relative;
    display: block;
    z-index: 99999
}

body.tt-transition .ptr-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #17171a;
    z-index: 1
}

body.tt-transition .ptr-preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%)
}

body.tt-transition .ptr-prel-content {
    margin-top: 10px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    font-weight: 600;
    color: #444
}

.ptr-prel-image {
    max-height: 82px
}

body.tt-boxed .tt-wrap {
    max-width: 1282px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

body.tt-boxed .tt-wrap .tt-wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

#body-inner {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 100vh
}

#content-wrap {
    position: relative;
    overflow: hidden
}

.tt-custom-scrollbar {
    overflow-y: auto
}

.tt-custom-scrollbar, .tt-sliding-sidebar-inner, .tt-sidebar {
    scrollbar-width: thin;
    scrollbar-color: #555 #2a2a2a
}

select {
    scrollbar-width: thin;
    scrollbar-color: #666 #2a2a2a
}

.tt-custom-scrollbar::-webkit-scrollbar, .tt-sliding-sidebar-inner::-webkit-scrollbar, .tt-sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

select::-webkit-scrollbar {
    width: 10px
}

.tt-custom-scrollbar::-webkit-scrollbar-track, .tt-sliding-sidebar-inner::-webkit-scrollbar-track, .tt-sidebar::-webkit-scrollbar-track, select::-webkit-scrollbar-track {
    background: #2a2a2a
}

.tt-custom-scrollbar::-webkit-scrollbar-thumb, .tt-sliding-sidebar-inner::-webkit-scrollbar-thumb, .tt-sidebar::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 50px
}

select::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 50px
}

body:not(.is-mobile).tt-smooth-scroll {
    overflow: hidden !important
}

body:not(.is-mobile).tt-smooth-scroll #scroll-container {
    width: auto;
    height: 100vh;
    overflow: auto;
    margin: 0
}

.scrollbar-track {
    background: 0 0 !important;
    z-index: 99999 !important;
    transition: background .2s ease-in-out
}

.scrollbar-track:hover {
    background: rgba(222, 222, 222, .15) !important
}

.scrollbar-thumb {
    background: #ddd !important;
    opacity: .25;
    transition: opacity .2s ease-in-out
}

.scrollbar-track:hover .scrollbar-thumb {
    opacity: .5
}

#magic-cursor {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    pointer-events: none;
    z-index: 99999;
    opacity: 0
}

body.tt-magic-cursor #magic-cursor {
    display: block
}

#ball {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    pointer-events: none;
    border-style: solid;
    border-radius: 50%;
    border-color: #fff
}

#ball.ball-view {
    background-color: var(--tt-main-color);
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    text-align: center
}

#ball .ball-view-inner {
    padding: 0 5px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0)
}

#ball .ball-view-inner i {
    font-size: 19px
}

#ball .ball-drag {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 5px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    transition: all .3s
}

#ball .ball-drag:before, #ball .ball-drag:after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    font-size: 16px;
    color: #fff;
    height: 10px;
    line-height: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

#ball .ball-drag:before {
    content: "\f060";
    left: 0;
    transform: translate3d(-30px, 0, 0);
    transition: all .25s
}

#ball .ball-drag:after {
    content: "\f061";
    right: 0;
    transform: translate3d(30px, 0, 0);
    transition: all .25s
}

#ball.ball-close-enabled {
    opacity: 1 !important
}

#ball .ball-close {
    position: absolute;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    text-align: center
}

.magnetic-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

#ball.magnetic-active {
    border-color: var(--tt-main-color) !important
}

.tt-section {
    position: relative;
    padding: 80px 0
}

@media (max-width: 991px) {
    .tt-section {
        padding: 10% 0
    }
}

@media (max-width: 767px) {
    .tt-section {
        padding: 10% 0
    }
}

@media (max-width: 480px) {
    .tt-section {
        padding: 15% 0
    }
}

.tt-section-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden
}

.tt-section-inner {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-weight: 400;
    color: inherit
}

.h1, .h2, .h3, h1, h2, h3 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 30px
}

.h4, .h5, .h6, h4, h5, h6 {
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 30px
}

.h1, h1 {
    font-size: 48px
}

.h2, h2 {
    font-size: var(--font-display-m);
    line-height: 1.4
}

.h3, h3 {
    font-size: 36px
}

.h4, h4 {
    font-size: 30px
}

.h5, h5 {
    font-size: 26px
}

.h6, h6 {
    font-size: 21px
}

.tt-heading {
    margin-bottom: 16px
}

@media (max-width: 991px) {
    .tt-heading {
        margin-bottom: 30px
    }
}

.tt-heading-title {
    margin: 0;
    font-size: calc(24px + 1vw);
    font-weight: 700;
    font-weight: 600;
    color: #fff
}

.tt-heading-subtitle {
    margin: 0 0 15px;
    font-size: calc(19px + 0.1vw);
    font-weight: 700;
    font-weight: 400;
    color: #bbb
}

.tt-heading-title + .tt-heading-subtitle {
    margin: 15px 0 0
}

.tt-heading > p:first-child {
    margin-bottom: 0
}

.tt-heading-title + p, .tt-heading-subtitle + p {
    margin-top: 50px
}

.tt-heading > p:last-child {
    margin-bottom: 0
}

.tt-heading.tt-heading-stroke .tt-heading-title {
    font-weight: 700;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent
}

.tt-heading.tt-heading-stroke .tt-heading-title.text-gray {
    -webkit-text-stroke-color: #a2a2a2
}

body.is-firefox .tt-heading.tt-heading-stroke .tt-heading-title {
    -webkit-text-stroke-width: 2px
}

.tt-heading.tt-heading-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.tt-heading.tt-heading-xsm .tt-heading-title {
    font-size: calc(24px + 0.1vw);
    font-weight: 700;
    font-weight: 600
}

.tt-heading.tt-heading-xsm .tt-heading-subtitle {
    font-size: calc(13px + 0.1vw)
}

.tt-heading.tt-heading-sm .tt-heading-title {
    font-size: calc(24px + 0.5vw);
    font-weight: 700;
    font-weight: 600
}

.tt-heading.tt-heading-sm .tt-heading-subtitle {
    font-size: calc(15px + 0.1vw)
}

.tt-heading.tt-heading-lg .tt-heading-title {
    font-size: calc(24px + 2vw);
    line-height: 1.3;
    font-size: var(--font-title-l);
    font-weight: 400
}

.tt-heading.tt-heading-lg .tt-heading-subtitle {
    font-size: calc(21px + 0.1vw);
    font-weight: 700;
    font-weight: 500
}

.tt-heading.tt-heading-xlg .tt-heading-title {
    font-size: calc(24px + 3vw);
    line-height: 1.2
}

@media (min-width: 1025px) {
    .tt-heading.tt-heading-xlg.tt-heading-stroke .tt-heading-title {
        -webkit-text-stroke-width: 1px
    }
}

.tt-heading.tt-heading-xlg .tt-heading-subtitle {
    font-size: calc(21px + 0.2vw);
    font-weight: 700;
    font-weight: 500
}

.tt-heading.tt-heading-xxlg .tt-heading-title {
    font-size: calc(24px + 4.5vw);
    line-height: 1.2
}

@media (min-width: 1025px) {
    .tt-heading.tt-heading-xxlg.tt-heading-stroke .tt-heading-title {
        -webkit-text-stroke-width: 2px
    }
}

.tt-heading.tt-heading-xxlg .tt-heading-subtitle {
    font-size: calc(21px + 0.3vw);
    font-weight: 700;
    font-weight: 500
}

#tt-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 999;
    pointer-events: none;
    max-width: 1280px;
    padding: 0 33px;
    margin: 0 auto;
    margin-top: 40px;
    transition: .3s;
    right: 0
}

#tt-header.tt-header-fixed {
    position: absolute
}

.tt-header-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

@media (max-width: 1024px) {
    .tt-header-inner {
        padding-right: 12px
    }
}

.tt-header-col {
    display: flex;
    align-items: center
}

.tt-header-col:first-child {
    min-width: 10%
}

.tt-logo {
    position: relative;
    margin-right: auto;
    line-height: 1;
    pointer-events: initial;
    z-index: 9
}

.tt-logo a {
    display: inline-flex;
    font-size: 21px;
    color: #fff;
    align-items: center;
    gap: 11px;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: .04em
}

.tt-logo img {
    height: 54px;
    margin: 10px 0
}

.tt-logo-dark {
    display: none
}

@media (max-width: 1024px) {
    .tt-logo img {
        max-height: 42px
    }
}

@media (min-width: 1025px) {
    .tt-main-menu {
        pointer-events: initial
    }

    .tt-main-menu-list {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
    }

    .tt-main-menu-list > li {
        display: inline-block;
        font-size: inherit;
        padding: 0 20px;
        transition: opacity .2s
    }

    .tt-main-menu-list > li:first-child {
        margin-left: 0;
        padding-left: 0
    }

    .tt-main-menu-list > li:last-child {
        margin-right: 0;
        padding-right: 0
    }

    .tt-main-menu-list > li > a, .tt-main-menu-list > li > .tt-submenu-trigger > a {
        display: block;
        padding: 20px 5px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        transition: color .3s, opacity .3s
    }

    .tt-main-menu-list.tt-mm-hover > li > a, .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a {
        opacity: .6
    }

    .tt-main-menu-list.tt-mm-hover > li > a:hover, .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a:hover, .tt-main-menu-list.tt-mm-hover > li.active > a, .tt-main-menu-list.tt-mm-hover > li.active > .tt-submenu-trigger > a, .tt-main-menu-list.tt-mm-hover > li.tt-submenu-open > .tt-submenu-trigger > a {
        opacity: 1;
        color: #fff
    }

    .tt-submenu-wrap {
        position: relative
    }

    .tt-submenu {
        position: absolute;
        display: block !important;
        top: 100%;
        left: 0;
        width: 220px;
        background-color: #fff;
        text-align: left;
        visibility: hidden;
        opacity: 0;
        z-index: 99999;
        border-radius: 3px;
        transform: translate3d(0, 10px, 0);
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out
    }

    .tt-submenu-wrap.tt-submenu-open > .tt-submenu {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition-delay: .1s
    }

    .tt-submenu-list {
        margin: 0;
        padding: 15px 0;
        list-style: none
    }

    .tt-submenu-list li {
        width: 100%
    }

    .tt-submenu-list li a {
        position: relative;
        display: block;
        padding: 8px 25px 8px 20px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 400;
        font-weight: 400;
        line-height: 1.4;
        color: #000;
        transition: all .2s ease-in-out
    }

    .tt-submenu-list > li a:hover, .tt-submenu-list > li > .tt-submenu-trigger:hover a, .tt-submenu-list > li.active > a, .tt-submenu-list > li.active > .tt-submenu-trigger a {
        background-color: rgba(0, 0, 0, .05)
    }

    .tt-main-menu-list > li:last-child > .tt-submenu {
        left: auto;
        right: 0
    }

    .tt-m-caret {
        display: none
    }

    .tt-submenu .tt-submenu-wrap > .tt-submenu {
        left: 100%;
        right: auto;
        margin-top: -50px;
        margin-left: 0
    }

    .tt-submenu-trigger > a:after {
        margin-left: 7px;
        font-size: 9px;
        line-height: 0;
        font-family: "Font Awesome 5 Free";
        content: "\f063";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased
    }

    .tt-submenu-wrap .tt-submenu-wrap .tt-submenu-trigger > a:after {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 11px;
        transform: translate3d(0, -50%, 0) rotate(-90deg)
    }

    .tt-submenu-trigger .tt-submenu-trigger-m {
        display: none
    }

    .tt-submenu-dark .tt-submenu {
        background-color: #212121;
        color: #a9a9a9
    }

    .tt-submenu-dark .tt-submenu .tt-submenu-list li a {
        color: #a9a9a9
    }

    .tt-submenu-dark .tt-submenu .tt-submenu-list > li a:hover, .tt-submenu-dark .tt-submenu .tt-submenu-list > li > .tt-submenu-trigger:hover a, .tt-submenu-dark .tt-submenu .tt-submenu-list > li.active > a, .tt-submenu-dark .tt-submenu .tt-submenu-list > li.active > .tt-submenu-trigger a {
        color: #fff;
        background-color: transparent
    }
}

@media (min-width: 1025px) {
    #tt-m-menu-toggle-btn-wrap {
        display: none
    }
}

@media (max-width: 1024px) {
    .tt-main-menu {
        pointer-events: initial;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--tt-main-bg-color);
        overflow: hidden;
        visibility: hidden;
        opacity: 0
    }

    .tt-main-menu-holder {
        position: relative;
        height: 100%;
        width: calc(100% + 17px);
        overflow-y: scroll;
        z-index: 2
    }

    body.is-mobile .tt-main-menu-holder {
        padding-right: 17px
    }

    .tt-main-menu-inner {
        display: table;
        width: 100%;
        height: 100%;
        padding: 20% 7%
    }

    .tt-main-menu-content {
        height: 100%;
        display: table-cell;
        vertical-align: middle
    }

    .tt-main-menu-list {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .tt-main-menu-list > li {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .tt-main-menu-list > li:first-child {
        margin-top: 0
    }

    .tt-main-menu-list > li:last-child {
        margin-bottom: 0
    }

    .tt-main-menu-list > li a {
        position: relative;
        display: inline-block;
        font-size: 34px;
        font-weight: 700;
        line-height: 1.2;
        color: #818181
    }

    @media (max-width: 767px) {
        .tt-main-menu-inner {
            padding-top: 35%;
            padding-bottom: 35%
        }

        .tt-main-menu-list > li a {
            font-size: 34px
        }
    }.tt-main-menu-list > li.active > a, .tt-main-menu-list > li.active > .tt-submenu-trigger a, .tt-main-menu-list > li > .tt-submenu-trigger.tt-m-submenu-open a, .tt-main-menu-list > li.active > .tt-submenu-trigger .tt-m-caret {
         color: #fff
     }

    .tt-main-menu-list > li.active > a, .tt-main-menu-list > li.active > .tt-submenu-trigger a, .tt-main-menu-list > li > .tt-submenu-trigger.tt-m-submenu-open a {
        transform: skew(-15deg, 0deg)
    }

    .tt-submenu-wrap {
        position: relative
    }

    .tt-submenu-trigger {
        position: relative;
        display: inline-block
    }

    .tt-submenu-trigger > a {
        position: relative;
        z-index: 1
    }

    .tt-submenu-trigger .tt-submenu-trigger-m {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        cursor: pointer
    }

    .tt-submenu {
        display: none;
        position: relative;
        top: auto;
        left: 0 !important;
        min-width: 100%;
        background-color: transparent;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #a9a9a9
    }

    .tt-submenu-list {
        margin: 0 0 0 20px;
        padding: 0;
        list-style: none
    }

    .tt-submenu-list .tt-submenu {
        margin-top: 10px
    }

    .tt-submenu-list > li a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 18px;
        font-weight: 500;
        color: #aaa;
        -webkit-text-stroke: 0
    }

    .tt-submenu-list > li a:hover, .tt-submenu-list > li > .tt-submenu-trigger:hover a, .tt-submenu-list > li > .tt-submenu-trigger:hover .tt-m-caret, .tt-submenu-list > li > .tt-submenu-trigger.tt-m-submenu-open a, .tt-submenu-list > li > .tt-submenu-trigger.tt-m-submenu-open .tt-m-caret, .tt-submenu-list > li.active > a, .tt-submenu-list > li.active > .tt-submenu-trigger a, .tt-submenu-list > li.active > .tt-submenu-trigger .tt-m-caret {
        color: #fff
    }

    .tt-m-caret {
        position: absolute;
        top: 55%;
        right: -40px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #818181;
        cursor: pointer;
        z-index: 9;
        border-radius: 100%;
        transform: translate3d(0, -50%, 0)
    }

    .tt-m-caret:after {
        font-family: "Font Awesome 5 Free";
        content: "\f063";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transition: all .2s ease-in-out
    }

    .tt-submenu-trigger.tt-m-submenu-open .tt-m-caret:after {
        transform: rotate(180deg)
    }

    .tt-submenu-list > li > .tt-submenu-trigger .tt-m-caret {
        color: #8a8a8a
    }

    #tt-m-menu-toggle-btn-wrap {
        position: relative;
        display: flex;
        align-items: center;
        pointer-events: initial;
        cursor: pointer;
        z-index: 9
    }

    .tt-m-menu-toggle-btn-holder {
        float: left
    }

    .tt-m-menu-toggle-btn {
        position: relative;
        display: block;
        width: 50px;
        height: 50px
    }

    .tt-m-menu-toggle-btn span {
        position: absolute;
        display: block;
        top: 52%;
        left: 50%;
        height: 2px;
        width: 24px;
        background-color: transparent;
        transform: translate(-50%, -50%);
        transition: all .3s ease-in-out
    }

    .tt-m-menu-toggle-btn span:before, .tt-m-menu-toggle-btn span:after {
        position: absolute;
        display: block;
        content: '';
        height: 2px;
        width: 24px;
        background-color: #fff;
        transition: all .3s ease-in-out
    }

    .tt-m-menu-toggle-btn span:before {
        top: -4px;
        width: 24px
    }

    .tt-m-menu-toggle-btn span:after {
        top: auto;
        bottom: -4px;
        width: 18px
    }

    .tt-m-menu-toggle-btn-text {
        float: left;
        padding-right: 5px;
        overflow: hidden;
        text-align: right;
        font-size: 16px;
        color: #fff
    }

    body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-menu {
        display: none
    }

    body.tt-m-menu-open .tt-m-menu-toggle-btn span {
        width: 20px;
        background-color: transparent
    }

    body.tt-m-menu-open .tt-m-menu-toggle-btn span:before {
        top: 0;
        width: 20px;
        transform: rotate(45deg)
    }

    body.tt-m-menu-open .tt-m-menu-toggle-btn span:after {
        bottom: 0;
        width: 20px;
        transform: rotate(-45deg)
    }

    .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
        display: none
    }

    body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
        display: block
    }

    body.tt-m-menu-toggle-no-click #tt-m-menu-toggle-btn-wrap {
        pointer-events: none
    }

    .tt-main-menu.tt-m-menu-center .tt-main-menu-content {
        text-align: center
    }

    .tt-main-menu.tt-m-menu-center .tt-submenu-list {
        margin: 0
    }
}

.tt-overlay-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--tt-main-bg-color);
    visibility: hidden;
    opacity: 0;
    pointer-events: initial
}

.tt-ol-menu-ghost {
    position: absolute;
    left: 3%;
    bottom: 7%;
    font-size: 19.5vw;
    font-weight: 400;
    color: #fff;
    line-height: .7;
    opacity: .03;
    z-index: -1;
    letter-spacing: .02em
}

.tt-ol-menu-holder {
    position: relative;
    height: 100%;
    width: calc(100% + 17px);
    padding-right: 17px;
    overflow-y: scroll;
    z-index: 2
}

.tt-ol-menu-inner {
    display: table;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

.tt-ol-menu-content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 120px 140px 120px 5%
}

@media (max-width: 767px) {
    .tt-ol-menu-content {
        padding-top: 33%;
        padding-bottom: 35%;
        padding-left: 5px;
        padding-right: 5px;
        letter-spacing: -.5px
    }
}

body:not(.tt-smooth-scroll).tt-ol-menu-open {
    overflow-y: hidden
}

body.tt-smooth-scroll.tt-ol-menu-open .scrollbar-track {
    display: none !important
}

.tt-ol-menu-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.tt-ol-menu-list > li {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .tt-ol-menu-list > li {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 0
    }
}

.tt-ol-menu-list > li:first-child {
    margin-top: 0
}

.tt-ol-menu-list > li:last-child {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list {
        counter-reset: ol-menu-list-counter
    }

    .tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list > li:before {
        position: absolute;
        counter-increment: ol-menu-list-counter;
        content: "" counter(ol-menu-list-counter, decimal-leading-zero);
        top: 5px;
        left: -30px;
        line-height: 1;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        opacity: .4
    }
}

.tt-ol-menu-list > li > a, .tt-ol-menu-list > li > .tt-ol-submenu-trigger > a {
    position: relative;
    display: inline-block;
    font-size: var(--font-headline-m);
    font-weight: 700;
    font-weight: 400;
    line-height: 1.2;
    color: #818181;
    transition: color .2s, transform .2s ease-in-out
}

.tt-ol-menu-list > li.current-menu-item > a, .tt-ol-menu-list > li.current-menu-item > .tt-ol-submenu-trigger > a, .tt-ol-menu-list > li.current-menu-item > .tt-ol-submenu-trigger .tt-ol-submenu-caret, body:not(.is-mobile) .tt-ol-menu-list > li > a:hover, body:not(.is-mobile) .tt-ol-menu-list > li > .tt-ol-submenu-trigger:hover > a, body:not(.is-mobile) .tt-ol-menu-list > li > .tt-ol-submenu-trigger:hover .tt-ol-submenu-caret, .tt-ol-menu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open > a, .tt-ol-menu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret {
    color: #fff
}

.tt-ol-menu-list > li.current-menu-item > a, .tt-ol-menu-list > li.current-menu-item > .tt-ol-submenu-trigger > a, body:not(.is-mobile) .tt-ol-menu-list > li > a:hover, body:not(.is-mobile) .tt-ol-menu-list > li > .tt-ol-submenu-trigger:hover > a, .tt-ol-menu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open > a {
    transform: skew(-5deg, 0deg);
    font-weight: 600
}

.tt-ol-submenu-wrap {
    position: relative
}

.tt-ol-submenu-trigger {
    position: relative;
    display: inline-block
}

.tt-ol-submenu {
    display: none;
    position: relative;
    height: auto;
    margin-left: 20px;
    color: #8a8a8a
}

.tt-ol-menu-list > li > .tt-ol-submenu {
    margin-top: 20px;
    margin-bottom: 20px
}

.tt-ol-submenu-list {
    padding: 0;
    list-style: none
}

.tt-ol-submenu-list .tt-ol-submenu {
    margin-top: 10px;
    margin-bottom: 15px
}

.tt-ol-submenu-list > li a, .tt-ol-submenu-list > li > .tt-ol-submenu-trigger > a {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 19px;
    font-weight: 600;
    color: #aaa;
    transition: color .3s ease-in-out
}

.tt-ol-submenu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open > a, .tt-ol-submenu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret, .tt-ol-submenu-list > li.active > a, .tt-ol-submenu-list > li.active > .tt-ol-submenu-trigger > a, .tt-ol-submenu-list > li.active > .tt-ol-submenu-trigger .tt-ol-submenu-caret, .tt-ol-submenu-list > li a:hover, .tt-ol-submenu-list > li > .tt-ol-submenu-trigger:hover > a, .tt-ol-submenu-list > li > .tt-ol-submenu-trigger:hover .tt-ol-submenu-caret {
    color: #fff
}

.tt-ol-submenu-caret-wrap {
    position: absolute;
    top: 60%;
    right: -40px;
    transform: translate3d(0, -50%, 0)
}

@media (max-width: 767px) {
    .tt-ol-submenu-caret-wrap {
        right: -40px
    }
}

.tt-ol-submenu-caret {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #646464;
    cursor: pointer;
    z-index: 2;
    border-radius: 100%;
    transition: opacity .3s ease-in-out
}

.tt-ol-submenu-caret:after {
    font-family: "Font Awesome 5 Free";
    content: "\f063";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: all .2s ease-in-out
}

.tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret:after {
    transform: rotate(180deg)
}

.tt-ol-menu-list > li li .tt-ol-submenu-caret-wrap {
    top: 50%;
    right: -40px
}

.tt-ol-menu-list > li li .tt-ol-submenu-caret {
    font-size: 12px;
    color: #8a8a8a
}

#tt-ol-menu-toggle-btn-wrap {
    position: relative;
    display: flex;
    align-items: center;
    pointer-events: initial;
    cursor: pointer;
    z-index: 9
}

.tt-ol-menu-toggle-btn-holder {
    float: left
}

.tt-ol-menu-toggle-btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px
}

.tt-ol-menu-toggle-btn span {
    position: absolute;
    display: block;
    top: 54%;
    left: 50%;
    height: 2px;
    width: 20px;
    background-color: transparent;
    transform: translate(-50%, -50%);
    transition: all .2s ease-in-out
}

.tt-ol-menu-toggle-btn span:before, .tt-ol-menu-toggle-btn span:after {
    position: absolute;
    display: block;
    content: '';
    height: 2px;
    background-color: #fff;
    transition: all .2s ease-in-out
}

.tt-ol-menu-toggle-btn span:before {
    top: -4px;
    width: 20px
}

.tt-ol-menu-toggle-btn span:after {
    top: auto;
    bottom: -4px;
    width: 14px
}

body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span {
    height: 6px;
    width: 6px;
    background-color: #fff;
    border-radius: 50px
}

body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span:before {
    top: 0;
    width: 0
}

body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span:after {
    bottom: 0;
    width: 0
}

.tt-ol-menu-toggle-btn-text-wrap {
    height: 50px;
    display: flex;
    align-items: center;
    padding-top: 2px;
    padding-right: 5px
}

.tt-ol-menu-toggle-btn-text {
    float: left;
    overflow: hidden;
    text-align: right;
    font-size: 16px;
    color: #fff
}

.tt-ol-menu-toggle-btn-text .text-menu {
    position: relative;
    display: inline-block;
    text-align: right;
    transition: transform .3s
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn-text .text-menu {
    display: none
}

body:not(.is-mobile) .tt-ol-menu-toggle-btn-text .text-menu:before {
    position: absolute;
    top: 100%;
    right: 0;
    content: attr(data-hover)
}

body:not(.is-mobile) #tt-ol-menu-toggle-btn-wrap:hover .tt-ol-menu-toggle-btn-text .text-menu {
    transform: translate3d(0, -100%, 0)
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn span {
    width: 20px;
    background-color: transparent
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn span:before {
    top: 0;
    width: 20px;
    transform: rotate(45deg)
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn span:after {
    bottom: 0;
    width: 20px;
    transform: rotate(-45deg)
}

.tt-ol-menu-toggle-btn-text .text-close {
    display: none
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn-text .text-close {
    display: block
}

body.olm-toggle-no-click .tt-ol-menu-toggle-btn-text, body.olm-toggle-no-click .tt-ol-menu-toggle-btn {
    pointer-events: none
}

.tt-ol-menu-social {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    right: calc(50% - 620px);
    z-index: 9991;
    visibility: hidden;
    opacity: 0
}

@media (max-width: 1300px) {
    .tt-ol-menu-social {
        right: 5%
    }
}

@media (min-width: 768px) {
    .tt-ol-menu-social {
        position: fixed;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 767px) {
    .tt-ol-menu-social {
        margin-top: 80px;
        text-align: left
    }
}

.tt-ol-menu-social > li {
    padding: 3px 0
}

.tt-ol-menu-social > li > a {
    font-size: 19px;
    color: #919191;
    font-weight: 400;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 100%, currentColor 1px);
    transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
    background-size: 0 100%
}

.tt-ol-menu-social > li > a:hover, .tt-ol-menu-social > li > a:focus {
    background-size: 100% 100%;
    color: #fff
}

.tt-ol-menu-social-heading {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    color: #eee
}

#page-header {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto
}

.page-header-inner, body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
    width: 100%;
    padding-top: 13vw;
    padding-bottom: 10vw;
    z-index: 2
}

body.ph-image-on #page-header .page-header-inner {
    padding-top: 16vw;
    padding-bottom: 13vw
}

body:not(.tt-boxed) .page-header-inner, .page-header-inner:not(.tt-wrap) {
    padding-left: 13%;
    padding-right: 13%
}

@media (max-width: 1920px) {
    .page-header-inner {
        padding-top: 250px;
        padding-bottom: 140px
    }

    body.ph-image-on #page-header .page-header-inner {
        padding-top: 200px;
        padding-bottom: 140px
    }

    body:not(.ph-image-on) #page-header .page-header-inner, body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
        padding-top: 240px;
        padding-bottom: 200px
    }
}

@media (max-width: 1400px) {
    body.tt-boxed .page-header-inner.tt-wrap {
        padding-left: 8%;
        padding-right: 5%
    }
}

@media (max-width: 1024px) {
    #page-header .page-header-inner {
        padding-top: 250px;
        padding-bottom: 250px
    }

    body:not(.tt-boxed) .page-header-inner, .page-header-inner:not(.tt-wrap) {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media (max-width: 768px) {
    .page-header-inner, body:not(.ph-image-on) #page-header .page-header-inner, body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
        padding-top: 200px;
        padding-bottom: 140px
    }
}

@media (max-width: 540px) {
    body:not(.ph-center-on).ph-image-on #page-header .page-header-inner {
        padding-top: 240px;
        padding-bottom: 40vw
    }
}

.ph-image {
    position: absolute;
    top: 160px;
    right: 18vw;
    width: clamp(340px, 18vw, 800px);
    z-index: 2;
    line-height: 0
}

@media (max-width: 1920px) {
    .ph-image {
        width: 380px
    }

    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 440px
    }
}

@media (max-width: 1600px) {
    .ph-image, #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 25vw
    }
}

@media (max-width: 1024px) {
    .ph-image, #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        right: 10vw
    }
}

@media (max-width: 540px) {
    .ph-image, #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 50%
    }
}

.ph-image-inner {
    position: relative;
    width: 100%
}

#page-header:not(.ph-image-cropped) .ph-video-wrap {
    position: relative;
    padding-bottom: 140%
}

.ph-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

#page-header.ph-bg-image .ph-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

[class*=ph-image-cover-] .ph-image-inner:before {
    position: absolute;
    display: block;
    content: "";
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-color: #040404;
    z-index: 1;
    opacity: 0
}

.ph-image-cover-0 .ph-image-inner:before {
    opacity: 0
}

.ph-image-cover-0-5 .ph-image-inner:before {
    opacity: .05
}

.ph-image-cover-1 .ph-image-inner:before {
    opacity: .1
}

.ph-image-cover-1-5 .ph-image-inner:before {
    opacity: .15
}

.ph-image-cover-2 .ph-image-inner:before {
    opacity: .2
}

.ph-image-cover-2-5 .ph-image-inner:before {
    opacity: .25
}

.ph-image-cover-3 .ph-image-inner:before {
    opacity: .3
}

.ph-image-cover-3-5 .ph-image-inner:before {
    opacity: .35
}

.ph-image-cover-4 .ph-image-inner:before {
    opacity: .4
}

.ph-image-cover-4-5 .ph-image-inner:before {
    opacity: .45
}

.ph-image-cover-5 .ph-image-inner:before {
    opacity: .5
}

.ph-image-cover-5-5 .ph-image-inner:before {
    opacity: .55
}

.ph-image-cover-6 .ph-image-inner:before {
    opacity: .6
}

.ph-image-cover-6-5 .ph-image-inner:before {
    opacity: .65
}

.ph-image-cover-7 .ph-image-inner:before {
    opacity: .7
}

.ph-image-cover-7-5 .ph-image-inner:before {
    opacity: .75
}

.ph-image-cover-8 .ph-image-inner:before {
    opacity: .8
}

.ph-image-cover-8-5 .ph-image-inner:before {
    opacity: .85
}

.ph-image-cover-9 .ph-image-inner:before {
    opacity: .9
}

.ph-image-cover-9-5 .ph-image-inner:before {
    opacity: .95
}

#page-header:not(.ph-bg-image).ph-image-cropped .ph-image-inner {
    position: relative;
    padding-bottom: 130%
}

#page-header:not(.ph-bg-image).ph-image-cropped .ph-image-inner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

#page-header.ph-bg-image .ph-image {
    top: 0;
    right: 0;
    width: 100%;
    height: 506px;
    max-width: 100%;
    margin: 0;
    z-index: -1;
    transform: none;
    overflow: hidden
}

#page-header.ph-bg-image .ph-image-inner {
    width: 100%;
    height: 100%
}

#page-header.ph-bg-image .ph-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

#page-header.ph-bg-image .ph-video-wrap {
    padding-bottom: 0
}

.ph-caption {
    position: relative
}

.ph-caption-title-ghost {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 6%;
    padding-top: 5%;
    font-size: calc(16px + 19.5vw);
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    line-height: 1;
    opacity: .1;
    z-index: 1;
    pointer-events: none
}

.ph-caption-title-ghost .phgh-text {
    display: inline-block;
    margin-right: 7vw
}

#page-header.ph-bg-image .ph-caption-title-ghost {
    display: none
}

.ph-caption-subtitle {
    position: relative;
    margin-bottom: 20px;
    font-size: calc(15px + 0.3vw);
    font-weight: 500;
    color: #ccc;
    z-index: 9
}

.ph-caption-title + .ph-caption-subtitle {
    margin-top: 20px;
    margin-bottom: 0
}

.ph-categories {
    position: relative;
    z-index: 9
}

.ph-caption-title + .ph-categories {
    margin-top: 20px;
    margin-bottom: 0
}

.ph-category {
    position: relative;
    display: inline-block;
    font-size: calc(15px + 0.1vw);
    color: #fff;
    line-height: 1.4
}

a.ph-category:hover {
    opacity: .8
}

.ph-category ~ .ph-category:not(:empty):before {
    content: ", ";
    margin-left: -4px
}

.ph-meta {
    position: relative;
    display: inline-flex;
    margin-top: 20px;
    font-size: 16px;
    color: #ddd;
    font-weight: 400;
    z-index: 9
}

.ph-meta-posted-by {
    margin-left: 10px;
    font-weight: 400
}

.ph-meta-posted-by a {
    position: relative;
    color: #ddd
}

.ph-meta-posted-by a:hover {
    opacity: .8
}

.ph-caption-description {
    position: relative;
    max-width: 740px;
    margin-top: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    z-index: 9
}

.ph-caption > p {
    position: relative;
    max-width: 900px;
    z-index: 9
}

.ph-caption .ph-caption-title + p, .ph-caption .ph-caption-title-ghost + p, .ph-caption .ph-caption-subtitle + p {
    margin-top: 30px
}

.ph-caption > p:last-child {
    margin-bottom: 0
}

.tt-scroll-down {
    position: absolute;
    bottom: 2%;
    left: 4%;
    z-index: 9
}

#page-header:not(.ph-full) .tt-scroll-down {
    display: none
}

.tt-sd-inner {
    display: inline-flex;
    align-items: center;
    height: 50px;
    text-decoration: none;
    transform: rotate(-90deg);
    transform-origin: center left
}

.tt-sd-text {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 700;
    font-weight: 600;
    color: #eee
}

.tt-sd-arrow {
    position: relative;
    width: 55px
}

.tt-sd-arrow-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    animation: scroll-down-swipe-line 4s infinite
}

@keyframes scroll-down-swipe-line {
    80% {
        transform-origin: left;
        transform: scaleX(1)
    }
    90% {
        transform-origin: left;
        transform: scaleX(0)
    }
    90.1% {
        transform-origin: right;
        transform: scaleX(0)
    }
    100% {
        transform-origin: right;
        transform: scaleX(1)
    }
}

.tt-sd-arrow:before, .tt-sd-arrow:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 12px;
    background-color: #eee;
    transition: width .3s
}

.tt-sd-arrow:before {
    top: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left
}

.tt-sd-arrow:after {
    bottom: 0;
    transform: rotate(45deg);
    transform-origin: top left
}

.tt-sd-arrow, .tt-sd-arrow:before, .tt-sd-arrow:after {
    height: 2px
}

.tt-sd-inner:hover .tt-sd-arrow:before, .tt-sd-inner:hover .tt-sd-arrow:after {
    width: 16px
}

@media (max-width: 1024px) {
    .tt-scroll-down {
        bottom: 0;
        left: 6%
    }

    .tt-sd-text {
        display: none
    }

    .tt-sd-arrow {
        width: 15px
    }

    .tt-sd-arrow:before, .tt-sd-arrow:after {
        width: 10px
    }
}

.ph-share {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 3.5%;
    height: 113px;
    z-index: 999;
    cursor: pointer;
    overflow: hidden
}

.ph-share-text {
    display: inline-block;
    font-size: 15px;
    color: #eee
}

.ph-share-icon {
    font-size: 15px;
    color: #eee
}

.ph-share .social-buttons > ul > li a {
    font-size: 14px
}

@media (min-width: 1025px) {
    .ph-share-inner {
        text-align: right
    }

    .ph-share-trigger {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 10px, 0);
        transition: all .3s ease
    }

    .ph-share-text {
        letter-spacing: 1px;
        transform: rotate(-90deg)
    }

    .ph-share-icon {
        margin-top: 15px
    }

    .ph-share:hover .ph-share-trigger {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -30px, 0)
    }

    .ph-share .social-buttons {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -10%, 0);
        transition: all .3s ease
    }

    .ph-share:hover .social-buttons {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, -60%, 0)
    }
}

@media (max-width: 1024px) {
    .ph-share {
        right: 2%;
        bottom: 1%;
        height: auto
    }

    .ph-share-inner {
        display: flex;
        align-items: center
    }

    .ph-share-text {
        margin-right: 15px
    }

    .ph-share-text:after {
        content: ":";
        margin-left: 1px
    }

    .ph-share-icon {
        display: none
    }
}

#page-header.ph-stroke .ph-caption-title {
    font-weight: 700;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent
}

@media (max-width: 1024px) {
    #page-header.ph-stroke .ph-caption-title {
        -webkit-text-stroke-width: 1px
    }
}

#page-header.ph-cap-sm .ph-caption-title {
    font-size: clamp(38px, 4vw, 68px)
}

#page-header.ph-cap-xlg .ph-caption-title {
    font-size: clamp(38px, 8vw, 142px)
}

#page-header.ph-cap-xxlg .ph-caption-title {
    font-size: clamp(38px, 10vw, 180px);
    line-height: 1
}

@media (min-width: 1025px) {
    #page-header.ph-cap-xxlg.ph-stroke .ph-caption-title {
        -webkit-text-stroke-width: 3px
    }
}

@media (min-width: 1025px) {
    #page-header.ph-full {
        min-height: 80vh
    }

    #page-header.ph-full .page-header-inner {
        padding-top: 10% !important;
        padding-bottom: 5% !important
    }

    #page-header.ph-full.ph-center .page-header-inner {
        padding-top: 5% !important;
        padding-bottom: 5% !important
    }

    #page-header.ph-full .ph-image {
        position: absolute;
        display: flex;
        align-items: center;
        top: 0;
        bottom: 0;
        height: 100%
    }

    #page-header.ph-full:not(.ph-bg-image).ph-image-cropped .ph-image-inner {
        padding-bottom: 140%
    }
}

#page-header.ph-center {
    text-align: center
}

@media (min-width: 1025px) {
    #page-header.ph-center .page-header-inner {
        max-width: 100%;
        padding-left: 4% !important;
        padding-right: 4% !important
    }
}

#page-header.ph-center .ph-caption {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#page-header.ph-center .ph-caption-title-ghost {
    left: 50%;
    font-size: calc(16px + 12vw);
    transform: translate3d(-50%, 0, 0)
}

#page-header.ph-center .ph-caption-description, #page-header.ph-center .ph-caption > p {
    margin-left: auto;
    margin-right: auto
}

#page-header.ph-center:not(.ph-bg-image) .ph-image {
    right: 50%;
    transform: translate(50%, 0)
}

.tt-grid {
    position: relative
}

.tt-grid:after {
    content: "";
    display: table;
    clear: both
}

.tt-grid-top {
    position: relative;
    padding-bottom: 40px;
    text-align: right
}

body:not(.tt-boxed) .tt-section-inner.tt-wrap .tt-grid:not([class*=ttgr-gap-]) .tt-grid-top, .tt-section-inner:not(.tt-wrap) .tt-grid:not([class*=ttgr-gap-]) .tt-grid-top {
    padding-left: 3vw;
    padding-right: 3vw
}

.tt-grid-categories {
    position: relative
}

.ttgr-cat-trigger-wrap {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    z-index: 999
}

.ttgr-cat-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: #2a2a2a;
    cursor: pointer;
    border-radius: 50px
}

.ttgr-cat-text {
    float: left;
    min-width: 60px;
    text-align: right;
    overflow: hidden
}

.ttgr-cat-text > span {
    position: relative;
    display: inline-block;
    width: 100%;
    transition: transform .3s
}

body:not(.is-mobile) .ttgr-cat-trigger:hover .ttgr-cat-text > span {
    transform: translate3d(0, -100%, 0)
}

body:not(.is-mobile) .ttgr-cat-text > span:before {
    position: absolute;
    top: 100%;
    right: 0;
    content: attr(data-hover)
}

.ttgr-cat-icon {
    float: left
}

.ttgr-cat-icon span {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 17px
}

@media (min-width: 768px) {
    body.ttgr-cat-nav-open .ttgr-item-inner {
        transition: transform .6s ease-in-out
    }
}

body.ttgr-cat-nav-open .pgi-image.anim-image-parallax, body.ttgr-cat-nav-open .pgi-video-wrap.anim-image-parallax {
    transition: transform .8s ease-in-out
}

.ttgr-cat-trigger-wrap.ttgr-cat-fixed {
    position: fixed;
    bottom: 5%;
    right: 4%;
    padding: 10px 0 10px 10px;
    z-index: 9;
    opacity: 0;
    visibility: hidden
}

@media (max-width: 768px) {
    .ttgr-cat-trigger-wrap.ttgr-cat-fixed {
        bottom: 20px
    }
}

body.ttgr-cat-fixed-on .tt-grid-top {
    padding: 0
}

.ttgr-cat-trigger-wrap.ttgr-cat-fixed .ttgr-cat-trigger {
    background-color: rgb(50 50 50/50%);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    padding-right: 10px;
    color: #fff
}

.ttgr-cat-trigger-wrap.ttgr-cat-colored .ttgr-cat-trigger {
    background-color: var(--tt-main-color);
    color: #fff
}

.ttgr-cat-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0/70%);
    backdrop-filter: blur(10px);
    pointer-events: initial;
    z-index: 998;
    visibility: hidden;
    opacity: 0
}

.ttgr-cat-list-holder {
    position: relative;
    height: 100%;
    width: calc(100% + 17px);
    padding-right: 17px;
    overflow-y: scroll;
    z-index: 2
}

.ttgr-cat-list-inner {
    display: table;
    width: 100%;
    max-width: 1282px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.ttgr-cat-list-content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 160px 5% 120px 10%
}

.ttgr-cat-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.ttgr-cat-list > li {
    position: relative
}

.ttgr-cat-list > li > a {
    position: relative;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: calc(26px + 1.7vw);
    font-weight: 700;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    opacity: .5;
    transition: color .3s, transform .3s
}

.ttgr-cat-list > li > a:hover, .ttgr-cat-list > li > a:focus, .ttgr-cat-list > li > a.active {
    color: #fff;
    opacity: 1;
    transform: skew(-15deg, 0deg)
}

.ttgr-cat-list > li:first-child > a {
    padding-top: 0
}

.ttgr-cat-list > li:last-child > a {
    padding-bottom: 0
}

@media (min-width: 992px) {
    .ttgr-cat-list {
        counter-reset: ttgr-cat-list-counter
    }

    .ttgr-cat-list .ttgr-cat-item:before {
        position: absolute;
        counter-increment: ttgr-cat-list-counter;
        content: "" counter(ttgr-cat-list-counter, decimal-leading-zero);
        top: 5px;
        left: -40px;
        line-height: 1;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        opacity: .4
    }
}

.ttgr-cat-close {
    margin-bottom: 25px;
    font-size: calc(13px + 0.6vw);
    color: #fff
}

body:not(.is-mobile) .ttgr-cat-close {
    display: none
}

.tt-grid-categories-classic {
    position: relative
}

.ttgr-cat-classic-nav {
    text-align: left
}

ul.ttgr-cat-classic-list {
    padding: 0;
    margin: 0;
    list-style: none
}

ul.ttgr-cat-classic-list > li {
    position: relative;
    display: inline-block;
    margin: 0 4px 10px
}

ul.ttgr-cat-classic-list > li:first-child {
    margin-left: 0
}

ul.ttgr-cat-classic-list > li:last-child {
    margin-right: 0
}

ul.ttgr-cat-classic-list > li > a {
    display: inline-block;
    background-color: rgb(255 255 255/7%);
    padding: 5px 15px;
    font-size: 15px;
    line-height: 1.4;
    color: #aaa;
    border-radius: 100px;
    transition: all .3s
}

ul.ttgr-cat-classic-list > li > a:hover, ul.ttgr-cat-classic-list > li > a.active {
    background-color: rgb(255 255 255/13%);
    color: #fff
}

@media (min-width: 768px) {
    .ttgr-cat-classic-nav.ttgr-cat-classic-center {
        text-align: center
    }

    .ttgr-cat-classic-nav.ttgr-cat-classic-right {
        text-align: right
    }
}

.ttgr-cat-classic-nav.ttgr-cat-classic-colored ul.ttgr-cat-classic-list > li > a:hover, .ttgr-cat-classic-nav.ttgr-cat-classic-colored ul.ttgr-cat-classic-list > li > a.active {
    background-color: var(--tt-main-color)
}

.tt-grid-item {
    position: relative;
    float: left;
    width: 100%
}

.ttgr-item-inner {
    position: relative
}

.ttgr-height {
    position: relative;
    padding-bottom: 35%
}

@media (max-width: 768px) {
    .ttgr-height {
        position: relative;
        padding-bottom: 60%
    }
}

body.tt-boxed .tt-wrap .ttgr-height {
    padding-bottom: 60%
}

.tt-grid[class*=ttgr-layout-] .ttgr-height {
    padding-bottom: 60%
}

.tt-grid[class*=ttgr-layout-].ttgr-portrait:not(.ttgr-layout-creative-1):not(.ttgr-layout-creative-2) .ttgr-height {
    padding-bottom: 140%
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2 .tt-grid-item {
        width: 50%
    }
}

.tt-grid.ttgr-layout-2 .ttgr-height {
    padding-bottom: 65%
}

.tt-grid.ttgr-layout-2.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-2.ttgr-portrait-half .tt-grid-item:nth-child(4n+3) .ttgr-height, .tt-grid.ttgr-layout-2.ttgr-portrait-half .tt-grid-item:nth-child(4n+4) .ttgr-height {
    padding-bottom: 140%
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-3 .tt-grid-item {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-3 .tt-grid-item {
        width: 33.33333%
    }
}

.tt-grid.ttgr-layout-3 .ttgr-height {
    padding-bottom: 70%
}

.tt-grid.ttgr-layout-3.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-3.ttgr-portrait-half .tt-grid-item:nth-child(6n+4) .ttgr-height, .tt-grid.ttgr-layout-3.ttgr-portrait-half .tt-grid-item:nth-child(6n+5) .ttgr-height, .tt-grid.ttgr-layout-3.ttgr-portrait-half .tt-grid-item:nth-child(6n+6) .ttgr-height {
    padding-bottom: 140%
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 50%
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 33.33333%
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 25%
    }
}

.tt-grid.ttgr-layout-4 .ttgr-height {
    padding-bottom: 60%
}

.tt-grid.ttgr-layout-4.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-4.ttgr-portrait-half .tt-grid-item:nth-child(3n+5) .ttgr-height, .tt-grid.ttgr-layout-4.ttgr-portrait-half .tt-grid-item:nth-child(6n+7) .ttgr-height, .tt-grid.ttgr-layout-4.ttgr-portrait-half .tt-grid-item:nth-child(9n+6) .ttgr-height {
    padding-bottom: 140%
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-1-2 .tt-grid-item {
        width: 50%
    }
}

.tt-grid.ttgr-layout-1-2 .tt-grid-item:nth-child(3n+1) {
    width: 100%
}

.tt-grid.ttgr-layout-1-2 .ttgr-height {
    padding-bottom: 60%
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-1-2 .tt-grid-item:nth-child(3n+1) .ttgr-height {
        padding-bottom: calc(60% - 20%)
    }
}

.tt-grid.ttgr-layout-1-2.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-1-2.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%
}

.tt-grid.ttgr-layout-1-2.ttgr-portrait .tt-grid-item:nth-child(3n+1) .ttgr-height {
    padding-bottom: 100%
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2-1 .tt-grid-item {
        width: 50%
    }
}

.tt-grid.ttgr-layout-2-1 .tt-grid-item:nth-child(3n+0) {
    width: 100%
}

.tt-grid.ttgr-layout-2-1 .ttgr-height {
    padding-bottom: 60%
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2-1 .tt-grid-item:nth-child(3n+0) .ttgr-height {
        padding-bottom: calc(60% - 20%)
    }
}

.tt-grid.ttgr-layout-2-1.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-2-1.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%
}

.tt-grid.ttgr-layout-2-1.ttgr-portrait .tt-grid-item:nth-child(3n+0) .ttgr-height {
    padding-bottom: 100%
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .tt-grid.ttgr-layout-2-3 .tt-grid-item {
        width: 50%
    }

    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(3n+1) {
        width: 100%
    }

    .tt-grid.ttgr-layout-2-3 .ttgr-height {
        padding-bottom: 70% !important
    }

    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(3n+1) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-2-3 .tt-grid-item {
        width: 33.33333%
    }

    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+1), .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+2) {
        width: 50%
    }
}

.tt-grid.ttgr-layout-2-3 .ttgr-height {
    padding-bottom: 70%
}

.tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+1) .ttgr-height, .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+2) .ttgr-height {
    padding-bottom: 60%
}

.tt-grid.ttgr-layout-2-3.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-2-3.ttgr-portrait .tt-grid-item:nth-child(5n+1) .ttgr-height, .tt-grid.ttgr-layout-2-3.ttgr-portrait .tt-grid-item:nth-child(5n+2) .ttgr-height, .tt-grid.ttgr-layout-2-3.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .tt-grid.ttgr-layout-3-2 .tt-grid-item {
        width: 50%
    }

    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(3n+0) {
        width: 100%
    }

    .tt-grid.ttgr-layout-3-2 .ttgr-height {
        padding-bottom: 70% !important
    }

    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(3n+0) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-3-2 .tt-grid-item {
        width: 33.33333%
    }

    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+4), .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+5) {
        width: 50%
    }
}

.tt-grid.ttgr-layout-3-2 .ttgr-height {
    padding-bottom: 70%
}

.tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+4) .ttgr-height, .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+5) .ttgr-height {
    padding-bottom: 60%
}

.tt-grid.ttgr-layout-3-2.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-3-2.ttgr-portrait .tt-grid-item:nth-child(5n+4) .ttgr-height, .tt-grid.ttgr-layout-3-2.ttgr-portrait .tt-grid-item:nth-child(5n+5) .ttgr-height, .tt-grid.ttgr-layout-3-2.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 50%
    }

    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(3n+1) {
        width: 100%
    }

    .tt-grid.ttgr-layout-3-4 .ttgr-height {
        padding-bottom: 70% !important
    }

    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(3n+1) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 33.33333%
    }

    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+1), .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+2) {
        width: 50%
    }

    .tt-grid.ttgr-layout-3-4 .ttgr-height {
        padding-bottom: 70% !important
    }

    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+1) .ttgr-height, .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+2) .ttgr-height {
        padding-bottom: 60% !important
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 25%
    }

    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+1), .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+2), .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+3) {
        width: 33.33333%
    }
}

.tt-grid.ttgr-layout-3-4 .ttgr-height {
    padding-bottom: 70%
}

.tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+1) .ttgr-height, .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+2) .ttgr-height, .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+3) .ttgr-height {
    padding-bottom: 60%
}

.tt-grid.ttgr-layout-3-4.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-3-4.ttgr-portrait .tt-grid-item:nth-child(7n+1) .ttgr-height, .tt-grid.ttgr-layout-3-4.ttgr-portrait .tt-grid-item:nth-child(7n+2) .ttgr-height, .tt-grid.ttgr-layout-3-4.ttgr-portrait .tt-grid-item:nth-child(7n+3) .ttgr-height, .tt-grid.ttgr-layout-3-4.ttgr-portrait-half .ttgr-height {
    padding-bottom: 140%
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 50%
    }

    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(3n+0) {
        width: 100%
    }

    .tt-grid.ttgr-layout-4-3 .ttgr-height {
        padding-bottom: 70% !important
    }

    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(3n+0) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 33.33333%
    }

    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+4), .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+5) {
        width: 50%
    }

    .tt-grid.ttgr-layout-4-3 .ttgr-height {
        padding-bottom: 70% !important
    }

    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+4) .ttgr-height, .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+5) .ttgr-height {
        padding-bottom: 60% !important
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 25%
    }

    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+5), .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+6), .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+7) {
        width: 33.33333%
    }
}

.tt-grid.ttgr-layout-4-3 .ttgr-height {
    padding-bottom: 70%
}

.tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+5) .ttgr-height, .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+6) .ttgr-height, .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+7) .ttgr-height {
    padding-bottom: 60%
}

.tt-grid.ttgr-layout-4-3.ttgr-portrait .ttgr-height, .tt-grid.ttgr-layout-4-3.ttgr-portrait .tt-grid-item:nth-child(7n+5) .ttgr-height, .tt-grid.ttgr-layout-4-3.ttgr-portrait .tt-grid-item:nth-child(7n+6) .ttgr-height, .tt-grid.ttgr-layout-4-3.ttgr-portrait .tt-grid-item:nth-child(7n+7) .ttgr-height, .tt-grid.ttgr-layout-4-3.ttgr-portrait-half .ttgr-height {
    padding-bottom: 140%
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+1), .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+5) {
        width: 60%
    }

    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+2), .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+4) {
        width: 40%;
        padding-top: 12vw
    }

    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-child(3n+3) {
        width: 100%;
        padding: 0 14vw
    }

    .tt-grid.ttgr-layout-creative-1:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:nth-child(3n+3) .ttgr-height {
        padding-bottom: 55%
    }
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+1), .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+4) {
        width: 58%
    }

    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+2), .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+3) {
        width: 42%;
        padding-top: 9.8vw
    }

    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:last-child:nth-child(odd) {
        width: 100%;
        padding: 0 14vw
    }

    .tt-grid.ttgr-layout-creative-2:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:last-child:nth-child(odd) .ttgr-height {
        padding-bottom: 55%
    }
}

@media (min-width: 768px) {
    .tt-grid.ttgr-shifted:not([class*=ttgr-layout-]) .tt-grid-item:nth-child(even) .ttgr-item-inner {
        margin-left: 20vw
    }

    .tt-grid.ttgr-shifted:not([class*=ttgr-layout-]) .tt-grid-item:nth-child(odd) .ttgr-item-inner {
        margin-right: 20vw
    }
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw
    }
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-3.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 13vw
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-3.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 13vw
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner, .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(4) .ttgr-item-inner {
        margin-top: 6vw
    }
}

.tt-grid.ttgr-gap-1, .tt-grid.ttgr-gap-1 .tt-grid-top {
    margin-left: .2vw;
    margin-right: .2vw
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-1 {
    margin-left: -.2vw;
    margin-right: -.2vw
}

body:not(.tt-boxed) .tt-section-inner.tt-wrap .tt-grid.ttgr-gap-1 .tt-grid-top, .tt-section-inner:not(.tt-wrap) .tt-grid.ttgr-gap-1 .tt-grid-top {
    padding-left: 3vw;
    padding-right: 3vw
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-1 .ttgr-item-inner {
        margin: 0 .2vw .4vw
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-1 .ttgr-item-inner {
        margin: 0 1vw 1vw
    }
}

.tt-grid.ttgr-gap-2, .tt-grid.ttgr-gap-2 .tt-grid-top {
    margin-left: 1vw;
    margin-right: 1vw
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-2 {
    margin-left: -1vw;
    margin-right: -1vw
}

body:not(.tt-boxed) .tt-section-inner.tt-wrap .tt-grid.ttgr-gap-2 .tt-grid-top, .tt-section-inner:not(.tt-wrap) .tt-grid.ttgr-gap-2 .tt-grid-top {
    padding-left: 1.5vw;
    padding-right: 1.5vw
}

.tt-grid.ttgr-gap-2 .ttgr-item-inner {
    margin: 0 1vw 2vw
}

.tt-grid.ttgr-gap-3, .tt-grid.ttgr-gap-3 .tt-grid-top {
    margin-left: 2vw;
    margin-right: 2vw
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-3 {
    margin-left: -2vw;
    margin-right: -2vw
}

.tt-grid.ttgr-gap-3 .ttgr-item-inner {
    margin: 0 2vw 4vw
}

.tt-grid.ttgr-gap-4, .tt-grid.ttgr-gap-4 .tt-grid-top {
    margin-left: 3vw;
    margin-right: 3vw
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-4 {
    margin-left: -3vw;
    margin-right: -3vw
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-4 .ttgr-item-inner {
        margin: 0 3vw 6vw
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-4 .ttgr-item-inner {
        margin: 0 1.5vw 5vw
    }
}

.tt-grid.ttgr-gap-5, .tt-grid.ttgr-gap-5 .tt-grid-top {
    margin-left: 4vw;
    margin-right: 4vw
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-5 {
    margin-left: -4vw;
    margin-right: -4vw
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-5 .ttgr-item-inner {
        margin: 0 4vw 8vw
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-5 .ttgr-item-inner {
        margin-bottom: 5vw
    }
}

.tt-grid.ttgr-gap-6, .tt-grid.ttgr-gap-6 .tt-grid-top {
    margin-left: 5vw;
    margin-right: 5vw
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-6 {
    margin-left: -5vw;
    margin-right: -5vw
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-6 .ttgr-item-inner {
        margin: 0 5vw 10vw
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-6 .ttgr-item-inner {
        margin-bottom: 6vw
    }
}

.tt-grid.ttgr-not-cropped:not([class*=ttgr-layout-]) .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap), .tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap), .tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap), .tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap) {
    padding-bottom: 0 !important;
    line-height: 0 !important
}

.tt-grid.ttgr-not-cropped:not([class*=ttgr-layout-]) .ttgr-height img, .tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height img, .tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height img, .tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height img {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: unset
}

.tt-grid.ttgr-not-cropped:not([class*=ttgr-layout-]) .ttgr-height.tt-gallery-video-wrap, .tt-grid.ttgr-not-cropped:not([class*=ttgr-layout-]) .ttgr-height.pgi-video-wrap {
    padding-bottom: 60%
}

.tt-grid.ttgr-not-cropped:not([class*=ttgr-layout-]) .ttgr-height.tt-gallery-video-wrap, .tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height.tt-gallery-video-wrap, .tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height.tt-gallery-video-wrap, .tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height.tt-gallery-video-wrap, .tt-grid.ttgr-not-cropped:not([class*=ttgr-layout-]) .ttgr-height.pgi-video-wrap, .tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height.pgi-video-wrap, .tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height.pgi-video-wrap, .tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height.pgi-video-wrap {
    padding-bottom: 0 !important;
    line-height: 0 !important
}

.tt-grid.ttgr-not-cropped:not([class*=ttgr-layout-]) .tt-gallery-video, .tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height .tt-gallery-video, .tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height .tt-gallery-video, .tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height .tt-gallery-video {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: unset
}

#portfolio-grid {
    position: relative
}

.portfolio-grid-item {
    position: relative
}

.pgi-image-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    line-height: 1
}

.pgi-image {
    position: relative
}

.pgi-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.pgi-video-wrap {
    position: relative
}

video.pgi-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pgi-caption {
    width: 100%;
    max-width: 1200px;
    padding: 20px 3% 0
}

.tt-grid.ttgr-gap-3 .pgi-caption, .tt-grid.ttgr-gap-4 .pgi-caption, .tt-grid.ttgr-gap-5 .pgi-caption, .tt-grid.ttgr-gap-6 .pgi-caption {
    padding-left: 0;
    padding-right: 0
}

.pgi-title {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: clamp(28px, 4vw, 64px);
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: 1.5
}

@media (max-width: 767px) {
    .pgi-title {
        font-size: calc(19px + 1.5vw)
    }
}

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a {
    display: inline
}

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a {
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 2px);
    transition: .5s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a:hover {
    background-size: 100% 96%
}

.pgi-categories-wrap {
    position: relative;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.2
}

.pgi-category {
    position: relative;
    display: inline-block;
    font-size: calc(13px + 0.1vw);
    color: #fff;
    opacity: .6
}

.pgi-category ~ .pgi-category {
    margin-left: -4px
}

.pgi-category ~ .pgi-category:not(:empty):before {
    content: ", "
}

.pgi-category ~ .pgi-category ~ .pgi-category ~ .pgi-category {
    visibility: hidden;
    width: 0
}

.pgi-category ~ .pgi-category ~ .pgi-category ~ .pgi-category ~ .pgi-category {
    display: none
}

.pgi-category + .pgi-category + .pgi-category + .pgi-category:before {
    content: "...";
    margin-left: 5px;
    visibility: visible
}

@media (min-width: 768px) {
    .ttgr-layout-2 .pgi-title, .ttgr-layout-1-2 .pgi-title, .ttgr-layout-2-1 .pgi-title, .ttgr-layout-creative-1 .pgi-title, .ttgr-layout-creative-2 .pgi-title {
        font-size: calc(19px + 0.4vw)
    }

    .ttgr-layout-3 .pgi-title, .ttgr-layout-2-3 .pgi-title, .ttgr-layout-3-2 .pgi-title {
        font-size: calc(19px + 0.2vw)
    }

    .ttgr-layout-4 .pgi-title, .ttgr-layout-3-4 .pgi-title, .ttgr-layout-4-3 .pgi-title {
        font-size: calc(19px + 0.1vw)
    }

    body.tt-boxed .tt-wrap .ttgr-layout-2 .pgi-title, body.tt-boxed .tt-wrap .ttgr-layout-1-2 .pgi-title, body.tt-boxed .tt-wrap .ttgr-layout-2-1 .pgi-title {
        font-size: calc(19px + 0.2vw)
    }

    body.tt-boxed .tt-wrap .ttgr-layout-3 .pgi-title, body.tt-boxed .tt-wrap .ttgr-layout-2-3 .pgi-title, body.tt-boxed .tt-wrap .ttgr-layout-3-2 .pgi-title {
        font-size: calc(19px + 0.1vw)
    }

    body.tt-boxed .tt-wrap .ttgr-layout-4 .pgi-title, body.tt-boxed .tt-wrap .ttgr-layout-3-4 .pgi-title, body.tt-boxed .tt-wrap .ttgr-layout-4-3 .pgi-title {
        font-size: calc(19px + 0.1vw)
    }
}

#portfolio-grid.pgi-cap-inside .pgi-caption {
    position: absolute;
    left: 0;
    bottom: 8%;
    padding: 0 8%;
    z-index: 2
}

#portfolio-grid.pgi-cap-inside .pgi-category {
    opacity: 1
}

#portfolio-grid.pgi-cap-center .pgi-caption {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

#portfolio-grid.pgi-cap-center .pgi-caption-inner {
    text-align: center
}

#portfolio-grid.pgi-cap-inside.pgi-cap-center .pgi-caption {
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%) !important
}

#portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-title {
    color: #000
}

#portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-category {
    color: #000
}

#portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-image-holder[class*=cover-opacity-]:before {
    display: none !important
}

@media (min-width: 768px) {
    #portfolio-grid.pgi-hover [class*=ttgr-gap-]:not(.ttgr-gap-1) .pgi-image-holder {
        clip-path: inset(0 0 0 0);
        overflow: hidden;
        transition: clip-path .8s cubic-bezier(.07, .72, .29, .96)
    }

    #portfolio-grid.pgi-hover [class*=ttgr-gap-]:not(.ttgr-gap-1) .pgi-image-wrap:hover .pgi-image-holder {
        clip-path: inset(3% 3% 3% 3%)
    }

    #portfolio-grid.pgi-hover .pgi-image {
        transition: all 1s cubic-bezier(.165, .84, .44, 1)
    }

    #portfolio-grid.pgi-hover .pgi-image-wrap:hover .pgi-image {
        transform: scale(1.05)
    }
}

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .pgi-title {
    transform: translate3d(0, 15px, 0);
    transition: all .25s ease-out;
    transition-delay: .1s
}

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .portfolio-grid-item:hover .pgi-title {
    transform: translate3d(0, 0, 0)
}

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .pgi-categories-wrap {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 20px, 0);
    transition: all .25s ease-out;
    transition-delay: .1s
}

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .portfolio-grid-item:hover .pgi-categories-wrap {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.portfolio-list {
    position: relative
}

.portfolio-list-item {
    position: relative;
    display: block;
    margin-left: 35%;
    margin-right: 17%;
    margin-bottom: 12%
}

.portfolio-list-item:last-child {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .portfolio-list-item {
        margin-left: 32%;
        margin-right: 5%
    }
}

@media (max-width: 768px) {
    .portfolio-list-item {
        margin-left: 5%;
        margin-right: 5%
    }
}

.pli-image, .pli-video {
    position: relative;
    z-index: 2
}

@media (max-width: 768px) {
    .pli-image[class*=cover-opacity-]:before, .pli-video[class*=cover-opacity-]:before {
        display: none !important
    }
}

.portfolio-list.pli-cropped .pli-image img, .pli-video video {
    width: 100%;
    height: 32vw;
    object-fit: cover;
    object-position: 50% 50%
}

@media (max-width: 1024px) {
    .portfolio-list.pli-cropped .pli-image img, .pli-video video {
        height: 45vw
    }
}

@media (max-width: 768px) {
    .portfolio-list.pli-cropped .pli-image img, .pli-video video {
        height: 60vw
    }
}

@media (min-width: 769px) {
    .pli-caption {
        position: absolute;
        left: -15%;
        bottom: 15%;
        width: 100%;
        max-width: 600px
    }

    .pli-caption-front {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 3
    }

    .pli-caption.pli-caption-back {
        z-index: 1;
        pointer-events: none
    }
}

@media (max-width: 768px) {
    .pli-caption-front {
        margin-top: 20px
    }

    .pli-caption.pli-caption-back {
        display: none
    }
}

.pli-title {
    margin: 0;
    font-size: calc(16px + 3.5vw);
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: 1.2
}

.pli-caption.pli-caption-back .pli-title {
    color: var(--tt-main-color)
}

.pli-categories-wrap {
    position: relative;
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .pli-categories-wrap {
        margin-bottom: 10px
    }
}

.pli-category {
    position: relative;
    display: inline-block;
    font-size: calc(13px + 0.1vw);
    color: #fff;
    line-height: 1.6
}

@media (max-width: 768px) {
    .pli-category {
        color: #999
    }
}

.pli-category ~ .pli-category {
    margin-left: -4px
}

.pli-category ~ .pli-category:not(:empty):before {
    content: ", "
}

.pli-category ~ .pli-category ~ .pli-category ~ .pli-category {
    visibility: hidden;
    width: 0
}

.pli-category ~ .pli-category ~ .pli-category ~ .pli-category ~ .pli-category {
    display: none
}

.pli-category + .pli-category + .pli-category + .pli-category:before {
    content: "...";
    margin-left: 5px;
    visibility: visible
}

.portfolio-list {
    counter-reset: pli-counter
}

.pli-counter {
    position: absolute;
    top: 8%;
    left: -30%;
    pointer-events: none
}

.pli-counter:before {
    counter-increment: pli-counter 1;
    content: "" counter(pli-counter, decimal-leading-zero);
    display: block;
    line-height: 1;
    font-size: calc(17px + 7vw);
    font-weight: 500;
    color: #fff;
    opacity: .15;
    z-index: -1
}

@media (max-width: 768px) {
    .portfolio-list-item:before {
        display: none
    }
}

@media (min-width: 769px) {
    .portfolio-list.pli-hover .pli-image, .portfolio-list.pli-hover .pli-video, .portfolio-list.pli-hover .pli-caption-front {
        transition: all .8s cubic-bezier(.07, .72, .29, .96);
        clip-path: inset(0 0 0 0)
    }

    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-image, .portfolio-list.pli-hover .portfolio-list-item:hover .pli-video, .portfolio-list.pli-hover .portfolio-list-item:hover .pli-caption-front {
        clip-path: inset(3% 3% 3% 3%)
    }

    .portfolio-list.pli-hover .pli-image-hover-zoom {
        transition: all 1s cubic-bezier(.07, .72, .29, .96)
    }

    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-image-hover-zoom {
        transform: scale(1.05)
    }
}

@media (min-width: 1025px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even) {
        margin-left: 35%;
        margin-right: 17%
    }

    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 17%;
        margin-right: 35%
    }
}

@media (max-width: 1024px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even) {
        margin-left: 30%;
        margin-right: 5%
    }

    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 5%;
        margin-right: 30%
    }
}

@media (max-width: 768px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even), .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 5%;
        margin-right: 5%
    }
}

@media (min-width: 769px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) .pli-caption {
        left: 85%
    }

    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) .pli-counter {
        left: auto;
        right: -30%
    }
}

@media (min-width: 768px) {
    .portfolio-list-item.pli-image-is-light .pli-image[class*=cover-opacity-]:before, .portfolio-list-item.pli-image-is-light .pli-video[class*=cover-opacity-]:before {
        display: none
    }

    .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-title {
        color: #000
    }

    .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-category {
        color: #000
    }
}

.portfolio-thumbnail-list {
    position: relative
}

.ptl-item {
    position: relative;
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #333;
    will-change: transform
}

.ptl-item:first-child {
    border-top: 1px solid #333
}

@media (max-width: 767px) {
    .ptl-item {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.ptl-item-category-wrap {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    overflow: hidden;
    z-index: 1;
    opacity: .6;
    transition: opacity .3s ease
}

.ptl-item-category {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: calc(13px + 0.1vw);
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    transition: transform .6s cubic-bezier(.51, .57, .17, 1)
}

.ptl-item-category ~ .ptl-item-category {
    margin-left: -4px
}

.ptl-item-category ~ .ptl-item-category {
    visibility: hidden
}

.ptl-item-category + .ptl-item-category:not(:empty):before {
    content: "...";
    margin-left: 2px;
    visibility: visible
}

.ptl-item-category ~ .ptl-item-category ~ .ptl-item-category {
    display: none
}

.ptl-item-caption {
    position: relative;
    display: inline-grid;
    align-items: center;
    padding-top: 25px;
    text-decoration: none
}

.ptl-item-caption-inner {
    position: relative;
    max-width: 900px;
    overflow: hidden
}

.portfolio-thumbnail-list {
    counter-reset: ptl-item-counter
}

.ptl-item-caption:before {
    position: absolute;
    counter-increment: ptl-item-counter;
    content: "" counter(ptl-item-counter, decimal-leading-zero);
    top: 10px;
    right: -20px;
    line-height: 1;
    font-size: calc(12px + 0.2vw);
    font-weight: 300;
    color: #fff;
    opacity: .5;
    z-index: 2;
    transition: opacity .3s
}

@media (max-width: 767px) {
    .ptl-item-caption:before {
        right: -10px
    }
}

.ptl-item-title, .ptl-item-hover-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: clamp(28px, 4vw, 64px);
    font-weight: 700;
    font-weight: 600;
    color: #eee;
    line-height: 1.2;
    transform: translate3d(0, 0, 0);
    transition: transform .4s cubic-bezier(.51, .57, .17, 1), opacity .4s ease;
    overflow: hidden;
    text-overflow: ellipsis
}

.ptl-item-title {
    position: relative
}

.ptl-item-hover-title {
    position: absolute;
    left: 0;
    max-width: 100%;
    color: #fff;
    opacity: 1
}

.ptl-item-thumbnails {
    display: flex
}

@media (min-width: 768px) {
    .ptl-item-thumbnails {
        align-items: center;
        justify-content: flex-end;
        height: 100%
    }
}

@media (max-width: 767px) {
    .ptl-item-thumbnails {
        margin-top: 20px
    }
}

.ptli-image {
    position: relative;
    width: 100%;
    max-width: clamp(50px, 4vw, 74px);
    line-height: 0;
    overflow: hidden;
    border-radius: 100px
}

.ptli-image:before {
    display: block;
    content: "";
    padding-bottom: 100%
}

.ptli-image:not(.ptli-image:first-child) {
    margin-left: 10px
}

.ptli-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.ptli-image ~ .ptli-image ~ .ptli-image ~ .ptli-image ~ .ptli-image ~ .ptli-image {
    display: none
}

.portfolio-thumbnail-list.ptl-thumb-overlap .ptli-image {
    max-width: clamp(50px, 5vw, 84px);
    border: 4px solid var(--tt-main-bg-color)
}

.portfolio-thumbnail-list.ptl-thumb-overlap .ptli-image:not(.ptli-image:first-child) {
    margin-left: -20px
}

.ptl-item-title, .ptl-item-hover-title {
    white-space: nowrap
}

.portfolio-thumbnail-list:hover .ptl-item-title {
    opacity: .5
}

.portfolio-thumbnail-list:hover .ptl-item-category-wrap, .portfolio-thumbnail-list:hover .ptl-item-caption:before {
    opacity: .3
}

.ptl-item:hover .ptl-item-category-wrap {
    opacity: .9
}

.ptl-item:hover .ptl-item-caption:before {
    opacity: .7
}

.ptl-item:hover .ptl-item-title {
    transform: translate3d(0, -100%, 0)
}

.ptl-item:hover .ptl-item-hover-title {
    transform: translate3d(0, -100%, 0)
}

.portfolio-interactive {
    position: relative;
    padding-left: 10%;
    padding-right: 10%
}

body.tt-boxed .tt-wrap .portfolio-interactive {
    padding-left: 3%;
    padding-right: 3%
}

@media (max-width: 1024px) {
    .portfolio-interactive {
        padding-left: 5%;
        padding-right: 5%
    }
}

.portfolio-interactive-item {
    position: relative
}

.portfolio-interactive-item.pi-item-hover {
    z-index: 9
}

.pi-item-category-wrap {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    overflow: hidden;
    z-index: 1;
    opacity: .6;
    transition: opacity .3s ease
}

.pi-item-category {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: calc(13px + 0.1vw);
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    transition: transform .6s cubic-bezier(.51, .57, .17, 1)
}

.pi-item-category ~ .pi-item-category {
    margin-left: -4px
}

.pi-item-category ~ .pi-item-category {
    visibility: hidden
}

.pi-item-category + .pi-item-category:not(:empty):before {
    content: "...";
    margin-left: 2px;
    visibility: visible
}

.pi-item-category ~ .pi-item-category ~ .pi-item-category {
    display: none
}

.pi-item-title-link {
    position: relative;
    display: inline-grid;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    text-decoration: none
}

.pi-item-title-link-inner {
    position: relative;
    max-width: 900px;
    overflow: hidden
}

.portfolio-interactive {
    counter-reset: pi-item-counter
}

.pi-item-title-link:before {
    position: absolute;
    counter-increment: pi-item-counter;
    content: "" counter(pi-item-counter, decimal-leading-zero);
    top: 10px;
    right: -20px;
    line-height: 1;
    font-size: calc(12px + 0.3vw);
    font-weight: 300;
    color: #fff;
    opacity: .6;
    z-index: 2
}

@media (max-width: 1024px) {
    .pi-item-title-link:before {
        right: 0
    }
}

.pi-item-title, .pi-item-hover-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: clamp(28px, 4vw, 68px);
    font-weight: 600;
    color: #eee;
    line-height: 1.2;
    transform: translate3d(0, 0, 0);
    transition: transform .4s cubic-bezier(.51, .57, .17, 1), opacity .4s ease;
    overflow: hidden;
    text-overflow: ellipsis
}

.pi-item-title {
    position: relative
}

.pi-item-hover-title {
    position: absolute;
    left: 0;
    max-width: 100%;
    color: #fff;
    opacity: 1
}

.pi-item-title, .pi-item-hover-title {
    white-space: nowrap
}

.portfolio-interactive.hovered .pi-item-title {
    opacity: .5
}

.portfolio-interactive.hovered .pi-item-category-wrap, .portfolio-interactive.hovered .pi-item-title-link:before {
    opacity: .3
}

.pi-item-title-link:hover .pi-item-category-wrap {
    opacity: .9
}

.pi-item-title-link:hover .pi-item-title {
    transform: translate3d(0, -100%, 0)
}

.pi-item-title-link:hover .pi-item-hover-title {
    transform: translate3d(0, -100%, 0)
}

.portfolio-interactive.hovered .pi-item-title-link:hover:before {
    opacity: .7
}

.pi-item-image {
    position: absolute;
    display: block;
    top: 50%;
    left: 30%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translate3d(0, -50%, 0);
    transition: all .3s ease-out
}

.portfolio-interactive-item.pi-item-hover .pi-item-image {
    opacity: 1;
    visibility: visible;
    transition-delay: .1s
}

.pi-item-image-inner {
    position: relative;
    width: 500px;
    padding-bottom: 70%;
    background-color: #121212;
    line-height: 0;
    transform: translate3d(0, 30px, 0) rotate(0deg) scale(.95);
    transition: transform .3s ease-out
}

@media (max-width: 992px) {
    .pi-item-image-inner {
        width: 300px
    }
}

.portfolio-interactive-item.pi-item-hover .pi-item-image-inner {
    transform: translate3d(0, 0, 0) rotate(6deg) scale(1);
    transition-delay: .1s
}

.pi-item-image img, .pi-item-image video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .9
}

video.pi-item-video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 1025px) {
    .portfolio-interactive.pi-stroke .pi-item-title {
        font-weight: 700;
        font-weight: 700;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #eee;
        -webkit-text-fill-color: transparent
    }

    body.is-firefox .portfolio-interactive.pi-stroke .pi-item-title {
        -webkit-text-stroke-width: 2px
    }
}

@media (min-width: 768px) {
    .portfolio-interactive.pi-inline .portfolio-interactive-list:after {
        content: "";
        display: table;
        clear: both
    }

    .portfolio-interactive.pi-inline .portfolio-interactive-item {
        float: left
    }

    .portfolio-interactive.pi-inline .portfolio-interactive-item:last-child {
        margin-right: 0
    }

    .portfolio-interactive.pi-inline .pi-item-title-link {
        padding: 25px 50px 40px 0
    }

    .portfolio-interactive.pi-inline .pi-item-title-link-inner {
        max-width: 600px
    }

    .portfolio-interactive.pi-inline .pi-item-title-link:after {
        position: absolute;
        content: "/";
        top: 47%;
        right: 15px;
        line-height: 1;
        font-size: calc(12px + 1.3vw);
        font-weight: 500;
        color: #fff;
        opacity: .5;
        z-index: 2;
        transform: translate3d(0, -50%, 0)
    }

    .portfolio-interactive.pi-inline.pi-center .pi-item-title-link:after {
        top: 65%;
        font-size: calc(12px + 2.3vw)
    }

    .portfolio-interactive.pi-inline .pi-item-title, .portfolio-interactive.pi-inline .pi-item-hover-title {
        font-size: clamp(28px, 3vw, 48px);
        font-weight: 600
    }

    .portfolio-interactive.pi-inline .pi-item-title-link:before {
        top: 8px;
        right: 55px;
        font-size: calc(11px + 0.2vw)
    }

    .portfolio-interactive.pi-inline .pi-item-category {
        font-size: calc(11px + 0.1vw)
    }

    @media (max-width: 1200px) {
        .portfolio-interactive.pi-inline .pi-item-title-link {
            padding: 25px 40px 30px 0
        }

        .portfolio-interactive.pi-inline .pi-item-title-link:before {
            right: 45px
        }
    }.portfolio-interactive.pi-inline .pi-item-image-inner {
         width: 400px
     }

    @media (max-width: 992px) {
        .portfolio-interactive.pi-inline .pi-item-image-inner {
            width: 300px
        }
    }
}

.portfolio-interactive.pi-center .portfolio-interactive-list {
    text-align: center
}

.portfolio-interactive.pi-center .pi-item-title-link {
    padding-bottom: 0
}

.portfolio-interactive.pi-center .pi-item-title-link:before {
    display: none
}

.portfolio-interactive.pi-center .pi-item-title-link-inner {
    max-width: 100%
}

.portfolio-interactive.pi-center .pi-item-category-wrap {
    left: 50%;
    opacity: 0 !important;
    overflow: hidden;
    transform: translateX(-50%)
}

.portfolio-interactive.pi-center .pi-item-title-link:hover .pi-item-category-wrap {
    opacity: 1 !important
}

.portfolio-interactive.pi-center .pi-item-category {
    transform: translate3d(0, 100%, 0)
}

.portfolio-interactive.pi-center .pi-item-title-link:hover .pi-item-category {
    transform: translate3d(0, 0, 0)
}

.portfolio-interactive.pi-center .pi-item-image {
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

body:not(.page-header-on) .portfolio-interactive.pi-full {
    display: table;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 200px
}

body:not(.page-header-on) .portfolio-interactive.pi-full .pi-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

body:not(.page-header-on) .portfolio-interactive.pi-full {
    min-height: 100vh
}

@media (max-width: 1024px) {
    body:not(.page-header-on) .portfolio-interactive.pi-full {
        min-height: calc(100vh - 25vh);
        padding-bottom: 40px
    }

    body:not(.page-header-on) .portfolio-interactive.pi-full .portfolio-interactive-list {
        padding-bottom: 0
    }
}

.portfolio-interactive-ghost {
    display: none
}

body.pi-full-on:not(.page-header-on) .portfolio-interactive-ghost {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    font-size: 22.5vw;
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: .7;
    opacity: .07;
    z-index: -1
}

@media (max-width: 767px) {
    body:not(.page-header-on) .portfolio-interactive-ghost, body:not(.page-header-on).pi-inline-on .portfolio-interactive-ghost {
        top: 15%;
        bottom: auto
    }
}

@media (min-width: 1025px) {
    body.pi-full-on #tt-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        pointer-events: none
    }

    body.pi-full-on #tt-footer a {
        pointer-events: initial
    }
}

.portfolio-split {
    position: relative
}

.portfolio-split-images {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    z-index: -1;
    overflow: hidden
}

@media (max-width: 1400px) {
    .portfolio-split-images {
        width: 45%
    }
}

@media (max-width: 1024px) {
    .portfolio-split-images {
        width: 100%
    }

    .portfolio-split-images:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: .6;
        z-index: 1
    }
}

.pspl-images-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #121212
}

.pspl-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.pspl-image.active {
    opacity: 1;
    visibility: visible
}

.pspl-image img, .pspl-image video.pspl-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.portfolio-split-list {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 90vh;
    left: 0;
    width: 50%;
    padding: 270px 3% 100px 17%
}

@media (max-width: 1400px) {
    .portfolio-split-list {
        width: 55%
    }
}

@media (max-width: 1024px) {
    .portfolio-split-list {
        left: 0;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%
    }
}

.portfolio-split-item {
    position: relative
}

.portfolio-split-item.pi-item-hover {
    z-index: 9
}

.pspl-item-category-wrap {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    overflow: hidden;
    z-index: 1;
    opacity: .6;
    transition: opacity .3s ease
}

.pspl-item-category {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: calc(13px + 0.1vw);
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    transition: transform .6s cubic-bezier(.51, .57, .17, 1)
}

.pspl-item-category ~ .pspl-item-category {
    margin-left: -4px
}

.pspl-item-category ~ .pspl-item-category {
    visibility: hidden
}

.pspl-item-category + .pspl-item-category:not(:empty):before {
    content: "...";
    margin-left: 2px;
    visibility: visible
}

.pspl-item-category ~ .pspl-item-category ~ .pspl-item-category {
    display: none
}

.pspl-item-title-link {
    position: relative;
    display: inline-grid;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    text-decoration: none
}

.pspl-item-title-link-inner {
    position: relative;
    max-width: 900px;
    overflow: hidden
}

.portfolio-split-list {
    counter-reset: pspl-item-counter
}

.pspl-item-title-link:before {
    position: absolute;
    counter-increment: pspl-item-counter;
    content: "" counter(pspl-item-counter, decimal-leading-zero);
    top: 10px;
    right: -20px;
    line-height: 1;
    font-size: calc(12px + 0.2vw);
    font-weight: 300;
    color: #fff;
    opacity: .5;
    z-index: 2;
    transition: opacity .3s
}

@media (max-width: 1024px) {
    .pspl-item-title-link:before {
        right: 0
    }
}

.pspl-item-title, .pspl-item-hover-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: clamp(32px, 3vw, 54px);
    font-weight: 700;
    font-weight: 600;
    color: #eee;
    line-height: 1.2;
    transform: translate3d(0, 0, 0);
    transition: transform .4s cubic-bezier(.51, .57, .17, 1), opacity .4s ease;
    overflow: hidden;
    text-overflow: ellipsis
}

.pspl-item-title {
    position: relative
}

.pspl-item-hover-title {
    position: absolute;
    left: 0;
    max-width: 100%;
    color: #fff;
    opacity: 1
}

.pspl-item-title, .pspl-item-hover-title {
    white-space: nowrap
}

.portfolio-split.hovered .pspl-item-title {
    opacity: .5
}

.portfolio-split.hovered .pspl-item-category-wrap, .portfolio-split.hovered .pspl-item-title-link:before {
    opacity: .3
}

.pspl-item-title-link:hover .pspl-item-category-wrap {
    opacity: .9
}

.pspl-item-title-link:hover .pspl-item-title {
    transform: translate3d(0, -100%, 0)
}

.pspl-item-title-link:hover .pspl-item-hover-title {
    transform: translate3d(0, -100%, 0)
}

.portfolio-split.hovered .pspl-item-title-link:hover:before {
    opacity: .7
}

.pspl-ghost {
    position: fixed;
    display: block;
    bottom: 140px;
    left: 3.5%;
    font-size: 15vh;
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: .7;
    opacity: .07;
    z-index: -1;
    writing-mode: vertical-rl;
    transform: rotate(180deg)
}

@media (max-width: 1024px) {
    .pspl-ghost {
        display: none
    }
}

body.pspl-reverse-on .portfolio-split-images {
    left: 0;
    right: auto
}

@media (min-width: 1025px) {
    body.pspl-reverse-on .portfolio-split-list {
        left: 45%;
        padding-left: 5%
    }
}

@media (min-width: 1400px) {
    body.pspl-reverse-on .portfolio-split-list {
        left: 50%
    }
}

body.pspl-reverse-on .pspl-ghost {
    left: auto;
    right: 3.5%
}

@media (min-width: 1025px) {
    body.pspl-light-image-on:not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text, body.pspl-light-image-on:not(.pspl-reverse-on) .tt-main-menu-list > li > a, body.pspl-light-image-on:not(.pspl-reverse-on) .tt-main-menu-list > li > .tt-submenu-trigger > a, body.pspl-light-image-on:not(.pspl-reverse-on) #tt-footer .footer-social .footer-social-text, body.pspl-light-image-on:not(.pspl-reverse-on) #tt-footer .footer-social a {
        color: #000
    }

    body.pspl-light-image-on:not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span:before, body.pspl-light-image-on:not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span:after, body.pspl-light-image-on:not(.pspl-reverse-on):not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span {
        background-color: #000
    }

    body.pspl-light-image-on.pspl-reverse-on:not(.tt-ol-menu-active) #tt-header .tt-logo-light {
        display: none
    }

    body.pspl-light-image-on.pspl-reverse-on:not(.tt-ol-menu-active) #tt-header .tt-logo-dark {
        display: block
    }

    body.pspl-light-image-on.pspl-reverse-on #tt-footer .tt-btn-link > *, body.pspl-light-image-on.pspl-reverse-on #tt-footer .tt-btn-link > *:after {
        color: #000
    }

    body.pspl-light-image-on.pspl-reverse-on #tt-footer .tt-btn-link:hover > *, body.pspl-light-image-on.pspl-reverse-on #tt-footer .tt-btn-link:hover > *:after {
        color: #000
    }
}

.tt-portfolio-slider {
    position: relative;
    width: 100%;
    background-color: var(--tt-main-bg-color)
}

.tt-portfolio-slider .swiper {
    height: 100vh
}

.tt-portfolio-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    background-color: #000
}

.tt-portfolio-slider-item {
    position: relative;
    height: 100%
}

img.tt-psi-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.tt-portfolio-slider-item:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    transition: .5s ease-in-out
}

.swiper-slide-prev .tt-portfolio-slider-item:after, .swiper-slide-next .tt-portfolio-slider-item:after {
    opacity: .7;
    visibility: visible
}

.tt-portfolio-slider-caption {
    position: absolute;
    top: 60%;
    left: 0;
    width: auto;
    max-width: 1000px;
    margin: 0 2% 0 15%;
    color: #fff;
    z-index: 998;
    pointer-events: none;
    transform: translate3d(0, -50%, 0)
}

@media (max-width: 767px) {
    .tt-portfolio-slider-caption {
        margin-left: 10%
    }
}

.tt-portfolio-slider-caption a {
    pointer-events: initial
}

.tt-ps-caption-title {
    margin: 0;
    font-size: clamp(48px, 5vw, 82px);
    font-weight: 700;
    font-weight: 600;
    line-height: 1.2
}

.tt-ps-caption-title a {
    display: inline;
    color: #fff
}

body:not(.tt-magic-cursor) .tt-ps-caption-title a {
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 3px), currentColor 3px);
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor 3px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 3px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

body:not(.tt-magic-cursor) .tt-ps-caption-title a:hover {
    background-size: 100% 96%;
    color: currentColor
}

.tt-ps-caption-category {
    margin: 0 0 24px;
    font-size: calc(13px + 0.2vw);
    font-weight: 500
}

.tt-portfolio-slider-caption.psc-center {
    top: 50%;
    left: 50%;
    width: 90%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    transform: translate(-50%, -50%)
}

.tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
    font-weight: 700;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent
}

@media (max-width: 1200px) {
    .tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
        -webkit-text-stroke-width: 1px
    }
}

@media (max-width: 991px) {
    .tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
        -webkit-text-stroke-width: 1px
    }
}

.tt-portfolio-slider-navigation {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 26px;
    left: 50%;
    width: 340px;
    height: 60px;
    z-index: 1;
    transform: translate3d(-50%, 0, 0)
}

@media (max-width: 767px) {
    .tt-portfolio-slider-navigation {
        width: 90%
    }
}

.tt-ps-nav-prev, .tt-ps-nav-next {
    position: absolute;
    top: 0;
    z-index: 20
}

.tt-ps-nav-prev {
    left: 0
}

.tt-ps-nav-next {
    right: 0
}

.tt-ps-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    outline: none
}

body:not(.tt-magic-cursor) .tt-ps-nav-arrow:hover {
    opacity: .5
}

.tt-ps-nav-arrow.tt-ps-nav-arrow-disabled {
    cursor: auto;
    pointer-events: none
}

.tt-portfolio-slider .swiper-button-lock {
    display: none
}

.tt-portfolio-slider .swiper-pagination-lock {
    display: none
}

.tt-ps-nav-pagination-bullets {
    font-size: 0
}

.tt-ps-nav-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff
}

.tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.tt-ps-nav-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.tt-ps-nav-pagination-fraction {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

.tt-ps-nav-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px
}

.tt-ps-nav-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px
}

.tt-ps-nav-pagination-progressbar {
    position: absolute;
    left: 90px;
    right: 90px;
    width: auto;
    max-width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, .3)
}

.tt-ps-nav-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scale(0);
    transform-origin: left top
}

.tt-portfolio-carousel {
    position: relative
}

.tt-portfolio-carousel .swiper-wrapper {
    position: relative
}

.tt-portfolio-carousel .swiper-wrapper.swtr-smooth {
    transition: transform .8s !important
}

.tt-portfolio-carousel .swiper-slide {
    display: flex;
    align-items: center;
    height: 100vh;
    overflow: visible
}

@media (min-width: 1025px) {
    .tt-portfolio-carousel .swiper-slide {
        width: auto
    }
}

@media (max-width: 1024px) {
    .tt-portfolio-carousel .swiper-slide {
        height: calc(100vh - 60px)
    }
}

.tt-portfolio-carousel-item {
    position: relative;
    display: flex;
    line-height: 0
}

@media (min-width: 1025px) {
    .tt-portfolio-carousel-item {
        margin-left: 7vw;
        margin-right: 7vw
    }
}

.tt-pci-image-wrap {
    position: relative;
    width: 100%;
    z-index: 2;
    overflow: hidden
}

.tt-pci-image, .tt-portfolio-carousel-item .tt-pci-video {
    position: relative
}

video.tt-pci-video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 1025px) {
    .tt-pci-image, .tt-portfolio-carousel-item .tt-pci-video {
        height: 30vw
    }

    .tt-pci-image {
        width: auto
    }

    .tt-portfolio-carousel-item .tt-pci-video {
        width: 48vw
    }
}

@media (max-width: 1024px) {
    .tt-portfolio-carousel-item, .tt-pci-inner {
        width: 100%
    }

    .tt-pci-image, .tt-portfolio-carousel-item .tt-pci-video {
        width: 100%;
        height: 60vw;
        object-fit: cover;
        object-position: 50% 50%
    }
}

@media (min-width: 1025px) {
    .pci-hover .tt-slide-active .tt-portfolio-carousel-item .tt-pci-image-wrap, .pci-hover .tt-slide-active .tt-portfolio-carousel-item .tt-pci-caption-front {
        clip-path: inset(0 0 0 0);
        transition: all .8s cubic-bezier(.07, .72, .29, .96)
    }

    .pci-hover .tt-slide-active .tt-portfolio-carousel-item:hover .tt-pci-image-wrap, .pci-hover .tt-slide-active .tt-portfolio-carousel-item:hover .tt-pci-caption-front {
        clip-path: inset(3% 3% 3% 3%)
    }

    .pci-hover .tt-slide-active-start .tt-portfolio-carousel-item:hover .tt-pci-image-wrap, .pci-hover .tt-slide-active-start .tt-portfolio-carousel-item:hover .tt-pci-caption-front {
        clip-path: inset(0 0 0 0)
    }

    .pci-hover .tt-pci-image {
        transition: all 1s cubic-bezier(.07, .72, .29, .96)
    }

    .pci-hover .tt-portfolio-carousel-item:hover .tt-pci-image {
        transform: scale(1.05)
    }
}

.tt-portfolio-carousel-item {
    transition: all .5s ease-in-out
}

.swiper-slide.tt-pcs-disabled .tt-portfolio-carousel-item {
    cursor: auto;
    pointer-events: none;
    opacity: .3;
    transform: scale(.9)
}

.tt-pci-caption {
    position: absolute;
    bottom: 15%;
    width: 100%
}

.tt-pci-caption-inner {
    position: relative
}

.tt-pci-title {
    margin: 0;
    font-size: calc(16px + 2.8vw);
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: 1.2
}

.tt-pci-categories {
    position: relative;
    margin-bottom: 20px
}

.tt-pci-category {
    position: relative;
    display: inline-block;
    margin-left: 3px;
    font-size: calc(13px + 0.1vw);
    color: #fff;
    line-height: 1.2
}

.tt-pci-category ~ .tt-pci-category {
    margin-left: -4px
}

.tt-pci-category ~ .tt-pci-category:not(:empty):before {
    content: ", "
}

.tt-pci-category ~ .tt-pci-category ~ .tt-pci-category ~ .tt-pci-category {
    visibility: hidden;
    width: 0
}

.tt-pci-category ~ .tt-pci-category ~ .tt-pci-category ~ .tt-pci-category ~ .tt-pci-category {
    display: none
}

.tt-pci-category + .tt-pci-category + .tt-pci-category + .tt-pci-category:before {
    content: "...";
    margin-left: 5px;
    visibility: visible
}

@media (min-width: 1025px) {
    .tt-pci-caption {
        left: 0;
        transform: translate3d(-100px, 0, 0)
    }

    .tt-pci-caption-front {
        position: absolute;
        top: 0;
        left: -1px;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        overflow: hidden
    }

    .tt-pci-caption-back {
        left: -1px;
        z-index: 1
    }

    .tt-pci-caption-back .tt-pci-title {
        color: var(--tt-main-color)
    }
}

@media (max-width: 1024px) {
    .tt-pci-caption {
        left: 5%;
        right: 5%;
        padding-left: 15px;
        padding-right: 15px;
        z-index: 9
    }

    .tt-pci-caption-back {
        display: none
    }

    .tt-pci-categories {
        margin-bottom: 20px
    }
}

.swiper-slide .tt-pci-caption-inner, .swiper-slide .tt-pci-categories {
    opacity: 0;
    visibility: hidden;
    transition: 1s cubic-bezier(.22, .61, .36, 1)
}

.swiper-slide.swiper-slide-prev .tt-pci-caption-inner, .swiper-slide.swiper-slide-next .tt-pci-caption-inner, .swiper-slide.swiper-slide-prev .tt-pci-categories, .swiper-slide.swiper-slide-next .tt-pci-categories {
    transition: all .3s ease-out
}

.swiper-slide.swiper-slide-active .tt-pci-caption-inner, .swiper-slide.swiper-slide-active .tt-pci-categories {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.swiper-slide.swiper-slide-prev .tt-pci-caption-inner {
    transform: translate3d(-100px, 0, 0) scaleX(1.3);
    transform-origin: right
}

.swiper-slide.swiper-slide-next .tt-pci-caption-inner {
    transform: translate3d(100px, 0, 0) scaleX(1.3);
    transform-origin: left
}

.swiper-slide.swiper-slide-prev .tt-pci-categories {
    transform: translate3d(-30px, 0, 0) scaleX(1.1);
    transform-origin: left
}

.swiper-slide.swiper-slide-next .tt-pci-categories {
    transform: translate3d(30px, 0, 0) scaleX(1.1);
    transform-origin: left
}

.swiper-slide.swiper-slide-active .tt-pci-caption-inner {
    transition-delay: .6s
}

.swiper-slide.swiper-slide-active .tt-pci-categories {
    transition-delay: .7s
}

@media (min-width: 1025px) {
    .pci-caption-stroke .tt-pci-caption-back .tt-pci-title {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #fff;
        -webkit-text-fill-color: transparent
    }

    .pci-caption-stroke .tt-pci-title {
        font-weight: 700;
        font-weight: 700
    }

    body.is-firefox .pci-caption-stroke .tt-pci-caption-back .tt-pci-title {
        -webkit-text-stroke-width: 2px
    }
}

@media (min-width: 1025px) {
    .pci-image-is-light .tt-pci-caption-front .tt-pci-title {
        color: #000
    }

    .pci-image-is-light .tt-pci-caption-front .tt-pci-category {
        color: #000
    }

    .pci-image-is-light .tt-pci-image-wrap[class*=cover-opacity-]:before {
        display: none !important
    }
}

.tt-pc-navigation {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 26px;
    left: 50%;
    width: 340px;
    height: 60px;
    z-index: 1;
    transform: translate3d(-50%, 0, 0)
}

@media (max-width: 767px) {
    .tt-pc-navigation {
        width: 90%
    }
}

.tt-pc-nav-prev, .tt-pc-nav-next {
    position: absolute;
    top: 0;
    z-index: 20
}

.tt-pc-nav-prev {
    left: 0
}

.tt-pc-nav-next {
    right: 0
}

.tt-pc-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    outline: none
}

.tt-pc-arrow.tt-pc-arrow-disabled {
    cursor: auto;
    pointer-events: none
}

.tt-portfolio-carousel .swiper-button-lock {
    display: none
}

.tt-portfolio-carousel .swiper-pagination-lock {
    display: none
}

.tt-pc-pagination-bullets {
    font-size: 0
}

.tt-pc-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff
}

.tt-pc-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color) !important;
    border-color: var(--tt-main-color) !important;
    opacity: 1
}

.tt-pc-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.tt-pc-pagination-fraction {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1
}

.tt-pc-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px
}

.tt-pc-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px
}

.tt-pc-pagination-progressbar {
    position: absolute;
    left: 90px;
    right: 90px;
    width: auto;
    max-width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, .3)
}

.tt-pc-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scale(0);
    transform-origin: left top
}

.tt-portfolio-hover-carousel {
    position: relative
}

.tt-portfolio-hover-carousel .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: 100vh;
    padding: 0 5%
}

@media (max-width: 768px) {
    .tt-portfolio-hover-carousel .swiper-slide {
        padding: 0 50px
    }
}

body.tt-transition .tt-portfolio-hover-carousel:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

body.tt-transition .tt-portfolio-hover-carousel.tt-phc-ready:before {
    display: none
}

.tt-phc-item {
    position: relative;
    display: block;
    pointer-events: none
}

.tt-portfolio-hover-carousel .swiper-slide.active .tt-phc-item {
    pointer-events: initial
}

.tt-phc-item:before {
    position: absolute;
    content: attr(data-number);
    top: 0;
    left: -30px;
    width: 20px;
    font-size: calc(12px + 0.2vw);
    font-weight: 300;
    line-height: 10px;
    color: #fff;
    opacity: .5;
    transition: opacity .3s ease-in-out
}

@media (max-width: 768px) {
    .tt-phc-item:before {
        position: absolute;
        content: attr(data-number);
        top: 0;
        left: -30px;
        width: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 10px;
        opacity: .5;
        transition: opacity .3s ease-in-out
    }
}

.tt-portfolio-hover-carousel .swiper-slide.active .tt-phc-item:before {
    opacity: 1
}

.tt-phc-item-title {
    margin: 0;
    font-size: calc(28px + 2.3vw);
    font-weight: 700;
    line-height: 1.2;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    opacity: .8;
    transition: color .3s ease-in-out
}

.tt-portfolio-hover-carousel .swiper-slide.active .tt-phc-item-title {
    color: #fff;
    opacity: 1
}

.tt-phc-categories {
    position: relative;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, -5px, 0);
    transition: all .3s ease-in-out
}

.tt-portfolio-hover-carousel .swiper-slide.active .tt-phc-categories {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.tt-phc-category {
    position: relative;
    display: inline-block;
    margin-left: 3px;
    font-size: calc(13px + 0.1vw);
    color: #fff;
    line-height: 1.2
}

.tt-phc-category ~ .tt-phc-category {
    margin-left: -4px
}

.tt-phc-category ~ .tt-phc-category:not(:empty):before {
    content: ", "
}

.tt-phc-category ~ .tt-phc-category ~ .tt-phc-category ~ .tt-phc-category {
    visibility: hidden;
    width: 0
}

.tt-phc-category ~ .tt-phc-category ~ .tt-phc-category ~ .tt-phc-category ~ .tt-phc-category {
    display: none
}

.tt-phc-category + .tt-phc-category + .tt-phc-category + .tt-phc-category:before {
    content: "...";
    margin-left: 5px;
    visibility: visible
}

.tt-portfolio-hover-carousel-images {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden
}

.phc-images-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #121212
}

.phc-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.03);
    transition: all .4s ease-in-out
}

.phc-image.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.phc-image img, .phc-image video.phc-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.tt-phc-counter {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 38px;
    left: 50%;
    height: 40px;
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    z-index: 1;
    transform: translate3d(-50%, 0, 0)
}

.tt-phc-count {
    position: relative;
    height: 40px;
    line-height: 40px
}

.tt-phc-count span:first-child {
    opacity: 1
}

.tt-phc-count span {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0
}

.tt-phc-counter-separator {
    position: relative;
    margin: 0 5px
}

.tt-phc-counter-separator:before {
    display: block;
    content: "";
    width: 17px;
    height: 1px;
    background-color: #fff;
    opacity: .7;
    transform: rotate(-70deg)
}

.tt-phc-total {
    height: 40px;
    line-height: 40px
}

.phc-image.phc-image-is-light[class*=cover-opacity-]:before {
    opacity: 0 !important
}

body.tt-light-bg-on .tt-phc-item-title {
    -webkit-text-stroke: 1px #000
}

body.tt-light-bg-on .tt-portfolio-hover-carousel .swiper-slide.active .tt-phc-item-title {
    color: #000;
    -webkit-text-stroke: 1px #000
}

body.tt-light-bg-on .tt-phc-category, body.tt-light-bg-on .tt-phc-item:before, body.tt-light-bg-on .tt-phc-counter {
    color: #000
}

body.tt-light-bg-on .tt-phc-counter-separator:before {
    background-color: #000
}

body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball {
    border-color: #000
}

body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball .ball-drag, body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball .ball-drag:before, body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball .ball-drag:after {
    color: #000
}

.tt-gallery {
    position: relative
}

.tt-gallery-item {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.tt-gallery-image {
    position: relative
}

.tt-gallery-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-wrap, .tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-inner, .tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .tt-gallery-image-hover-zoom, .tt-grid[class*=ttgr-layout-creative-].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom, .tt-grid[class*=ttgr-layout-1-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap, .tt-grid[class*=ttgr-layout-1-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner, .tt-grid[class*=ttgr-layout-1-].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom, .tt-grid[class*=ttgr-layout-2-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap, .tt-grid[class*=ttgr-layout-2-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner, .tt-grid[class*=ttgr-layout-2-].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom, .tt-grid[class*=ttgr-layout-3-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap, .tt-grid[class*=ttgr-layout-3-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner, .tt-grid[class*=ttgr-layout-3-].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom, .tt-grid[class*=ttgr-layout-4-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap, .tt-grid[class*=ttgr-layout-4-].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner, .tt-grid[class*=ttgr-layout-4-].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom, .tt-grid .tt-gallery-video-wrap .anim-image-parallax-wrap, .tt-grid .tt-gallery-video-wrap .anim-image-parallax-inner, .tt-grid .tt-gallery-video-wrap .tt-gallery-image-hover-zoom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.tt-gallery-video-wrap {
    position: relative
}

.tt-gallery-video-wrap:before {
    position: absolute;
    bottom: 5%;
    right: 5%;
    font-size: 19px;
    color: #fff;
    z-index: 2;
    opacity: .3;
    content: "\f03d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.tt-gallery-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

@media (min-width: 768px) {
    .tt-gallery.ttga-hover [class*=ttgr-gap-]:not(.ttgr-gap-1) .tt-gallery-item-inner {
        clip-path: inset(0 0 0 0);
        overflow: hidden;
        transition: clip-path .8s cubic-bezier(.07, .72, .29, .96)
    }

    .tt-gallery.ttga-hover [class*=ttgr-gap-]:not(.ttgr-gap-1) .tt-gallery-item:hover .tt-gallery-item-inner {
        clip-path: inset(3% 3% 3% 3%)
    }

    .tt-gallery.ttga-hover .tt-gallery-image-hover-zoom {
        transition: all 1s cubic-bezier(.165, .84, .44, 1)
    }

    .tt-gallery.ttga-hover .tt-gallery-item:hover .tt-gallery-image-hover-zoom {
        transform: scale(1.05)
    }
}

.lg-sub-html {
    font-size: 14px
}

@media (max-width: 992px) {
    .lg-sub-html {
        padding: 10px 10px 40px;
        font-size: 14px
    }
}

.lg-sub-html p {
    display: inline-block;
    max-width: 1000px;
    font-size: 16px
}

.lg-outer .lg-thumb {
    margin-left: auto;
    margin-right: auto
}

.lg-outer .lg-thumb-item {
    position: relative;
    border: none;
    border-radius: 0;
    opacity: .4;
    transition: all .3s ease
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    opacity: 1
}

.lg-outer .lg-thumb-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.lg-progress-bar {
    background-color: #333;
    height: 3px
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 3px
}

@media (max-width: 768px) {
    .lg-actions .lg-next, .lg-actions .lg-prev {
        display: none
    }
}

.project-info-list {
    position: relative;
    z-index: 9
}

.project-info-list > ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.project-info-list > ul > li {
    position: relative;
    display: inline-block;
    max-width: 320px;
    vertical-align: top;
    padding: 0 30px 0 0;
    margin: 15px 25px 15px 0
}

.project-info-list > ul > li:last-child {
    padding-right: 0;
    margin-right: 0
}

.project-info-list > ul > li:after {
    position: absolute;
    display: block;
    content: "";
    top: 24px;
    right: 0;
    width: 1px;
    height: 60px;
    margin-top: -18px;
    background-color: rgb(255 255 255/40%)
}

.project-info-list > ul > li:last-child:after {
    display: none
}

.text-center .project-info-list > ul > li, .project-info-list.text-center > ul > li {
    padding: 0 40px 0 30px;
    margin: 15px 0
}

.project-info-list .pi-list-heading {
    margin-bottom: 5px;
    font-size: calc(17px + 0.1vw);
    font-weight: 400;
    opacity: .7
}

.project-info-list .pi-list-cont {
    font-size: calc(17px + 0.1vw)
}

.project-info-list .pi-list-cont a {
    word-wrap: break-word;
    color: #fff;
    font-size: calc(17px + 0.1vw)
}

.project-info-list .pi-list-cont a:hover {
    opacity: .8
}

.project-info-list .social-buttons {
    display: inline-block;
    margin-top: -5px;
    margin-left: -10px
}

.project-info-list .social-buttons > ul > li {
    margin-right: 15px
}

.project-info-list .social-buttons > ul > li a {
    width: 45px;
    height: 45px;
    font-size: 15px
}

.project-info-list .pi-list-icon {
    position: relative;
    display: inline-block;
    bottom: 2px;
    margin-left: 10px;
    font-size: 13px;
    transform: rotate(-45deg)
}

.tt-page-nav {
    position: relative
}

@media (max-width: 1024px) {
    .tt-page-nav {
        text-align: center
    }
}

@media (max-width: 1400px) {
    body.tt-boxed .tt-wrap .tt-page-nav {
        padding-left: 8%;
        padding-right: 8%
    }
}

.tt-pn-link {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    text-decoration: none;
    overflow: hidden
}

.tt-pn-title, .tt-pn-hover-title {
    display: block;
    left: 0;
    font-size: clamp(48px, 7vw, 128px);
    font-weight: 700;
    font-weight: 600;
    line-height: 1.4;
    transition: transform .5s cubic-bezier(.51, .57, .17, 1)
}

.tt-pn-title {
    position: relative;
    color: #666;
    transform: translate3d(0, 0, 0)
}

@media (min-width: 1025px) {
    .tt-pn-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.tt-pn-hover-title {
    position: absolute;
    max-width: 100%;
    color: #fff;
    white-space: nowrap;
    transform: translate3d(0, 100%, 0);
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1024px) {
    .tt-pn-hover-title {
        display: none
    }
}

@media (min-width: 1025px) {
    .tt-pn-link:hover .tt-pn-title {
        transform: translate3d(0, -100%, 0);
        transition-delay: .1s
    }

    .tt-pn-link:hover .tt-pn-hover-title {
        transform: translate3d(0, 0, 0);
        transition-delay: .1s
    }
}

.tt-pn-subtitle {
    margin-top: 5px;
    font-size: calc(19px + 0.1vw);
    color: #fff
}

@media (min-width: 1025px) {
    .tt-page-nav.tt-pn-stroke .tt-pn-title {
        font-weight: 700;
        font-weight: 700;
        opacity: .8;
        -webkit-text-stroke-width: 3px;
        -webkit-text-stroke-color: #fff;
        -webkit-text-fill-color: transparent
    }

    body.is-firefox .tt-page-nav.tt-pn-stroke .tt-pn-title {
        -webkit-text-stroke-width: 3px
    }
}

.tt-page-nav.tt-pn-center {
    text-align: center
}

.tt-page-nav.tt-pn-center .tt-pn-hover-title {
    left: 50%;
    transform: translate3d(-50%, 100%, 0)
}

@media (min-width: 1025px) {
    .tt-page-nav.tt-pn-center .tt-pn-link:hover .tt-pn-hover-title {
        transform: translate3d(-50%, 0, 0)
    }
}

.tt-next-project {
    position: relative;
    display: flex;
    align-items: center;
    height: 80vh;
    overflow: hidden;
    background-color: #141414
}

@media (max-width: 1024px) {
    .tt-next-project {
        height: 50vh
    }

    body:not(.tt-np-image-on) .tt-next-project {
        height: auto
    }
}

@media (min-width: 1025px) {
    body.tt-np-image-on .tt-next-project {
        height: 100vh
    }
}

.tt-np-image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform-origin: 50% 100%
}

.tt-np-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.tt-next-project[class*=np-image-cover-] .tt-np-image:before {
    position: absolute;
    display: block;
    content: "";
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-color: #040404;
    z-index: 1;
    opacity: 0
}

.tt-next-project.np-image-cover-0 .tt-np-image:before {
    opacity: 0
}

.tt-next-project.np-image-cover-0-5 .tt-np-image:before {
    opacity: .05
}

.tt-next-project.np-image-cover-1 .tt-np-image:before {
    opacity: .1
}

.tt-next-project.np-image-cover-1-5 .tt-np-image:before {
    opacity: .15
}

.tt-next-project.np-image-cover-2 .tt-np-image:before {
    opacity: .2
}

.tt-next-project.np-image-cover-2-5 .tt-np-image:before {
    opacity: .25
}

.tt-next-project.np-image-cover-3 .tt-np-image:before {
    opacity: .3
}

.tt-next-project.np-image-cover-3-5 .tt-np-image:before {
    opacity: .35
}

.tt-next-project.np-image-cover-4 .tt-np-image:before {
    opacity: .4
}

.tt-next-project.np-image-cover-4-5 .tt-np-image:before {
    opacity: .45
}

.tt-next-project.np-image-cover-5 .tt-np-image:before {
    opacity: .5
}

.tt-next-project.np-image-cover-5-5 .tt-np-image:before {
    opacity: .55
}

.tt-next-project.np-image-cover-6 .tt-np-image:before {
    opacity: .6
}

.tt-next-project.np-image-cover-6-5 .tt-np-image:before {
    opacity: .65
}

.tt-next-project.np-image-cover-7 .tt-np-image:before {
    opacity: .7
}

.tt-next-project.np-image-cover-7-5 .tt-np-image:before {
    opacity: .75
}

.tt-next-project.np-image-cover-8 .tt-np-image:before {
    opacity: .8
}

.tt-next-project.np-image-cover-8-5 .tt-np-image:before {
    opacity: .85
}

.tt-next-project.np-image-cover-9 .tt-np-image:before {
    opacity: .9
}

.tt-next-project.np-image-cover-9-5 .tt-np-image:before {
    opacity: .95
}

.tt-np-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transform: scale(1.2)
}

.tt-np-caption {
    position: relative;
    width: 100%;
    padding: 40px 17% 120px;
    z-index: 3
}

@media (min-width: 1025px) {
    body.tt-np-image-on .tt-np-caption {
        padding: 10% 17% 40px
    }
}

@media (max-width: 1024px) {
    .tt-np-caption {
        padding: 140px 10% 40px
    }

    body:not(.tt-np-image-on) .tt-np-caption {
        padding: 15% 10%
    }
}

.tt-np-subtitle {
    margin-bottom: 20px;
    font-size: calc(15px + 0.1vw);
    color: #fff
}

.tt-np-title {
    margin: 0;
    padding-right: 2%;
    font-size: clamp(38px, 5vw, 82px);
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: 1.2
}

.tt-np-title a {
    color: #fff
}

.tt-np-ghost {
    display: none
}

body:not(.tt-np-image-on) .tt-np-ghost {
    position: absolute;
    display: block;
    bottom: 50%;
    left: 10%;
    font-size: 24vw;
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: .7;
    opacity: .07;
    z-index: 1;
    transform: translate3d(0, 50%, 0)
}

@media (max-width: 1024px) {
    body:not(.tt-np-image-on) .tt-np-ghost {
        font-size: 32vw
    }
}

.tt-next-project.tt-np-stroke .tt-np-title {
    font-weight: 700;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent
}

@media (max-width: 1024px) {
    .tt-next-project.tt-np-stroke .tt-np-title {
        -webkit-text-stroke-width: 1px
    }
}

.tt-logo-wall {
    margin: 0;
    padding: 0;
    margin-left: 2px;
    overflow: hidden
}

.tt-logo-wall:after {
    content: "";
    clear: both;
    display: table
}

.tt-logo-wall > li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 20%;
    margin-left: -2px;
    margin-bottom: -2px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #2e2e2e
}

.tt-logo-wall > li:before {
    display: block;
    content: "";
    padding-bottom: 100%
}

.tt-logo-wall > li > a {
    display: flex
}

.tt-logo-wall > li img {
    opacity: .7;
    transform: scale(1);
    transition: transform .3s, opacity .3s
}

.tt-logo-wall > li:hover img {
    opacity: 1;
    transform: scale(1.1)
}

.tt-logo-wall .lv-client-light {
    display: block
}

.tt-logo-wall .lv-client-dark {
    display: none
}

.tt-logo-wall.cl-col-4 > li {
    width: 25%
}

.tt-logo-wall.cl-col-3 > li {
    width: 33.33333%
}

.tt-logo-wall.cl-col-2 > li {
    width: 50%
}

@media (max-width: 767px) {
    .tt-logo-wall > li {
        width: 50% !important
    }
}

.tt-image {
    overflow: hidden
}

@media (min-width: 1025px) {
    .tt-image.tti-fixed-height img {
        width: 100%;
        height: 80vh;
        object-fit: cover;
        object-position: 50% 50%
    }
}

.tt-content-carousel {
    position: relative
}

.tt-content-carousel-item {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0
}

@media (min-width: 1025px) {
    .tt-content-carousel .swiper-slide {
        height: 100%;
        width: auto
    }

    .tt-content-carousel-item {
        margin-left: 3vw;
        margin-right: 3vw
    }

    .tt-content-carousel .tt-cc-image, .tt-content-carousel .swiper-slide .tt-cc-video {
        position: relative;
        width: 100%;
        height: 28vw;
        width: auto
    }
}

@media (max-width: 1024px) {
    .tt-content-carousel-item {
        margin-left: 2vw;
        margin-right: 2vw
    }

    .tt-content-carousel .tt-cc-image, .tt-content-carousel .swiper-slide .tt-cc-video {
        position: relative;
        width: 100%;
        height: 60vw;
        object-fit: cover;
        object-position: 50% 50%
    }
}

.tt-cc-nav-prev, .tt-cc-nav-next {
    position: absolute;
    top: 50%;
    z-index: 20;
    transform: translateY(-50%)
}

.tt-cc-nav-prev {
    left: 2%
}

.tt-cc-nav-next {
    right: 2%
}

.tt-cc-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 21px;
    color: #fff;
    cursor: pointer;
    outline: none
}

.tt-cc-nav-arrow:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: all .2s ease-in-out
}

.tt-cc-nav-prev .tt-cc-nav-arrow:after {
    content: "\f060"
}

.tt-cc-nav-next .tt-cc-nav-arrow:after {
    content: "\f061"
}

.tt-cc-nav-arrow-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.tt-content-carousel.cc-hide-navigation .tt-cc-nav-prev, .tt-content-carousel.cc-hide-navigation .tt-cc-nav-next {
    display: none !important
}

.tt-cc-pagination {
    position: absolute;
    bottom: 5%;
    left: 50%;
    z-index: 1;
    transform: translate3d(-50%, 0, 0)
}

.tt-cc-pagination-bullets {
    font-size: 0
}

.tt-cc-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff
}

.tt-cc-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color);
    border-color: var(--tt-main-color);
    opacity: 1
}

.tt-cc-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.tt-cc-pagination-fraction {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px
}

.tt-cc-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px
}

.tt-cc-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px
}

.tt-cc-pagination-progressbar {
    width: 100%;
    max-width: 200px;
    height: 2px;
    background-color: rgba(255, 255, 255, .3)
}

@media (max-width: 768px) {
    .tt-cc-pagination-progressbar {
        max-width: 90%
    }
}

.tt-cc-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scale(0);
    transform-origin: left top
}

.tt-content-carousel.cc-pagination-outside:not(.cc-hide-pagination) {
    overflow: visible;
    margin-bottom: 65px
}

.tt-content-carousel.cc-pagination-outside:not(.cc-hide-pagination) .tt-cc-pagination {
    bottom: -65px
}

@media (max-width: 1024px) {
    .tt-content-carousel.cc-pagination-outside {
        overflow: visible;
        margin-bottom: 65px
    }

    .tt-content-carousel.cc-pagination-outside .tt-cc-pagination {
        bottom: -65px
    }
}

@media (min-width: 1025px) {
    .tt-content-carousel.cc-hide-pagination .tt-cc-pagination {
        display: none !important
    }
}

@media (min-width: 1025px) {
    .tt-content-carousel.cc-shifted .swiper-slide:nth-child(2n) {
        padding-top: 7%
    }
}

.tt-testimonials-slider {
    position: relative;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px
}

.tt-testimonials-slider-item {
    position: relative;
    display: block;
    margin: 0 auto;
    opacity: .1;
    transition: opacity .3s
}

.tt-testimonials-slider .swiper-slide-active .tt-testimonials-slider-item {
    opacity: 1
}

.tt-testimonials-slider .tt-ts-text {
    font-size: calc(19px + 0.3vw);
    line-height: 1.6;
    font-style: italic
}

.tt-testimonials-slider .tt-ts-subtext {
    margin-top: 30px;
    font-size: 19px;
    color: #999
}

@media (min-width: 1025px) {
    .tt-testimonials-slider .swiper-slide {
        max-width: 800px;
        margin-left: 3vw;
        margin-right: 3vw
    }
}

@media (max-width: 1024px) {
    .tt-testimonials-slider .swiper-slide {
        width: 100% !important;
        margin-left: 3vw;
        margin-right: 3vw
    }

    .tt-testimonials-slider-item {
        padding: 20px
    }
}

.tt-ts-nav-prev, .tt-ts-nav-next {
    position: absolute;
    top: 40%;
    z-index: 20;
    transform: translateY(-50%)
}

@media (max-width: 1024px) {
    .tt-ts-nav-prev, .tt-ts-nav-next {
        display: none
    }
}

.tt-ts-nav-prev {
    left: -12%
}

.tt-ts-nav-next {
    right: -12%
}

.tt-ts-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 21px;
    color: #fff;
    cursor: pointer;
    outline: none
}

.tt-ts-nav-arrow-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.tt-testimonials-slider.ts-hide-navigation .tt-ts-nav-prev, .tt-testimonials-slider.ts-hide-navigation .tt-ts-nav-next {
    display: none !important
}

.tt-ts-pagination {
    position: absolute;
    left: 50%;
    bottom: -80px;
    z-index: 1;
    transform: translate3d(-50%, 0, 0)
}

@media (max-width: 1024px) {
    .tt-ts-pagination {
        bottom: -50px
    }
}

@media (min-width: 1025px) {
    .tt-testimonials-slider.ts-hide-pagination {
        margin-bottom: 0
    }

    .tt-testimonials-slider.ts-hide-pagination .tt-ts-pagination {
        display: none !important
    }
}

.tt-ts-pagination-bullets {
    font-size: 0
}

.tt-ts-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff
}

.tt-ts-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color);
    border-color: var(--tt-main-color);
    opacity: 1
}

.tt-ts-pagination-bullets-dynamic {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.tt-testimonials-slider.ts-full-width {
    max-width: 100%
}

.tt-testimonials-slider.ts-full-width .tt-ts-pagination {
    margin-top: 3%
}

.tt-testimonials-slider.ts-full-width .tt-ts-nav-prev {
    left: 2%
}

.tt-testimonials-slider.ts-full-width .tt-ts-nav-next {
    right: 2%
}

button {
    background-color: transparent;
    cursor: pointer;
    border: none
}

.tt-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background-color: transparent;
    padding: 0 28px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    cursor: pointer;
    border: none;
    border-radius: 100px;
    z-index: 9;
    text-transform: uppercase;
    letter-spacing: .02em;
    width: max-content
}

.tt-btn:last-child {
    margin-right: 0
}

.tt-btn > * {
    position: relative;
    color: #fff;
    transition: transform .3s
}

.tt-btn > *, .tt-btn > *:after {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1
}

.tt-btn > *:after {
    position: absolute;
    content: attr(data-hover);
    top: 100%;
    width: 100%;
    left: 0;
    padding-left: 0;
    padding-right: 0
}

.tt-btn:hover > *:not(.tt-btn-icon) {
    transform: translate3d(0, -100%, 0)
}

.tt-btn-icon {
    display: inline-flex
}

.tt-btn-icon:first-child {
    margin-right: 10px
}

.tt-btn-icon:last-child {
    margin-left: 10px
}

.tt-btn-full {
    display: flex;
    width: 100%;
    text-align: center
}

.tt-btn-round {
    width: 110px;
    height: 110px
}

@media (max-width: 1024px) {
    .tt-btn-round {
        width: 100px;
        height: 100px
    }
}

.tt-btn-round > * {
    max-width: 75%;
    padding: 0;
    line-height: 1.4
}

.tt-btn-round > *:after {
    width: 100;
    line-height: 1.4
}

.tt-btn-primary {
    background-color: var(--tt-primary-color)
}

.tt-btn-primary > *, .tt-btn-primary > *:after {
    color: #fff
}

.tt-btn-primary:hover > * {
    color: #fff
}

.tt-btn-primary-outline {
    box-shadow: inset 0 0 0 2px var(--tt-main-color)
}

.tt-btn-primary-outline > *, .tt-btn-primary-outline > *:after {
    color: var(--tt-main-color)
}

.tt-btn-primary-outline:hover > * {
    color: var(--tt-main-color)
}

.tt-btn-light {
    background-color: #fff
}

.tt-btn-light > *, .tt-btn-light > *:after {
    color: #000
}

.tt-btn-light:hover > * {
    color: #000
}

.tt-btn-light-outline {
    box-shadow: inset 0 0 0 1px #fff
}

.tt-btn-light-outline > *, .tt-btn-light-outline > *:after {
    color: #fff
}

.tt-btn-light-outline:hover > * {
    color: #fff
}

.tt-btn-dark {
    background-color: #292929
}

.tt-btn-dark > *, .tt-btn-dark > *:after {
    color: #fff
}

.tt-btn-dark:hover > * {
    color: #fff
}

.tt-btn-dark-outline {
    box-shadow: inset 0 0 0 2px #222
}

.tt-btn-dark-outline > *, .tt-btn-dark-outline > *:after {
    color: #222
}

.tt-btn-dark-outline:hover > * {
    color: #222
}

.tt-btn-link {
    padding: 0;
    align-items: center;
    font-weight: 400;
    border-radius: 0;
    color: #1400ff
}

.tt-btn-link > div {
    color: inherit !important
}

.tt-btn-link > *, .tt-btn-link > *:after {
    padding: 0;
    line-height: 1.6;
    color: #fff
}

.tt-btn-link:hover > *, .tt-btn-link:hover > *:after {
    color: #fff
}

.tt-btn-line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    margin-top: 2px
}

body:not(.is-mobile) .tt-btn:hover .tt-btn-line {
    animation: swipe-line .8s cubic-bezier(.475, .425, 0, .995) forwards
}

@keyframes swipe-line {
    0% {
        transform-origin: right;
        transform: scale(1)
    }
    33% {
        transform-origin: right;
        transform: scaleX(0)
    }
    66% {
        transform-origin: left;
        transform: scaleX(0)
    }
    to {
        transform-origin: left;
        transform: scale(1)
    }
}

.tt-btn.tt-btn-disabled {
    opacity: .4;
    cursor: not-allowed
}

.tt-scrolling-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 300px;
    line-height: 0;
    z-index: 9
}

@media (max-width: 991px) {
    .tt-scrolling-btn {
        transform: scale(.8)
    }
}

@media (max-width: 380px) {
    .tt-scrolling-btn {
        transform: scale(.7)
    }
}

.scr-btn-icon {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    font-size: 18px;
    color: #999;
    transform: translate(-50%, -50%);
    transition: color .2s
}

.tt-scrolling-btn:hover .scr-btn-icon {
    color: #fff
}

.tt-scrolling-btn svg {
    width: 100%
}

.scr-btn-text {
    font-size: 41px;
    font-weight: 700;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 13px;
    fill: #bbb;
    transition: fill .2s
}

.tt-scrolling-btn:hover .scr-btn-text {
    fill: #fff
}

.social-buttons ul {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.social-buttons ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin: 0 2px
}

@media (max-width: 991px) {
    .social-buttons ul > li {
        margin: 0
    }
}

.social-buttons ul > li:first-child {
    margin-left: 0
}

.social-buttons ul > li:last-child {
    margin-right: 0
}

.social-buttons > ul > li a {
    display: block;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 15px;
    font-weight: 600;
    color: #eaeaea;
    transition: opacity .2s
}

body:not(.tt-magic-cursor) .social-buttons > ul:hover > li a {
    opacity: .5
}

body:not(.tt-magic-cursor) .social-buttons > ul > li a:hover {
    opacity: 1
}

[class*=tt-arrow] {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 2px;
    box-shadow: inset 0 0 0 40px;
    margin: 10px;
    color: #fff
}

[class*=tt-arrow]:before, [class*=tt-arrow]:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 12px;
    height: 2px;
    box-shadow: inset 0 0 0 40px
}

[class*=tt-arrow]:before {
    top: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left
}

[class*=tt-arrow]:after {
    bottom: 0;
    transform: rotate(45deg);
    transform-origin: top left
}

.tt-arrow-right {
    transform: rotate(180deg)
}

.tt-arrow-up {
    transform: rotate(90deg)
}

.tt-arrow-down {
    transform: rotate(270deg)
}

.tt-arrow-left-up {
    transform: rotate(45deg)
}

.tt-arrow-left-down {
    transform: rotate(320deg)
}

.tt-arrow-right-up {
    transform: rotate(135deg)
}

.tt-arrow-right-down {
    transform: rotate(225deg)
}

.tt-accordion {
    position: relative
}

.tt-accordion-item {
    position: relative;
    padding: 0;
    border-top: 1px solid #ffffff29
}

.tt-accordion-heading {
    position: relative;
    cursor: pointer
}

.tt-ac-head {
    padding: 20px 13% 20px 0
}

.tt-accordion-item:first-child .tt-ac-head {
    padding-top: 0
}

.tt-ac-head-title {
    margin: 0;
    padding-right: 13%;
    line-height: 1.2;
    transition: color .3s;
    font-weight: 600;
    font-size: 18px
}

.tt-accordion-item:not(.active) .tt-accordion-heading:hover .tt-ac-head-title, .tt-accordion-item.active .tt-ac-head-title {
    color: #fff
}

@media (max-width: 991px) {
    .tt-ac-head-title {
        font-size: 16px
    }
}

.tt-accordion-subtext {
    margin-top: 8px;
    font-size: var(--font-body-m);
    font-weight: 400;
    margin-bottom: 8px
}

.tt-accordion-caret-wrap {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0)
}

.tt-accordion-caret-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    outline: none
}

.tt-accordion-caret {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 3px;
    margin: 9px;
    color: #fff;
    transform: rotate(270deg);
    transition: all .3s
}

.tt-accordion-caret:before, .tt-accordion-caret:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 11px;
    height: 3px;
    box-shadow: inset 0 0 0 40px
}

.tt-accordion-caret:before {
    top: 1px;
    transform: rotate(-45deg);
    transform-origin: bottom left
}

.tt-accordion-caret:after {
    bottom: 0;
    transform: rotate(45deg);
    transform-origin: top left
}

.tt-accordion-item:not(.active) .tt-accordion-heading:hover .tt-accordion-caret {
    color: #fff
}

.tt-accordion-item.active .tt-accordion-caret {
    transform: rotate(90deg)
}

.tt-accordion-item.active .tt-accordion-heading:hover .tt-accordion-caret {
    color: #fff
}

@media (max-width: 991px) {
    .tt-accordion-caret {
        width: 10px;
        height: 20px;
        display: flex
    }

    .tt-accordion-caret:before, .tt-accordion-caret:after {
        height: 2px;
        top: 10px
    }

    .tt-accordion-caret-wrap {
        right: -15px
    }
}

.tt-accordion-content {
    padding-bottom: 20px;
    color: #e0e0e0;
    font-size: var(--font-body-m)
}

.with-preview .tt-accordion-content {
    margin-left: 347px
}

.tt-accordion-content:not(.is-open) {
    display: none
}

.tt-accordion .with-preview .tt-accordion-heading .col-left {
    display: grid;
    grid-template-columns:283px auto;
    gap: 64px
}

.tt-accordion.tt-ac-borders .tt-accordion-heading .col-left .ttgr-height {
    height: 206px
}

.tt-accordion.tt-ac-borders .tt-accordion-heading .col-left .anim-image-parallax-wrap {
    border-radius: 16px
}

.tt-ac-head p {
    font-size: var(--font-body-m)
}

.tt-accordion-content p:last-child {
    margin-bottom: 0
}

.tt-accordion.tt-ac-borders .tt-accordion-heading {
    display: flex;
    gap: 80px;
    width: 100%
}

.tt-accordion.tt-ac-borders .tt-ac-head {
    padding: 24px 0 24px;
    width: 91%
}

@media (max-width: 991px) {
    .tt-accordion.tt-ac-borders .tt-ac-head {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.tt-accordion.tt-ac-borders .tt-accordion-item:last-child {
    border-bottom: 1px solid #ffffff29
}

.tt-accordion.tt-ac-sm .tt-ac-head-title {
    font-size: calc(24px + 0.1vw)
}

@media (min-width: 992px) {
    .tt-accordion.tt-ac-lg .tt-ac-head-title {
        font-size: calc(24px + 1vw)
    }

    .tt-accordion.tt-ac-xlg .tt-ac-head-title {
        font-size: calc(24px + 1.5vw)
    }

    .tt-accordion.tt-ac-xxlg .tt-ac-head-title {
        font-size: calc(24px + 2vw)
    }
}

blockquote {
    position: relative;
    margin: 50px 5%;
    padding-left: 40px;
    font-size: 24px;
    font-style: italic;
    border-left: 4px solid #3e3e3e
}

@media (max-width: 768px) {
    blockquote {
        margin-left: 0;
        margin-right: 0
    }
}

blockquote.open-quote {
    border: none
}

blockquote.open-quote:before {
    position: absolute;
    content: open-quote;
    top: -5px;
    left: 0;
    font-size: 84px;
    font-weight: 300;
    font-style: normal;
    color: #d2d2d2;
    line-height: 1
}

blockquote footer {
    display: block;
    margin-top: 20px;
    font-size: 80%;
    color: #999
}

blockquote footer:before {
    display: inline-block;
    content: "";
    width: 40px;
    height: 2px;
    background-color: #7d7d7d;
    margin: 0 10px 5px 0
}

figure {
    position: relative;
    margin: 0
}

figure img {
    width: 100%;
    height: auto
}

figcaption {
    position: relative;
    max-width: 600px;
    padding: 15px;
    font-size: 14px;
    font-style: italic;
    color: #fff;
    z-index: 9;
    opacity: .8
}

@media (min-width: 1025px) {
    figcaption {
        position: absolute;
        right: 5%;
        bottom: 5%;
        background-color: rgba(0, 0, 0, .7)
    }
}

figcaption a {
    border-bottom: 1px dotted
}

figcaption a:hover {
    opacity: .9
}

.tt-form-control {
    display: block;
    width: 100%;
    background-color: transparent;
    padding: 5px 15px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    border: 1px solid rgb(136 136 136/65%);
    border-radius: 3px
}

.tt-form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: rgb(204 204 204/85%);
    outline: none;
    box-shadow: none
}

.tt-form-control + .tt-form-control {
    margin-top: 20px
}

.tt-form-control:disabled, .tt-form-control[readonly] {
    background-color: rgb(176 176 176/6%);
    opacity: .4;
    cursor: not-allowed
}

.tt-form-control:not(textarea):not([size]) {
    height: 56px
}

.tt-form-text {
    display: block;
    margin-top: 5px;
    font-style: italic;
    color: #999
}

label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 700;
    font-weight: 500
}

::-webkit-input-placeholder {
    color: #999 !important
}

:-moz-placeholder {
    color: #999 !important
}

::-moz-placeholder {
    color: #999 !important
}

:-ms-input-placeholder {
    color: #999 !important
}

.tt-form-group {
    margin-bottom: 30px
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    cursor: pointer
}

textarea, textarea.tt-form-control {
    padding: 15px
}

select {
    cursor: pointer
}

select option {
    background-color: #131212;
    color: #fff
}

select option[value=""][disabled] {
    display: none
}

select[multiple] option {
    background-color: transparent;
    color: #fff
}

select option[disabled], select[multiple] option[disabled] {
    color: #999
}

select:required:invalid {
    color: #999
}

input[type=range] {
    width: 100%
}

.tt-form-check, .tt-form-radio {
    position: relative;
    display: block;
    margin: 0 0 8px 5px
}

.tt-form-check input, .tt-form-radio input {
    position: absolute;
    top: 50%;
    opacity: 0;
    cursor: pointer;
    transform: translate3d(0, -50%, 0)
}

.tt-form-check label, .tt-form-radio label {
    position: relative;
    margin-bottom: 0;
    padding-left: 30px;
    vertical-align: top;
    font-size: 17px;
    cursor: pointer
}

.tt-form-check label:before, .tt-form-radio label:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #4e4e4e;
    border-radius: 3px;
    transition: background-color .2s
}

.tt-form-check:hover label:before, .tt-form-radio:hover label:before {
    background-color: #5a5a5a
}

.tt-form-check label:after, .tt-form-radio label:after {
    position: absolute;
    display: none;
    content: "";
    top: 8px;
    left: 7px;
    width: 4px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.tt-form-check input:checked ~ label:after, .tt-form-radio input:checked ~ label:after {
    display: block
}

.tt-form-radio label:before {
    border-radius: 100px
}

.tt-form-radio label:after {
    top: 10px;
    left: 7px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 100%
}

.tt-form-check input:disabled, .tt-form-radio input:disabled {
    cursor: not-allowed
}

.tt-form-check input:disabled ~ label, .tt-form-radio input:disabled ~ label {
    cursor: not-allowed;
    opacity: .3
}

.tt-form-check.tt-form-check-inline, .tt-form-radio.tt-form-radio-inline {
    display: inline-block;
    margin-right: 10px
}

.btn-file {
    vertical-align: middle
}

.btn-file > * input {
    position: absolute;
    left: 50%;
    width: 1%;
    opacity: 0
}

.tt-file-info {
    width: 75%;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    color: #777;
    line-height: 1
}

.tt-form-btn-inside {
    position: relative
}

.tt-form-btn-inside .tt-form-control {
    padding-right: 60px !important
}

.tt-form-btn-inside button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 60px;
    height: 54px;
    background-color: transparent;
    font-size: 19px;
    color: #999;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 0 3px 3px 0
}

.tt-form-btn-inside button:hover {
    color: #fff
}

.tt-form-filled .tt-form-control {
    background-color: rgb(136 136 136/15%);
    color: #fff;
    border: none
}

.tt-form-filled .tt-form-control:focus {
    box-shadow: inset 0 0 0 1px rgb(136 136 136/60%)
}

.tt-form-filled .tt-form-control:disabled, .tt-form-filled .tt-form-control[readonly] {
    opacity: .3
}

.tt-form-minimal .tt-form-group label {
    display: none
}

.tt-form-minimal .tt-form-control:not(select), .tt-form-minimal select.tt-form-control:not([multiple]) {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    border-width: 0 0 1px;
    border-style: solid;
    border-radius: 0
}

.tt-form-minimal .tt-form-control:focus {
    border-color: #fff
}

.tt-form-minimal .tt-form-control:disabled, .tt-form-minimal .tt-form-control[readonly] {
    opacity: .2
}

.tt-form-minimal .tt-form-control, .tt-form-minimal .tt-form-control select {
    border-color: rgb(136 136 136/60%)
}

.tt-form-minimal ::-webkit-input-placeholder {
    color: #fff !important
}

.tt-form-minimal :-moz-placeholder {
    color: #fff !important
}

.tt-form-minimal ::-moz-placeholder {
    color: #fff !important
}

.tt-form-minimal :-ms-input-placeholder {
    color: #fff !important
}

.tt-form-sm .tt-form-control:not(textarea):not([size]), .tt-form-control.tt-form-sm, .tt-form-btn-inside .tt-form-control.tt-form-sm + button {
    height: 40px !important;
    font-size: 75%
}

.tt-form-sm .tt-form-btn-inside button {
    height: 38px !important
}

.tt-form-lg .tt-form-control:not(textarea):not([size]), .tt-form-control.tt-form-lg, .tt-form-btn-inside .tt-form-control.tt-form-lg + button {
    height: 70px !important
}

.tt-form-lg .tt-form-btn-inside button {
    height: 68px !important
}

.tt-signature-dark {
    display: none
}

.tt-contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 17px
}

.tt-contact-info > li {
    padding: 3px 0
}

.tt-ci-icon {
    display: inline-block;
    margin-right: 10px;
    font-size: 80%
}

.tt-contact-info a {
    display: inline;
    transition: color .2s
}

.tt-contact-info a:hover {
    color: #fff
}

.tt-contact-info .social-buttons {
    display: inline-block;
    margin-top: 15px;
    margin-left: -17px
}

.tt-bg-video-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

video.tt-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tt-embed {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden
}

.tt-embed:before {
    display: block;
    content: "";
    padding-bottom: 56.25%
}

.tt-embed .tt-embed-item, .tt-embed embed, .tt-embed iframe, .tt-embed object, .tt-embed video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.tt-scrolling-text {
    display: flex;
    position: relative;
    pointer-events: none
}

.tt-scrolling-text-inner {
    padding-left: 2vw;
    font-size: calc(16px + 6vw);
    line-height: 1;
    font-weight: 700;
    font-weight: 600;
    color: #ccc;
    white-space: nowrap;
    animation-name: tt_scrolling_text;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running
}

.tt-scrolling-text-inner:after {
    content: attr(data-text)
}

@keyframes tt_scrolling_text {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}

.tt-scrolling-text.scr-text-reverse .tt-scrolling-text-inner {
    animation-direction: reverse
}

.tt-scrolling-text.scr-text-stroke .tt-scrolling-text-inner {
    font-weight: 700;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ccc;
    -webkit-text-fill-color: transparent
}

.tt-pagination {
    display: flex;
    margin-top: 40px;
    padding: 40px 3%
}

body.tt-boxed .tt-wrap .tt-pagination {
    padding-left: 0;
    padding-right: 0
}

.tt-pagin-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.tt-pagin-item {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 28px;
    font-weight: 700;
    font-weight: 500;
    color: #fff;
    opacity: .4;
    transition: opacity .3s
}

@media (max-width: 1024px) {
    .tt-pagin-item {
        width: 35px;
        height: 35px;
        font-size: 21px
    }
}

.tt-pagin-item:hover, .tt-pagin-item.active {
    opacity: 1
}

.tt-pagin-prev {
    margin-right: 3%
}

.tt-pagin-next {
    margin-left: 3%
}

.tt-pagination.tt-pagin-center {
    justify-content: center;
    text-align: center
}

.tt-sidebar {
    margin-left: 40px
}

@media (max-width: 1600px) {
    .tt-sidebar {
        margin-left: 10px
    }
}

@media (max-width: 991px) {
    .tt-sidebar {
        margin: 60px 0 0 !important
    }
}

.tt-row.tt-lg-row-reverse .tt-sidebar {
    margin-left: 0;
    margin-right: 40px
}

@media (max-width: 1600px) {
    .tt-row.tt-lg-row-reverse .tt-sidebar {
        margin-right: 10px
    }
}

@media (max-width: 1400px) and (min-width: 769px) {
    body:not(.is-mobile).tt-sliding-sidebar-left-on #content-wrap {
        padding-left: 40px
    }

    body:not(.is-mobile).tt-sliding-sidebar-right-on #content-wrap {
        padding-right: 40px
    }

    body:not(.is-mobile).tt-sliding-sidebar-left-on .tt-header-inner {
        padding-left: 50px
    }

    body:not(.is-mobile).tt-sliding-sidebar-right-on .tt-header-inner {
        padding-right: 50px
    }
}

.tt-sliding-sidebar-wrap {
    position: relative;
    z-index: 9999
}

.tt-sliding-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 400px;
    height: 100vh;
    z-index: 2;
    background-color: #1b1b1b;
    overflow: hidden;
    transform: translate3d(-100%, 0, 0);
    transition: all .4s ease-in-out
}

@media (max-width: 768px) {
    .tt-sliding-sidebar {
        width: 90%
    }
}

body.tt-sliding-sidebar-open .tt-sliding-sidebar {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.tt-sliding-sidebar-inner {
    height: 100%;
    overflow-y: auto;
    padding: 10% 8%
}

.tt-sliding-sidebar-close {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0/55%);
    backdrop-filter: blur(10px);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s
}

body.tt-sliding-sidebar-open .tt-sliding-sidebar-close {
    opacity: 1;
    visibility: visible
}

.tt-sliding-sidebar-trigger {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 40px;
    height: 100vh;
    background-color: #1b1b1b;
    font-size: 20px;
    color: gray;
    cursor: pointer;
    transition: background-color .3s, color .3s, width .3s
}

.tt-sliding-sidebar-trigger:hover {
    width: 54px
}

.tt-sliding-sidebar-trigger .tt-ss-icon-close {
    display: none
}

body.is-mobile .tt-sliding-sidebar-trigger {
    top: auto;
    left: auto;
    right: 12px !important;
    bottom: 12px !important;
    width: 44px !important;
    height: 44px !important;
    background-color: var(--tt-main-color) !important;
    color: #fff;
    border-radius: 100px;
    z-index: 2
}

body.is-mobile.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon {
    display: none
}

body.is-mobile.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon-close {
    display: block
}

@media (max-width: 768px) {
    .tt-sliding-sidebar-trigger {
        top: auto;
        left: auto;
        right: 12px !important;
        bottom: 12px !important;
        width: 44px !important;
        height: 44px !important;
        background-color: var(--tt-main-color) !important;
        color: #fff;
        border-radius: 100px;
        z-index: 2
    }

    body.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon {
        display: none
    }

    body.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon-close {
        display: block
    }
}

.tt-ss-right .tt-sliding-sidebar {
    left: auto;
    right: 0;
    transform: translate3d(100%, 0, 0)
}

.tt-ss-right .tt-sliding-sidebar-trigger {
    left: auto;
    right: 0
}

.sidebar-widget {
    margin-bottom: 60px
}

.sidebar-heading {
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 700
}

.sidebar-heading:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: var(--tt-main-color);
    border-radius: 100px;
    transform: translateY(-50%)
}

.sidebar-categories > ul > li {
    padding: 0
}

.sidebar-categories > ul > li > a {
    display: block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #ccc;
    line-height: 1;
    padding: 10px 0;
    transition: all .2s ease-in-out 0s
}

.sidebar-categories > ul > li > a:hover {
    color: #fff
}

.sidebar-categories > ul > li > a span {
    position: relative;
    float: right;
    top: -5px;
    background-color: rgb(133 133 133/22%);
    padding: 8px 9px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #ccc;
    overflow: hidden;
    z-index: 1;
    border-radius: 100px;
    transition: all .2s ease-in-out
}

.sidebar-categories > ul > li > a:hover span {
    background-color: var(--tt-main-color);
    color: #fff
}

.sidebar-post-list > ul > li {
    list-style: none;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.sidebar-post-list > ul > li:last-child {
    margin: 0;
    padding: 0;
    border: 0
}

.sidebar-post-title {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 700;
    font-weight: 500;
    line-height: 1.3
}

.sidebar-post-title a {
    color: #ccc;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.sidebar-post-title a:hover {
    background-size: 100% 96%;
    color: #fff
}

.sidebar-post-author {
    display: block;
    font-size: 14px;
    color: #777;
    line-height: 15px
}

.sidebar-post-author a {
    color: #777
}

.sidebar-post-author a:hover {
    opacity: .8
}

.sidebar-post-date {
    display: block;
    font-size: 13px;
    color: #999
}

.sidebar-comments-list ul {
    margin: 0
}

.sidebar-comment {
    padding-bottom: 15px;
    margin-bottom: 15px
}

.sidebar-comment:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.sidebar-comment-meta {
    overflow: hidden
}

.sidebar-comment-author {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2
}

.sidebar-comment-author a {
    position: relative;
    color: #ccc;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.sidebar-comment-author a:hover {
    background-size: 100% 96%;
    color: #fff
}

.sidebar-comment-date {
    display: block;
    font-size: 13px;
    color: #999
}

.sidebar-comment-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4;
    font-style: italic;
    color: #fff
}

.sidebar-comment-text a {
    color: #999
}

.sidebar-comment-text a:hover {
    color: #ddd
}

.sidebar-comment-text p {
    margin-bottom: 0
}

.sidebar-tags-list:after {
    content: "";
    display: table;
    clear: both
}

.sidebar-tags-list > ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebar-tags-list > ul > li {
    margin: 3px
}

.sidebar-tags-list a {
    position: relative;
    display: block;
    background-color: rgb(160 160 160/15%);
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 300;
    color: #cacaca;
    overflow: hidden;
    z-index: 1;
    border-radius: 50px;
    transition: all .2s ease-in-out
}

.sidebar-tags-list a:hover {
    background-color: var(--tt-main-color);
    color: #fff
}

.sidebar-meta ul > li > a {
    position: relative;
    margin: 3px 0;
    font-size: 16px;
    color: #b1b1b1;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.sidebar-meta ul > li > a:hover {
    background-size: 100% 96%;
    color: #fff
}

.blog-list-item {
    position: relative;
    margin-bottom: 80px
}

.bli-image {
    position: relative;
    display: block;
    overflow: hidden
}

.bli-image img {
    transition: all 1s cubic-bezier(.165, .84, .44, 1)
}

.bli-image:hover img {
    transform: scale(1.05)
}

#blog-list.bli-image-cropped .bli-image {
    position: relative;
    background-color: rgba(130, 130, 130, .1);
    padding-bottom: 55%
}

#blog-list.bli-image-cropped .bli-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.bli-info {
    position: relative;
    padding-top: 30px
}

.bli-categories {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    color: #d1d1d1
}

.bli-categories a {
    position: relative;
    display: inline-block
}

.bli-categories a:hover {
    opacity: .8
}

.bli-categories a ~ a:not(:empty):before {
    content: ", "
}

.bli-title {
    margin-bottom: 20px;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: 1.4
}

.bli-title a {
    color: #fff;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.bli-title a:hover {
    background-size: 100% 96%
}

.bli-meta {
    font-size: 15px;
    color: #d1d1d1
}

.bli-meta a {
    position: relative;
    padding-bottom: 2px;
    color: #d1d1d1
}

.bli-meta a:hover {
    opacity: .8
}

.bli-desc {
    margin-top: 20px;
    font-weight: 300;
    font-size: 19px;
    color: #bbb
}

.bli-read-more.tt-btn {
    height: 45px;
    margin: 40px 0 0
}

@media (min-width: 1025px) {
    #blog-list.bli-compact .blog-list-item {
        display: flex;
        margin-bottom: 100px
    }

    #blog-list.bli-compact .bli-image-wrap {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }

    #blog-list.bli-compact .bli-image {
        padding-bottom: 0
    }

    #blog-list.bli-compact .bli-image, #blog-list.bli-compact .anim-image-parallax-wrap {
        height: 100%
    }

    #blog-list.bli-compact .bli-info {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        padding-top: 0
    }

    #blog-list.bli-compact .bli-image-wrap + .bli-info {
        padding: 0 0 0 5%
    }

    #blog-list.bli-compact .bli-categories {
        margin-bottom: 10px
    }

    #blog-list.bli-compact .bli-title {
        margin-bottom: 15px;
        font-size: clamp(28px, 3vw, 38px)
    }

    #blog-list.bli-compact .bli-desc {
        margin-top: 20px
    }

    #blog-list.bli-compact .bli-read-more {
        margin: 30px 0 0
    }

    body:not(.tt-sidebar-on) #blog-list.bli-compact {
        counter-reset: bli-compact-counter
    }

    body:not(.tt-sidebar-on) #blog-list.bli-compact .bli-info:before {
        position: absolute;
        counter-increment: bli-compact-counter;
        content: "" counter(bli-compact-counter, decimal-leading-zero);
        top: -30%;
        left: 30%;
        line-height: 1;
        font-size: clamp(40px, 37vw, 360px);
        font-weight: 400;
        color: #fff;
        opacity: .1;
        z-index: -1
    }

    body.tt-sidebar-on #blog-list.bli-compact .bli-title {
        font-size: 30px
    }
}

.blog-interactive-item {
    position: relative;
    margin-bottom: 100px
}

@media (max-width: 1400px) {
    .blog-interactive-item {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media (max-width: 768px) {
    .blog-interactive-item {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 769px) {
    .blog-interactive {
        counter-reset: bi-item-counter
    }

    .blog-interactive-item:before {
        position: absolute;
        counter-increment: bi-item-counter;
        content: "" counter(bi-item-counter, decimal-leading-zero);
        top: 45%;
        right: 0;
        line-height: 1;
        font-size: clamp(40px, 12vw, 220px);
        font-weight: 400;
        color: #fff;
        opacity: .1;
        z-index: -1;
        transform: translateY(-50%)
    }
}

@media (max-width: 1400px) {
    .blog-interactive-item:before {
        right: 3%
    }
}

.bi-item-image {
    position: relative;
    display: block;
    overflow: hidden
}

.bi-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 769px) {
    .blog-interactive-item .bi-item-image {
        display: none
    }

    #ball .bi-item-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    #ball .bi-item-image:before {
        position: absolute;
        display: block;
        content: "";
        top: -1px;
        left: -1px;
        bottom: -1px;
        right: -1px;
        background-color: #040404;
        opacity: .2
    }
}

@media (max-width: 768px) {
    .bi-item-image {
        display: block;
        margin-bottom: 30px;
        padding-bottom: 60%
    }

    .bi-item-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%
    }
}

.bi-item-categories {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #999
}

.bi-item-categories a {
    position: relative;
    display: inline-block
}

.bi-item-categories a:hover {
    opacity: .8
}

.bi-item-categories a ~ a:not(:empty):before {
    content: ", "
}

.bi-item-title {
    margin-bottom: 30px;
    font-size: clamp(28px, 3vw, 50px);
    font-weight: 700;
    font-weight: 500;
    color: #fff;
    line-height: 1.4
}

@media (min-width: 769px) {
    .blog-interactive-item:not(.bi-item-image-on) .bi-item-title {
        padding-right: 23%
    }
}

@media (max-width: 768px) {
    .bi-item-title {
        margin-bottom: 15px
    }
}

.bi-item-title a {
    display: block;
    color: #fff
}

.blog-interactive-item:not(.bi-item-image-on) .bi-item-title a {
    color: #fff;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.blog-interactive-item:not(.bi-item-image-on) .bi-item-title a:hover {
    background-size: 100% 96%;
    color: #fff
}

@media (min-width: 769px) {
    .blog-interactive-item.bi-item-image-on .bi-item-title a {
        padding-right: 23%
    }
}

.bi-item-meta {
    font-size: 15px;
    color: #999
}

.bi-item-meta a {
    position: relative;
    padding-bottom: 2px;
    color: #999
}

.bi-item-meta a:hover {
    opacity: .8
}

#magic-cursor.blog-interactive-hover-on {
    z-index: -1
}

#magic-cursor.blog-interactive-hover-on #ball {
    overflow: hidden;
    border: none !important
}

@media (min-width: 769px) {
    .blog-interactive.bi-borders .blog-interactive-item {
        margin: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        border-bottom: 1px solid rgb(144 144 144/35%)
    }

    .blog-interactive.bi-borders .blog-interactive-item:first-child {
        border-top: 1px solid rgb(144 144 144/35%)
    }
}

.blog-single-inner {
    position: relative;
    padding-left: 5%;
    padding-right: 5%
}

body.tt-boxed .blog-single-inner.tt-wrap {
    padding-left: 15px;
    padding-right: 15px
}

.tt-blog-post {
    position: relative
}

.tt-blog-post-content p {
    color: #ccc
}

.tt-blog-post-image {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.tt-bpi-link {
    position: relative;
    display: block
}

.tt-blog-post-tags {
    padding: 40px 0;
    font-size: 16px;
    font-weight: 700;
    font-weight: 700;
    overflow: hidden;
    margin-top: 60px;
    overflow: hidden;
    border-top: 1px solid rgba(150, 150, 150, .3)
}

.tt-blog-post-tags span {
    color: #bbb
}

.tt-blog-post-tags > ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tt-blog-post-tags > ul > li {
    float: left;
    margin: 3px
}

.tt-blog-post-tags a {
    position: relative;
    display: block;
    background-color: rgb(160 160 160/15%);
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 300;
    color: #cacaca;
    overflow: hidden;
    z-index: 1;
    border-radius: 50px;
    transition: all .2s ease-in-out
}

.tt-blog-post-tags a:hover {
    background-color: var(--tt-main-color);
    color: #fff
}

.tt-blog-post-share {
    display: flex;
    align-items: center
}

.tt-blog-post-share > ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tt-blog-post-share > ul > li {
    display: inline-block
}

.tt-bps-text {
    margin-right: 20px;
    font-size: 16px;
    font-weight: 700;
    font-weight: 700;
    color: #bbb
}

.tt-blog-post-share .social-buttons {
    margin-left: -20px
}

.tt-blog-post-share .social-buttons > ul > li a {
    font-size: 19px
}

.tt-blog-post-nav {
    margin-top: 40px;
    padding-top: 60px;
    overflow: hidden;
    border-top: 1px solid rgba(150, 150, 150, .3)
}

.tt-bp-nav-col {
    float: left;
    width: 50%
}

.tt-bp-nav-left {
    padding-right: 5%;
    border-right: 1px solid rgba(150, 150, 150, .3)
}

.tt-bp-nav-left span {
    margin-right: 10px
}

.tt-bp-nav-right {
    padding-left: 5%;
    text-align: right
}

.tt-bp-nav-right span {
    margin-left: 10px
}

.tt-bp-nav-text {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 700;
    font-weight: 500;
    color: #b7b7b7
}

@media (max-width: 680px) {
    .tt-bp-nav-text {
        margin-bottom: 0;
        font-size: 19px;
        color: #fff
    }
}

.tt-bp-nav-title {
    margin: 0;
    font-size: 21px;
    line-height: 1.4
}

@media (max-width: 680px) {
    .tt-bp-nav-title {
        display: none
    }
}

.tt-bp-nav-title a {
    color: #fff;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.tt-bp-nav-title a:hover {
    background-size: 100% 96%;
    color: #fff
}

#tt-blog-post-comments {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid rgba(150, 150, 150, .2)
}

.tt-bpc-heading {
    margin: 0 0 30px;
    font-size: 24px
}

.tt-comments-list {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.tt-comments-list > li {
    margin-top: 40px
}

.tt-comment-avatar {
    position: relative;
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 100px
}

.tt-comment-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.tt-comment-avatar:hover {
    opacity: .9
}

.tt-comment-body {
    position: relative;
    display: table
}

@media (max-width: 768px) {
    .tt-comment-body {
        display: block
    }
}

.tt-comment-meta {
    padding-right: 70px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(150, 150, 150, .3)
}

.tt-comment-heading {
    margin: 0 0 5px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 17px;
    color: #ccc;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tt-comment-heading a {
    position: relative;
    color: #ddd;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .4s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.tt-comment-heading a:hover {
    background-size: 100% 96%;
    color: #fff
}

.tt-comment-time {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #b7b7b7
}

.tt-comment-text {
    clear: both;
    color: #ccc
}

@media (max-width: 768px) {
    .tt-comment-text {
        font-size: 16px
    }
}

.tt-comment-reply {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
    font-size: 14px;
    font-style: italic;
    z-index: 9
}

@media (max-width: 768px) {
    .tt-comment-reply {
        top: 0;
        right: 0
    }
}

.tt-comment-reply a {
    position: relative;
    color: #999;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: .3s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.tt-comment-reply a:hover {
    background-size: 100% 96%;
    color: #fff
}

.tt-post-comment-form-heading {
    margin-bottom: 50px;
    font-size: 28px
}

#tt-post-comment-form {
    margin-top: 140px
}

@media (max-width: 768px) {
    #tt-post-comment-form {
        margin-top: 80px
    }
}

#tt-post-comment-form .tt-post-comment-reminder {
    margin-top: 30px;
    line-height: 1.2
}

#tt-post-comment-form .tt-post-comment-reminder label {
    padding-top: 3px;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    text-transform: unset;
    letter-spacing: 0
}

.tt-blog-carousel {
    position: relative
}

.tt-blog-carousel .swiper {
    margin-left: -1.5vw;
    margin-right: -1.5vw
}

.tt-blog-carousel-item {
    position: relative
}

@media (min-width: 768px) {
    .tt-blog-carousel-item {
        margin-left: 1.5vw;
        margin-right: 1.5vw
    }
}

.tt-bci-image-wrap {
    display: block
}

.tt-bci-image {
    position: relative;
    display: block;
    background-color: rgba(130, 130, 130, .1);
    padding-bottom: 65%;
    overflow: hidden
}

.tt-bci-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transition: all 1s cubic-bezier(.165, .84, .44, 1)
}

.tt-bci-image-wrap:hover .tt-bci-image img {
    transform: scale(1.05)
}

.tt-bci-info {
    position: relative;
    padding-top: 20px
}

.tt-bci-categories {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 15px;
    color: #d1d1d1
}

.tt-bci-categories a {
    position: relative;
    display: inline-block
}

.tt-bci-categories a:hover {
    opacity: .8
}

.tt-bci-categories a ~ a:not(:empty):before {
    content: ", "
}

.tt-bci-title {
    margin-bottom: 20px;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 700;
    font-weight: 600;
    color: #fff;
    line-height: 1.3
}

.tt-bci-title a {
    color: #fff;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 2px);
    transition: .6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%
}

.tt-bci-title a:hover {
    background-size: 100% 96%
}

.tt-bci-meta {
    font-size: 15px;
    color: #d1d1d1
}

.tt-bci-meta a {
    position: relative;
    padding-bottom: 2px;
    color: #d1d1d1
}

.tt-bci-meta a:hover {
    opacity: .8
}

.tt-blc-nav-prev, .tt-blc-nav-next {
    position: absolute;
    top: -100px;
    z-index: 20;
    background-color: rgb(137 137 137/10%);
    border-radius: 96px 122px 80px 115px
}

.tt-blc-nav-prev {
    right: 80px
}

.tt-blc-nav-next {
    right: 0
}

.tt-blc-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    font-size: 21px;
    color: #fff;
    cursor: pointer;
    outline: none
}

.tt-blc-nav-arrow-disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

@media (max-width: 768px) {
    .tt-blc-nav-prev, .tt-blc-nav-next {
        top: -65px
    }

    .tt-blc-nav-prev {
        right: 55px
    }

    .tt-blc-nav-arrow {
        width: 50px;
        height: 50px
    }

    [class*=tt-arrow] {
        width: 17px
    }

    [class*=tt-arrow]:before, [class*=tt-arrow]:after {
        width: 10px
    }
}

.tt-blog-carousel.tt-blc-hide-navigation .tt-blc-nav-next, .tt-blog-carousel.tt-blc-hide-navigation .tt-blc-nav-prev {
    display: none
}

.tt-blc-pagination {
    position: absolute;
    display: none;
    bottom: 15px;
    left: 50%;
    z-index: 1;
    transform: translate3d(-50%, 0, 0)
}

.tt-blc-pagination-bullets {
    font-size: 0
}

.tt-blc-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff
}

.tt-blc-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color);
    border-color: var(--tt-main-color);
    opacity: 1
}

.tt-blc-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.tt-blc-pagination-fraction {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px
}

.tt-blc-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px
}

.tt-blc-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px
}

.tt-blc-pagination-progressbar {
    width: 100%;
    max-width: 300px;
    height: 2px;
    background-color: rgba(255, 255, 255, .3)
}

@media (max-width: 768px) {
    .tt-blc-pagination-progressbar {
        max-width: 90%
    }
}

.tt-blc-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scale(0);
    transform-origin: left top
}

.tt-blog-carousel[data-pagination-type] {
    padding-bottom: 100px
}

@media (max-width: 768px) {
    .tt-blog-carousel[data-pagination-type] {
        padding-bottom: 80px
    }
}

.tt-blog-carousel[data-pagination-type] .tt-blc-pagination {
    display: block
}

@media (min-width: 1025px) {
    .tt-blog-carousel.tt-blc-shifted:not([data-loop=true]) .swiper-slide:nth-child(even) {
        padding-top: 5%
    }
}

#tt-footer {
    position: relative;
    width: 100%;
    font-size: 14px;
    z-index: 2
}

.tt-footer-inner {
    position: relative
}

body:not(.tt-boxed) .tt-footer-inner, .tt-footer-inner:not(.tt-wrap) {
    padding-left: 3.5%;
    padding-right: 3.5%
}

#tt-footer a {
    font-size: 14px;
    color: #fff
}

#tt-footer .tt-btn {
    margin-top: 3px;
    margin-bottom: 3px
}

#tt-footer .tt-copyright {
    color: #ccc
}

#tt-footer .tt-copyright a {
    color: #ccc
}

#tt-footer .tt-copyright .tt-btn-link {
    font-weight: 400
}

#tt-footer .tt-copyright.text-gray .tt-btn-link > * {
    color: #ccc
}

@media (min-width: 1025px) {
    #tt-footer {
        padding: 30px 0
    }

    #tt-footer.footer-absolute {
        position: absolute;
        left: 0;
        bottom: 30px;
        padding: 0;
        pointer-events: none
    }

    #tt-footer.footer-absolute a {
        pointer-events: initial
    }

    .tt-footer-inner {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .footer-col {
        flex: 1;
        padding: 0 15px;
        margin: 0 5px
    }

    .footer-col:first-child {
        margin-left: 0;
        padding-left: 0
    }

    .footer-col:last-child {
        margin-right: 0;
        padding-right: 0
    }

    .footer-col.tt-align-top-center {
        display: flex;
        justify-content: center
    }

    .footer-col.tt-align-top-right {
        display: flex;
        justify-content: flex-end
    }

    .footer-col.tt-align-center-left {
        display: flex;
        align-items: center
    }

    .footer-col.tt-align-center {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer-col.tt-align-center-right {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .footer-col.tt-align-bottom {
        display: flex;
        align-items: flex-end
    }

    .footer-col.tt-align-bottom-center {
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    .footer-col.tt-align-bottom-right {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end
    }

    #tt-footer .footer-social {
        position: relative;
        line-height: 50px;
        height: 50px;
        pointer-events: auto;
        color: #fff
    }

    #tt-footer .footer-social:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: -30px;
        left: 0;
        right: 0;
        z-index: -1
    }

    #tt-footer .footer-social .footer-social-text {
        display: block;
        text-align: right;
        font-size: 15px;
        cursor: pointer;
        opacity: 1;
        visibility: visible
    }

    #tt-footer .footer-social .footer-social-text > span {
        margin-right: 13px
    }

    #tt-footer .footer-social .social-buttons {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -50%, 0)
    }

    #tt-footer .footer-social .footer-social-text, #tt-footer .footer-social .social-buttons {
        transition: all .3s ease
    }

    #tt-footer .footer-social:hover .footer-social-text {
        transform: translate3d(0, -50%, 0);
        opacity: 0;
        visibility: hidden
    }

    #tt-footer .footer-social:hover .social-buttons {
        transform: translateY(-100%);
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 1024px) {
    #tt-footer {
        padding: 60px 0
    }

    .tt-footer-inner {
        display: flex;
        flex-direction: column
    }

    .footer-col {
        display: block;
        margin-bottom: 10px;
        text-align: center
    }

    .footer-col.order-m-first {
        order: -1
    }

    .footer-col.order-m-last {
        order: 10
    }

    .footer-col.order-m-1 {
        order: 1
    }

    .footer-col.order-m-2 {
        order: 2
    }

    .footer-col.order-m-3 {
        order: 3
    }

    .footer-col.order-m-4 {
        order: 4
    }

    .footer-col.order-m-5 {
        order: 5
    }

    .footer-col.order-m-6 {
        order: 6
    }

    .footer-col.order-m-7 {
        order: 7
    }

    .footer-col.order-m-8 {
        order: 8
    }

    .footer-col.order-m-9 {
        order: 9
    }

    .footer-col.order-m-10 {
        order: 10
    }

    #tt-footer .tt-copyright .tt-btn-link {
        height: auto
    }

    #tt-footer .footer-social {
        margin-bottom: 10px
    }

    #tt-footer .footer-social .footer-social-text {
        display: none
    }

    #tt-footer .social-buttons > ul > li a {
        width: 34px;
        height: 34px
    }
}

body.tt-light-bg-hover #ball, body.psi-light-bg-on #ball {
    border-color: #000
}

body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag, body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag:before, body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag:after, body.psi-light-bg-on:not(.tt-ol-menu-open) #ball .ball-drag:before, body.psi-light-bg-on:not(.tt-ol-menu-open) #ball .ball-drag:after {
    color: #000
}

body.tt-light-bg-on:not(.tt-ol-menu-active):not(.tt-m-menu-active) #tt-header .tt-logo-light {
    display: none
}

body.tt-light-bg-on:not(.tt-ol-menu-active):not(.tt-m-menu-active) #tt-header .tt-logo-dark {
    display: block
}

body.tt-light-bg-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text {
    color: #000
}

body.tt-light-bg-on:not(.tt-ol-menu-active):not(.is-mobile) .tt-ol-menu-toggle-btn:hover span, body.tt-light-bg-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span:before, body.tt-light-bg-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span:after {
    background-color: #000
}

@media (min-width: 1025px) {
    body.tt-light-bg-on .tt-main-menu-list > li > a, body.tt-light-bg-on .tt-main-menu-list > li > .tt-submenu-trigger > a {
        color: #000
    }

    body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover > li > a:hover, body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a:hover, body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover > li.active > a, body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover > li.active > .tt-submenu-trigger > a, body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover > li.tt-submenu-open > .tt-submenu-trigger > a {
        opacity: 1;
        color: #000
    }
}

@media (max-width: 1024px) {
    body.tt-light-bg-on:not(.tt-m-menu-active) .tt-m-menu-toggle-btn-text {
        color: #000
    }

    body.tt-light-bg-on:not(.tt-m-menu-active) .tt-m-menu-toggle-btn span:before, body.tt-light-bg-on:not(.tt-m-menu-active) .tt-m-menu-toggle-btn span:after {
        background-color: #000
    }
}

body.tt-light-bg-on .ph-category, body.tt-light-bg-on .ph-caption-title, body.tt-light-bg-on .ph-caption-subtitle, body.tt-light-bg-on .ph-meta, body.tt-light-bg-on .ph-meta a {
    color: #000
}

body.tt-light-bg-on #page-header.ph-stroke .ph-caption-title {
    -webkit-text-stroke-color: #000
}

body.tt-light-bg-on .tt-sd-arrow-inner, body.tt-light-bg-on .tt-sd-arrow:before, body.tt-light-bg-on .tt-sd-arrow:after {
    background-color: #555
}

body.tt-light-bg-on .tt-sd-text {
    color: #555
}

body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow-inner, body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow:before, body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow:after {
    background-color: #000
}

body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-text {
    color: #000
}

body.tt-light-bg-on .ph-share-text {
    color: #000
}

body.tt-light-bg-on .ph-share-icon {
    color: #000;
    opacity: .9 !important
}

body.tt-light-bg-on .ph-share .social-buttons > ul > li a {
    color: #000
}

body.tt-light-bg-on .tt-ps-caption-category, body.tt-light-bg-on .tt-ps-caption-title a {
    color: #000
}

body.tt-light-bg-on .tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
    -webkit-text-stroke-color: #000
}

body.tt-light-bg-on .tt-ps-nav-pagination-fraction, body.tt-light-bg-on .tt-ps-nav-arrow, body.tt-light-bg-on [class*=tt-arrow] {
    color: #000
}

body.tt-light-bg-on .tt-ps-nav-pagination-progressbar {
    background-color: rgb(0 0 0/20%)
}

body.tt-light-bg-on .tt-ps-nav-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #000
}

body.tt-light-bg-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet {
    border-color: #000
}

body.tt-light-bg-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
    background: #000
}

body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-title, body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-title a, body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-subtitle {
    color: #000
}

.tt-next-project[class*=np-image-cover-].tt-np-image-is-light .tt-np-image:before {
    display: none
}

@media (min-width: 1025px) {
    body.tt-light-bg-on #tt-footer, body.tt-light-bg-on #tt-footer a, body.tt-light-bg-on #tt-footer .tt-btn-link > *, body.tt-light-bg-on #tt-footer .tt-btn-link > *:after, body.tt-light-bg-on #tt-footer .tt-copyright.text-gray .tt-btn-link > *, body.tt-light-bg-on #tt-footer .footer-social {
        color: #000
    }

    body.tt-light-bg-on #tt-footer .tt-btn-link:after, body.tt-light-bg-on #tt-footer .tt-btn-line {
        background-color: #000
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --font-body-m: 16px;
    --font-body-l: 20px;
    --font-title-m: 24px;
    --font-title-l: 32px;
    --font-headline-m: 40px;
    --font-headline-l: 48px;
    --font-display-m: 46px;
    --font-display-l: 96px
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

*::-webkit-scrollbar {
    width: 0;
    background: 0 0;
    display: none
}

html, body {
    -webkit-font-smoothing: antialiased;
    color: #fff
}

#_page {
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: .2s;
    transition-timing-function: cubic-bezier(.42, 0, 0, .99);
    -webkit-transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.42, 0, 0, .99)
}

.page--loaded #_page {
    opacity: 1
}

h1, h2, h3, h4, h5 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.container {
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto
}

#magic-cursor {
    display: none !important
}

.tt-ol-menu-active #tt-header {
    margin-left: 0
}

header .menu {
    display: flex;
    pointer-events: auto;
    gap: 20px;
    align-items: center
}

header .col-middle {
    margin-left: auto
}

header .menu a {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    transition: color .2s
}

footer .menu a:hover, header .menu a:hover {
    color: #00aced !important
}

footer .social-menu a:hover svg path {
    fill: #00aced
}

header .menu a img {
    width: 22px
}

header .menu a.icon {
    line-height: 0
}

.bg-noise {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    pointer-events: none;
    overflow: hidden
}

.bg-noise:before {
    position: absolute;
    content: '';
    top: -10rem;
    left: -10rem;
    width: calc(100% + 20rem);
    height: calc(100% + 20rem);
    z-index: -1;
    pointer-events: none;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bg-noise.png?v=1);
    background-position: 50%;
    animation: BgNoise 1s steps(2) infinite
}

@keyframes BgNoise {
    0% {
        transform: translate3d(0, 9rem, 0)
    }
    10% {
        transform: translate3d(-1rem, -4rem, 0)
    }
    20% {
        transform: translate3d(-8rem, 2rem, 0)
    }
    30% {
        transform: translate3d(9rem, -9rem, 0)
    }
    40% {
        transform: translate3d(-2rem, 7rem, 0)
    }
    50% {
        transform: translate3d(-9rem, -4rem, 0)
    }
    60% {
        transform: translate3d(2rem, 6rem, 0)
    }
    70% {
        transform: translate3d(7rem, -8rem, 0)
    }
    80% {
        transform: translate3d(-9rem, 1rem, 0)
    }
    90% {
        transform: translate3d(6rem, -5rem, 0)
    }
    to {
        transform: translate3d(-7rem, 0, 0)
    }
}

.s-home--start {
    background: url(//algosone.ai/assets/themes/common/assets/images/home/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.s-home--start-section {
    margin-bottom: -3px
}

.s-home--start .ph-image-inner {
    top: -200px
}

.s-home--start-section h1 {
    font-weight: 250;
    font-size: 70px;
    line-height: 100%;
    text-transform: uppercase
}

.s-home--start-section h1 b {
    font-weight: 700
}

.s-home--start-section .s-wrap {
    display: grid;
    grid-template-columns:682px auto;
    position: absolute;
    z-index: 9;
    top: 300px
}

.s-home--start-section .s-wrap .col-left > .ph-caption {
    display: grid;
    gap: 40px
}

.s-home--start-section .s-wrap .col-left p {
    font-size: 24px;
    line-height: 120%;
    max-width: 420px;
    margin: 0
}

.s-home--start-section .s-wrap .col-left .s-header {
    display: grid;
    gap: 24px
}

.robot {
    position: absolute;
    top: 193px;
    left: 45%;
    z-index: -1
}

.robot.part {
    z-index: 2
}

.bg-bottom {
    margin-top: -24px;
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 325px
}

.s-trade--types {
    padding-top: 0;
    padding-bottom: 200px
}

.s-trade--types .s-wrap {
    display: grid;
    gap: 24px
}

.s-trade--types .s-wrap .s-header {
    max-width: 523px
}

.s-trade--types .s-wrap .s-header .label {
    font-weight: 200;
    font-size: 58px;
    line-height: 130%;
    text-transform: uppercase
}

.s-trade--types .s-content .items {
    display: flex;
    gap: 49px
}

.s-trade--types .s-content .items .div {
    height: auto;
    background: #fff;
    min-width: 1px
}

.s-trade--types .s-content .items .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    max-width: 190px
}

.s-trade--types .s-content .items .item {
    display: grid;
    gap: 8px;
    font-size: 16px;
    line-height: 20px
}

.s-trade--types .s-content .items .item .text {
    font-style: italic;
    font-weight: 300
}

.s-home--security .s-wrap {
    display: grid;
    gap: 24px
}

.s-home--security .s-wrap .s-header {
    max-width: 523px
}

.s-home--security .s-wrap .s-header .label {
    font-weight: 200;
    font-size: 58px;
    line-height: 130%;
    text-transform: uppercase
}

.s-home--security .s-content .items {
    display: flex;
    gap: 49px
}

.s-home--security .s-content .items .div {
    height: auto;
    background: #fff;
    min-width: 1px
}

.s-home--security .s-content .items .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    max-width: 190px
}

.s-home--security .s-content .items .item {
    display: grid;
    gap: 8px;
    font-size: 16px;
    line-height: 20px
}

.s-home--security .s-content .items .item .text {
    font-style: italic;
    font-weight: 300
}

.s-home-performance {
    position: relative;
    padding-top: 200px;
    padding-bottom: 250px;
    text-align: center
}

.s-home-performance .s-wrap {
    max-width: 831px;
    margin: auto;
    gap: 60px;
    display: grid;
    position: relative;
    z-index: 1
}

.s-home-performance .s-wrap .s-header .label {
    text-transform: uppercase;
    font-weight: 250;
    font-size: 58px;
    line-height: 130%
}

.s-home-performance .s-wrap .s-header {
    display: grid;
    gap: 24px
}

p:last-child {
    margin-bottom: 0 !important
}

.s-home-performance p {
    font-weight: 300;
    font-size: 20px;
    line-height: 25px
}

.s-home-performance .figure > img {
    min-width: 2800px
}

.s-home-performance .figure {
    position: absolute;
    top: -330px;
    z-index: 1;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.new_home_bg {
    overflow: hidden
}

.new_home_bg .s-home-performance + .container {
    position: relative;
    z-index: 3
}

.s-home--block {
    margin-bottom: 87px
}

.s-home--block:last-child {
    margin-bottom: 0
}

.s-home--block > .s-wrap {
    background: #2a2c39;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0 80px
}

.s-home--block > .s-wrap .col-right {
    width: 50%
}

.s-home--block > .s-wrap h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 58px;
    line-height: 130%
}

.s-home--block > .s-wrap .figure {
    line-height: 0;
    text-align: center;
    margin: auto;
    position: relative
}

.s-home--block.r > .s-wrap {
    flex-direction: row
}

.s-home--block .figure img {
    width: 100%;
    position: relative;
    z-index: 1
}

.s-home--block > .s-wrap .col-left {
    max-width: 50%
}

.s-home--block > .s-wrap .figure.figure-1 {
    max-width: 283px;
    margin-top: -57px
}

.s-home--block > .s-wrap .figure:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 90%;
    background: #000;
    left: 0;
    filter: blur(20px);
    border-radius: 30px;
    bottom: 0
}

.s-home--block > .s-wrap .figure.figure-2 {
    padding: 40px 0
}

.s-home--block > .s-wrap .figure.figure-2:after {
    height: 81%;
    top: 0;
    margin: auto
}

.s-home--block > .s-wrap .figure.figure-3 {
    max-width: 426px;
    margin-top: -47px
}

.s-home--block > .s-wrap .figure.figure-3:after {
    height: 78%
}

.s-home--technology {
    padding: 200px 0
}

.s-home--technology .s-wrap {
    display: grid;
    grid-template-columns:638px auto;
    gap: 96px
}

.s-home--technology .s-wrap .col-left {
    display: grid;
    gap: 40px
}

.s-home--technology .s-wrap .col-left .s-header .label {
    font-weight: 200;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase
}

.s-home--technology .s-wrap .s-content {
    display: grid;
    gap: 60px
}

.s-home--technology .s-wrap .s-content .items {
    display: grid;
    grid-template-columns:50% 50%;
    gap: 37px;
    width: calc(100% - 37px)
}

.s-home--technology .s-wrap .s-content .items .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-font-smoothing: auto;
    margin-bottom: 4px
}

.s-home--technology .s-wrap .text {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    font-style: italic
}

.s-home--technology .s-wrap .figure {
    height: 596px;
    position: relative
}

.s-home--technology .s-wrap .figure img {
    position: absolute;
    min-width: 969px;
    z-index: 1
}

.new_home_bg #page-content {
    padding-bottom: 200px
}

.s-home--rates .s-wrap {
    background: #2a2c39;
    border-radius: 20px;
    padding: 60px
}

.s-home--rates .s-wrap table {
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    border-spacing: 0
}

.s-home--rates .s-wrap table td:last-child {
    text-align: right;
    width: 150px
}

.s-home--rates .s-wrap table td:first-child {
    width: 150px
}

.s-home--rates .s-wrap table td.for {
    text-align: center
}

.color-gray {
    color: #777990
}

.color-green {
    color: #00f07d
}

.color-red {
    color: #f02b00
}

.s-home--rates .s-wrap table td {
    padding: 30px 0;
    border-bottom: 1px solid #575d6d
}

.s-home--rates .s-wrap table tr:first-child td {
    padding-top: 0
}

.s-home--rates .s-wrap table tr:last-child td {
    padding-bottom: 0;
    border: #ffdead
}

footer {
    background: #2a2c39;
    padding: 40px 0
}

footer .s-wrap > .row-1 {
    display: block;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

footer .s-wrap > .row-2 .logo {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: .04em;
    gap: 11px
}

footer .s-wrap > .row-2 .logo img {
    min-width: 54px
}

footer .s-wrap > .row-1 .menu {
    width: calc(100% - 207px);
    display: flex;
    justify-content: flex-end
}

footer .s-wrap > .row-2 .social-menu {
    margin: 40px 0;
    justify-content: center;
    align-items: center
}

footer .s-wrap > .row-2 .menu a {
    color: #fff;
    font-size: 18px;
    line-height: 25px
}

footer .s-wrap > .row-2 .menu a {
    color: #fff
}

footer .s-wrap > .row-1 .menu {
    list-style: none;
    display: flex;
    gap: 20px
}

.social-menu {
    display: flex;
    gap: 24px;
    margin-top: 10px
}

footer .row-2 {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 20px;
    color: #6a6a6a;
    margin-top: 82px
}

footer .row-2 .col-right {
    display: flex;
    justify-content: space-between;
    width: 60%
}

footer .row-2 .col-right ul li {
    margin-bottom: 15px
}

footer .row-2 ul {
    list-style: none;
    display: block;
    gap: 30px;
    justify-content: end;
    padding-bottom: 20px;
    text-align: center;
    margin-left: 0
}

.tt-overlay-menu.tt-ol-menu-count {
    background: #2a2c39
}

.tt-ol-menu-list > li > a, .tt-ol-menu-list > li > .tt-ol-submenu-trigger > a {
    color: #777990;
    font-weight: 100
}

.s-about--start {
    min-height: 100vh;
    padding-top: 32vh
}

.s-about--start .s-wrap {
    display: grid;
    grid-template-columns:698px auto
}

.s-about--start h1 {
    font-weight: 600;
    font-size: 70px;
    line-height: 100%;
    text-transform: uppercase;
    -webkit-font-smoothing: auto
}

.s-about--start .ph-caption {
    display: grid;
    gap: 60px
}

.s-about--start .ph-caption .s-header {
    display: grid;
    gap: 40px;
    font-size: 24px;
    line-height: 120%
}

.s-about--start .s-wrap .circle {
    position: absolute;
    width: 708px;
    height: 666px;
    top: 179px;
    background: linear-gradient(180deg, rgba(0, 132, 254, .7) 0%, rgba(251, 0, 139, .7) 100%);
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    right: 0;
    z-index: -2
}

.s-about--start .s-wrap .robot {
    left: 53%
}

.s-about--why {
    background: #262835;
    padding: 130px 0
}

.s-about--why .s-wrap {
    display: grid;
    grid-template-columns:758px auto;
    gap: 56px;
    align-items: center
}

.s-about--why .s-wrap .col-left {
    display: grid;
    gap: 24px
}

.s-about--why .s-wrap .figure {
    height: 596px;
    position: relative
}

.s-about--why .s-wrap .figure img {
    position: absolute;
    min-width: 969px;
    height: 596px
}

.s-about--why .s-wrap .items {
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    font-style: italic;
    display: grid;
    grid-template-columns:50% 50%;
    gap: 20px 65px;
    width: calc(100% - 65px)
}

.s-about--why .s-wrap .items .title {
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 4px
}

.s-about--why h2 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 48px;
    line-height: 130%
}

.s-about--feature {
    padding: 200px 0
}

.s-about--feature .items {
    display: flex;
    gap: 24px
}

.s-about--feature .s-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px
}

.s-about--feature .s-wrap .item {
    background: #2a2c39;
    border-radius: 20px;
    padding: 60px 42px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 33%
}

.s-about--feature .s-wrap .item .title {
    text-align: center;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.s-about--partner {
    position: relative;
    padding-bottom: 200px
}

.s-about--partner .s-wrap {
    display: grid;
    grid-template-columns:50% auto;
    gap: 50px;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px
}

.s-about--partner .s-wrap h2 {
    font-weight: 200;
    font-size: 48px;
    line-height: 130%;
    text-transform: uppercase
}

.s-about--partner .s-wrap .col-left {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.s-about--partner .s-wrap .col-left p {
    margin-bottom: 15px
}

.s-about--partner .s-wrap > .gradient {
    position: absolute;
    width: 340px;
    height: 454px;
    left: 0;
    top: -100px;
    background: rgba(44, 208, 149, .3);
    opacity: .5;
    filter: blur(100px);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.s-about--partner .s-wrap .col-right .figure {
    position: relative
}

.s-about--partner .s-wrap .figure .gradient {
    position: absolute;
    width: 434px;
    height: 408px;
    left: 0;
    top: 0;
    background: #0084fe;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.s-trading--start {
    padding-top: 290px;
    padding-bottom: 200px
}

.s-trading--start .s-header {
    text-align: center;
    max-width: 600px;
    margin: auto;
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 80px
}

.s-trading--start .s-header h1 {
    font-weight: 250;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 24px
}

.s-trading--start .s-header p {
    margin-bottom: 15px
}

.s-trading--start .s-content .items {
    display: grid;
    grid-template-columns:auto auto auto auto;
    gap: 40px;
    font-size: 16px;
    line-height: 140%;
    max-width: 903px;
    margin: auto
}

.s-trading--start .s-content .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    margin-bottom: 32px
}

.s-trading--start .s-content .items .item {
    display: grid;
    gap: 12px
}

.s-trading--start .s-content .items .item .icon {
    width: 16px;
    height: 16px;
    background: #ff8064;
    border-radius: 100px
}

.s-trading--start .s-content .items .item .icon.green {
    background: #a3ff77
}

.s-trading--start .s-content .items .item .icon.yellow {
    background: #e7d36a
}

.s-trading--start .s-content .items .item .icon.blue {
    background: #6188ff
}

.s-trading--start .gradient {
    position: absolute;
    width: 340px;
    height: 454px;
    right: 100px;
    top: -100px;
    background: rgba(44, 208, 149, .3);
    opacity: .5;
    filter: blur(100px);
    pointer-events: none;
    z-index: -1
}

.s-trading--table {
    padding-bottom: 150px
}

.s-trading--table .s-header .label {
    text-align: center;
    font-weight: 200;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase
}

.s-trading--table .s-wrap {
    display: grid;
    gap: 60px
}

.s-trading--table .s-table {
    background: linear-gradient(180deg, #323546 0%, rgba(50, 53, 70, .2) 100%);
    border-radius: 15px;
    padding: 40px
}

.s-trading--table .s-table table {
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    border-spacing: 0px
}

.s-trading--table .s-table table td {
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .24);
    text-align: center
}

.s-trading--table .s-table table th {
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    font-weight: 300;
    opacity: .6;
    border-bottom: 1px solid rgba(255, 255, 255, .24);
    padding-bottom: 32px
}

.s-trading--table .s-table table tr:last-child td {
    border-bottom: 0;
    padding-bottom: 0
}

.s-trading--table .s-table table .col-1 {
    width: 150px;
    text-align: left
}

.s-trading--table .s-table table .col-5 {
    width: 125px;
    text-align: left
}

.s-trading--table .gradient {
    position: absolute;
    width: 708px;
    height: 666px;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.s-trading--start .ph-caption {
    transform: none !important
}

.s-faq--start {
    padding-top: 314px;
    padding-bottom: 175px
}

.s-faq--start h1 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 48px;
    line-height: 100%
}

.s-faq--start .s-wrap {
    max-width: 774px;
    margin: auto;
    position: relative;
    z-index: 2
}

.s-faq--start .s-wrap .s-header {
    margin-bottom: 80px
}

.s-technology--start {
    padding: 122px 0;
    padding-top: 20vh
}

.s-technology--start .s-wrap {
    display: grid;
    grid-template-columns:50% auto;
    gap: 105px;
    font-size: 18px;
    line-height: 130%;
    align-items: center
}

.s-technology--start h1 {
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;
    max-width: 466px;
    margin-bottom: 24px;
    font-weight: 200
}

.s-technology--start .s-wrap p {
    margin-bottom: 15px
}

.s-technology--start .s-wrap .col-right img {
    position: absolute;
    width: 969px;
    height: 596px
}

.s-technology--start .s-wrap .col-right {
    height: 596px
}

.s-technology--about {
    padding: 200px 0
}

.s-technology--about .s-wrap {
    display: grid;
    grid-template-columns:583px auto;
    gap: 150px;
    font-size: 18px;
    line-height: 130%;
    align-items: center
}

.s-technology--about .s-wrap h2 {
    font-weight: 255;
    font-size: 48px;
    line-height: 130%;
    text-transform: uppercase
}

.s-technology--about .s-wrap .s-header {
    margin-bottom: 24px
}

.s-technology--about .s-wrap .col-right {
    height: 485.76px
}

.s-technology--about .s-wrap .col-right .figure {
    position: absolute;
    width: 796.32px;
    height: 485.76px
}

.s-technology--about .s-wrap .col-right .figure img {
    position: absolute;
    top: 0;
    left: 0
}

.s-technology--about .s-wrap .col-right .figure img.phone {
    z-index: 1;
    width: 221px;
    top: inherit;
    bottom: 0;
    left: 28px
}

.s-technology--about .s-wrap .col-right .figure img.laptop {
    height: 450px
}

.s-technology--edge {
    margin-bottom: 200px
}

.s-technology--edge h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 60px
}

.s-technology--edge .items {
    display: grid;
    gap: 24px;
    grid-template-columns:33% 33% 33%;
    width: calc(100% - 48px)
}

.s-technology--edge .items .item {
    padding: 58px 33px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    background: #2a2c39;
    border-radius: 20px;
    height: 100%
}

.s-technology--edge .items .item .title {
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 15px
}

.s-technology--start .gradient {
    position: absolute;
    width: 708px;
    height: 666px;
    left: 50%;
    top: 0;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.s-technology--edge .gradient {
    position: absolute;
    width: 476px;
    height: 447px;
    left: 0;
    top: 0;
    right: 0;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1;
    margin: auto
}

.s-op--start {
    padding-top: 35vh;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px
}

.s-op--start .s-wrap {
    display: grid;
    grid-template-columns:626px auto
}

.s-op--start h1 {
    font-size: 48px;
    line-height: 59px;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 24px
}

.s-op--start p {
    margin-bottom: 15px
}

.op-robot {
    position: absolute;
    bottom: 0;
    right: -34%;
    z-index: 1
}

.s-op--content {
    padding: 200px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px
}

.s-op--content .s-wrap {
    display: grid;
    gap: 80px
}

.s-op--content .s-wrap > .wp-block-columns {
    display: grid;
    grid-template-columns:50% auto
}

.s-op--content .s-wrap > .wp-block-columns h2 {
    font-size: 48px;
    line-height: 59px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px
}

.s-op--content .gradient-1 {
    position: absolute;
    width: 630px;
    height: 996px;
    right: 0;
    top: -50vh;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    opacity: .6;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.s-op--content .gradient {
    position: absolute;
    width: 960px;
    height: 663px;
    left: 0;
    bottom: -20%;
    background: rgba(56, 97, 251, .5);
    opacity: .5;
    filter: blur(100px);
    border-radius: 400px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    right: -400px;
    margin: auto
}

.s-zfg--start {
    background: url(//algosone.ai/assets/themes/common/assets/images/bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: COVER;
    padding-top: 30vh
}

.s-zfg--start .wp-block-columns {
    display: grid;
    grid-template-columns:50% auto;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px
}

.s-zfg--start .wp-block-columns h2 {
    font-weight: 200;
    font-size: 48px;
    line-height: 59px;
    text-transform: uppercase;
    margin-bottom: 24px
}

.s-zfg--start .s-wrap {
    display: grid;
    gap: 200px
}

.s-zfg--start .s-wrap-1 {
    padding-top: 200px
}

.s-zfg--start .s-wrap-1 h2 {
    font-size: 48px;
    line-height: 59px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 200;
    margin-bottom: 24px
}

.s-zfg--start .s-wrap-1 .s-header {
    max-width: 740px;
    margin: auto;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px
}

.s-zfg--start .s-wrap-1 .items {
    display: grid;
    gap: 40px 60px;
    grid-template-columns:33% 33% 33%;
    width: calc(100% - 120px);
    margin-top: 60px
}

.s-zfg--start .s-wrap-1 .items + .b-content {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 480px;
    padding-bottom: 0
}

.s-zfg--start .s-wrap-1 .items .item {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%
}

.s-zfg--start .s-wrap-1 .items .item .count {
    font-weight: 800;
    font-size: 24px;
    line-height: 140%;
    color: #df5f62;
    margin-bottom: 12px
}

.s-zfg--start .s-wrap-1 .items .item .title {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%
}

.s-contact--header img {
    width: 70%;
    margin: 0 auto;
    margin-top: 25vh
}

.s-contact--header {
    text-align: center
}

.s-contact--form {
    z-index: 2;
    margin-top: 200px
}

.s-contact--form h2 {
    text-align: center;
    font-style: italic;
    font-weight: 300;
    font-size: 48px;
    line-height: 59px;
    text-transform: uppercase
}

.s-contact--form .s-wrap {
    display: grid;
    gap: 60px
}

.s-contact--form .s-wrap .s-content {
    background: #2a2c39;
    border-radius: 20px;
    padding: 60px
}

.s-contact--form .s-wrap .s-content .ui_form__fieldsets {
    grid-template-columns:48% auto;
    gap: 60px
}

.s-contact--form .s-wrap .s-content > form {
    max-width: 860px;
    margin: auto;
    display: grid;
    gap: 24px
}

.s-contact--form .s-wrap .s-content > form textarea {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 0
}

.s-contact--form .s-wrap .s-content > form .form__send {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.figure-4 {
    margin-bottom: -20px
}

.s-contact--form .gradient {
    position: absolute;
    width: 1046px;
    height: 984px;
    right: 0;
    bottom: -120%;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    opacity: .7;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.s-contact--header .gradient {
    position: absolute;
    width: 1046px;
    height: 984px;
    right: 0;
    left: 0;
    margin: auto;
    top: 192px;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    opacity: .4;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.s-contact--header {
    overflow: unset !important
}

.s-blog--header {
    text-align: center;
    padding-top: 230px;
    padding-bottom: 80px;
    overflow: unset !important
}

.s-blog--header h1 {
    font-style: italic;
    font-weight: 700;
    font-size: 48px;
    line-height: 59px;
    text-align: center;
    text-transform: uppercase
}

.s-blog .s-categories .items {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center
}

.s-blog .s-categories .items .item a {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    opacity: .5
}

.s-blog .s-categories .items .item a.active {
    color: #32c183;
    opacity: 1
}

.s-blog .s-categories {
    border-top: 1px solid rgba(255, 255, 255, .24);
    border-bottom: 1px solid rgba(255, 255, 255, .24);
    padding: 19px 0;
    margin-bottom: 60px
}

.s-blog .s-posts > .wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.ui-post--card {
    background: #2a2c39;
    border-radius: 20px;
    padding: 24px;
    width: calc(33% - 10px)
}

.blog-new .ui-post--card {
    background: 0 0;
    border-radius: 20px;
    padding: 0;
    width: calc(50% - 22px);
    border: 1px solid #fff;
    overflow: hidden
}

.blog-new .ui-post--card .wrapper .details {
    padding: 8px
}

.ui-post--card .wrapper {
    display: flex;
    gap: 12px;
    flex-direction: column
}

.ui-post--card .wrapper .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase
}

.blog-new .ui-post--card .wrapper h2.title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
    height: 64px;
    overflow: hidden
}

.ui-post--card .wrapper .details > .meta {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ui-post--card .wrapper .details > .meta .category {
    background: #ef344a;
    border-radius: 41px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px 12px;
    line-height: 1.3
}

.ui-post--card .wrapper .details > .meta .date {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    opacity: .5
}

.ui-post--card .wrapper .caption {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    margin-top: 16px
}

.ui-post--card .wrapper .details {
    display: grid;
    gap: 18px
}

.s-blog {
    padding-bottom: 94px
}

.ui-post--card .wrapper img {
    border-radius: 10px;
    width: 100%;
    height: 250px;
    object-fit: cover
}

.wrap > .ui-post--card:first-child, .wrap > .ui-post--card:nth-child(4n+1) {
    width: 100%
}

.blog-new.s-blog .s-posts > .wrap {
    gap: 48px 32px
}

.blog-new .wrap > .ui-post--card:first-child, .blog-new .wrap > .ui-post--card:nth-child(4n+1) {
    width: calc(50% - 22px)
}

.wrap > .ui-post--card:first-child > .wrapper, .wrap > .ui-post--card:nth-child(4n+1) > .wrapper {
    flex-direction: revert;
    gap: 24px
}

.blog-new .wrap > .ui-post--card:first-child > .wrapper, .wrap > .ui-post--card:nth-child(4n+1) > .wrapper {
    flex-direction: column;
    gap: 12px
}

.wrap > .ui-post--card:first-child > .wrapper .thumbnail, .wrap > .ui-post--card:nth-child(4n+1) > .wrapper .thumbnail {
    width: 53%
}

.blog-new .wrap > .ui-post--card:first-child > .wrapper .thumbnail, .wrap > .ui-post--card:nth-child(4n+1) > .wrapper .thumbnail {
    width: 100%
}

.gradient--1 {
    position: absolute;
    width: 1046px;
    height: 984px;
    left: 30%;
    bottom: -30%;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    opacity: .7;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.ui-logo-1 svg.s-2 {
    position: absolute;
    left: 0;
    top: 0;
    filter: blur(10px)
}

.ui-logo-1 {
    position: relative;
    width: max-content;
    margin: auto;
    margin-bottom: 20px
}

.s-blog--header .gradient {
    position: absolute;
    width: 630px;
    height: 484px;
    left: 0;
    right: 0;
    top: -135.13px;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    opacity: .6;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    margin: auto;
    z-index: -1
}

.single--post div#page-header {
    padding-top: 255px
}

.single--post div#page-header .s-wrap {
    display: flex;
    gap: 10px;
    font-size: 14px;
    line-height: 17px
}

.s-post {
    margin-top: 60px;
    background: #2a2c39;
    border-radius: 20px;
    padding: 60px
}

.s-post > .s-wrap {
    max-width: 944px;
    margin: auto
}

.s-post > .s-wrap .thumbnail {
    line-height: 0;
    margin-bottom: 40px
}

.s-post > .s-wrap .thumbnail img {
    border-radius: 10px;
    max-height: 450px;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.s-post > .s-wrap .meta {
    display: flex;
    justify-content: space-between;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px
}

.s-post > .s-wrap .meta .category {
    background: #ef344a;
    border-radius: 41px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 2px 12px
}

.s-post > .s-wrap .s-header {
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 24px;
    text-transform: none
}

.s-post > .s-wrap .s-content {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px
}

.s-shared-block {
    width: max-content;
    margin: 40px auto;
    display: grid;
    gap: 16px;
    text-align: center
}

.s-shared-block .s-social {
    line-height: 0;
    display: flex;
    gap: 48px
}

.s-shared-block .title {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2
}

.s-related {
    padding-top: 60px;
    padding-bottom: 100px
}

.s-related .s-header h2 {
    font-style: italic;
    font-weight: 700;
    font-size: 48px;
    line-height: 59px;
    text-align: center;
    text-transform: uppercase
}

.s-related .s-header {
    margin-bottom: 40px
}

.s-related--list .swiper-slide {
    max-width: 386px
}

.s-related--list .swiper-slide .ui-post--card {
    display: block;
    width: 100%
}

.single--post div#page-header .s-wrap .item:after {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L6 5.5L1 10.5' stroke='white'/%3E%3C/svg%3E");
    content: '';
    width: 6px;
    height: 11px;
    display: block
}

.single--post div#page-header .s-wrap .item {
    display: flex;
    align-items: center;
    gap: 9px;
    opacity: .5
}

.single--post div#page-header .s-wrap .item.active {
    opacity: 1
}

.single--post div#page-header .s-wrap .item:last-child:after {
    display: none
}

.s-profit--header {
    padding-top: 225px;
    text-align: center;
    overflow: unset !important
}

.s-profit--about {
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    max-width: 834px;
    margin: auto;
    padding: 0 0 250px
}

.s-profit--about .s-header {
    margin-bottom: 24px
}

.s-profit--header .gradient {
    position: absolute;
    width: 901px;
    height: 914px;
    left: 0;
    top: 333px;
    background: rgba(56, 97, 251, .5);
    opacity: .5;
    filter: blur(100px);
    border-radius: 400px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    right: 0;
    margin: auto;
    z-index: -1
}

.s-profit--about .s-header h1 {
    font-weight: 200;
    line-height: 1
}

.s-profit--features .s-header {
    text-align: center;
    max-width: 856px;
    margin: auto;
    font-size: 18px;
    line-height: 130%
}

.s-profit--features .s-header h2 {
    font-size: 48px;
    line-height: 100%;
    font-weight: 700;
    margin-bottom: 24px
}

.s-profit--features .s-content {
    display: grid;
    grid-template-columns:50% auto;
    padding-top: 50px;
    align-items: center;
    gap: 110px
}

.s-profit--features .s-content .block {
    max-width: 474px;
    font-size: 16px;
    line-height: 130%;
    position: relative
}

.s-profit--features .s-content .block .title {
    font-size: 20px;
    line-height: 140%;
    font-weight: 600;
    margin-bottom: 16px
}

.s-profit--features .s-content .block p {
    margin-bottom: 16px
}

.s-profit--features .s-content .block ul {
    padding-left: 15px;
    margin-bottom: 30px;
    display: grid;
    gap: 4px
}

.s-profit--features .s-content .col-right {
    display: grid;
    gap: 65px
}

.s-profit--features .s-content .block .icon {
    width: 16px;
    height: 16px;
    background: #a3ff77;
    border-radius: 100px;
    margin-bottom: 10px
}

.s-profit--features .s-content .block .icon.yellow {
    background: #e7d36a
}

.s-profit--features .s-content .block .icon.red {
    background: #ff8064
}

.s-profit--features .s-content .block .line-1 {
    width: calc(100% + 130px);
    height: 191px;
    position: absolute;
    background: url(//algosone.ai/assets/themes/common/assets/images/ai/1.svg) no-repeat;
    background-size: contain;
    background-position: center;
    top: -160px;
    left: 60px
}

.s-profit--features .s-content .block .line-2 {
    position: absolute;
    width: 105.5px;
    height: 450.5px;
    background: url(//algosone.ai/assets/themes/common/assets/images/ai/2.svg) no-repeat;
    background-size: contain;
    background-position: center;
    bottom: -80px;
    left: -120px
}

.s-profit--features .s-content .col-left {
    padding-bottom: 110px
}

.s-profit--plans .s-wrap {
    display: grid;
    grid-template-columns:auto 596px;
    gap: 176px
}

.s-profit--plans .s-wrap .f-robot {
    position: relative
}

.s-profit--plans .s-wrap .f-robot svg {
    position: absolute;
    right: 0;
    top: 0
}

.s-profit--plans .s-wrap .f-robot {
    height: 1627px
}

.s-profit--plans {
    padding-top: 180px;
    font-weight: 300;
    font-size: 18px;
    line-height: 130%
}

.s-profit--plans .s-wrap .col-right {
    padding-top: 80px
}

.s-profit--plans .s-wrap .col-right h2 {
    font-size: 48px;
    line-height: 130%;
    font-weight: 200;
    margin-bottom: 24px
}

.s-profit--success {
    padding-top: 190px;
    font-size: 18px;
    line-height: 130%
}

.s-profit--success .s-wrap {
    display: grid;
    grid-template-columns:44% auto;
    gap: 123px
}

.s-profit--success .s-wrap .s-header {
    display: grid;
    gap: 24px
}

.s-profit--success .s-wrap .s-header h2 {
    font-weight: 200
}

.s-profit--features .gradient {
    position: absolute;
    width: 670px;
    height: 631px;
    left: 0;
    top: -30%;
    background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
    opacity: .4;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -2
}

.s-profit--plans .gradient {
    position: absolute;
    width: 340px;
    height: 454px;
    right: 0;
    top: 10%;
    background: rgba(44, 208, 149, .3);
    opacity: .5;
    filter: blur(100px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -2
}

div#toPin {
    position: relative
}

header .menu .item {
    list-style: none
}

.page .s-post {
    margin-top: 150px
}

div#menu-lang > li {
    display: none
}

div#menu-lang > #menu-item-9999999999 {
    display: flex;
    text-transform: capitalize;
    position: relative;
    align-items: center
}

.menu_item_wpglobus_menu_switch:hover .sub-menu {
    list-style: none;
    position: absolute;
    background: #0000005e;
    padding: 10px 20px;
    border-radius: 15px;
    left: -22%;
    top: 27px
}

.s-home--security .s-content .items .div:last-child {
    display: none
}

li#menu-item-9999999999:after {
    content: '';
    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1299 16.0652L11.1299 15.0652" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.1299 16.0652L16.1299 12.0652" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.1299 16.0652L8.12988 12.0652" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 24px;
    height: 27px
}

.s-post > .s-wrap .s-content h2 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 400;
    margin-top: 50px
}

.s-tags {
    margin-top: 25px;
    font-size: 14px;
    color: #727481
}

.s-tags a {
    color: #9ea0ab
}

.l-mt-10 {
    margin-top: 10px
}

.l-mt-15 {
    margin-top: 15px
}

.l-mt-20 {
    margin-top: 20px
}

.l-mt-25 {
    margin-top: 25px
}

.l-mt-30 {
    margin-top: 30px
}

.l-mt-35 {
    margin-top: 35px
}

.l-mt-40 {
    margin-top: 40px
}

.l-mb-10 {
    margin-bottom: 10px
}

.l-mb-15 {
    margin-bottom: 15px
}

.l-mb-20 {
    margin-bottom: 20px
}

.l-mb-25 {
    margin-bottom: 25px
}

.l-mb-30 {
    margin-bottom: 30px
}

.l-mb-35 {
    margin-bottom: 35px
}

.l-mb-40 {
    margin-bottom: 40px
}

.l-mb-55 {
    margin-bottom: 55px
}

.l-pb-0 {
    padding-bottom: 0
}

.l-pb-10 {
    padding-bottom: 10px
}

.l-pb-15 {
    padding-bottom: 15px
}

.l-pb-20 {
    padding-bottom: 20px
}

.l-pb-250 {
    padding-bottom: 250px
}

#menu-header-1 .sub-menu {
    display: none
}

#menu-header-1 .sub-menu .magnetic-wrap {
    justify-content: start
}

#menu-header-1 li {
    position: relative
}

#menu-header-1 .sub-menu li {
    padding: 5px 0
}

#menu-header-1 li:hover .sub-menu {
    display: block
}

#menu-header-1 li:hover .sub-menu {
    list-style: none;
    position: absolute;
    background: #0000005e;
    padding: 10px 20px;
    border-radius: 15px;
    left: -22%;
    top: 30px;
    text-align: left;
    width: max-content
}

#menu-header-2 .sub-menu {
    list-style: none;
    padding-left: 20px;
    color: #777990
}

#menu-header-2 .sub-menu .current_page_parent a {
    color: #fff
}

.s-shares--success {
    position: relative;
    margin-top: 150px
}

.s-shares--success .s-wrap {
    display: grid;
    grid-template-columns:50% auto;
    gap: 50px;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px
}

.s-shares--success .s-wrap h2 {
    font-weight: 200;
    font-size: 48px;
    line-height: 130%;
    text-transform: uppercase;
    margin-top: 65px
}

.s-shares--success .s-wrap .col-left {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.s-shares--success .s-wrap .col-left p {
    margin-bottom: 15px
}

.s-shares--success .s-wrap > .gradient {
    position: absolute;
    width: 340px;
    height: 454px;
    left: 0;
    top: -100px;
    background: rgba(44, 208, 149, .3);
    opacity: .5;
    filter: blur(100px);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.s-shares--success .s-wrap .col-right .figure {
    position: relative
}

.s-shares--success .s-wrap .figure .gradient {
    position: absolute;
    width: 434px;
    height: 408px;
    left: 0;
    top: 0;
    background: #0084fe;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.s-shares--shareholder {
    position: relative;
    padding-top: 150px;
    padding-bottom: 200px;
    text-align: center
}

.s-shares--shareholder .s-wrap {
    max-width: 831px;
    margin: auto;
    gap: 60px;
    display: grid
}

.s-shares--shareholder .s-wrap .s-header .label {
    text-transform: uppercase;
    font-weight: 250;
    font-size: 58px;
    line-height: 130%
}

.s-shares--shareholder .s-wrap .s-header {
    display: grid;
    gap: 24px
}

.s-shares--shareholder p {
    font-weight: 300;
    font-size: 20px;
    line-height: 25px
}

.s-home-performance .figure > img {
    min-width: 2800px
}

.s-shares--shareholder .figure {
    position: absolute;
    top: -430px;
    z-index: -1;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.fullscreen-bg {
    position: relative;
    z-index: -99
}

.fullscreen-bg video {
    width: 100%
}

.fullscreen-bg-contacts {
    position: relative;
    z-index: -99
}

.fullscreen-bg-contacts video {
    width: 100%;
    object-fit: cover;
    mix-blend-mode: exclusion;
    opacity: 1;
    position: relative;
    z-index: -1
}

.fullscreen-bg-profit {
    position: relative;
    z-index: -99
}

.fullscreen-bg-profit video {
    mix-blend-mode: exclusion;
    opacity: 1;
    position: relative;
    z-index: -1
}

.fullscreen-bg-home {
    position: relative;
    z-index: -99;
    width: 100%;
    margin-bottom: -10px
}

.fullscreen-bg-home video {
    width: 100%;
    mix-blend-mode: exclusion;
    opacity: 1;
    position: relative;
    z-index: 1
}

.fullscreen-bg-faq {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    right: 0
}

.fullscreen-bg-faq video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: exclusion;
    opacity: 1;
    position: absolute;
    z-index: 1
}

.home-lottie-1 {
    position: absolute;
    top: 0;
    width: 200%;
    height: 100%;
    z-index: -1;
    left: -50%;
    right: 0
}

.profit-lottie-1 {
    max-width: 1400px;
    margin: -200px auto
}

.profit-lottie-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 1590px
}

#animation-container {
    position: absolute;
    z-index: 0;
    width: 135vw;
    bottom: 0
}

.what-is-anim {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0
}

.page-about-1 {
    position: absolute;
    right: 0;
    top: 6%
}

.page-opportunities {
    position: absolute;
    z-index: 0;
    width: 70%;
    right: 0
}

body.home #page-content {
    background-position: 0 430px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/home.jpg)
}

body.page-id-5 #page-content {
    background-position: 0 78%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/about.jpg)
}

body.page-id-12 #content-wrap {
    background-position: 0 78%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/trade.jpg)
}

body.page-id-25 #content-wrap {
    background-position: 0 78%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/Contact.jpg)
}

body.page-id-14 .faq-anim {
    background-position: 0 78%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/faq.jpg)
}

body.page-id-16 #content-wrap {
    background-position: 0 78%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/tech.jpg)
}

body.page-id-31 #content-wrap {
    background-position: 0 86%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/profit.jpg)
}

body.blog #content-wrap {
    background-position: 0 86%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//algosone.ai/assets/themes/common/assets/images/bgs/blog.jpg)
}

.relatedSlider .swiper-scrollbar {
    background: rgba(255, 255, 255, .14);
    opacity: 1 !important
}

.relatedSlider.swiper {
    padding-bottom: 40px
}

.relatedSlider .swiper-scrollbar-drag {
    background: #3861fb
}

.post-navigation {
    margin-top: 60px
}

.blog-new .post-navigation {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #fff;
    position: relative
}

.post-navigation .screen-reader-text {
    display: none
}

.post-navigation .nav-links {
    display: flex;
    align-items: center;
    justify-content: center
}

.post-navigation .nav-links .meta-nav {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.post-navigation .nav-links .meta-nav img {
    margin: 0 10px
}

.post-navigation .nav-links .prev {
    position: absolute;
    left: 0
}

.blog-new .post-navigation .nav-links .next {
    position: absolute;
    right: 0
}

.post-navigation .nav-links .prev, .post-navigation .nav-links .next {
    border: 1px solid #fff;
    border-radius: 80px;
    margin: 0;
    padding: 4px 14px
}

.post-navigation .nav-next, .post-navigation .nav-prev {
    display: flex;
    align-items: center
}

.post-navigation .nav-next img {
    margin-left: 10px
}

.post-navigation .nav-prev img {
    margin-right: 10px
}

.page-numbers:not(.next):not(.prev) {
    display: none
}

.s-team--start h1 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 48px;
    line-height: 100%;
    text-align: center;
    font-style: italic
}

.s-team--start .s-wrap .s-header {
    margin-bottom: 120px
}

.page-id-306 #content-wrap {
    background-image: url(//algosone.ai/assets/themes/common/./assets/images/team/page_bg.jpg);
    background-size: 100% 100%
}

.s-team--start {
    padding-top: 314px;
    padding-bottom: 75px
}

.team {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px
}

.team-member {
    flex-basis: calc(33.33% - 20px);
    margin-bottom: 40px;
    text-align: left;
    position: relative;
    perspective: 1000px
}

.team-member .name {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    padding-bottom: 4px
}

.team-member .prof {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: rgba(255, 255, 255, .4);
    padding-bottom: 16px
}

.team-member .desc {
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
    color: #fff
}

.team-center {
    padding-top: 20px;
    text-align: center
}

.flip-card {
    background-color: transparent;
    width: 364px;
    height: 490px;
    perspective: 1000px;
    padding-bottom: 100px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d
}

@media (min-width: 990px) {
    .flip-card-back .team-center {
        display: none
    }

    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg)
    }
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-card-back {
    background: linear-gradient(180deg, #5b1d78 0%, rgba(66, 0, 255, .7) 100%);
    padding: 40px 20px 20px;
    box-sizing: border-box;
    border-radius: 50%;
    max-width: 364px;
    max-height: 364px;
    text-align: center;
    color: #fff;
    transform: rotateY(180deg);
    position: relative;
    top: 20px;
    left: 0;
    display: flex;
    align-items: center;
    margin: 0 auto
}

.s-op--start .b-content, .s-trading--start .b-content, .s-profit--plans .b-content, .s-profit--about .b-content, .s-technology--about .b-content, .s-technology--start .s-content {
    padding-top: 40px
}

.s-trading--start .b-content {
    text-align: center
}

.header-sign-in {
    padding-left: 5px;
    padding-right: 5px
}

.s-home-performance .container {
    position: relative;
    z-index: 3
}

.copyr {
    padding-top: 40px
}

footer .s-wrap > .row-2 .logo {
    color: #fff
}

.f-head {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: rgba(206, 204, 208, .6);
    padding-bottom: 20px;
    text-align: center
}

.page--433 ul {
    margin-left: 20px
}

.page-opportunities.video {
    width: initial
}

.page-opportunities.video video {
    width: 100%
}

.s-about--start .s-content {
    padding-bottom: 40px
}

.single--post ol, .single--post ul {
    margin-left: 25px;
    margin-bottom: 25px
}

img.ptr-prel-image {
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot
}

@keyframes rot {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rot {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.page404 {
    padding: 250px 0
}

footer .col-left {
    text-align: center
}

.page-ai-trading {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    margin-bottom: -10px
}

.what-is-anim-ai-trading {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: -7px
}

.s-zfg--start .s-wrap, .s-zfg--start .s-wrap-1 {
    position: relative;
    z-index: 3
}

.s-home--rates h3 {
    text-align: center !important;
    margin-bottom: 40px
}

.s-home--rates thead tr > th {
    padding-bottom: 20px;
    font-weight: 600
}

.s-home--rates thead tr > th:first-child {
    text-align: left
}

.s-home--rates thead tr > th:last-child {
    text-align: right
}

#page-header.ph-bg-image .ph-image-inner {
    margin-bottom: -2px
}

body .preloader {
    background-color: #17171a
}

body .preloader .inner .percentage {
    font-size: 40px
}

.bg_sky {
    position: absolute;
    bottom: -12px;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0
}

body:not(.tt-ol-menu-open) .tt-overlay-menu {
    display: none
}

.bg_sky img {
    width: 100%
}

.s-home-apple .items {
    display: flex;
    gap: 49px
}

.s-home-apple {
    padding-bottom: 170px
}

.s-home-apple .items .item {
    padding: 43px 48px;
    text-align: center;
    border-radius: 17px;
    background: rgba(0, 0, 0, .13);
    margin-bottom: 40px;
    background-size: cover
}

.s-home-apple .items > .item:first-child {
    background-image: url(//algosone.ai/assets/themes/common/./assets/images/home/bg/1.png)
}

.s-home-apple .items > .item:nth-child(2) {
    background-image: url(//algosone.ai/assets/themes/common/./assets/images/home/bg/2.png)
}

.s-home-apple .items > .item:last-child {
    background-image: url(//algosone.ai/assets/themes/common/./assets/images/home/bg/3.png)
}

.s-home-apple .items .item .title {
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 15px
}

.s-home-apple .items .item .desc {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 290px;
    margin: 0 auto
}

.s-home--slider .swiper {
    width: 100%;
    height: 100%;
    overflow: visible
}

.s-home--slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.s-home--slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 381px
}

.s-home--slider .swiper-slide {
    width: 32%
}

.s-home--slider {
    padding-bottom: 200px
}

.s-home--slider .swiperNav {
    padding-top: 40px;
    display: flex;
    align-content: center;
    justify-content: center
}

.s-home--slider .swiperNav > div {
    margin: 0 16px;
    cursor: pointer
}

.homeSliderNew .slider-content {
    display: flex;
    align-content: center;
    justify-content: space-between;
    width: 100%
}

.homeSliderNew .slider-content img.slide-img {
    max-width: 100%;
    width: auto;
    position: relative;
    z-index: -1
}

.homeSliderNew .swiper-slide {
    visibility: hidden
}

.homeSliderNew .swiper-slide.swiper-slide-active {
    visibility: visible
}

.homeSliderNew .slider-content .content {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    text-align: left;
    position: relative;
    z-index: 4
}

.homeSliderNew .title {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 20px;
    min-width: max-content
}

.homeSliderNew .desc {
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: normal;
    max-width: 247px
}

.homeSliderNew .desc img {
    position: relative;
    top: 5px
}

.homeSliderNew .swiperNav > div {
    margin: 0 16px;
    cursor: pointer
}

.homeSliderNew .swiperNav {
    display: flex;
    align-content: center;
    justify-content: center;
    position: relative;
    top: -200px;
    z-index: 9
}

.homeSliderNew .slide3 .slide-img {
    position: relative;
    right: -20%
}

.s-zfg--start.influencers .s-wrap-1 .items .item .icon {
    width: 16px;
    height: 16px;
    background: #ff8064;
    border-radius: 100px;
    margin-bottom: 20px
}

.s-zfg--start.influencers .s-wrap-1 .s-header p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.s-zfg--start.influencers .s-wrap-1 .items .item .icon.green {
    background: #a3ff77
}

.s-zfg--start.influencers .s-wrap-1 .items .item .icon.yellow {
    background: #e7d36a
}

.s-zfg--start.influencers .s-wrap-1 .items .item .icon.blue {
    background: #6188ff
}

.s-zfg--start.influencers .benefit-from {
    padding-top: 110px;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.s-zfg--start.influencers .s-wrap-1 .items {
    display: grid;
    gap: 20px;
    grid-template-columns:25% 25% 25% 25%;
    width: 100%;
    margin-top: 40px
}

.s-zfg--start.influencers .quote-text {
    padding-top: 200px;
    text-align: center;
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    max-width: 996px;
    margin: 0 auto
}

.s-zfg--start.influencers .quote-author {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    padding-top: 10px
}

.s-zfg--start.influencers .s-wrap-1 .items + .b-content {
    padding-top: 60px
}

.page-ai-trading.influencers {
    margin-bottom: -210px
}

.page-affiliates h1.label {
    font-weight: 300
}

.page-affiliates .s-about--start .s-wrap {
    grid-template-columns:777px auto
}

.page-affiliates .s-about--start .ph-caption {
    position: relative;
    z-index: 3
}

.page-affiliates .s-about--why-2 {
    background: #262835;
    padding: 160px 0;
    text-align: center
}

.page-affiliates .s-about--why-2 h2 {
    font-weight: 300;
    padding-bottom: 30px;
    font-size: 70px
}

.page-affiliates .s-about--why-2 .s-wrap {
    max-width: 944px;
    margin-left: auto;
    margin-right: auto
}

.page-affiliates .s-about--why-2 .s-wrap .s-content p {
    margin-bottom: 60px;
    font-size: 24px
}

.page-affiliates .s-about--feature .s-wrap .item {
    background: 0 0
}

.page-affiliates .affiliates-one {
    padding: 200px 0 100px
}

.page-affiliates .affiliates-two {
    padding: 100px 0 0;
    margin-bottom: -60px
}

.page-affiliates .affiliates-one .s-wrap, .page-affiliates .affiliates-two .s-wrap {
    gap: 10px
}

.page-affiliates .affiliates-two .s-wrap .item {
    text-align: left;
    padding: 30px 42px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.page-affiliates .affiliates-two .s-wrap .num {
    text-align: left;
    color: #df5f62;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

.page-affiliates .affiliates-one .s-wrap .item .title {
    font-style: normal
}

.page-affiliates .affiliates-one .text {
    font-style: italic
}

.gradient--1.affiliates-1 {
    position: absolute;
    width: 1046px;
    height: 584px;
    left: 20%;
    bottom: -9%;
    background: linear-gradient(180deg, #fb008b 0%, #0084fe 100%);
    opacity: .7;
    filter: blur(200px);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1
}

.page-affiliates .affiliates-two .label + p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.s-wait .page-wait-1 {
    position: absolute;
    right: 0;
    bottom: -1%;
    width: 100%;
    z-index: 1
}

.form-wait-list {
    position: relative;
    z-index: 10;
    padding-top: 32px
}

.form-wait-list input {
    min-height: 52px;
    max-height: 52px;
    margin-bottom: 16px;
    width: 100%
}

.s-wait {
    padding-top: 30vh;
    min-height: 100vh
}

.s-wait .s-wrap-1 {
    max-width: 480px;
    position: relative;
    z-index: 99
}

.s-wait .footer_anim .figure-4 {
    position: absolute;
    bottom: -2px;
    z-index: 5;
    left: 0;
    right: 0;
    margin: auto
}

.s-wait h1 {
    font-size: 70px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 15px
}

.s-wait .desc {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.s-wait .desc p {
    margin-bottom: 15px
}

.s-wait .form-wait-list .wpcf7-submit {
    background: transparent url(//algosone.ai/assets/themes/common/./assets/images/arrow.svg) no-repeat 88% center;
    border-radius: 80px;
    border: 1px solid #fff;
    text-transform: uppercase;
    width: 230px;
    cursor: pointer;
    margin-top: 20px;
    text-align: left;
    padding-left: 30px
}

body.page-id-1119 #content-wrap {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/assets/themes/common/assets/images/inf.jpg?v=1)
}

.inf-page .footer_anim {
    position: relative
}

.inf-page .footer_anim .gradient--1 {
    left: 30%;
    bottom: -155%
}

.inf-merch .grid-item .image {
    text-align: center;
    width: 100%;
    border: 1px solid #403f3f;
    overflow: hidden;
    border-radius: 20px;
    height: 304px;
    max-width: 372px;
    display: flex;
    align-items: center;
    justify-content: center
}

.inf-merch .grid-item .image img {
    max-height: 250px
}

.inf-merch .grid-item {
    max-width: 372px
}

.inf-add-elements .grid-item .image {
    display: flex;
    align-items: end;
    justify-content: center;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #403f3f;
    overflow: hidden;
    min-height: 284px;
    max-height: 524px
}

.inf-add-elements .inf-materials .grid-container > .grid-item:nth-child(1) .image {
    padding: 15px
}

.inf-add-elements .inf-materials .grid-container > .grid-item:nth-child(1) .image img {
    width: auto;
    max-width: 100%
}

.inf-add-elements .grid-item .image img {
    border-radius: 20px;
    width: 100%
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.inf-merch, .inf-video, .inf-articles, .inf-add-elements, .inf-colors {
    padding-top: 80px;
    padding-bottom: 80px
}

.inf-merch {
    padding-bottom: 160px
}

.inf-merch h3, .inf-video h3, .inf-banners h3, .inf-add-elements h3, .inf-articles h3, .inf-colors h3 {
    padding-bottom: 40px
}

.inf-articles .inf-materials a, .inf-colors .inf-materials a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .32px;
    text-transform: capitalize
}

.inf-articles .inf-materials a img, .inf-colors .inf-materials a img {
    margin-right: 16px
}

.inf-header {
    padding-top: 268px;
    padding-bottom: 200px
}

.inf-header h1 {
    color: #fff;
    text-align: center;
    font-size: 70px;
    font-style: normal;
    font-weight: 250;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 32px
}

.inf-header h1 b {
    font-style: italic;
    font-weight: 700
}

.inf-header .desc {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    max-width: 883px;
    margin: auto
}

.inf-articles .inf-materials {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 20px 60px
}

.grid-container {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 60px
}

.inf-banners .grid-container {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 60px
}

.inf-logos .grid-container .grid-item {
    height: 310px
}

.inf-banners .grid-container .grid-item {
    height: 446px
}

.inf-logos {
    padding-bottom: 64px
}

.inf-logos h3 {
    padding-bottom: 40px
}

.inf-logos .grid-container > .grid-item:nth-child(3n - 1) .image, .inf-logos .grid-container > .grid-item:nth-child(3n) .image {
    background-color: #fff
}

.inf-materials .title {
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .32px;
    text-transform: capitalize;
    padding-bottom: 10px
}

.inf-materials .action-btn {
    padding-top: 16px;
    display: flex
}

.inf-materials .action-btn a {
    border-radius: 80px;
    border: 1px solid #fff;
    min-width: 94px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .32px;
    margin-right: 16px
}

.inf-materials .action-btn a:hover {
    border-color: #00aced;
    color: #00aced !important
}

.inf-logos .inf-materials .image {
    border-radius: 20px;
    border: 1px solid #403f3f;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 324px;
    max-height: 202px;
    width: 100%;
    height: 100%;
    padding: 30px
}

.bottom-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 16px
}

.mySwiperNews .ui-post--card .wrapper {
    display: flex;
    gap: 15px;
    flex-direction: row;
    border-radius: 20px;
    border: 1px solid #fff;
    width: calc(100% - 12px);
    overflow: hidden
}

.blog-new .mySwiperNews .ui-post--card {
    border: 0
}

.blog-new .mySwiperNews {
    margin-bottom: 46px
}

.mySwiperNews {
    padding-bottom: 60px
}

.mySwiperNews .swiper-pagination {
    gap: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -8px
}

.mySwiperNews .swiper-pagination .swiper-pagination-bullet {
    width: 16px !important;
    height: 16px !important;
    background: #747476 !important;
    opacity: 1 !important
}

.mySwiperNews .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px !important;
    height: 20px !important;
    background: #fff !important
}

.blog-new .mySwiperNews .ui-post--card .wrapper .details {
    padding-top: 40px
}

.blog-new .mySwiperNews .ui-post--card .wrapper > div {
    width: 50%
}

.blog-new .mySwiperNews .ui-post--card .wrapper img {
    height: initial;
    margin-bottom: -8px
}

.blog-new .mySwiperNews .ui-post--card .wrapper h2.title {
    font-size: 30px
}

.bottom-post .views {
    display: flex;
    align-items: center
}

.blog-new .post-navigation .page-numbers:not(.next):not(.prev) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px
}

.blog-new .post-navigation .page-numbers.current {
    background-color: #fff;
    color: #000;
    border-radius: 100%
}

.blog-new .post-navigation .nav-links .meta-nav {
    text-transform: none
}

.blog-new .post-navigation .nav-links, .blog-new .post-navigation .nav-links .meta-nav {
    font-size: 14px !important
}

.blog-new.s-blog {
    padding-bottom: 7px
}

.app-tooltip .link button:hover {
    color: rgba(255, 255, 255, .8)
}

.app-tooltip .link {
    padding-top: 5px;
    border-top: 1px solid rgba(168, 176, 193, .2)
}

.app-tooltip .link button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    padding: 0;
    margin: 0;
    line-height: 14px;
    color: rgba(255, 255, 255, 1);
    background-color: transparent;
    font-size: 10px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    border: 0;
    min-height: initial
}

.app_block {
    position: relative
}

.google_store.active + .app-tooltip {
    visibility: visible;
    opacity: 1;
    left: 115px;
    bottom: 60px
}

.apple_store.active + a + .app-tooltip {
    visibility: visible;
    opacity: 1;
    left: -35px;
    bottom: 60px
}

.app-tooltip span {
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    color: rgba(168, 176, 193, 1);
    padding: 5px 0;
    display: block
}

.app-tooltip {
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgb(0, 0/0, 0);
    line-height: normal;
    border-radius: 20px;
    background-color: #000;
    max-width: 200px;
    padding: 20px;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear;
    position: absolute;
    color: #000;
    z-index: 99
}

.app-tooltip .img-qr {
    background-color: #fff;
    padding: .625rem;
    border-radius: .25rem
}

.falling_logos {
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 800px;
    left: 0;
    right: 0
}

.falling_logos .swiper .swiper-wrapper .swiper-slide {
    text-align: center;
    max-width: 225px
}

.falling_logos > div {
    margin-bottom: 30px
}

.falling_logos > div img {
    width: 225px
}

.falling_logos > div:nth-child(1) {
    display: flex;
    justify-content: center;
    gap: 30px 20px
}

.falling_logos > div:nth-child(2) {
    display: flex;
    justify-content: center;
    gap: 30px 20px
}

.falling_logos > div:nth-child(3) {
    display: flex;
    justify-content: center;
    gap: 30px 72px
}

.falling_logos .swiper-wrapper {
    transition-timing-function: linear !important
}

@media (max-height: 1000px) {
    .falling_logos {
        top: 1000px
    }
}

@media (max-width: 1024px) {
    .falling_logos {
        top: initial;
        bottom: 0
    }

    .falling_logos .swiper .swiper-wrapper .swiper-slide {
        max-width: 150px
    }
}

.s-home--partner, .s-home--security {
    margin-top: 200px
}

.s-home--partner {
    position: relative;
    z-index: 6
}

.s-home--partner .s-header h2 {
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    text-transform: uppercase
}

.s-home--partner .s-header h2 b {
    font-weight: 700;
    display: block
}

.poligon-logo {
    padding-top: 40px;
    position: relative
}

.poligon-logo img {
    display: block;
    margin: 0 auto
}

.poligon-logo:before {
    content: '';
    width: 28%;
    height: 1px;
    background: rgba(234, 236, 240, .3);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 80px
}

.poligon-logo:after {
    content: '';
    width: 28%;
    height: 1px;
    background: rgba(234, 236, 240, .3);
    display: inline-block;
    position: absolute;
    right: 0;
    top: 80px
}

@media (max-width: 1199px) {
    .poligon-logo:after, .poligon-logo:before {
        display: none
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 40px !important
    }

    .s-home--partner, .s-home--security {
        margin-top: 100px
    }

    [lang=de-DE] header .menu .item a, [lang=fr-FR] header .menu .item a, [lang=it-IT] header .menu .item a, [lang=es-ES] header .menu .item a {
        font-size: 10px
    }

    .tt-ol-menu-social {
        display: none !important
    }
}

[lang=de-DE] header .menu a {
    font-size: 16px
}

[lang=fr-FR] header .menu a {
    font-size: 15px
}

[lang=it-IT] header .menu a {
    font-size: 16px
}

[lang=es-ES] header .menu a {
    font-size: 17px
}

li#menu-item-9999999999:after {
    width: 20px;
    background-position: center;
    right: -28px;
    position: absolute
}

.tt-ol-menu-active .cky-consent-container {
    display: none !important
}

.wp-block-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-family: Arial, sans-serif;
    font-size: 16px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    border-radius: 5px;
    overflow: hidden
}

.wp-block-table td, .wp-block-table th {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left
}

.wp-block-table th {
    font-weight: 700;
    text-transform: uppercase
}

.wp-block-table tr:hover {
    transform: scale(1.01);
    transition: all .2s ease-in-out
}

.wp-block-table a {
    color: #0073aa;
    text-decoration: none
}

.wp-block-table a:hover {
    text-decoration: underline
}

.wp-block-table .has-fixed-layout {
    width: 100%
}

@media (max-width: 768px) {
    .wp-block-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 14px
    }

    .wp-block-table th, .wp-block-table td {
        padding: 8px
    }
}

@media (max-width: 2560px) {
    .s-wait .page-wait-1 {
        width: 87%
    }
}

@media (max-width: 1800px) {
    .s-wait .project-1, .s-wait .project-2 {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .show-mobile {
        display: none
    }

    .tt-header-inner .col-right + .tt-header-col {
        display: none
    }

    .fullscreen-bg__video.mobile {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .nav-btns, .scroll-left, .scroll-right {
        display: none !important
    }

    .inf-add-elements .inf-materials .grid-container > .grid-item:nth-child(4) {
        grid-column: 3;
        margin-top: -240px
    }
}

@media (min-width: 1199px) {
    .s-contact--form .s-wrap .s-content .ui_form__fieldsets {
        grid-template-columns:none;
        gap: 20px
    }

    .s-contact--form .s-wrap {
        max-width: 480px
    }

    .contacts-anim {
        position: absolute;
        z-index: -1;
        top: -44%;
        left: 21%;
        width: 1524px;
        height: 1524px
    }

    .s-contact--form h2 {
        padding-top: 30px
    }

    .s-contact--form .s-wrap {
        gap: 30px
    }
}

@media (max-width: 1570px) {
    .what-is-anim {
        bottom: 0;
        top: initial
    }
}

@media (max-width: 1245px) {
    header .menu {
        gap: 15px
    }

    header .menu a {
        font-size: 16px
    }
}

@media (max-width: 1199px) {
    header .menu a {
        font-size: 14px
    }

    footer .s-wrap > .row-2 .menu a {
        font-size: 12px
    }

    footer .row-2 ul {
        gap: 15px
    }

    .contacts-anim {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .inf-header h1 {
        font-size: 36px
    }

    .inf-header .desc {
        font-size: 18px
    }

    .inf-header {
        padding-bottom: 100px
    }

    .inf-logos .inf-materials .image {
        max-width: 100%
    }

    .inf-articles .inf-materials, .grid-container {
        margin: 0 auto;
        grid-template-columns:1fr !important
    }

    .inf-logos {
        padding-bottom: 40px
    }

    .inf-banners {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .inf-merch, .inf-video, .inf-articles, .inf-add-elements, .inf-colors {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .inf-banners .grid-container .grid-item {
        height: auto
    }

    .s-wait {
        padding-top: 20vh;
        min-height: 800px
    }

    .s-wait h1 {
        font-size: 30px
    }

    .s-wait .footer_anim {
        display: block
    }

    .page-affiliates .page-about-1 {
        position: absolute;
        right: -33%;
        top: 42%;
        width: 1125px
    }

    .page-affiliates .affiliates-two {
        padding: 60px 0 100px;
        margin-bottom: 60px
    }

    .page-affiliates .s-about--why-2 h2 {
        font-size: 30px
    }

    .page-affiliates .s-about--why-2 .s-wrap .s-content p {
        font-size: 18px
    }

    .page-affiliates .s-about--why-2 {
        padding: 100px 0
    }

    .page-affiliates .affiliates-two h2, .page-affiliates .affiliates-one h2 {
        font-size: 30px
    }

    .page-affiliates .affiliates-one {
        padding: 100px 0 60px
    }

    .page-affiliates .s-about--start {
        min-height: 1335px
    }

    .page-affiliates .s-about--start .ph-caption .s-header p {
        max-width: 100%
    }

    .s-zfg--start.influencers .s-wrap-1 .items {
        grid-template-columns:100%;
        text-align: center;
        max-width: 238px;
        margin: auto
    }

    .s-zfg--start.influencers .s-wrap-1 .item .icon {
        margin: auto
    }

    .s-zfg--start.influencers .benefit-from {
        padding-bottom: 40px
    }

    .page-ai-trading.influencers {
        margin-bottom: -10px
    }

    .s-zfg--start.influencers .quote-text {
        padding-top: 100px;
        font-size: 25px
    }

    .s-zfg--start.influencers .quote-author {
        font-size: 18px
    }

    .homeSliderNew {
        padding-bottom: 40px
    }

    .homeSliderNew .slider-content {
        display: block
    }

    .homeSliderNew .swiperNav {
        padding-top: 40px;
        top: 0
    }

    .homeSliderNew .desc {
        padding-bottom: 40px
    }

    .homeSliderNew .slider-content img.slide-img {
        max-height: 300px;
        margin: 0 auto;
        display: block
    }

    .homeSliderNew .title {
        font-size: 30px
    }

    .homeSliderNew .slide3 .slide-img {
        right: 0
    }

    .s-op--content {
        padding: 100px 0
    }

    .footer_anim {
        display: none
    }

    .page-ai-trading {
        position: fixed;
        z-index: 0;
        top: 0 !important;
        bottom: initial
    }

    footer .col-left {
        display: grid;
        justify-content: center;
        text-align: center
    }

    footer .s-wrap > .row-2 .logo {
        text-align: center;
        justify-content: center
    }

    footer .row-2 .col-right {
        width: 100%
    }

    .team-member .desc {
        font-size: 14px
    }

    header .col-middle, .hide-mobile {
        display: none
    }

    #tt-ol-menu-toggle-btn-wrap {
        display: flex
    }

    header .menu {
        gap: 5px
    }

    .tt-header-inner {
        gap: 5px;
        padding: 0
    }

    .tt-logo .text {
        display: none
    }

    .tt-ol-menu-toggle-btn-text-wrap {
        display: none
    }

    #tt-header {
        padding: 0 20px;
        padding-right: 10px
    }

    header .col-right {
        margin-left: auto
    }

    header .menu a {
        font-size: 13px
    }

    header .menu .item a {
        font-size: 13px;
        padding: 0 14px;
        height: 36px
    }

    #menu-lang {
        padding-left: 5px;
        padding-right: 15px
    }

    .tt-btn {
        font-size: 16px;
        height: 44px;
        padding: 0 24px
    }

    .s-home--start-section {
        min-height: 1077px;
        padding-top: 25vh
    }

    .s-home--start-section .s-wrap {
        grid-template-columns:100%
    }

    .container {
        padding: 0 20px
    }

    .s-home--start-section h1 {
        font-size: 30px
    }

    .s-home--start-section .s-wrap .col-left p {
        font-size: 16px
    }

    .s-home--start .ph-image-inner {
        top: -178px
    }

    .s-home--start#page-header.ph-bg-image .ph-image {
        bottom: 0;
        top: inherit
    }

    .s-home--start .ph-image-inner img {
        transform: scale(1.5)
    }

    .robot {
        left: 50%;
        position: relative;
        top: 0;
        transform: scale(1.2)
    }

    .bg-bottom {
        display: none
    }

    .robot.part {
        display: none
    }

    .s-home--security .s-wrap .s-header .label {
        font-size: 30px
    }

    .s-home--security .s-content .items {
        flex-direction: column;
        gap: 40px
    }

    .s-home--security .s-content .items .div {
        width: 60px;
        height: 1px
    }

    .s-home-performance .s-wrap .s-header .label {
        font-size: 30px
    }

    .s-home-performance p {
        font-size: 16px;
        line-height: 20px
    }

    .s-home-performance {
        padding: 160px 0
    }

    .s-home-performance .figure > img {
        min-width: 1900px
    }

    .s-home-performance .figure {
        top: 0
    }

    .s-home-performance .s-wrap {
        gap: 40px
    }

    .s-home--block > .s-wrap {
        flex-direction: COLUMN;
        padding: 40px 20px;
        font-size: 14px;
        line-height: 17px;
        padding-bottom: 0;
        gap: 40px;
        overflow: hidden
    }

    .s-home--block > .s-wrap .col-left, .s-home--block > .s-wrap .col-right {
        max-width: initial;
        width: 100%
    }

    .s-home--block > .s-wrap h2 {
        font-size: 30px;
        margin-bottom: 16px
    }

    .s-home--block > .s-wrap .figure.figure-1 {
        margin-top: 0;
        height: 380px
    }

    .s-home--block.r > .s-wrap {
        flex-direction: COLUMN
    }

    .s-home--block {
        margin-bottom: 24px
    }

    .s-home--block > .s-wrap .figure.figure-2 {
        padding: 0;
        margin-bottom: -20px
    }

    .s-home--block > .s-wrap .figure.figure-3 {
        margin-top: 0
    }

    .s-home--block:last-child {
        margin-bottom: 0
    }

    .s-home--technology {
        padding: 160px 0
    }

    .s-home--technology .s-wrap .col-left .s-header .label {
        font-size: 30px
    }

    .s-home--technology .s-wrap {
        grid-template-columns:100%;
        gap: 40px
    }

    .s-home--technology .s-wrap .s-content .items {
        grid-template-columns:100%;
        width: 100%
    }

    .s-home--technology .s-wrap .s-content .items .title {
        font-size: 18px;
        line-height: 22px
    }

    .s-home--technology .s-wrap .s-content {
        gap: 40px
    }

    .s-home--technology .s-wrap .figure {
        pointer-events: none;
        height: 319px
    }

    .s-home--technology .s-wrap .figure img {
        min-width: 519px
    }

    .s-home--technology .s-wrap .figure:after {
        width: 379px;
        height: 356px;
        background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
        filter: blur(200px);
        transform: matrix(-1, 0, 0, 1, 0, 0)
    }

    .s-home--rates .s-wrap {
        padding: 40px 20px
    }

    .s-home--rates .s-wrap table {
        font-size: 16px
    }

    .s-home--rates {
        margin-bottom: 60px
    }

    footer .row-2 {
        flex-direction: column-reverse;
        gap: 24px;
        margin-top: 0
    }

    footer .s-wrap > .row-1 .menu {
        width: 81%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 24px
    }

    .social-menu {
        display: flex;
        gap: 16px;
        margin-top: 0;
        order: -1
    }

    footer .s-wrap > .row-1 .logo {
        margin-bottom: 40px
    }

    footer {
        position: relative;
        z-index: 2
    }

    .s-about--start .s-wrap {
        grid-template-columns:100%
    }

    .page-affiliates .s-about--start .s-wrap {
        grid-template-columns:100%
    }

    .s-about--start h1 {
        font-size: 30px
    }

    .s-about--start .ph-caption .s-header {
        gap: 24px;
        font-size: 16px
    }

    .s-about--start .ph-caption .s-header p {
        max-width: 67%
    }

    .s-about--start .ph-caption {
        gap: 40px
    }

    .s-about--start .s-wrap .robot {
        left: 0;
        transform: scale(1.4);
        margin-top: 150px
    }

    .s-about--start {
        padding-top: 24vh
    }

    .s-about--start .s-wrap .circle {
        width: 346px;
        height: 325px;
        background: linear-gradient(180deg, rgba(0, 132, 254, .7) 0%, rgba(251, 0, 139, .7) 100%);
        filter: blur(95.1952px);
        top: 59%
    }

    .s-about--why {
        padding: 100px 0
    }

    .s-about--why .s-wrap {
        grid-template-columns:100%;
        gap: 40px
    }

    .s-about--why .s-wrap .items {
        grid-template-columns:100%;
        width: 100%;
        gap: 40px
    }

    .s-about--why .s-wrap .figure img {
        min-width: 519px;
        height: 319px
    }

    .s-about--why .s-wrap .figure {
        height: 319px
    }

    .s-about--feature {
        padding: 76px 0
    }

    .s-about--feature .items {
        display: grid
    }

    .s-about--feature .s-wrap .item {
        width: 100%;
        padding: 40px 20px
    }

    .s-about--partner .s-wrap {
        grid-template-columns:100%;
        text-align: center
    }

    .s-about--partner .s-wrap h2 {
        font-size: 30px;
        line-height: 130%
    }

    .s-about--partner .s-wrap .figure .gradient {
        width: 260.4px;
        height: 244.8px;
        filter: blur(120px)
    }

    .s-about--partner {
        padding-bottom: 0
    }

    footer .s-wrap > .row-1 .menu ul, footer .row-2 ul {
        flex-direction: column;
        gap: 24px;
        max-width: 85%
    }

    .s-trading--start {
        padding-top: 200px;
        padding-bottom: 160px
    }

    .s-trading--start .s-header {
        font-size: 16px;
        max-width: 312px
    }

    .s-trading--start .s-header h1 {
        font-size: 30px
    }

    .s-trading--start .s-content .title {
        font-size: 18px
    }

    .s-trading--start .s-content .items {
        grid-template-columns:100%;
        text-align: center;
        max-width: 238px;
        margin: auto
    }

    .s-trading--start .s-content .items .item .icon {
        margin: auto
    }

    .s-trading--table .s-header .label {
        font-size: 30px
    }

    .s-trading--table .s-wrap {
        gap: 40px
    }

    .s-trading--table .s-table {
        padding: 40px 32px
    }

    .s-trading--table .s-table {
        overflow-x: auto
    }

    .s-trading--table .s-table table {
        font-size: 14px;
        width: 600px
    }

    .s-trading--table .s-table table th {
        font-size: 9px
    }

    .s-trading--table .s-table table td {
        padding: 20px 0;
        font-size: 10px
    }

    .s-trading--table .s-table table .col-1 {
        display: none
    }

    .s-trading--table .s-table table .col-5 {
        width: auto;
        text-align: center
    }

    .s-trading--table .s-table table .col-2 {
        width: 70px;
        text-align: left
    }

    .s-faq--start {
        padding-top: 200px;
        padding-bottom: 100px
    }

    .s-faq--start h1 {
        font-size: 30px
    }

    .s-faq--start .s-wrap .s-header {
        margin-bottom: 24px
    }

    .s-technology--start .s-wrap {
        grid-template-columns:100%;
        gap: 40px;
        font-size: 16px
    }

    .s-technology--start h1 {
        font-size: 30px
    }

    .s-technology--start .s-wrap .col-right img {
        position: relative;
        height: auto;
        min-width: 600px
    }

    .s-technology--start .s-wrap .col-right {
        height: auto
    }

    .s-technology--start {
        padding: 150px 0
    }

    .s-technology--about {
        padding: 100px 0
    }

    .s-technology--about .s-wrap h2, .s-technology--edge h2 {
        font-size: 30px;
        line-height: 100%
    }

    .s-technology--about .s-wrap {
        grid-template-columns:100%;
        gap: 40px;
        font-size: 16px
    }

    .s-technology--edge .items {
        grid-template-columns:100%;
        width: 100%
    }

    .s-technology--edge .items .item {
        padding: 40px 30px
    }

    .s-technology--edge {
        margin-bottom: 100px
    }

    .s-op--start .s-wrap {
        grid-template-columns:100%;
        font-size: 16px
    }

    .s-op--start {
        padding-top: 160px
    }

    .s-op--start h1 {
        font-size: 30px;
        line-height: 1.1
    }

    .s-op--content .s-wrap > .wp-block-columns {
        grid-template-columns:80% auto;
        font-size: 16px
    }

    .s-op--content .s-wrap {
        gap: 60px
    }

    .s-op--content .s-wrap > .wp-block-columns h2 {
        font-size: 30px;
        line-height: 1.1
    }

    .op-robot {
        z-index: -1;
        opacity: .4;
        min-width: 800px;
        right: -110%
    }

    .s-zfg--start .wp-block-columns {
        grid-template-columns:100%;
        font-size: 16px
    }

    .s-zfg--start .s-wrap {
        gap: 50px
    }

    .s-zfg--start .wp-block-columns h2 {
        font-size: 30px;
        line-height: 1
    }

    .s-zfg--start .wp-block-columns p {
        margin-bottom: 15px
    }

    .s-zfg--start .s-wrap-1 {
        padding-top: 100px
    }

    .s-zfg--start .s-wrap-1 h2 {
        font-size: 30px;
        line-height: 1
    }

    .s-zfg--start .s-wrap-1 .s-header {
        font-size: 16px
    }

    .s-zfg--start .s-wrap-1 .items {
        grid-template-columns:100%;
        width: 100%
    }

    .s-zfg--start .s-wrap-1 .items + .b-content {
        padding-bottom: 200px
    }

    .s-zfg--start {
        background-size: 140%
    }

    .s-contact--header img {
        width: 100%;
        transform: scale(1.7);
        margin-top: 30vh
    }

    .s-contact--header .gradient {
        width: 1046px;
        height: 984px;
        background: linear-gradient(180deg, #0084fe 0%, #fb008b 100%);
        top: 0
    }

    .s-contact--form {
        margin-top: 250px
    }

    .s-contact--form h2 {
        font-size: 30px;
        line-height: 30px
    }

    .s-contact--form .s-wrap {
        gap: 40px
    }

    .s-contact--form .s-wrap .s-content {
        padding: 40px 20px;
        position: relative;
        z-index: 1
    }

    .s-contact--form .s-wrap .s-content .ui_form__fieldsets {
        grid-template-columns:100%;
        gap: 24px
    }

    .figure-4 {
        height: 225px;
        object-fit: cover
    }

    .s-blog--header svg {
        width: 100px
    }

    .s-blog--header h1 {
        font-size: 30px;
        line-height: 1
    }

    .s-blog .s-categories .items {
        gap: 10px 20px
    }

    .s-blog .s-categories .items .item a {
        font-size: 18px
    }

    .s-blog .s-categories {
        padding: 10px 0;
        margin-bottom: 40px
    }

    .s-blog--header {
        padding-bottom: 40px;
        padding-top: 150px
    }

    .wrap > .ui-post--card:first-child > .wrapper, .wrap > .ui-post--card:nth-child(4n+1) > .wrapper {
        flex-direction: column;
        gap: 12px
    }

    .wrap > .ui-post--card:first-child > .wrapper .thumbnail, .wrap > .ui-post--card:nth-child(4n+1) > .wrapper .thumbnail {
        width: 100%
    }

    .ui-post--card .wrapper img {
        height: 200px
    }

    .ui-post--card {
        width: 100%;
        padding: 15px
    }

    .single--post div#page-header {
        padding-top: 150px
    }

    .s-post {
        padding: 20px;
        margin: 0 -10px;
        margin-top: 30px
    }

    .s-post > .s-wrap .thumbnail {
        margin-bottom: 20px
    }

    .s-post > .s-wrap .meta {
        margin-bottom: 10px
    }

    .s-post > .s-wrap .s-header {
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 1.3
    }

    .s-post > .s-wrap .s-content {
        font-size: 16px
    }

    .s-profit--header {
        padding-top: 350px;
        padding-top: 150px
    }

    .s-profit--header img {
        transform: scale(1.8)
    }

    .s-profit--header .gradient {
        width: 100%;
        height: 500px
    }

    .s-profit--about .s-header h1 {
        font-size: 30px
    }

    .s-profit--about {
        font-size: 16px;
        padding-bottom: 160px;
        padding-top: 60px
    }

    .s-profit--features .s-header h2 {
        font-size: 30px
    }

    .s-profit--features .s-header {
        font-size: 16px
    }

    .s-profit--features .s-content {
        grid-template-columns:100%;
        padding-top: 50px;
        gap: 40px
    }

    .s-profit--features .s-content .col-left {
        padding-bottom: 0
    }

    .s-profit--features .s-content .block .line-1, .s-profit--features .s-content .block .line-2 {
        display: none
    }

    .s-profit--plans .s-wrap {
        grid-template-columns:100%
    }

    .s-profit--plans .s-wrap .col-left {
        position: absolute
    }

    .profit-lottie-2 {
        position: relative;
        left: -30px;
        top: 0;
        width: 590px
    }

    .s-profit--plans {
        padding-top: 60px;
        text-align: center;
        font-size: 16px
    }

    .s-profit--plans .s-wrap .col-right h2 {
        font-size: 30px
    }

    .s-profit--success .s-wrap {
        display: flex;
        flex-direction: column-reverse;
        font-weight: 300;
        font-size: 16px;
        line-height: 120%;
        text-align: center;
        gap: 40px
    }

    .s-profit--success .s-wrap .s-header h2 {
        font-size: 30px;
        line-height: 1
    }

    .s-post > .s-wrap .s-content h2 {
        font-size: 24px;
        line-height: 1.2;
        margin-top: 40px
    }

    .s-post > .s-wrap .s-content p {
        margin-bottom: 15px
    }

    .s-related {
        padding-top: 30px;
        padding-bottom: 100px
    }

    .s-related .s-header h2 {
        font-size: 30px;
        line-height: 1.2
    }

    .single--post div#page-header .s-wrap {
        flex-wrap: wrap
    }

    .fullscreen-bg-contacts {
        padding-bottom: 390px
    }

    .fullscreen-bg-contacts video {
        position: absolute;
        left: -50%;
        width: 200%;
        margin: 0 auto;
        display: block
    }

    .fullscreen-bg-home video {
        object-fit: cover;
        position: absolute;
        height: 1000px
    }

    .s-home--start-section {
        min-height: 506px;
        min-height: 980px;
        padding-top: 0
    }

    .contact-lottie-1 {
        position: relative;
        top: 0;
        width: 200%;
        height: 100%;
        left: -50%;
        margin-bottom: -200px
    }

    .profit-lottie-1 {
        margin: -200px auto
    }

    .what-is-anim {
        bottom: 0
    }

    .page-about-1 {
        position: absolute;
        right: -25%;
        top: 35%;
        width: 300%
    }

    .s-trade--types .s-content .items {
        display: block
    }

    .s-trade--types .s-content .items .item {
        padding-bottom: 30px
    }

    .s-trade--types .s-wrap .s-header .label {
        font-size: 30px
    }

    footer .s-wrap > .row-1 {
        flex-wrap: wrap
    }

    .new_home_bg {
        padding-bottom: 0
    }

    .s-related--list .swiper-slide {
        max-width: initial;
        padding-right: 10px
    }

    .s-team--start h1 {
        font-size: 30px
    }

    .s-team--start {
        padding-top: 200px;
        padding-bottom: 0
    }

    .s-team--start .s-wrap .s-header {
        margin-bottom: 50px
    }

    .s-shares--success .s-wrap {
        display: block
    }

    .s-shares--shareholder .s-wrap .s-header .label, .s-shares--success .s-wrap h2 {
        font-size: 30px
    }

    .s-shares--success .s-wrap h2 b {
        display: block
    }

    .s-shares--shareholder {
        padding-top: 0;
        padding-bottom: 130px
    }

    .s-shares--shareholder p, .s-shares--success .s-content {
        font-size: 16px
    }
}

@media (max-width: 990px) {
    .team-member {
        flex-basis: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .team-member img, .team-member .description {
        margin-left: auto;
        margin-right: auto
    }

    .team-member .description {
        display: block;
        position: relative;
        opacity: 1;
        background: 0 0;
        padding: 0;
        top: 0
    }

    .team-member:hover img {
        opacity: 1
    }

    .flip-card-back {
        left: 0;
        justify-content: center;
        margin: 0 auto;
        background: 0 0
    }

    .flip-card-front, .flip-card-back {
        position: relative;
        -webkit-backface-visibility: visible;
        backface-visibility: visible
    }

    .flip-card {
        width: 364px;
        height: 100%;
        perspective: 1000px;
        padding-bottom: 0
    }

    .flip-card-back {
        background: 0 0;
        transform: none;
        padding-top: 0
    }

    .team-center {
        display: none
    }

    .flip-card-back .team-center {
        padding-top: 0;
        display: block
    }

    .page-id-25 #page-header {
        display: none
    }

    .s-contact--form {
        position: relative
    }

    footer .s-wrap > .row-2 .social-menu {
        margin: 16px 0
    }

    footer .row-2 .col-right ul li {
        margin-bottom: 5px
    }

    .new_home_bg #page-content {
        padding-bottom: 0
    }

    .s-home--slider {
        padding-bottom: 100px
    }
}

@media (max-width: 767px) {
    .mySwiperNews .ui-post--card .wrapper {
        display: block
    }

    .blog-new .ui-post--card {
        width: 100%
    }

    .blog-new .mySwiperNews .ui-post--card .wrapper > div, .blog-new .wrap > .ui-post--card:first-child, .blog-new .wrap > .ui-post--card:nth-child(4n+1) {
        width: 100%
    }

    .team-member .desc {
        font-size: 16px
    }

    .page-opportunities {
        width: 100%;
        right: 0;
        top: 3%
    }

    body.home #page-content {
        background-position: center bottom;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/home_mob.jpg)
    }

    body.page-id-5 #page-content {
        background-position: 0 70%;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/about_mob.jpg)
    }

    body.page-id-12 #content-wrap {
        background-position: 0 70%;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/trade_mob.jpg)
    }

    body.page-id-25 #content-wrap {
        background-position: 0 70%;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/contact_mob.jpg)
    }

    body.page-id-16 #content-wrap {
        background-position: 0 70%;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/tech-mob.jpg)
    }

    body.page-id-31 #content-wrap {
        background-position: 0 70%;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/profit_mob.jpg)
    }

    body.blog #content-wrap {
        background-position: 0 33%;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/blog_mob.jpg)
    }

    body.single-post #content-wrap {
        background-size: cover;
        background-position: 0 33%;
        background-image: url(//algosone.ai/assets/themes/common/assets/css/../images/bgs/blog_mob.jpg)
    }

    .s-home--start-section {
        padding-top: 0
    }

    .s-home--start-section .s-wrap {
        top: 170px
    }

    footer .row-2 .col-right {
        width: 100%
    }

    .f-head {
        font-size: 13px
    }

    .s-trading--table .s-table table th {
        padding: 0 5px 10px
    }

    .s-technology--start {
        padding: 150px 0 0
    }

    .page--16 .ph-image, .s-technology--start .gradient {
        display: none
    }

    .s-about--start .ph-caption, .page--21 .ph-caption, .s-technology--start .ph-caption {
        opacity: 1 !important;
        transform: none !important
    }

    .s-trading--table table {
        width: 600px
    }

    .s-trading--table .s-content {
        overflow-x: auto
    }

    .s-trading--table .s-table {
        padding: 20px 10px
    }

    .page-ai-trading video {
        width: 100%
    }

    .page-opportunities {
        top: 5%;
        opacity: .7;
        position: fixed
    }

    .s-home-apple .items {
        display: block
    }

    .s-home-apple {
        padding-bottom: 70px
    }

    .s-home--slider .swiper-slide {
        width: 90%
    }

    .page-ai-trading {
        height: 100%;
        width: 100%;
        z-index: 1;
        transform: none
    }

    .page-ai-trading .fullscreen-bg {
        height: 100%
    }

    .page-ai-trading video {
        height: 100%;
        object-fit: cover;
        object-position: top right;
        transform: none
    }

    .page-opportunities .fullscreen-bg {
        height: 100%
    }
}

@media (max-width: 375px) and (max-width: 690px) {
    .page-about-1 {
        top: 40%
    }
}

/*! jQuery UI - v1.12.1 - 2018-05-02
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

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

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

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

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #454545;
    text-decoration: none
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666
}

.swal2-popup.swal2-toast {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    padding: .625em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 .625em #d9d9d9
}

.swal2-popup.swal2-toast .swal2-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.swal2-popup.swal2-toast .swal2-title {
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    position: static;
    width: .8em;
    height: .8em;
    line-height: .8
}

.swal2-popup.swal2-toast .swal2-content {
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-modal {
    box-shadow: 0 2px 20px 0 #0000001a;
    border-radius: 8px;
    padding: 20px
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
        font-size: .25em
    }
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 2em 2em;
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    -webkit-transform-origin: 0 1.5em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip .75s;
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long .75s;
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show .5s;
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide .1s forwards;
    animation: swal2-toast-hide .1s forwards
}

.swal2-container {
    display: -webkit-box;
    display: flex;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show {
    background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
    background: 0 0 !important
}

.swal2-container.swal2-top {
    -webkit-box-align: start;
    align-items: flex-start
}

.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.swal2-container.swal2-center {
    -webkit-box-align: center;
    align-items: center
}

.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.swal2-container.swal2-bottom {
    -webkit-box-align: end;
    align-items: flex-end
}

.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
    margin-top: auto
}

.swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-flex: 1;
    flex: 1;
    align-self: stretch;
    -webkit-box-pack: center;
    justify-content: center
}

.swal2-container.swal2-grow-row > .swal2-modal {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-flex: 1;
    flex: 1;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center
}

.swal2-container.swal2-grow-column {
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
    -webkit-box-align: center;
    align-items: center
}

.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
    -webkit-box-align: start;
    align-items: flex-start
}

.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
    -webkit-box-align: end;
    align-items: flex-end
}

.swal2-container.swal2-grow-column > .swal2-modal {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-flex: 1;
    flex: 1;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    border: none;
    border-radius: 3px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem
}

.swal2-popup:focus {
    outline: none
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.classic_modal .swal2-popup {
    padding: 20px
}

.swal2-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center
}

.swal2-title {
    position: relative;
    max-width: 100%;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
    text-transform: uppercase;
    line-height: 1.2
}

.ui--modal .swal2-actions {
    margin: 0 -20px;
    margin-top: 15px;
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px
}

.swal2-actions {
    display: -webkit-box;
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: end;
    -webkit-box-pack: center;
    justify-content: end;
    margin: 0 -20px;
    padding: 0 20px;
    margin-top: 20px;
    border-top: 1px solid #efefef;
    padding-top: 15px
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    box-sizing: border-box;
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px
}

.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: 3px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff
}

.swal2-styled {
    padding: 10px 25px;
    box-shadow: none;
    min-width: 100px;
    font-family: 'Graphik LC'
}

.swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-styled.swal2-confirm {
    border-radius: 3px;
    background: #1d4bef;
    color: #fff;
    border: 1px solid #1D4BEF !important;
    font-size: 15px;
    padding: 11px 25px;
    font-family: inherit;
    font-weight: 500;
    line-height: 15px;
    outline: none;
    min-height: 48px
}

.swal2-styled.swal2-cancel {
    border-radius: 3px;
    background: #efefef;
    color: #797979;
    border: 1px solid #efefef !important;
    font-size: 15px;
    padding: 11px 25px;
    font-family: 'Graphik LC';
    font-weight: 500;
    line-height: 15px;
    outline: none;
    margin-left: 14px
}

.swal2-styled:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(75 50 150/15%)
}

.swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-footer {
    -webkit-box-pack: center;
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.swal2-timer-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

.swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.swal2-close {
    position: absolute;
    z-index: 2;
    top: 6px;
    right: 3px;
    -webkit-box-pack: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    outline: initial;
    background: 0 0;
    color: #dadada;
    font-family: serif;
    font-size: 2em;
    line-height: 1.2;
    cursor: pointer;
    font-family: 'Graphik LC';
    font-weight: 100
}

.swal2-close:hover {
    -webkit-transform: none;
    transform: none;
    background: 0 0;
    color: #f27474
}

.swal2-close::-moz-focus-inner {
    border: 0
}

.swal2-content {
    z-index: 1;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    word-wrap: break-word;
    margin-top: 5px
}

.swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox {
    margin: 1em auto
}

.swal2-input, .swal2-file, .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: border-color .3s, box-shadow .3s;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    color: inherit;
    font-size: 1.125em
}

.swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

.swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: 0 0 3px #c4e6f5
}

.swal2-input::-webkit-input-placeholder, .swal2-file::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
    color: #ccc
}

.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
    color: #ccc
}

.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-input::-ms-input-placeholder, .swal2-file::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
    color: #ccc
}

.swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder {
    color: #ccc
}

.swal2-range {
    margin: 1em auto;
    background: #fff
}

.swal2-range input {
    width: 80%
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

.swal2-range input, .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

.swal2-input[type=number] {
    max-width: 10em
}

.swal2-file {
    background: inherit;
    font-size: 1.125em
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em
}

.swal2-radio, .swal2-checkbox {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

.swal2-radio label, .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-radio input, .swal2-checkbox input {
    margin: 0 .4em
}

.swal2-validation-message {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

.swal2-validation-message:before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    -webkit-box-pack: center;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin-bottom: 35px;
    border: .4em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: .5
}

.swal2-icon .swal2-icon-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
    top: 0
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 3.4em;
    height: .379em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .8em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .8em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
    animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #dadaf4;
    color: #7575c8
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 3.75em 3.75em;
    transform-origin: 3.75em 3em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 3.75em;
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .875em;
    width: 1.5625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
    -webkit-box-align: center;
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    background: inherit;
    font-weight: 600
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #3085d6
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: #add8e6;
    color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    -webkit-transition: none;
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    right: auto;
    left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50, 100, 150, .4)
    }
}

@-webkit-keyframes swal2-toast-show {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg)
    }
    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg)
    }
    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg)
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(0deg);
        transform: translateY(0) rotateZ(0deg)
    }
}

@keyframes swal2-toast-show {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg)
    }
    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg)
    }
    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg)
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(0deg);
        transform: translateY(0) rotateZ(0deg)
    }
}

@-webkit-keyframes swal2-toast-hide {
    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-hide {
    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@-webkit-keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

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

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

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: calc(100% - 0.625em * 2);
    background-color: transparent !important
}

body.swal2-no-backdrop .swal2-container > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.swal2-no-backdrop .swal2-container.swal2-top {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
    top: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
    top: 0;
    right: 0
}

body.swal2-no-backdrop .swal2-container.swal2-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
    bottom: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
    right: 0;
    bottom: 0
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    background-color: transparent
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

body.swal2-toast-column .swal2-toast {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch
}

body.swal2-toast-column .swal2-toast .swal2-actions {
    -webkit-box-flex: 1;
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em
}

body.swal2-toast-column .swal2-toast .swal2-loading {
    -webkit-box-pack: center;
    justify-content: center
}

body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em
}

body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    /* background: #2a2c39; */
    border: none;
    /* min-height: 68px; */
    font-size: 16px;
    line-height: 20px;
    padding: 8px 24px;
    position: relative;
    outline: none;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .29);
    /* color: #fff; */
    border-radius: 100px
}

.ui_form__fieldsets {
    display: grid;
    gap: 20px
}

.ui_form__fieldsets > .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #3d3d3d;
    margin-bottom: 10px
}

.select2-results__option--selectable {
    margin: 0
}

.select2-container .item {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1
}

.select2-container .item .icon {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.ui_form__fieldset span.select2-selection.select2-selection--single {
    border-color: transparent;
    background: #f0f2f8;
    border-radius: 16px;
    height: 56px;
    display: flex;
    align-items: center
}

.ui_form__fieldset #select2-country-container {
    color: #3d3d3d;
    line-height: 56px;
    padding-left: 16px
}

.ui_form__fieldset .select2-container--open .select2-selection.select2-selection--single {
    border-radius: 16px !important;
    z-index: 2;
    position: relative
}

.ui_form__fieldset .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 56px;
    right: 10px
}

span.select2-dropdown {
    background: #fff;
    border: 1px solid #d8dfe2;
    box-sizing: border-box;
    border-radius: 16px;
    top: -14px;
    z-index: 1
}

span.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #f0f2f8;
    border-radius: 16px;
    border-color: transparent;
    height: 40px;
    outline: none;
    padding: 0 12px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding-left: 30px
}

span.select2-container--default .select2-search--dropdown .select2-search__field {
    background-image: url('https://cdn.pixabay.com/photo/2016/03/31/19/14/magnifying-glass-1294834_960_720.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 13px 18px
}

span.select2-search--dropdown {
    padding: 16px;
    padding-top: 20px;
    padding-bottom: 0
}

ul.select2-results__options {
    padding: 16px
}

li.select2-results__option {
    padding: 12px 6px
}

span.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: #2a78fe
}

span.select2-container--default .select2-results__option--selected {
    background-color: transparent
}

.select2-container {
    padding-bottom: 9px;
    z-index: 1010
}

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

span.select2-container--default .select2-results > .select2-results__options {
    min-height: 300px
}

.select2-container--default li.select2-results__option--group {
    margin: 0;
    border-bottom: 1px solid #d7dfe2
}

.select2-container--default li.select2-results__option--group ul {
    padding: 0
}

.select2-container--default li.select2-results__option--group ul li.select2-results__option {
    padding-left: 6px
}

span.select2-container--default .select2-results__group {
    display: none
}

span.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable.select2-results__option--selected {
    color: #000
}

li.select2-results__option--selected:after {
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    float: right;
    background: url(//algosone.ai/assets/themes/common/assets/plugins/forms/./icons/success.svg) no-repeat;
    position: relative;
    top: -16px
}

.ui-phone-mask {
    font-weight: 600;
    border: 1px solid #2979ff;
    border-radius: 10px;
    display: flex;
    width: max-content;
    margin: auto;
    font-size: 20px;
    color: rgba(41, 121, 255, .2);
    padding: 7px 10px;
    margin-bottom: 50px
}

.ui-phone-mask > span {
    color: #2979ff
}

.ui_form__fieldset > .field > input {
    width: 100%;
    padding-top: 21px;
    cursor: pointer;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)
}

.ui_form__fieldset > .field {
    position: relative
}

.ui_form__fieldset > .field > label {
    position: absolute;
    z-index: 1;
    left: 24px;
    font-size: 16px;
    line-height: 20px;
    top: 24px;
    color: #a9a9a9;
    transition: .3s
}

.ui_form__fieldset.invalid > .field > label {
    color: #e65f7a
}

.ui_form__fieldset > .field > .not-empty + label, .ui_form__fieldset > .field > :focus + label {
    font-size: 14px;
    top: 11px
}

.ui_form__fieldset.center, .ui_form__fieldset.center input {
    text-align: center
}

.ui_form__fieldset.without-label input {
    padding-top: 6px
}

.ui_form__fieldset {
    text-align: left;
    position: relative;
    margin: 3px 0;
    cursor: pointer
}

.ui_form__fieldset > .status {
    position: absolute;
    right: 13px;
    top: 20px
}

.ui_form__fieldset .information {
    color: #e65f7a;
    font-size: 12px;
    line-height: 15px;
    margin-left: 9px;
    margin-top: 0;
    transition: .2s;
    max-height: 0px;
    overflow: hidden
}

.ui_form__fieldset.fieldset--1 {
    background: #eff2f7;
    border-radius: 16px;
    padding: 15px
}

.ui_form__fieldset.fieldset--1.invalid {
    background: #fff0f0
}

.ui_form__fieldset .information.shown {
    max-height: 50px;
    margin-top: 5px
}

input[data-mask=smscode] {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 6px
}

[disabled] {
    opacity: .3;
    pointer-events: none
}

.ui-label {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    margin: 16px 0
}

a.ui-label {
    color: #2979ff
}

.ui-label > .icon + .label {
    margin-left: 20px;
    display: flex;
    align-items: center
}

.ui-form, .ui-form--1 {
    position: relative;
    z-index: 2
}

.ui_form__fieldset input[type=checkbox] {
    display: none
}

.ui_form__fieldset > .field.checkbox > label {
    position: inherit;
    line-height: 1.4;
    margin-left: 10px;
    position: relative;
    top: -2px;
    transition: .2s;
    cursor: pointer;
    color: #8e8e8e;
    display: block;
    font-size: 11px;
    left: 0
}

.field.checkbox .box {
    border: 2px solid #e9e9e9;
    display: block;
    position: relative;
    min-width: 18px;
    box-sizing: content-box;
    cursor: pointer;
    width: 18px;
    min-height: 10px;
    padding: 0;
    height: 18px
}

.ui_form__fieldset > .field.checkbox.checkbox--1 label {
    color: #a9a9a9;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    top: 1px;
    margin-left: 16px
}

.field.checkbox.checkbox--1 input:checked + .box {
    border-width: 1px
}

.field.checkbox.checkbox--1 .box {
    border: 1px solid #a9a9a9
}

.field.checkbox input:checked + .box {
    border: 1px solid #009fe3;
    min-width: 20px;
    height: 20px
}

.field.checkbox .box:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-position: center;
    top: 2px;
    left: 2px;
    background-size: contain;
    opacity: 0;
    background: #009fe3;
    transition: .3s
}

.field.checkbox input:checked + .box:after {
    opacity: 1
}

.ui_form__fieldset > .field.checkbox {
    display: flex
}

.wpglobus_flag {
    height: 12px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: center left
}

.wpglobus_language_name {
    padding-left: 22px
}

.page_item_wpglobus_menu_switch .children {
    display: none
}

.page_item_wpglobus_menu_switch:hover .children {
    display: block
}

.menu_item_wpglobus_menu_switch .sub-menu {
    display: none
}

.menu_item_wpglobus_menu_switch:hover .sub-menu {
    display: block
}

.widget_wpglobus .flags-styled .flag {
    margin-right: .4em
}

.widget_wpglobus .list a {
    display: block
}

.widget_wpglobus .list a img {
    display: none
}

.widget_wpglobus .list a span.name {
    display: inline-block
}

.widget_wpglobus .list a span.code {
    display: inline-block;
    margin: 0 0 0 4px
}

.widget_wpglobus .list a span.code:before {
    content: "("
}

.widget_wpglobus .list a span.code:after {
    content: ")"
}

.widget_wpglobus .list.flags img {
    margin: 0 4px 0 0;
    display: inline-block
}

.widget_wpglobus .select-styled {
    overflow: hidden
}

.widget_wpglobus .dropdown-styled {
    text-align: center;
    display: inline;
    list-style: none
}

.widget_wpglobus .dropdown-styled li {
    text-align: left;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding: 5px 10px;
    background: #fff;
    cursor: pointer
}

.widget_wpglobus .dropdown-styled li:hover {
    background: #eee;
    color: #fff
}

.widget_wpglobus .dropdown-styled li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible
}

.widget_wpglobus .dropdown-styled li ul {
    padding: 0;
    position: absolute;
    top: 28px;
    left: -21px;
    width: 150px;
    display: none;
    opacity: 0;
    visibility: hidden
}

.widget_wpglobus .dropdown-styled li ul li {
    background: #eee;
    display: block;
    color: #fff
}

.widget_wpglobus .dropdown-styled li ul li:hover {
    background: #ddd
}

[data-cky-tag] {
    visibility: hidden
}

#nav-menu-item-1585, #nav-menu-item-1586, #menu-item-1591, #menu-item-1592, #menu-item-1584, #menu-item-1585 {
    display: none !important
}

[data-cky-tag] {
    visibility: visible
}

#menu-item-9999999999 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    border-color: #a8b0c133;
    width: 44px;
    height: 44px;
    min-width: 44px;
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px
}

#menu-item-9999999999 a span {
    text-align: right;
    font-size: 14px;
    text-transform: uppercase !important
}

.menu_item_wpglobus_menu_switch:hover .sub-menu {
    padding-top: 30px
}

.menu_item_wpglobus_menu_switch:hover .sub-menu {
    background: 0 0
}

.menu_item_wpglobus_menu_switch .sub-menu:before {
    content: '';
    background-color: #0a0c11;
    width: 100px;
    height: 200px;
    border-radius: 15px;
    display: block;
    position: absolute;
    left: -4px;
    top: 20px;
    z-index: 1
}

.menu_item_wpglobus_menu_switch .sub-menu li {
    position: relative;
    z-index: 2
}

#menu-item-9999999999 > a > span.wpglobus_flag {
    background-image: none !important;
    padding-left: 0
}

#menu-item-9999999999 ul li {
    padding: 7px 0
}

#menu-item-9999999999 ul > li:not(:last-child) > a span:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #2a2c33;
    display: block;
    right: 1px;
    bottom: -11px
}

#menu-item-9999999999 ul .wpglobus_language_name {
    padding-left: 30px;
    position: relative;
    left: -3px;
    width: 60px;
    display: inline-block;
    height: 22px
}

#menu-item-9999999999 .wpglobus_flag_it {
    padding-right: 4px
}

.wpglobus_flag_es {
    background-image: url(/assets/themes/common/assets/flag/ES.svg)
}

.wpglobus_flag_de {
    background-image: url(/assets/themes/common/assets/flag/DE.svg)
}

.wpglobus_flag_en {
    background-image: url(/assets/themes/common/assets/flag/EN.svg)
}

.wpglobus_flag_it {
    background-image: url(/assets/themes/common/assets/flag/IT.svg)
}

.wpglobus_flag_fr {
    background-image: url(/assets/themes/common/assets/flag/FR.svg)
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.st0 {
    fill: none
}

.app_block {
    padding-top: 40px
}

.links {
    max-width: 280px;
    display: flex;
    gap: 20px;
    justify-content: space-between
}

.links {
    text-align: center
}

.links small {
    color: #fff;
    font-family: 'Bio Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .12px;
    line-height: normal;
    position: relative;
    top: -15px
}

footer .app_block {
    padding-top: 0
}

@media (max-width: 768px) {
    .s-home--start-section .app_block {
        padding-top: 20px
    }

    footer .app_block {
        padding-top: 20px
    }

    .s-home--start-section .app_block img {
        max-height: 28px;
        border-radius: 6px
    }

    .s-home--start-section .links {
        max-width: 180px;
        gap: 10px
    }
}

footer .links small {
    top: 0
}

.reqfoot {
    padding-top: 20px;
    color: #6a6a6a;
    font-size: 12px;
    text-align: center
}

@media (min-width: 1024px) {
    #menu-header-1 .menu-item-has-children:after {
        content: '';
        width: 11px;
        height: 5px;
        margin-left: 5px;
        display: inline-block;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="7" viewBox="0 0 13 7" fill="none"><path d="M1.06445 6.56519L6.56445 1.56518M6.56445 1.56518L12.0645 6.56518M6.56445 1.56518L6.56445 1.64784" stroke="white"/></svg>');
        transition: transform .3s;
        position: relative
    }

    #menu-header-1 .menu-item-has-children:hover:after {
        transform: rotate(180deg);
        top: 2px
    }

    #menu-header-1 {
        position: relative
    }

    #menu-header-1 > li {
        position: initial;
        height: 80px;
        display: flex;
        align-items: center;
        cursor: pointer
    }

    #menu-header-1 > li.menu-item-has-children:hover .sub-menu, #menu-header-1 > li:last-child:hover .sub-menu {
        position: absolute;
        left: 0;
        top: 80px;
        width: 730px;
        display: grid;
        grid-template-columns:auto auto auto;
        gap: 0 40px;
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, .4);
        background: rgba(50, 53, 70, .5);
        backdrop-filter: blur(15px);
        padding: 30px 50px
    }

    #menu-header-1 .sub-menu li a {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    #menu-header-1 .sub-menu li .description {
        color: rgba(255, 255, 255, .7);
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        display: block;
        padding-bottom: 20px
    }

    #menu-header-1 > li.menu-item-has-children .sub-menu > li:before, #menu-header-1 li:last-child .sub-menu > li:before {
        content: '';
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6" fill="none"><circle cx="3" cy="3" r="2.5" stroke="white" stroke-opacity="0.2"/></svg>');
        width: 6px;
        height: 6px;
        display: inline-block;
        position: absolute;
        left: -13px;
        top: 16px
    }

    #menu-header-1 > li.menu-item-has-children .sub-menu > li.current_page_item:before, #menu-header-1 > li.menu-item-has-children .sub-menu > li:hover:before, #menu-header-1 li:last-child .sub-menu > li.current_page_item:before, #menu-header-1 li:last-child .sub-menu > li:hover:before {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6" fill="none"><circle cx="3" cy="3" r="3" fill="%23B353FF"/></svg>')
    }

    #menu-header-1 > li.menu-item-has-children .sub-menu > li:hover a, #menu-header-1 li:last-child .sub-menu > li:hover a {
        color: white !important
    }

    #menu-header-1 > li.menu-item-has-children .sub-menu > li.current_page_item a, #menu-header-1 li:last-child .sub-menu > li.current_page_item a {
        color: #9f54fa
    }
}