/* Generated from main.css: only the Diego template rules the Junza pages can use (selectors that match the built pages and the classes junza-main.js, Swiper and GSAP add at runtime). Regenerate when pages gain template classes; main.css is the full original. */
.tpoffcanvas__logo,.tpoffcanvas__right-info,.tpoffcanvas__social-link ul li a::before,.tp-offcanvas-left,.tp-offcanvas-right,.tp-offcanvas-close,.tp-offcanvas-close-btn .text,.tp-offcanvas-close-btn .text span,.tp-btn-white span.text::after,.tp-btn-white::after,.back-to-top-wrapper,a,button,p,input,select,textarea,li{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
.tp-offcanvas-close-btn{font-family: var(--tp-ff-dmsans)}
:root{--tp-ff-body: 'DM Sans', sans-serif;--tp-ff-heading: 'Didone', sans-serif;--tp-ff-p: 'DM Sans', sans-serif;--tp-ff-dmsans: 'DM Sans', sans-serif;--tp-ff-didoneright: 'Didone right', serif;--tp-ff-poppins: 'Poppins', sans-serif;--tp-ff-playfair: 'Playfair Display', sans-serif;--tp-common-white: #ffffff;--tp-common-black: #020B18;--tp-common-black-7: #0D0D0D;--tp-dark-black-2: #000F4A;--tp-pink-3: #E4E531;--tp-cream-1: #F5F5F2;--tp-cream-2: #CFC292;--tp-coffe-2: #552411;--tp-headingDark-primary: #020B18;--tp-text-body: #55585B}
*{margin: 0;padding: 0;box-sizing: border-box}
html{scroll-behavior: smooth}
body{font-family: var(--tp-ff-body);font-size: 14px;font-weight: normal;color: var(--tp-text-body);line-height: 26px}
img{max-width: 100%}
a{text-decoration: none}
h1,h2,h3,h4,h5,h6{font-family: var(--tp-ff-heading);color: var(--tp-headingDark-primary);margin-top: 0px;font-weight: 500;line-height: 1.2;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-ms-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out}
h1{font-size: 40px}
h2{font-size: 36px}
h3{font-size: 28px}
h4{font-size: 24px}
h5{font-size: 20px}
h6{font-size: 16px}
ul{margin: 0px;padding: 0px}
p{font-family: var(--tp-ff-p);font-size: 14px;font-weight: 400;color: var(--tp-text-body);margin-bottom: 15px;line-height: 26px}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color: inherit;text-decoration: none}
a:focus,.button:focus{text-decoration: none;outline: none}
a:focus,a:hover{color: inherit;text-decoration: none}
a,button{color: inherit;outline: none;border: none;background: transparent}
button:hover{cursor: pointer}
button:focus{outline: 0}
.uppercase{text-transform: uppercase}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=url],textarea{outline: none;background-color: #fff;height: 56px;width: 100%;line-height: 56px;font-size: 14px;color: var(--tp-common-black);padding-left: 26px;padding-right: 26px;border: 1px solid #E0E2E3}
input[type=text]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #95999D}
input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder{color: #95999D}
input[type=text]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=url]:-moz-placeholder,textarea:-moz-placeholder{color: #95999D}
input[type=text]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #95999D}
input[type=text]::placeholder,input[type=email]::placeholder,input[type=tel]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=url]::placeholder,textarea::placeholder{color: #95999D}
[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=tel],[dir=rtl] input[type=number],[dir=rtl] input[type=password],[dir=rtl] input[type=url],[dir=rtl] textarea{text-align: right}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=password]:focus,input[type=url]:focus,textarea:focus{border-color: var(--tp-common-black)}
input[type=text]:focus::placeholder,input[type=email]:focus::placeholder,input[type=tel]:focus::placeholder,input[type=number]:focus::placeholder,input[type=password]:focus::placeholder,input[type=url]:focus::placeholder,textarea:focus::placeholder{opacity: 0}
textarea{line-height: 1.4;padding-top: 17px;padding-bottom: 17px}
input[type=color]{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: none;border: 0;cursor: pointer;height: 100%;width: 100%;padding: 0;border-radius: 50%}
*::-moz-selection{background: var(--tp-common-black);color: var(--tp-common-white);text-shadow: none}
::-moz-selection{background: var(--tp-common-black);color: var(--tp-common-white);text-shadow: none}
::selection{background: var(--tp-common-black);color: var(--tp-common-white);text-shadow: none}
*::-moz-placeholder{color: var(--tp-common-black);font-size: 14px;opacity: 1}
*::placeholder{color: var(--tp-common-black);font-size: 14px;opacity: 1}
.container-1760{max-width: 1760px}
.container-1320{max-width: 1320px}
.fix{overflow: hidden}
.clear{clear: both}
.p-relative{position: relative}
.class{stroke-dasharray: 189px, 191px;stroke-dashoffset: 0px}
.back-to-top-wrapper{position: fixed;right: 50px;bottom: 0;height: 44px;width: 44px;cursor: pointer;display: block;border-radius: 50%;z-index: 99;opacity: 0;visibility: hidden}
@media (max-width: 767px){
.back-to-top-wrapper{right: 20px;bottom: 20px}
}
.back-to-top-wrapper.back-to-top-btn-show{visibility: visible;opacity: 1;bottom: 50px}
.back-to-top-btn{display: inline-block;width: 44px;height: 44px;line-height: 44px;text-align: center;background: var(--tp-common-white);box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);color: var(--tp-common-black);border-radius: 50%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
.back-to-top-btn svg{-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);-ms-transform: translateY(-2px);-o-transform: translateY(-2px);transform: translateY(-2px)}
.back-to-top-btn:hover{-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px)}
.tp-btn-white{background-color: var(--tp-common-white);padding: 7px 26px;box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.1);color: var(--tp-common-black);padding: 9px 29px}
.tp-btn-white:hover{background-color: var(--tp-common-black);color: var(--tp-common-white)}
.tp-btn-white{height: 40px;line-height: 40px;border-radius: 100px;padding: 0 32px;padding-right: 16px;font-weight: 400;font-size: 16px;text-align: center;text-transform: capitalize;display: inline-block;overflow: hidden;letter-spacing: -0.01em;color: var(--tp-dark-black-2);background-color: transparent;font-family: var(--tp-ff-dmsans);transition: 0.4s;position: relative;z-index: 1}
.tp-btn-white span{margin-left: 30px}
.tp-btn-white span svg{color: var(--tp-common-black)}
.tp-btn-white span.text{position: relative;margin-left: 0}
.tp-btn-white span.text::after{position: absolute;content: "";right: 0;bottom: 0;width: 100%;height: 1px;background-color: var(--tp-common-white);z-index: -1}
.tp-btn-white::after{position: absolute;content: "";right: 0;top: 0;width: 100%;height: 100%;background-color: var(--tp-common-white);z-index: -1;border-radius: 100px}
.tp-btn-white:hover{background-color: transparent;color: var(--tp-common-white)}
.tp-btn-white:hover::after{width: 40px}
.tp-btn-4-1-price{height: 50px;line-height: 48px;border-radius: 100px;padding: 0 60px;font-size: 18px;font-weight: 500;text-align: center;text-transform: capitalize;display: inline-block;overflow: hidden;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins);border: 1px solid rgba(245, 245, 242, 0.14);transition: 0.3s}
.tp-btn-4-1-price:hover{color: var(--tp-common-black);border-color: var(--tp-cream-2);background-color: var(--tp-cream-2)}
.tp-btn-4-1-price.sm{height: 34px;font-size: 14px;font-weight: 600;line-height: 34px;text-transform: uppercase;color: var(--tp-cream-2);font-family: var(--tp-ff-poppins);padding: 0px 30px;transition: 0.3s}
.tp-btn-4-1-price.sm:hover{color: var(--tp-coffe-2)}
@keyframes scroll{0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); }}
#loading{background-color: #131311;height: 100%;width: 100%;position: fixed;z-index: 999999;margin-top: 0px;top: 0px}
#loading{background-color: #131311;height: 100%;width: 100%;position: fixed;z-index: 999999;margin-top: 0px;top: 0px}
#tp-loading-number{color: #FFF;font-family: "Syne";font-size: 26px;font-style: normal;font-weight: 500;line-height: normal}
@keyframes loading{0% { width: 0%; } 100% { width: 100%; }}
.black-bg-5{background-color: var(--tp-common-black-7)}
.black-bg-6{background: #131311}
.tpoffcanvas__logo{padding-left: 110px;padding-top: 35px;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);visibility: hidden;opacity: 0;transition-delay: 0s}
.tpoffcanvas__logo img{width: 115px}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
.tpoffcanvas__logo{padding-left: 40px}
}
.tpoffcanvas__right-info{text-align: right;padding-top: 60px;-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);opacity: 0;visibility: hidden;transition-delay: 0.6s}
.tpoffcanvas__tel a,.tpoffcanvas__mail a,.tpoffcanvas__text p{font-weight: 300;font-size: 22px;line-height: 34px;letter-spacing: 0.04em;color: var(--tp-common-white);font-family: var(--tp-ff-didoneright)}
.tpoffcanvas__social-link{visibility: hidden;opacity: 0;-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);transition-delay: 0.9s;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out}
.tpoffcanvas__social-link ul li{list-style: none}
.tpoffcanvas__social-link ul li:not(:last-child){margin-bottom: 10px}
.tpoffcanvas__social-link ul li a{display: inline-block;font-weight: 300;font-size: 40px;line-height: 1.3;color: rgba(255, 255, 255, 0.95);font-family: var(--tp-ff-didoneright);position: relative;padding-left: 16px}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tpoffcanvas__social-link ul li a{font-size: 30px}
}
.tpoffcanvas__social-link ul li a::after{position: absolute;content: "";left: 0;top: 47%;width: 4px;height: 4px;border-radius: 50%;background-color: var(--tp-common-white)}
.tpoffcanvas__social-link ul li a::before{position: absolute;content: "";left: 16px;bottom: 3px;width: 0;height: 1px;background-color: var(--tp-common-white)}
.tpoffcanvas__social-link ul li a:hover::before{width: calc(100% - 16px)}
.tp-offcanvas-area.opened .tp-offcanvas-left,.tp-offcanvas-area.opened .tp-offcanvas-right{visibility: visible;opacity: 1}
.tp-offcanvas-area.opened .tp-offcanvas-bg.is-left,.tp-offcanvas-area.opened .tp-offcanvas-bg.is-right{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0s}
.tp-offcanvas-area.opened .tp-offcanvas-close{visibility: visible;opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition-delay: 0.9s}
.tp-offcanvas-area.opened .tpoffcanvas__right-info,.tp-offcanvas-area.opened .tpoffcanvas__social-link,.tp-offcanvas-area.opened .tpoffcanvas__logo{visibility: visible;opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}
.tp-offcanvas-area.opened .tpoffcanvas__right-info{transition-delay: 0.9s}
.tp-offcanvas-area.opened .tpoffcanvas__social-link{transition-delay: 0.7s}
.tp-offcanvas-area.opened .tpoffcanvas__logo{transition-delay: 0.3s}
.tp-offcanvas-area.opened .tpoffcanvas__logo img{flex: 0 0 auto}
.tp-offcanvas-bg{position: fixed;top: 0;height: 100%;width: 50%;-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);-ms-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);z-index: 1111}
@media (max-width: 767px){
.tp-offcanvas-bg{width: 100%}
}
.tp-offcanvas-bg.is-left{left: 0;-webkit-transform: scale(1, 0);-moz-transform: scale(1, 0);-ms-transform: scale(1, 0);-o-transform: scale(1, 0);transform: scale(1, 0);transform-origin: top center;background-color: #0D0D0D;transition-delay: 1s}
.tp-offcanvas-bg.is-right{right: 0;transform-origin: bottom center;-webkit-transform: scale(1, 0);-moz-transform: scale(1, 0);-ms-transform: scale(1, 0);-o-transform: scale(1, 0);transform: scale(1, 0);background-color: #131311;transition-delay: 1s}
.tp-offcanvas-wrapper-2 .tp-offcanvas-left{overflow-y: scroll}
.tp-offcanvas-wrapper-2 > div{position: fixed;top: 0;width: 50%;height: 100vh;overscroll-behavior-y: contain;scrollbar-width: none;z-index: 9999;padding-bottom: 50px}
.tp-offcanvas-wrapper-2 > div::-webkit-scrollbar{display: none}
@media (max-width: 767px){
.tp-offcanvas-wrapper-2 > div{width: 100%}
}
.tp-offcanvas-left{visibility: hidden;opacity: 0;left: 0;transition-delay: 1.2s}
.tp-offcanvas-right{visibility: hidden;opacity: 0;right: 0;transition-delay: 1.2s}
.tp-offcanvas-right-inner{padding: 100px;padding-right: 100px}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-offcanvas-right-inner{padding: 50px}
}
.tp-offcanvas-close{padding-top: 30px;padding-right: 90px;visibility: hidden;opacity: 0;-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);transition-delay: 0.9s}
@media (max-width: 767px){
.tp-offcanvas-close{padding-right: 40px}
}
.tp-offcanvas-close-btn{color: rgba(255, 255, 255, 0.7);text-transform: uppercase;font-size: 14px;font-weight: 500}
.tp-offcanvas-close-btn .text{width: 60px;height: 20px;overflow: hidden;color: rgba(255, 255, 255, 0.5);display: inline-block;transform: translateY(4px)}
.tp-offcanvas-close-btn .text span{display: inline-block;-webkit-transform: translateX(120%);-moz-transform: translateX(120%);-ms-transform: translateX(120%);-o-transform: translateX(120%);transform: translateX(120%)}
.tp-offcanvas-close-btn:hover{color: var(--tp-common-white)}
.tp-offcanvas-close-btn:hover .text span{transform: translateX(0%)}
.tp-offcanvas-close-btn:hover span{color: var(--tp-common-white)}
.tp-offcanvas-close-btn:hover span svg{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg)}
.tp-offcanvas-update-bg .tp-offcanvas-bg.is-right{background-color: var(--tp-common-black-7)}
.tp-offcanvas-update-bg .tp-offcanvas-bg.is-left{background-color: #131311}
.tp-offcanvas-update-bg .tp-main-menu-mobile > nav ul > li .submenu li a:hover{color: rgba(255, 255, 255, 0.3)}
.tp-offcanvas-update-bg .menu-hover-active > nav > ul > li > a{color: rgba(255, 255, 255, 0.2)}
.tp-section-subtitle-5{font-size: 14px;font-weight: 500;line-height: 20px;text-transform: uppercase;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins);border: 1px solid var(--tp-cream-1);padding: 7px 20px;display: inline-block;position: relative;z-index: 1}
.tp-section-subtitle-5 i{font-size: 14px;line-height: 1.2;z-index: 2;font-style: normal;text-transform: uppercase;transition: opacity 0.2s ease}
.tp-section-subtitle-5:before,.tp-section-subtitle-5:after{content: "";background: #0D0D0D;position: absolute;z-index: -1;transition: transform 0.2s ease-in-out;opacity: 0.9}
.tp-section-subtitle-5:before{top: -2px;right: 8px;bottom: -2px;left: 8px}
.tp-section-subtitle-5:after{top: 8px;right: -2px;bottom: 8px;left: -2px}
.tp-section-title-5{font-size: 120px;font-weight: 500;line-height: 0.9;letter-spacing: -4.8px;color: var(--tp-cream-1);text-transform: uppercase;font-family: var(--tp-ff-poppins)}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-section-title-5{font-size: 100px}
}
@media (max-width: 767px){
.tp-section-title-5{font-size: 70px}
}
body.tp-magic-cursor #magic-cursor{display: block}
#magic-cursor{position: absolute;display: none;width: 10px;height: 10px;pointer-events: none;z-index: 99999;opacity: 0}
#ball{position: fixed;display: flex;align-items: center;pointer-events: none;border-style: solid;border-radius: 50%;justify-content: center;mix-blend-mode: difference;color: rgba(255, 255, 255, 0.5)}
#ball .ball-view{position: absolute;opacity: 0;visibility: hidden;padding: 0 5px;font-size: 14px;font-weight: 500;color: #222;line-height: 1.3;text-align: center;transform: scale(0)}
#ball .ball-view i{font-size: 19px}
.tp-header-transparent{position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 99}
.tp-header-3__area.tp-header-sticky-cloned{position: fixed;top: 0;left: 0;right: 0;z-index: 98;visibility: hidden;transform: translateY(-100%);backdrop-filter: blur(14px);background: rgba(25, 33, 68, 0.8);transition: transform 500ms ease, visibility 500ms ease;box-shadow: 0px 2px 6px 0px rgba(5, 10, 30, 0.4), 0px 1px 0px 0px rgba(255, 255, 255, 0.2)}
.tp-header-3__area.tp-header-sticky-cloned.tp-header-3__ptlr{padding: 15px 85px}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
.tp-header-3__area.tp-header-sticky-cloned.tp-header-3__ptlr{padding: 15px 30px}
}
.tp-header-3__area.tp-header-pinned{transform: translateY(0%);visibility: visible}
.tp-header-3__logo img{width: 115px}
.tp-header-3__ptlr{padding-left: 85px;padding-right: 85px;padding-top: 35px}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.tp-header-3__ptlr{padding-left: 30px;padding-right: 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-header-3__ptlr{padding-left: 20px;padding-right: 20px}
}
@media (max-width: 767px){
.tp-header-3__ptlr{padding-left: 0px;padding-right: 0px;padding-top: 20px}
}
.tp-header-3__right-action ul li{display: inline-block}
.tp-header-3__bar{margin-left: 20px}
.tp-header-3__bar button{color: var(--tp-common-white)}
.tp-header-3__bar button span{height: 2px;width: 32px;background-color: var(--tp-common-white);display: inline-block}
.tp-header-3__btn{line-height: 0;margin-left: 20px}
.tp-header-3__btn .tp-btn-white{box-shadow: none}
.counter-row{counter-reset: count}
.tp-main-menu-mobile{padding-top: 80px;padding-left: 90px;padding-right: 130px;overflow-y: scroll;scrollbar-width: none;height: 100%}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.tp-main-menu-mobile{padding: 50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-main-menu-mobile{padding: 40px}
}
@media (max-width: 767px){
.tp-main-menu-mobile{padding: 60px}
}
.tp-main-menu-mobile::-webkit-scrollbar{display: none}
.tp-main-menu-mobile .tp-submenu{display: none}
.tp-main-menu-mobile > nav > ul{position: static;display: block;box-shadow: none}
.tp-main-menu-mobile > nav > ul > li{list-style: none;position: relative;width: 100%;padding: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.12)}
.tp-main-menu-mobile > nav > ul > li:last-child{border-bottom: none}
.tp-main-menu-mobile > nav > ul > li:first-child a{border-top: none}
.tp-main-menu-mobile > nav > ul > li:first-child a::before{display: none}
.tp-main-menu-mobile > nav > ul > li.dropdown-opened ul.submenu{border-top: 1px solid rgba(255, 255, 255, 0.12)}
.tp-main-menu-mobile > nav > ul > li.has-dropdown > a .dropdown-toggle-btn{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 18px;color: var(--tp-common-white);font-family: "Font Awesome 5 Pro";transition: all 0.3s ease-in-out;z-index: 1;width: 25px;height: 25px;line-height: 22px;text-align: center;transition: 0.4s}
.tp-main-menu-mobile > nav > ul > li.has-dropdown > a .dropdown-toggle-btn svg{transition: 0.4s}
.tp-main-menu-mobile > nav > ul > li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened svg{transform: rotate(135deg)}
.tp-main-menu-mobile > nav > ul > li.has-dropdown > a .dropdown-toggle-btn:hover{color: var(--tp-common-white)}
.tp-main-menu-mobile > nav > ul > li.has-dropdown > a.expanded{color: var(--tp-common-white)}
.tp-main-menu-mobile > nav > ul > li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened{color: var(--tp-common-white)}
.tp-main-menu-mobile > nav > ul > li.has-dropdown:hover > a::after{color: var(--tp-common-white)}
.tp-main-menu-mobile > nav > ul > li:last-child a span{border-bottom: 0}
.tp-main-menu-mobile > nav > ul > li > a{display: block;font-weight: 500;font-size: 80px;line-height: 1;position: relative;padding: 17px 0;padding-right: 20px;color: rgba(255, 255, 255, 0.95);font-family: var(--tp-ff-didoneright);position: relative;padding-left: 35px}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
.tp-main-menu-mobile > nav > ul > li > a{font-size: 30px}
}
.tp-main-menu-mobile > nav > ul > li > a::after{font-size: 14px;content: "0" counter(count);counter-increment: count;color: #fff;font-weight: 400;position: absolute;left: 0;bottom: 35px;transform: rotate(270deg)}
.tp-main-menu-mobile > nav > ul > li > a::before{position: absolute;content: "";top: 0;left: 0;width: 0%;height: 1px;background-color: rgba(255, 255, 255, 0.12);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;transition-delay: 0.5s}
.tp-main-menu-mobile > nav > ul > li > a svg{-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);-ms-transform: translateY(-2px);-o-transform: translateY(-2px);transform: translateY(-2px)}
.tp-main-menu-mobile > nav > ul > li > a > i{display: inline-block;width: 11%;margin-right: 13px;-webkit-transform: translateY(4px);-moz-transform: translateY(4px);-ms-transform: translateY(4px);-o-transform: translateY(4px);transform: translateY(4px);font-size: 21px;line-height: 1}
.tp-main-menu-mobile > nav > ul > li img{width: 100%}
.tp-main-menu-mobile > nav > ul > li > ul{padding: 0}
.tp-main-menu-mobile > nav > ul > li > ul > li{padding: 0}
.tp-main-menu-mobile > nav > ul > li > ul > li > a{margin-left: auto;width: 93%;padding: 10px 5%;text-shadow: none !important;visibility: visible;padding-left: 0;padding-right: 20px;font-weight: 500;font-size: 32px;line-height: 1;color: rgba(255, 255, 255, 0.95);font-family: var(--tp-ff-didoneright)}
@media (max-width: 767px){
.tp-main-menu-mobile > nav > ul > li > ul > li > a{font-size: 22px}
}
.tp-main-menu-mobile > nav > ul > li > ul > li li a{width: 88%;padding: 10px 7%;padding-left: 0;padding-right: 20px}
.tp-main-menu-mobile > nav > ul > li > ul > li li li a{width: 83%;padding: 10px 9%;padding-left: 0;padding-right: 20px}
.tp-main-menu-mobile > nav > ul > li > ul > li li li li a{width: 68%;padding: 10px 11%;padding-left: 0;padding-right: 20px}
.tp-main-menu-mobile > nav > ul > li:hover > a{color: var(--tp-common-white)}
.tp-main-menu-mobile > nav > ul > li:hover > a::after{color: var(--tp-common-white)}
.tp-main-menu-mobile > nav > ul > li:hover > a .dropdown-toggle-btn i{color: var(--tp-common-white)}
.tp-main-menu-mobile > nav > ul > li .submenu{position: static;min-width: 100%;padding: 35px 0;padding-left: 75px;box-shadow: none;visibility: visible;opacity: 1;display: none}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
.tp-main-menu-mobile > nav > ul > li .submenu{padding-left: 0}
}
.tp-main-menu-mobile > nav > ul > li .submenu li{float: none;display: block;width: 100%;padding: 0;color: #444D75}
.tp-main-menu-mobile > nav > ul > li .submenu li a{padding: 10px 0;display: inline-block;transition: 0.3s}
.tp-main-menu-mobile > nav > ul > li .submenu li a:hover{color: #656C8D;padding-left: 15px}
.tp-main-menu-mobile > nav > ul > li .submenu li:hover a .dropdown-toggle-btn{color: var(--tp-common-white)}
.tp-main-menu-mobile * ul,.tp-main-menu-mobile * li{transition: none !important;border-bottom: none}
.menu-hover-active > nav > ul > li.active > a{color: var(--tp-common-white)}
.menu-hover-active > nav > ul > li > a{color: #656C8D}
.menu-hover-active > nav > ul > li.active > a::after{color: #fff}
.menu-hover-active > nav > ul > li > a::after{color: rgba(255, 255, 255, 0.2)}
.menu-hover-active > nav > ul > li.has-dropdown.active > a .dropdown-toggle-btn{color: var(--tp-common-white)}
.menu-hover-active > nav > ul > li.has-dropdown > a .dropdown-toggle-btn{color: rgba(255, 255, 255, 0.2)}
#main{align-items: center;justify-content: center;width: 100%;min-height: 100vh}
.cards{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 620px;background-position: center;background-size: cover;border-radius: 20px}
.tp-header-4-sticky-bg.tp-header-3__area.tp-header-sticky-cloned{background: rgba(13, 13, 13, 0.9);backdrop-filter: blur(10px);box-shadow: 0px 2px 6px 0px rgba(39, 16, 6, 0.4);border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
.tp-hero-4-title{font-size: 160px;font-weight: 700;line-height: 0.94;text-transform: uppercase;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins);letter-spacing: -0.04em}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.tp-hero-4-title{font-size: 150px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.tp-hero-4-title{font-size: 120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-hero-4-title{font-size: 90px}
}
@media (max-width: 767px){
.tp-hero-4-title{font-size: 54px}
.tp-hero-4-title br{display: none}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
.tp-hero-4-title{font-size: 75px}
.tp-hero-4-title br{display: none}
}
.tp-hero-4-title span{color: var(--tp-pink-3)}
.tp-hero-4-title-box{margin-top: -375px}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-hero-4-title-box{margin-top: -270px}
}
@media (max-width: 767px){
.tp-hero-4-title-box{margin-top: -140px}
}
.tp-hero-4-title em{font-style: normal}
.tp-project-4-text span{font-size: 15px;font-weight: 500;line-height: 20px;text-transform: uppercase;font-family: var(--tp-ff-poppins);color: rgba(245, 245, 242, 0.5)}
.tp-project-4-title{font-size: 16px;font-weight: 500;line-height: 1;text-transform: uppercase;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins)}
.tp-project-4-wrapper{margin: 0px -15px}
.tp-project-4-inner-wrap{width: 100%;display: flex;grid-area: list;box-sizing: border-box}
@media (max-width: 767px){
.tp-project-4-inner-wrap{flex-wrap: wrap}
}
.tp-project-4-item{width: 30%;height: 615px;display: block;position: relative !important;left: 0 !important;top: 0 !important;margin: 0px 15px;transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1)}
@media (max-width: 767px){
.tp-project-4-item{width: 100%;margin-bottom: 30px}
}
.tp-project-4-item:hover{width: 80%}
@media (max-width: 767px){
.tp-project-4-item:hover{width: 100%}
}
.tp-project-4-thumb{height: 100%;width: 100%;margin-bottom: 30px}
.tp-project-4-thumb img{width: 100%;height: 100%;object-fit: cover}
.tp-project-4-2-year span{color: #403C38;font-size: 13px;font-weight: 500;line-height: 1;margin-top: 15px;margin-right: 130px;display: inline-block;transition: 0.3s;text-transform: uppercase;font-family: var(--tp-ff-poppins)}
@media (max-width: 767px){
.tp-project-4-2-year span{margin-right: 30px}
}
.tp-project-4-2-title{font-size: 46px;font-weight: 400;line-height: 1;color: #403C38;letter-spacing: -1.84px;font-family: var(--tp-ff-playfair);transform: 0.3s}
@media (max-width: 767px){
.tp-project-4-2-title{font-size: 30px}
}
.tp-project-4-2-title-box span{color: #403C38;font-size: 13px;font-weight: 500;line-height: 1;text-transform: uppercase;font-family: var(--tp-ff-poppins)}
@media (max-width: 767px){
.tp-project-4-2-title-box span{font-size: 11px}
}
.tp-project-4-2-link span{color: #403C38;display: inline-block;transition: 0.3s}
.tp-project-4-2-item{border-bottom: 1px solid rgba(245, 245, 242, 0.14);padding: 40px 0;position: relative}
.tp-project-4-2-item::after{position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background-color: var(--tp-pink-3);content: "";transition: 0.4s}
.tp-project-4-2-item:first-child{border-top: 1px solid rgba(245, 245, 242, 0.14)}
.tp-project-4-2-item:hover .tp-project-4-2-year span{color: var(--tp-cream-1)}
.tp-project-4-2-item:hover .tp-project-4-2-title{color: var(--tp-cream-1)}
.tp-project-4-2-item:hover .tp-project-4-2-title-box span{color: var(--tp-cream-1)}
.tp-project-4-2-item:hover .tp-project-4-2-link span{color: var(--tp-cream-1);transform: rotate(-45deg)}
.tp-project-4-2-item:hover::after{width: 100%}
.tp-project-4-2-item.active .tp-project-4-2-title{color: var(--tp-cream-1)}
.tp-project-4-2-item.active .tp-project-4-2-year span{color: var(--tp-cream-1)}
.tp-project-4-2-item.active .tp-project-4-2-title-box span{color: var(--tp-cream-1)}
.tp-project-4-2-item.active .tp-project-4-2-link span{color: var(--tp-cream-1)}
.tp-project-4-2-item .tp-hover-reveal-bg{position: absolute;top: 0;left: 0;width: 370px;height: 470px;opacity: 0;margin: -150px 0 0 -150px;overflow: hidden;pointer-events: none;z-index: 99;background-position: center;background-size: cover;background-repeat: no-repeat;-webkit-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media (max-width: 767px){
.tp-project-4-2-item .tp-hover-reveal-bg{height: 240px;width: 240px}
}
.tp-project-4-2-item:hover .tp-hover-reveal-bg{opacity: 1}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px){
.tp-about-4-area{padding-bottom: 160px}
}
@media (max-width: 767px){
.tp-about-4-area{padding-bottom: 120px}
}
.tp-about-4-title-box{padding-left: 50px}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
.tp-about-4-title-box{padding-left: 0}
}
.tp-about-4-title-box p{font-size: 26px;font-weight: 400;line-height: 36px;margin-bottom: 0;color: var(--tp-cream-1);font-family: var(--tp-ff-playfair)}
@media (max-width: 767px){
.tp-about-4-title-box p{font-size: 22px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
.tp-about-4-subtitle-box{margin-bottom: 20px}
}
.tp-text-slider-4-item span{font-size: 40px;font-weight: 500;text-transform: uppercase;color: var(--tp-common-black);font-family: var(--tp-ff-playfair);margin-right: 30px;padding: 5px 0}
.tp-text-slider-4-item img{margin-right: 30px;display: inline-block}
.tp-text-slider-4-wrap{background-color: var(--tp-pink-3);padding: 25px 0}
.tp-text-slider-4-active .swiper-slide{width: auto}
.tp-text-slider-4-active .swiper-wrapper{transition-timing-function: linear}
.tp-price-4-item{padding: 50px 40px;border: 1px solid rgba(245, 245, 242, 0.14)}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-price-4-item{padding: 50px 25px}
}
@media (max-width: 767px){
.tp-price-4-item{padding: 40px 30px}
}
.tp-price-4-item.active .tp-btn-4-1-price{background-color: var(--tp-pink-3);color: var(--tp-common-white);border-color: var(--tp-pink-3)}
.tp-price-4-bdr-1::after,.tp-price-4-bdr-2::after,.tp-price-4-bdr-3::after,.tp-price-4-bdr-4::after{position: absolute;top: 0;left: 0;width: 10px;height: 1px;background-color: var(--tp-cream-1);content: ""}
.tp-price-4-bdr-1::before,.tp-price-4-bdr-2::before,.tp-price-4-bdr-3::before,.tp-price-4-bdr-4::before{position: absolute;top: 0;left: 0;width: 1px;height: 10px;background-color: var(--tp-cream-1);content: ""}
.tp-price-4-bdr-1.bdr-topright::after,.tp-price-4-bdr-2.bdr-topright::after,.tp-price-4-bdr-3.bdr-topright::after,.tp-price-4-bdr-4.bdr-topright::after{left: auto;right: 0}
.tp-price-4-bdr-1.bdr-topright::before,.tp-price-4-bdr-2.bdr-topright::before,.tp-price-4-bdr-3.bdr-topright::before,.tp-price-4-bdr-4.bdr-topright::before{left: auto;right: 0}
.tp-price-4-bdr-1.bdr-bottomleft::after,.tp-price-4-bdr-2.bdr-bottomleft::after,.tp-price-4-bdr-3.bdr-bottomleft::after,.tp-price-4-bdr-4.bdr-bottomleft::after{top: auto;bottom: 0}
.tp-price-4-bdr-1.bdr-bottomleft::before,.tp-price-4-bdr-2.bdr-bottomleft::before,.tp-price-4-bdr-3.bdr-bottomleft::before,.tp-price-4-bdr-4.bdr-bottomleft::before{top: auto;bottom: 0}
.tp-price-4-bdr-1.bdr-bottomright::after,.tp-price-4-bdr-2.bdr-bottomright::after,.tp-price-4-bdr-3.bdr-bottomright::after,.tp-price-4-bdr-4.bdr-bottomright::after{top: auto;bottom: 0;left: auto;right: 0}
.tp-price-4-bdr-1.bdr-bottomright::before,.tp-price-4-bdr-2.bdr-bottomright::before,.tp-price-4-bdr-3.bdr-bottomright::before,.tp-price-4-bdr-4.bdr-bottomright::before{top: auto;bottom: 0;left: auto;right: 0}
.tp-price-4-title{font-size: 26px;font-weight: 400;line-height: 36px;color: var(--tp-cream-1);font-family: var(--tp-ff-playfair);margin-bottom: 0}
.tp-price-4-price{font-size: 70px;font-weight: 500;line-height: 100px;letter-spacing: -2.8px;text-transform: uppercase;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins);margin-bottom: 10px}
.tp-price-4-head{margin-bottom: 35px}
.tp-price-4-head p{font-size: 16px;font-weight: 400;line-height: 26px;font-family: var(--tp-ff-poppins);color: rgba(245, 245, 242, 0.6);margin-bottom: 0}
.tp-price-4-btn{margin-bottom: 40px}
.tp-price-4-list ul li{font-size: 16px;font-weight: 400;line-height: 1.5;font-family: var(--tp-ff-poppins);color: rgba(245, 245, 242, 0.6);list-style-type: none;margin-bottom: 20px;position: relative;padding-left: 15px}
.tp-price-4-list ul li::after{position: absolute;top: 10px;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: rgba(245, 245, 242, 0.6);content: ""}
.tp-price-4-list ul li:last-child{margin-bottom: 0}
.tp-insta-4-title{font-size: 14px;font-weight: 500;line-height: 1;text-transform: uppercase;font-family: var(--tp-ff-poppins);color: rgba(245, 245, 242, 0.6);margin-bottom: 0}
.tp-insta-4-title span{color: var(--tp-cream-1)}
.tp-insta-4-title-box{border-top: 1px solid rgba(245, 245, 242, 0.1);border-bottom: 1px solid rgba(245, 245, 242, 0.1);padding: 14px 0}
.tp-insta-4-thumb img{transition: 0.9s}
.tp-insta-4-thumb:hover img{transform: scale(1.1)}
.tp-footer-5-subscribe-title{font-size: 26px;font-weight: 400;line-height: 1;color: var(--tp-cream-1);font-family: var(--tp-ff-playfair);margin-bottom: 35px;display: inline-block}
@media (max-width: 767px){
.tp-footer-5-subscribe-title{font-size: 23px}
}
.tp-footer-5-info-box{margin-bottom: 80px}
.tp-footer-5-info-mail{font-size: 34px;font-weight: 400;line-height: 1;color: var(--tp-cream-1);font-family: var(--tp-ff-playfair);position: relative;margin-bottom: 30px;display: inline-block}
@media (max-width: 767px){
.tp-footer-5-info-mail{font-size: 28px}
}
.tp-footer-5-info-mail::after{position: absolute;bottom: -1px;left: 0;width: 0;height: 1px;content: "";background-color: var(--tp-cream-1);transition: 0.4s}
.tp-footer-5-info-mail:hover{color: var(--tp-cream-1)}
.tp-footer-5-info-mail:hover::after{width: 100%}
.tp-footer-5-social a{font-size: 13px;font-weight: 500;line-height: 1;text-transform: uppercase;font-family: var(--tp-ff-poppins);color: rgba(245, 245, 242, 0.6);padding-right: 15px;margin-right: 15px;position: relative}
.tp-footer-5-social a:hover{color: var(--tp-cream-1)}
.tp-footer-5-social a::after{position: absolute;top: 4px;right: 0;height: 12px;width: 1px;content: "";background-color: rgba(245, 245, 242, 0.6)}
.tp-footer-5-social a:last-child{padding-right: 0;margin-right: 0}
.tp-footer-5-social a:last-child::after{display: none}
.tp-footer-5-text{font-size: 270px;font-weight: 600;line-height: 1;letter-spacing: -10px;text-transform: uppercase;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins);white-space: nowrap}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.tp-footer-5-text{font-size: 220px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.tp-footer-5-text{font-size: 180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.tp-footer-5-text{font-size: 150px}
}
@media (max-width: 767px){
.tp-footer-5-text{font-size: 60px}
}
.tp-footer-5-slide-active .swiper-slide{width: auto}
.tp-footer-5-slide-active .swiper-wrapper{transition-timing-function: linear}
.tp-copyright-5-right-menu a{font-size: 14px;font-weight: 500;line-height: 1;text-transform: uppercase;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins);margin-left: 25px;position: relative}
.tp-copyright-5-right-menu a::after{position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: var(--tp-cream-1);content: "";transition: 0.4s}
@media (max-width: 767px){
.tp-copyright-5-right-menu a{margin-left: 0;margin: 0px 5px}
}
.tp-copyright-5-right-menu a:hover::after{width: 100%}
.tp-copyright-5-left span{font-size: 14px;font-weight: 500;line-height: 1;text-transform: uppercase;color: var(--tp-cream-1);font-family: var(--tp-ff-poppins)}
.tp-copyright-5-wrap{padding: 30px 0;border-top: 1px solid #292929}
.tp-video-4-wrap{line-height: 0}
.tp-video-4-wrap video{height: 800px;width: 100%;object-fit: cover}
@media (max-width: 767px){
.tp-video-4-wrap video{height: 400px}
}
.cursor{pointer-events: none;position: fixed;padding: 8px;border-radius: 50%;background-color: var(--tp-cream-2);-webkit-transition: opacity 0.4s ease, -webkit-transform 0.3s ease;transition: opacity 0.4s ease, -webkit-transform 0.3s ease;-o-transition: transform 0.3s ease, opacity 0.4s ease;transition: transform 0.3s ease, opacity 0.4s ease;transition: transform 0.3s ease, opacity 0.4s ease, -webkit-transform 0.3s ease;-webkit-transform: translateX(-5px) translateY(-5px);-ms-transform: translateX(-5px) translateY(-5px);transform: translateX(-5px) translateY(-5px);z-index: 99999}