:root {
     --tt-main-bg-color: #27302e;
     --tt-main-color: #fdaf07;
}
 * {
     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: normal;
     -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: bold;
     font-weight: 700;
}
 section {
     position: relative;
}
 button {
}
 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: 'Poppins', 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, .pli-counter, .ttgr-cat-trigger-wrap, .ttgr-cat-list, .pi-item-title-link-inner, .pi-item-title-link::before, .portfolio-interactive-ghost, .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: 'Syne', 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: #111;
     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: bold;
     font-weight: 600;
     color: #444;
}
 .ptr-prel-image {
     max-height: 100px;
     opacity: .5;
}
 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;
}
 #page-content {
}
 .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: transparent !important;
     z-index: 99999 !important;
     transition: background 0.2s ease-in-out;
}
 .scrollbar-track:hover {
     background: rgba(222, 222, 222, 0.15) !important;
}
 .scrollbar-thumb {
     background: #DDD !important;
     opacity: .25;
     transition: opacity 0.2s ease-in-out;
}
 .scrollbar-track:hover .scrollbar-thumb {
     opacity: .5;
}
 #magic-cursor {
     position: absolute;
     display: none;
     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 0.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 0.25s;
}
 #ball .ball-drag::after {
     content: "\f061";
     right: 0;
     transform: translate3d(30px, 0, 0);
     transition: all 0.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: bold;
     font-weight: 600;
     color: inherit;
}
 .h1, .h2, .h3, h1, h2, h3 {
     line-height: 1.4;
     margin-top: 0px;
     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: 40px;
}
 .h3, h3 {
     font-size: 36px;
}
 .h4, h4 {
     font-size: 30px;
}
 .h5, h5 {
     font-size: 26px;
}
 .h6, h6 {
     font-size: 21px;
}
 .tt-heading {
     margin-bottom: 40px;
}
 @media (max-width: 991px) {
     .tt-heading {
         margin-bottom: 30px;
    }
}
 .tt-heading-title {
     margin: 0;
     font-size: calc(24px + 1vw);
     font-weight: bold;
     font-weight: 600;
     color: #FFF;
}
 .tt-heading-subtitle {
     margin: 0 0 15px 0;
     font-size: calc(19px + 0.1vw);
     font-weight: bold;
     font-weight: normal;
     color: #BBB;
}
 .tt-heading-title + .tt-heading-subtitle {
     margin: 15px 0 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: bold;
     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: bold;
     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: bold;
     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;
}
 .tt-heading.tt-heading-lg .tt-heading-subtitle {
     font-size: calc(21px + 0.1vw);
     font-weight: bold;
     font-weight: 500;
}
 .tt-heading.tt-heading-xlg .tt-heading-title {
     font-size: calc(14px + 2vw);
     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: bold;
     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: bold;
     font-weight: 500;
}
 #tt-header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     color: #fff;
     z-index: 999;
     pointer-events: none;
}
/* header position fixed */
 #tt-header.tt-header-fixed {
     position: fixed;
}
/* header inner */
 .tt-header-inner {
     width: 100%;
     display: flex;
     padding-top: 40px;
     align-items: center;
}
 @media (max-width: 1024px) {
     .tt-header-inner {
         padding-top: 20px;
    }
}
 body:not(.tt-boxed) .tt-header-inner, .tt-header-inner:not(.tt-wrap) {
     padding-left: 3.5%;
     padding-right: 3.5%;
}
 .tt-header-col {
     display: flex;
     align-items: center;
}
 .tt-header-col:first-child {
     margin-right: auto;
}
 .tt-logo {
     position: absolute;
     top: 40px;
     margin-right: auto;
     line-height: 1;
     pointer-events: initial;
     z-index: 9;
}
 .tt-logo a {
     display: inline-block;
     font-size: 21px;
     color: #FFF;
}
 .tt-logo img {
     max-height: 100px;
}
 .tt-logo-dark{
     display: none;
}
 @media (max-width: 1024px) {
     .tt-logo {
         top: 20px;
    }
     .tt-logo img {
         max-height: 50px;
    }
}
 @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 0.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 0.3s, opacity 0.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: 200px;
         background-color: #FFF;
         text-align: left;
         visibility: hidden;
         opacity: 0;
         z-index: 99999;
         border-radius: 3px;
         transform: translate3d(0, 10px, 0);
         transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

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

     .tt-submenu-list {
         margin: 0;
         padding: 15px 0;
         list-style: none;
    }
     .tt-submenu-list li {
         width: 100%;
    }
     .tt-submenu-list li:first-child {
    }
     .tt-submenu-list li:last-child {
    }
     .tt-submenu-list li a {
         position: relative;
         display: block;
         padding: 8px 25px 8px 20px;
         text-decoration: none;
         font-size: 15px;
         font-weight: normal;
         font-weight: 400;
         line-height: 1.4;
         color: #111;
         transition: all 0.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, 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 {
    }
     .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 0.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 0.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 0.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: #404d4f;
     visibility: hidden;
     opacity: 0;
     pointer-events: initial;
}
 .tt-ol-menu-ghost {
     position: absolute;
     left: 0;
     bottom: 5%;
     font-size: 25.5vw;
     font-weight: bold;
     font-weight: 600;
     color: #FFF;
     line-height: .7;
     opacity: .07;
     z-index: -1;
}
 .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: 40%;
         padding-bottom: 35%;
         padding-left: 15px;
         padding-right: 15px;
    }
}

 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: normal;
         color: #FFF;
         opacity: 0.4;
    }
}

 .tt-ol-menu-list > li > a, .tt-ol-menu-list > li > .tt-ol-submenu-trigger > a {
     position: relative;
     display: inline-block;
     font-size: clamp(34px, 4vw, 68px);
     font-weight: bold;
     font-weight: 700;
     line-height: 1.2;
     color: #818181;
     transition: color 0.2s, transform 0.2s ease-in-out;
}

 .tt-ol-menu-list > li.active > a, .tt-ol-menu-list > li.active > .tt-ol-submenu-trigger > a, .tt-ol-menu-list > li.active > .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.active > a, .tt-ol-menu-list > li.active > .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(-15deg, 0deg);
}

 .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 0.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 0.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 0.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 0.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 0.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 0.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: 600;
     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: 0.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: 600;
     color: #EEE;
}

#page-header {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .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: 500px;
    }
}
 @media (max-width: 1600px) {
     .ph-image, #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
         width: 320px;
    }
}
 @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-position: 50% 50%;
}

 #page-header.ph-bg-image .ph-image {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     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 {
     position: relative;
     margin: 0;
     font-size: clamp(38px, 5vw, 82px);
     font-weight: bold;
     font-weight: 600;
     color: #FFF;
     line-height: 1.2;
     z-index: 9;
}

 .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: bold;
     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;
     margin-bottom: 20px;
     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: normal;
     z-index: 9;
}
 .ph-meta-published {
}
 .ph-meta-posted-by {
     margin-left: 10px;
     font-weight: normal;
}
 .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;
}
 .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: bold;
     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: 0px;
     transform: rotate(-45deg);
     transform-origin: bottom left;
}
 .tt-sd-arrow::after {
     bottom: 0px;
     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-inner {
}
 .ph-share-trigger {
}
 .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 0.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 0.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: bold;
     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-lg .ph-caption-title {
     font-size: clamp(38px, 6vw, 112px);
}

 #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 {
         display: flex;
         align-items: center;
         min-height: 100vh;
    }
     #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;
     cursor: pointer;
}
 .ttgr-cat-trigger:hover {
}
 .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 0.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 0.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 0.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(10 10 10 / 50%);
     backdrop-filter: blur(10px);
     border-radius: 50px;
     padding-right: 10px;
     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 + 2vw);
     font-weight: bold;
     font-weight: 600;
     line-height: 1.2;
     color: #FFF;
     opacity: .5;
     transition: color 0.3s, transform 0.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: normal;
         color: #FFF;
         opacity: 0.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-items-wrap {
}

 .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: 0.2vw;
     margin-right: 0.2vw;
}
 body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-1 {
     margin-left: -0.2vw;
     margin-right: -0.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 0.2vw 0.4vw 0.2vw;
    }
}
 @media (max-width: 767px) {
     .tt-grid.ttgr-gap-1 .ttgr-item-inner {
         margin: 0 1vw 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 1vw;
}

 .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 2vw;
}

 .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 3vw;
    }
}
 @media (max-width: 767px) {
     .tt-grid.ttgr-gap-4 .ttgr-item-inner {
         margin: 0 1.5vw 5vw 1.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 4vw;
    }
}
 @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 5vw;
    }
}
 @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-holder {
}
 .pgi-image-inner {
}
 .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: 900px;
     padding: 20px 3% 0px 3%;
}
 .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-caption-inner {
}

 .pgi-title {
     margin: 0;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     font-size: calc(19px + 1.5vw);
     font-weight: bold;
     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: 0.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: #111;
}
 #portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-category {
     color: #111;
}
 #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 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.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 0.25s ease-out;
     transition-delay: 0.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 0.25s ease-out;
     transition-delay: 0.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;
}
 .pli-image img {
}
 @media (max-width: 767px) {
     .pli-image[class*="cover-opacity-"]::before {
         display: none;
    }
}

 .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: 767px) {
     .portfolio-list.pli-cropped .pli-image img, .pli-video video {
         height: 60vw;
    }
}

 @media (min-width: 768px) {
     .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: 767px) {
     .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: bold;
     font-weight: 600;
     color: #FFF;
     line-height: 1.2;
}
 .pli-caption.pli-caption-front .pli-title {
}
 .pli-caption.pli-caption-back .pli-title {
     color: var(--tt-main-color);
}
 .pli-categories-wrap {
     position: relative;
     margin-bottom: 24px;
}
 @media (max-width: 767px) {
     .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: 767px) {
     .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: 0.15;
     z-index: -1;
}
 @media (max-width: 767px) {
     .portfolio-list-item::before {
         display: none;
    }
}

 @media (min-width: 768px) {
     .portfolio-list.pli-hover .pli-image, .portfolio-list.pli-hover .pli-video, .portfolio-list.pli-hover .pli-caption-front {
         transition: all 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.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(0.07, 0.72, 0.29, 0.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: 767px) {
     .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: 768px) {
     .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 {
         display: none;
    }
     .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-title {
         color: #111;
    }
     .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-category {
         color: #111;
    }
}

 .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-list {
}

 .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 0.3s ease;
}
 .pi-item-category {
     position: relative;
     display: inline-block;
     margin: 0;
     font-size: calc(13px + 0.1vw);
     font-weight: normal;
     color: #FFF;
     line-height: 1.4;
     transition: transform .6s cubic-bezier(0.51, 0.57, 0.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, 5vw, 82px);
     font-weight: 600;
     color: #EEE;
     line-height: 1.2;
     transform: translate3d(0, 0, 0);
     transition: transform 0.4s cubic-bezier(0.51, 0.57, 0.17, 1), opacity 0.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: bold;
         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:not(.pi-stroke) .pi-item-title {
}
 .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: bold;
     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;
    }
}

 .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: 0.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: 0px 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-ps-caption-inner {
}
 .tt-portfolio-slider-caption a {
     pointer-events: initial;
}

 .tt-ps-caption-title {
     margin: 0;
     font-size: clamp(48px, 5vw, 82px);
     font-weight: bold;
     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: 0.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 0;
     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: bold;
     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-ps-nav-pagination {
}
 .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, 0.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 0.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 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.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(0.07, 0.72, 0.29, 0.96);
    }
     .pci-hover .tt-portfolio-carousel-item:hover .tt-pci-image {
         transform: scale(1.05);
    }
}

 .tt-portfolio-carousel-item {
     transition: all 0.5s ease-in-out;
}
 .swiper-slide.tt-pcs-disabled .tt-portfolio-carousel-item {
     cursor: auto;
     pointer-events: none;
     opacity: .3;
     transform: scale(0.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: bold;
     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(0.22, 0.61, 0.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 0.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: 0.6s;
}
 .swiper-slide.swiper-slide-active .tt-pci-categories {
     transition-delay: 0.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: bold;
         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: #111;
    }
     .pci-image-is-light .tt-pci-caption-front .tt-pci-category {
         color: #111;
    }
     .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-pc-pagination {
}
 .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, 0.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-gallery {
     position: relative;
}

 .tt-gallery-item {
     position: relative;
     display: block;
     overflow: hidden;
     z-index: 1;
}

 .tt-gallery-image-wrap {
}
 .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 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.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 10px;
         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: 0px 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: 0px 40px 0 30px;
     margin: 15px 0 15px 0;
}

 .project-info-list .pi-list-heading {
     margin-bottom: 5px;
     font-size: calc(17px + 0.1vw);
     font-weight: normal;
     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: 1024px) {
     .emailbottom {
         text-align: left;
    }
}

 .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(33px, 7vw, 64px);
     font-weight: bold;
     font-weight: 600;
     line-height: 1.4;
     transition: transform .5s cubic-bezier(0.51, 0.57, 0.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: 0.1s;
    }
     .tt-pn-link:hover .tt-pn-hover-title {
         transform: translate3d(0, 0, 0);
         transition-delay: 0.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: bold;
         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-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*="pn-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.pn-image-cover-0 .tt-np-image::before {
     opacity: 0;
}
 .tt-next-project.pn-image-cover-0-5 .tt-np-image::before {
     opacity: .05;
}
 .tt-next-project.pn-image-cover-1 .tt-np-image::before {
     opacity: .1;
}
 .tt-next-project.pn-image-cover-1-5 .tt-np-image::before {
     opacity: .15;
}
 .tt-next-project.pn-image-cover-2 .tt-np-image::before {
     opacity: .2;
}
 .tt-next-project.pn-image-cover-2-5 .tt-np-image::before {
     opacity: .25;
}
 .tt-next-project.pn-image-cover-3 .tt-np-image::before {
     opacity: .3;
}
 .tt-next-project.pn-image-cover-3-5 .tt-np-image::before {
     opacity: .35;
}
 .tt-next-project.pn-image-cover-4 .tt-np-image::before {
     opacity: .4;
}
 .tt-next-project.pn-image-cover-4-5 .tt-np-image::before {
     opacity: .45;
}
 .tt-next-project.pn-image-cover-5 .tt-np-image::before {
     opacity: .5;
}
 .tt-next-project.pn-image-cover-5-5 .tt-np-image::before {
     opacity: .55;
}
 .tt-next-project.pn-image-cover-6 .tt-np-image::before {
     opacity: .6;
}
 .tt-next-project.pn-image-cover-6-5 .tt-np-image::before {
     opacity: .65;
}
 .tt-next-project.pn-image-cover-7 .tt-np-image::before {
     opacity: .7;
}
 .tt-next-project.pn-image-cover-7-5 .tt-np-image::before {
     opacity: .75;
}
 .tt-next-project.pn-image-cover-8 .tt-np-image::before {
     opacity: .8;
}
 .tt-next-project.pn-image-cover-8-5 .tt-np-image::before {
     opacity: .85;
}
 .tt-next-project.pn-image-cover-9 .tt-np-image::before {
     opacity: .9;
}
 .tt-next-project.pn-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 17%;
     z-index: 3;
}
 @media (min-width: 1025px) {
     body.tt-np-image-on .tt-np-caption {
         padding: 10% 17% 40px 17%;
    }
}
 @media (max-width: 1024px) {
     .tt-np-caption {
         padding: 140px 10% 40px 10%;
    }
     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: bold;
     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: bold;
     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: bold;
     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: 0.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 .swiper-wrapper {
}
 .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-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, 0.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 .swiper-wrapper {
}
 .tt-testimonials-slider-item {
     position: relative;
     display: block;
     margin: 0 auto;
     opacity: .1;
     transition: opacity 0.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: 50px;
     background-color: transparent;
     margin: 15px 15px 15px 0;
     padding: 0 30px;
     text-align: center;
     font-size: 16px;
     font-weight: bold;
     font-weight: 500;
     overflow: hidden;
     cursor: pointer;
     border: none;
     border-radius: 100px;
     z-index: 9;
}
 .tt-btn:last-child {
     margin-right: 0;
}
 .tt-btn > * {
     position: relative;
     color: #FFF;
     transition: transform 0.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-main-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: #111;
}
 .tt-btn-light:hover > * {
     color: #111;
}

 .tt-btn-light-outline {
     box-shadow: inset 0 0 0 2px #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: normal;
     border-radius: 0;
}
 .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(0.475, 0.425, 0, 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;
}

 .scr-btn-spinner {
}
 .tt-scrolling-btn svg {
     width: 100%;
}

 .scr-btn-text {
     font-size: 41px;
     font-weight: bold;
     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 {
}
 .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: 0px;
    }
}
 .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 0.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: 0px;
     transform: rotate(-45deg);
     transform-origin: bottom left;
}
 [class*="tt-arrow"]:after {
     bottom: 0px;
     transform: rotate(45deg);
     transform-origin: top left;
}
 .tt-arrow-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;
}

 .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%;
     font-size: 32px;
     font-weight: bold;
     font-weight: 600;
     color: #CCC;
     line-height: 1.2;
     transition: color 0.3s;
}
 .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: 28px;
    }
}

 .tt-accordion-subtext {
     margin-top: 10px;
     font-size: 19px;
     font-weight: normal;
     color: #999;
}

 .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: 35px;
     height: 5px;
     box-shadow: inset 0 0 0 40px;
     margin: 10px;
     color: #666;
     transform: rotate(270deg);
     transition: all 0.3s;
}
 .tt-accordion-caret:before, .tt-accordion-caret:after {
     position: absolute;
     display: block;
     content: "";
     left: 0;
     width: 25px;
     height: 5px;
     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: 1px;
     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: 25px;
         height: 4px;
    }
     .tt-accordion-caret:before, .tt-accordion-caret:after {
         width: 20px;
         height: 4px;
    }
}

 .tt-accordion-content {
     padding-bottom: 40px;
     color: #e0e0e0;
}
 .tt-accordion-content:not(.is-open) {
     display: none;
}
 .tt-accordion-content p:last-child {
     margin-bottom: 0;
}

 .tt-accordion.tt-ac-borders .tt-accordion-heading {
     border-top: 1px solid #4a4a4a;
}
 .tt-accordion.tt-ac-borders .tt-ac-head {
     padding-top: 45px;
     padding-bottom: 45px;
}
 @media (max-width: 991px) {
     .tt-accordion.tt-ac-borders .tt-ac-head {
         padding-top: 30px;
         padding-bottom: 30px;
    }
}
 .tt-accordion.tt-ac-borders .tt-accordion-item:last-child {
     border-bottom: 1px solid #4a4a4a;
}

 .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, 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: normal;
     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: bold;
     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 0.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;
}

 .tt-form-file {
}
 .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 label {
}
 .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 {
}
 .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 0;
     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 {
}
 .tt-signature-light {
}
 .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 0.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: bold;
     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: bold;
     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: bold;
     font-weight: 500;
     color: #FFF;
     opacity: .4;
     transition: opacity 0.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 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 0.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 0.3s, visibility 0.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: #808080;
     cursor: pointer;
     transition: background-color 0.3s, color 0.3s, width 0.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-search {
}

 .sidebar-categories {
}
 .sidebar-categories > ul > li {
     padding: 0;
}
 .sidebar-categories > ul > li > a {
     display: block;
     text-decoration: none;
     font-size: 18px;
     font-weight: normal;
     color: #CCC;
     line-height: 1;
     padding: 10px 0px;
     transition: all 0.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 8px 9px;
     text-align: center;
     font-size: 13px;
     font-weight: normal;
     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 {
}
 .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-data {
}
 .sidebar-post-title {
     margin: 0 0 5px 0;
     font-size: 18px;
     font-weight: bold;
     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: 0.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 {
}
 .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-data {
}
 .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: 0.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 {
}
 .sidebar-tags-list {
}
 .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 {
}
 .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: 0.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 {
}

 .blog-list-item {
     position: relative;
     margin-bottom: 80px;
}

 .bli-image-wrap {
}
 .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, 0.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: bold;
     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: 0.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 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 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: normal;
         color: #FFF;
         opacity: 0.1;
         z-index: -1;
    }

     body.tt-sidebar-on #blog-list.bli-compact .bli-title {
         font-size: 30px;
    }
}

 .blog-interactive {
}
 .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: normal;
         color: #FFF;
         opacity: 0.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: bold;
     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: 0.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 {
}
 .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-image img {
}
 .tt-bpi-caption {
}

 .tt-blog-post-tags {
     padding: 40px 0;
     font-size: 16px;
     font-weight: bold;
     font-weight: 700;
     overflow: hidden;
     margin-top: 60px;
     overflow: hidden;
     border-top: 1px solid rgba(150, 150, 150, 0.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: bold;
     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, 0.3);
}
 .tt-bp-nav-col {
     float: left;
     width: 50%;
}
 .tt-bp-nav-left {
     padding-right: 5%;
     border-right: 1px solid rgba(150, 150, 150, 0.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: bold;
     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: 0.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, 0.2);
}
 .tt-bpc-heading {
     margin: 0 0 30px 0;
     font-size: 24px;
}

 .tt-comments-list {
     padding: 0;
     margin: 0;
     list-style: none;
     overflow: hidden;
}
 .tt-comments-list > li {
     margin-top: 40px;
}

 .tt-comment {
}

 .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, 0.3);
}
 .tt-comment-heading {
     margin: 0 0 5px 0;
     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: 0.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: normal;
     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: 0.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: normal;
     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, 0.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: bold;
     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: 0.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, 0.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: #888;
}
 #tt-footer .tt-copyright a {
     color: #888;
}
 #tt-footer .tt-copyright a:hover {
}
 #tt-footer .tt-copyright .tt-btn-link {
     font-weight: normal;
}
 #tt-footer .tt-copyright.text-gray .tt-btn-link > * {
     color: #CCC;
}
 #tt-footer .tt-copyright.text-gray:hover .tt-btn-link .tt-btn-icon {
}

 @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-inner {
    }

     .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 0.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:first-child {
    }
     .footer-col:last-child {
    }
     .footer-col-inner {
    }

     .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: #111;
}
 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: #111;
}

 body.tt-light-bg-on:not(.tt-ol-menu-open) #tt-header .tt-logo-light {
     display: none;
}
 body.tt-light-bg-on:not(.tt-ol-menu-open) #tt-header .tt-logo-dark {
     display: block;
}

 body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn-text {
     color: #111;
}
 body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span, body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn span::before, body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn span::after {
     background-color: #111;
}

 @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: #111;
    }
     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-open) .tt-m-menu-toggle-btn-text {
         color: #111;
    }
     body.tt-light-bg-on:not(.tt-m-menu-open) .tt-m-menu-toggle-btn span::before, body.tt-light-bg-on:not(.tt-m-menu-open) .tt-m-menu-toggle-btn span::after {
         background-color: #111;
    }
}

 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: #111;
}
 body.tt-light-bg-on #page-header.ph-stroke .ph-caption-title {
     -webkit-text-stroke-color: #111;
}

 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: #111;
}
 body.tt-light-bg-on .ph-share-icon {
     color: #111;
     opacity: .9 !important;
}
 body.tt-light-bg-on .ph-share .social-buttons > ul > li a {
     color: #111;
}

 body.tt-light-bg-on .tt-ps-caption-category, body.tt-light-bg-on .tt-ps-caption-title a {
     color: #111;
}
 body.tt-light-bg-on .tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
     -webkit-text-stroke-color: #111;
}

 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: #111;
}
 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: #111;
}
 body.tt-light-bg-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet {
     border-color: #111;
}
 body.tt-light-bg-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
     background: #111;
}

 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: #111;
}
 .tt-next-project[class*="pn-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: #111;
    }
     body.tt-light-bg-on #tt-footer .tt-btn-link::after, body.tt-light-bg-on #tt-footer .tt-btn-line {
         background-color: #111;
    }
}

 .tt-style-switch {
     position: fixed;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 30%;
     right: 0;
     width: 40px;
     height: 35px;
     background-color: #444;
     font-size: 16px;
     color: #FFF;
     cursor: pointer;
     z-index: 999;
     border-radius: 50px 0 0 50px;
     transition: all .2s;
}
 @media (max-width: 540px) {
     .tt-style-switch {
         top: auto;
         bottom: 100px;
    }
}
 body:not(.is-mobile) .tt-style-switch:hover {
     width: 45px;
     background-color: var(--tt-main-color);
     color: #FFF;
}
 .tt-style-switch.is-dark {
}
 .tt-stsw-dark, .tt-stsw-light {
     line-height: 0;
}
 .tt-style-switch:not(.is-dark) .tt-stsw-dark {
     display: none;
}
 .tt-style-switch.is-dark .tt-stsw-light {
     display: none;
}

 @media (min-width: 769px) {
     body.tt-sliding-sidebar-right-on .tt-style-switch {
         right: auto;
         left: 0;
         border-radius: 0 50px 50px 0;
    }
}
 .in-page {
     font-size: 24px;
}
 .in-page2 {
     font-size: 18px;
}
 .in-page3 {
     font-size: 16px;
}