html {
font-size: 16px;
}
::selection {
background: #f0c948;
color: #fff;
text-shadow: none;
}
::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: none;
}
::-webkit-scrollbar-track-piece {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical {
border-radius: 10px;
background-color: #f0c948;
} [class^="box-"] {
display: none;
}
[class^="box-"].showfirst {
display: block;
} .myaccordion li .faq-opt {
display: none;
}
.myaccordion li.active .faq-opt {
display: block;
}
.myaccordion li.active .faq-ang h4:before {
content: "\f077";
}
body {
font-family: "Red Hat Text";
overflow-x: hidden;
font-size: 16px;
line-height: 1;
color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Red Hat Display";
display: block;
font-weight: normal;
}
*:hover,
*:focus,
* {
outline: none !important;
}
img {
max-width: 100%;
height: auto;
}
a,
input[type="submit"] {
-webkit-transition: all 0.4s ease-In-out;
-moz-transition: all 0.4s ease-In-out;
-o-transition: all 0.4s ease-In-out;
transition: all 0.4s ease-In-out;
display: inline-block;
cursor: pointer;
}
a:hover {
color: #f0c948;
}
span {
display: inline-block;
}
textarea,
select,
input[type],
textarea,
select,
button {
background: transparent;
border: none;
border-radius: 0px;
font-family: "Red Hat Text";
font-weight: 400;
}
::-webkit-input-placeholder {
color: #a3a3a3;
font-weight: 400;
}
::-moz-placeholder {
color: #a3a3a3;
font-weight: 400;
}
:-ms-input-placeholder {
color: #a3a3a3;
font-weight: 400;
}
:-moz-placeholder {
color: #a3a3a3;
font-weight: 400;
}
::-moz-placeholder {
opacity: 1;
} .pad-sec {}
.pad-zero {
padding: 0px;
}
.pad-l-zero {
padding-left: 0px;
}
.pad-r-zero {
padding-right: 0px;
}
.ovr-hiddn {
overflow: hidden;
}
.overlay:after {
content: "";
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 3;
}
.overlay {
display: none;
}
.overlay.active {
display: block;
} .hding-1 h1 {
font-size: 75px;
font-weight: 700;
line-height: 75px;
}
.hding-2 h2 {}
.hding-3 h3 {}
.hding-4 h4 {}
.hding-5 h5 {}
.hding-6 h6 {}
.para {}
.highlighted {
color: #f0c948;
} .slick-list {
margin: 0 -15px;
}
.slick-slide {
margin: 0 15px;
}
.slick-dots {
padding: 50px 0 0;
text-align: center;
}
.slick-dots li {
margin: 0 20px 0 0px;
width: auto;
display: inline-block;
vertical-align: middle;
overflow: hidden;
padding: 0px;
border: none;
}
.slick-dots li button:before,
.slick-dots li button:before {
color: #fff;
opacity: 1;
font-size: 20px;
}
.slick-dots li button {
height: 8px;
width: 8px;
border-radius: 50%;
padding: 0px;
background: #d6d6d6;
border: none;
cursor: pointer;
font-size: 0px;
padding: 0px;
-webkit-transition: all 0.4s ease-In-out;
-moz-transition: all 0.4s ease-In-out;
-o-transition: all 0.4s ease-In-out;
transition: all 0.4s ease-In-out;
box-sizing: border-box;
}
.slick-dots li.slick-active button {
background: #f3c919;
width: 11px;
height: 11px;
} header {
-webkit-transition: all 0.4s ease-In-out;
-moz-transition: all 0.4s ease-In-out;
-o-transition: all 0.4s ease-In-out;
transition: all 0.4s ease-In-out; padding-top: 20px;
background-color: #000;
position: relative;
z-index: 1;
}
.header-attached{
position: fixed;
top: -500px;
left: 0;
right: 0;
z-index: 6;
padding-top: 5px;
transition:all 0.4s ease-in-out;
}
.stickyOpen {
top:0;
}
.main-header .container-fluid {
max-width: 1700px;
margin-left: auto;
margin-right: auto;
}
.logo {
display: inline-block;
margin-bottom: -30px;
position: relative;
transition:all 0.1s ease-in-out;
}
.header-attached .logo {
margin-bottom:0; 
}
.logo::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 163px 97.5px 0 97.5px;
border-color: #000000 transparent transparent transparent;
position: absolute;
left: 0;
right: 0;
z-index: -1;
transition:all 0.1s ease-in-out;
visibility:visible;
}
.header-attached .logo::before{
opacity:0;
visibility: hidden;
}
.logo img {
display: block;
width: 195px;
transition: all 0.3s ease-in-out;
}
.header-attached .logo img{
width:100px;
} .menu-Bar {
width: 30px;
height: 20px;
cursor: pointer;
position: absolute;
right: 15px;
top: 0;
bottom: 0px;
margin: auto;
z-index: 22;
display: none;
}
.menu-Bar span {
display: block;
height: 4px;
width: 100%;
background: #e2b220;
position: absolute;
transition: 0.6s all;
border-radius: 100px;
}
.menu-Bar span:nth-child(1) {
top: 0;
}
.menu-Bar span:nth-child(2) {
top: 8px;
transform-origin: left;
}
.menu-Bar span:nth-child(3) {
top: 16px;
}
.menu-Bar.open span {
background: #b70404;
}
.menu-Bar.open span:nth-child(1) {
transform: rotate(45deg);
top: 12px;
transform-origin: right-center;
}
.menu-Bar.open span:nth-child(2) {
width: 0;
opacity: 0;
}
.menu-Bar.open span:nth-child(3) {
transform: rotate(-45deg);
top: 12px;
transform-origin: right-center;
} .menu {
font-size: 0px;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.menu>li {
display: inline-block;
vertical-align: middle; }
.menu>li>a {
display: block;
font-size: 1.25rem;
color: #fff; font-weight: 500;
}
.menu>li:hover>a,
.menu>li.active>a {
color: #f0c948;
}
.dropdown-menu-alt {
position: relative;
}
.dropdown-menu-alt::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
bottom: -20px;
height: 22px;
}
.dd-icon {
font-size: 12px;
margin-left: 2px;
}
.mini-dropdown {
visibility: hidden;
opacity: 0;
position: absolute;
top: 40px;
transform: translateY(-15px);
will-change: transform;
left: 0;
width: 180px;
background-color: #fff;
text-align: left;
margin: auto;
transition: 0.4s;
z-index: 2;
border: solid 1px #f0c948;
}
.mini-dropdown>li {
margin-left: 0;
width: 100%;
position: relative;
}
.mini-dropdown>li>a {
color: #1d1d1d !important;
font-size: 0.8rem !important;
padding: 10px 15px;
font-weight:500;
display: block;
transition: all 0.3s ease-in-out;
}
.mini-dropdown>li>a:hover {
background-color: #f0c948;
color: #fff !important;
}
.dropdown-menu-alt:hover .mini-dropdown {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition-delay: 0s;
}
.submenu-dropdown {
position: relative;
}
.submenu-dropdown a {
position: relative;
display: flex !important;
align-items: center;
justify-content: space-between;
}
.submenu-dropdown-holder {
visibility: hidden;
opacity: 0;
position: absolute;
top: 15px;
transform: translateY(-15px);
will-change: transform;
left: 100%;
width: 180px;
background-color: #fff;
text-align: left;
margin: auto;
transition: 0.4s;
z-index: 2;
border: solid 1px #f0c948;
}
.submenu-dropdown:hover .submenu-dropdown-holder {
visibility: visible;
opacity: 1;
}
.submenu-dropdown-holder>li {
margin-left: 0;
width: 100%;
position: relative;
}
.submenu-dropdown-holder>li>a {
color: #1d1d1d !important;
font-size: 14px;
font-weight: 600;
padding: 10px 20px;
display: block;
transition: all 0.3s ease-in-out;
}
.submenu-dropdown-holder>li>a:hover {
background-color: #f0c948;
color: #fff !important;
}
.menu > div {
width: 100%;
} .mainbanner {
height: 975px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.mainbanner-one {
display: flex;
align-items: center;
justify-content: center;
}
.mainbanner-one-wrap {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
.mainbanner-one h6 {
color: #fff;
font-size: 1.5rem;
padding-bottom: 15px;
text-align: center;
}
.mainbanner-one h1 {
color: #fff;
font-size: 5.625rem;
line-height: normal;
padding-bottom: 25px;
font-weight: bold;
text-align: center;
}
.mainbanner-one p {
color: #fff;
font-size: 1.5rem;
line-height: normal;
font-weight: 500;
text-align: center;
padding-bottom: 40px;
}
.btn-theme {
font-weight: bold;
font-size: 1.5rem;
color: #fff;
position: relative;
padding-right: 80px;
padding-top: 34px;
padding-bottom: 34px;
padding-left: 35px;
}
.btn-theme em {
font-style: italic;
font-size: 0.8125rem;
color: #b8b8b8;
display: block;
text-align: right;
padding-top: 3px;
}
.btn-theme:hover {
transform: scale(1.05); }
.btn-theme::before {
content: "";
background-image: url(//trifit.com.pk/wp-content/themes/custom-theme/assets/images/btn-theme-arrow.png);
width: 99px;
height: 108px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s ease-in-out;
}
.btn-theme:hover::before {
transform: translateX(15px);
}
.home-boxes {
margin-top: -125px;
}
.home-boxes .container-fluid {
max-width: 1700px;
margin-left: auto;
margin-right: auto;
}
.home-box-items {
font-size: 0;
}
.home-box-items>li {
display: inline-block;
vertical-align: top;
width: 33.333%;
}
.home-box {
height: 700px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 75px 50px;
display: flex;
flex-direction: column;
align-items: initial;
justify-content: space-between;
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
position: relative;
z-index: 1;
}
.home-box h5 {
font-size: 2.625rem;
font-weight: bold;
line-height: 3rem;
background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
-webkit-background-clip: text;
-webkit-text-stroke: 4px transparent;
mix-blend-mode: lighten;
transition: all 0.3s ease-in-out;
letter-spacing: 3.5px;
}
.home-box:hover {
box-shadow: 0px 8px 81px 0px rgba(0, 0, 0, 0.52);
transform: scale(1.05);
}
.home-box:hover h5 {
color: #f0c948;
letter-spacing: 3.5px;
}
.home-box .btn-theme {
margin-left: auto;
}
.trifit-main-img-sec {
padding: 75px 0 150px;
}
.trifit-main-img-holder {
text-align: center;
position: relative;
z-index: -1;
}
.trifit-main-img-content {
display: flex;
align-items: flex-start;
gap: 30px;
position: relative;
} .trifit-main-img-content-one,
.trifit-main-img-content-three {
text-align: right;
}
.trifit-main-img-content h5 {
font-size: 2.5rem;
letter-spacing: 0.08rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
position: relative;
}
.trifit-main-img-content h5::before {
content: attr(data-text);
position: absolute;
left: 0;
top: 0; background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.trifit-main-img-content:hover h5::before {
visibility: visible;
opacity: 1;
}
.trifit-main-img-content-one h5::before,
.trifit-main-img-content-three h5::before {
right: 0;
left: auto;
}
.trifit-main-img-content p {
color: #000;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.6875rem;
padding-top: 20px;
max-width: 420px;
}
.trifit-main-img-content h6 {
font-size: 14.1875rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
margin-top: -50px;
position: relative;
}
.trifit-main-img-content h6::after {
content: attr(data-text);
left: 0;
top: 0;
color: red;
position: absolute;
text-shadow: 0px 11px 54px rgba(0, 0, 0, 0.21);
z-index: -3;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 2px #e7ba2b;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.trifit-main-img-content.animatedEnd h6::after {
opacity: 1;
visibility: visible;
}
.trifit-main-img-content h6::before {
content: attr(data-text);
position: absolute;
left: 0;
top: 0; background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 0;
visibility: hidden;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.trifit-main-img-content:hover h6::before {
opacity: 1;
visibility: visible;
}
.trifit-main-img-content-wrap {
display: flex;
align-items: center;
flex-direction: column;
position: absolute;
left: 0;
right: 0;
top: 85px;
}
.trifit-main-img-wrap {
position: relative;
}
.trifit-main-img-content-one {
margin-right: 800px;
}
.trifit-main-img-content-two {
margin-left: 530px;
}
.trifit-main-img-content-three {
margin-right: 910px;
}
.trifit-main-img-content-alt h5 {
font-size: 14.1875rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
position: relative;
}
.trifit-main-img-content-alt h5::after {
content: attr(data-text);
left: 0;
top: 0;
color: red;
position: absolute;
text-shadow: 0px 11px 54px rgba(0, 0, 0, 0.21);
z-index: -2;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 2px #e7ba2b;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.trifit-main-img-content-alt.animatedEnd h5::after {
opacity: 1;
visibility: visible;
}
.trifit-main-img-content-alt h5::before {
content: attr(data-text);
position: absolute;
left: 0;
top: 0; background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 0;
visibility: hidden;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.trifit-main-img-content-alt:hover h5::before {
opacity: 1;
visibility: visible;
}
.trifit-main-img-content-alt p {
color: #000;
font-size: 2.1875rem;
font-weight: 600;
line-height: normal;
max-width: 400px;
margin-left: auto;
margin-right: auto;
text-align: center;
} .tabnav-service {
font-size: 0;
}
.tabnav-service>li {
display: inline-block;
vertical-align: top;
width: 20%;
}
.service-tab-box {
position: relative;
cursor: pointer;
}
.service-tab-box-img {
position: relative;
transition: all 0.3s ease-in-out;
}
.service-tab-box-img img {
width: 100%;
} .active .service-tab-box-img {
transform: translateY(-90px);
}
.service-tab-box-img h5 {
font-size: 3.375rem;
color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
}
.active .service-tab-box-img h5 {
opacity: 0;
visibility: hidden;
}
.service-tab-box-text {
background-color: #fff;
color: #e5202d;
font-size: 3.375rem;
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
height: 90px;
line-height: 90px;
}
.home-tabs-section {
padding-top: 200px;
}
.home-tab-inner-wrap {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 730px;
display: flex;
align-items: center;
margin-top: -5px;
}
.home-tab-inner-wrap h5 {
font-size: 1.875rem;
color: #e5202d;
padding-top: 10px;
}
.htab-inner-logo {
text-align: center;
max-width: 200px;
}
.home-tab-inner-para {
color: #fff;
font-size: 1.125rem;
line-height: 2.25rem;
padding-top: 65px;
padding-bottom: 50px;
max-width: 450px;
}
.home-tab-inner-wrap-flex {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.home-tab-inner-feature-list>li {
display: inline-block;
vertical-align: top;
}
.home-tab-inner-feature-list>li:not(:last-child) {
padding-right: 20px;
}
.htab-inner-feature-item {}
.htab-inner-feature-item img {
position: relative;
bottom: 0;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.htab-inner-feature-item:hover img {
bottom: 10px;
}
.htab-inner-feature-item h6 {
color: #e5202d;
font-size: 1rem;
font-weight: 500;
text-align: center;
padding-top: 25px;
}
.home-app { background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
}
.trifit-app-box {
padding: 125px 0;
}
.mobile-app-btns {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
}
.mobile-app-btns img {
height: 60px;
}
.home-app h3 {
font-size: 13.75rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
text-align: center; }
.home-app h5 {
color: #000;
font-size: 7.5rem;
font-weight: bold;
padding-top: 25px;
padding-bottom: 35px;
}
.home-luxury-sec {
padding: 150px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.home-cutout-wrap {
position: relative;
}
.home-cutout-wrap img {
position: absolute;
right: 15%;
top: -80px;
z-index: 1;
}
.home-luxury-sec h2 {
font-size: 13rem;
line-height: normal;
font-weight: bold;
letter-spacing: -0.32px;
color: #fff;
margin-bottom: 150px;
text-align: center;
margin-left: 50px;
margin-right: 50px;
position: relative;
}
.home-luxury-sec h2::after {
content: attr(data-text);
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #fff;
position: absolute;
left: 0;
top: 0;
right: 0;
text-align: center;
z-index: 2;
transition: all 0.2s ease-in-out;
}
.home-luxury-sec h2:hover::after {
-webkit-text-fill-color: #fff;
}
.home-luxury-body {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
flex-direction: column;
justify-content: center;
gap: 30px;
text-align: center;
}
.home-luxury-body p {
color: #fff;
font-size: 1.625rem;
line-height: normal;
max-width: 800px;
}
.home-explore {
padding: 125px 0;
}
.home-explore-left {
padding-left: 50px;
}
.home-explore-left h2 {
font-size: 7.5rem;
font-weight: bold;
background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
-webkit-background-clip: text;  -webkit-text-stroke: 4px transparent;
color: #fff;
}
.home-explore-left h4 {
color: #000;
font-size: 3.75rem;
font-weight: bold;
padding-top: 15px;
padding-bottom: 25px;
}
.home-explore-left p {
color: #000;
font-size: 2.1875rem;
line-height: normal;
padding-bottom: 25px;
}
.home-explore-counter {
font-size: 0;
display: flex;
align-items: flex-start;
justify-content: space-evenly;
max-width: 600px;
padding-bottom: 45px;
}
.explore-counter-box h5 {
font-size: 3.5rem;
font-weight: bold;
background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
-webkit-background-clip: text;  -webkit-text-stroke: 4px transparent;
color: #fff;
margin-bottom: 15px;
}
.explore-counter-box h6 {
color: #000;
font-size: 1rem;
font-weight: 600;
}
.explore-location-box {
text-align: center;
}
.explore-location-box h4 {
color: #fff;
font-size: 4.5rem;
font-weight: bold;
text-shadow: 0px 3px 59px rgba(0, 0, 0, 0.09);
margin-top: -40px;
padding-bottom: 15px;
}
.explore-location-box h5 {
color: #000;
font-size: 1.3rem;
font-weight: 600;
padding-top:15px;
}
.home-video-sec {
height: 850px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
display: flex;
align-items: center;
}
.home-video-sec h2 {
font-size: 9.375rem;
font-weight: bold;
line-height: 9.125rem;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #fff;
max-width: 1170px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.btn-video-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.home-blogs {
padding-top: 125px;
padding-bottom: 100px;
}
.home-blogs h2 {
font-size: 7.5rem;
font-weight: bold;
background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
-webkit-background-clip: text;
-webkit-text-stroke: 4px transparent;
color: #fff;
margin-bottom: 25px;
text-align: center;
}
.blog-box-body {
border: 1px solid rgb(235, 235, 235);
background-color: rgb(255, 255, 255);
box-shadow: 0px 31px 40px 0px rgba(0, 0, 0, 0.08);
max-width: 420px;
margin-top: -40px;
padding: 25px 30px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
}
.header-meta>li {
display: inline-block;
vertical-align: top;
color: #666666;
font-size: 0.75rem;
}
.blog-box-body h4 {
color: #333333;
font-size: 1.5rem;
font-weight: bold;
line-height: normal;
padding-top: 15px;
padding-bottom: 15px;
}
.blog-box-body p {
color: #666666;
font-size: 18px;
line-height: 23px;
padding-bottom: 10px;
border-bottom: 1px solid #e6e9eb;
}
.blog-box-body a {
margin-top: 15px;
color: #000;
font-size: 0.75rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-box-body a span {
color: #e4b421;
font-size: 1rem;
}
.btn-theme-black {
color: #000;
}
footer {
background-color: #000;
padding-bottom: 40px;
margin-top: 100px;
}
.footer-logo {
text-align: center;
padding-bottom: 50px;
}
.footer-logo img {
margin-top: -35px;
}
footer .widget h4 {
font-size: 20px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 35px;
}
.footer-address {
color: #fff;
font-size: 0.75rem;
line-height: 1.25rem;
}
.footer-address a {
color: inherit;
}
.footer-enquiries {
padding-top: 20px;
}
.footer-menu>li:not(:last-child) {
margin-bottom: 10px;
}
.footer-menu a {
color: #fff;
font-size: 0.75rem;
text-transform: uppercase;
}
.footer-menu a:hover {
color: #e4b421;
}
.explore-right-arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 2rem;
color: #F0CF5F;
background-color: rgb(0, 0, 0);
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: 2px solid #F0CF5F;
}
@media (min-width:1200px)
{
.footer-menu-columns{
column-count:2;
}
}
.copyright {
padding-bottom: 40px;
background-color: #000;
}
.copyright .container {
padding-top: 40px;
border-top: 1px solid #808080;
}
.copyright p {
color: #fff;
font-size: 0.75rem;
font-weight: bold;
}
.footer-socials>li {
display: inline-block;
margin-right: 10px;
}
.footer-socials a {
font-size: 0.75rem;
color: #fff;
}
.footer-socials a:hover {
color: #e4b421;
}
.widget.footer-widget-02 {
margin-left: -100px;
}
.widget.footer-widget-03 {
margin-left: -100px;
}
.footer-widget-04 {
margin-left: -50px;
}
.floating-gallery-section {
padding: 125px 0;
position: relative;
}
.floating-gallery-text {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
z-index: 2;
}
.floating-gallery-text h2 {
font-size: 14.1875rem;
font-weight: bold;
color: #f0c948;
text-shadow: 0px 9px 43px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease-in-out;
transform: scale(0.6);
}
.floating-gallery-text h2 span {
color: #fff;
}
.floating-gallery-text h6 {
text-align: right;
font-size: 2.5rem;
color: #fff;
text-shadow: 0px 9px 23px rgb(0, 0, 0);
transition: all 0.3s ease-in-out;
transform: scale(0.6);
}
.floating-gallery-text:hover h2,
.floating-gallery-text:hover h6 {
transform: scale(1);
}
.floating-gallery-box {
display: flex;
align-items: center;
flex-direction: column;
gap: 80px;
}
.floating-gallery-box img+img {
padding-top: 80px;
}
.floating-gallery-box img {
width: 100%;
max-width: 340px;
}
.floating-gallery {
display: flex;
align-items: flex-start;
gap: 60px;
}
.fgb-double {
padding-top: 60px;
}
.floating-gallery .slick-slide {
margin: 0 30px;
}
.heading-gradient-overlay {
position: relative;
}
.heading-gradient-overlay::before {
content: attr(data-text);
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 0;
visibility: hidden;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.heading-gradient-overlay-center::before {
text-align: center;
right: 0;
}
section:hover .heading-gradient-overlay::before {
opacity: 1;
visibility: visible;
}
.mobile-app-image-wraop {
position: relative;
}
.video-bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.video-bg video {
width: 100%;
height: 100%;
object-fit: cover;
} .page-header {
height: 700px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
}
.page-header h3 {
font-size: 5.2rem;
color: #000;
font-weight: bold;
text-transform: uppercase;
line-height: 1.122;
text-shadow: 0px 15px 13px rgba(0, 0, 0, 0.31);
background: -webkit-linear-gradient( 180deg, rgba(235, 195, 58, 1) 0%, rgba(234, 212, 134, 1) 50%, rgba(201, 151, 44, 1) 100%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-stroke: 4px transparent;
padding-left: 5px;
padding-bottom: 30px;
letter-spacing: 3.5px;
}
.page-header p {
color: #fff;
font-size: 1.875rem;
line-height: normal;
padding-bottom: 15px;
max-width: 740px;
}
.about-container {
padding-top: 90px;
}
.wrap-about-content h6 {
font-size: 2.5rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
padding-bottom: 25px;
}
.wrap-about-content h5 {
color: #000;
font-size: 8rem;
font-weight: bold;
padding-bottom: 35px;
}
.wrap-about-content p {
font-size: 1.875rem;
line-height: normal;
font-weight: 600;
padding-bottom: 40px;
}
.about-one .wrap-about-content {
max-width: 740px;
margin-left: auto;
}
.about-two .wrap-about-content {
max-width: 740px;
} .contact-page-form {
padding: 100px 0;
}
.contact-page-form h2 {
font-size: 6rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b; }
.contact-page-form h3 {
font-size: 2.4rem;
font-weight: bold;
color: #000;
padding: 15px 0 35px;
}
.form-wrap .form-input-field,
.form-wrap select {
height: 55px;
border-radius: 10px;
border: 1px solid #eaeaea;
width: 100%;
padding: 0 15px;
color: #616161;
font-size: 14px;
margin-bottom: 30px;
}
.form-wrap textarea {
height: 160px;
border-radius: 10px;
border: 1px solid #eaeaea;
width: 100%;
padding: 10px 15px;
color: #616161;
font-size: 14px;
margin-bottom: 30px;
}
.form-flex-radio {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
max-width: 65%;
}
.form-flex-radio input {
margin: 5px;
}
.form-wrap .btn-theme {
padding-top: 42px;
}
.map-iframe {
height: 760px;
padding-bottom: 50px;
}
.map-iframe iframe {
width: 100%;
height: 100%;
}
.inner-app-sec {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 100px 0;
text-align: center;
}
.inner-app-sec h6 {
font-size: 2.5rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
letter-spacing: 2.5px;
}
.inner-app-sec h3 {
color: #000;
font-size: 7rem;
font-weight: bold;
line-height: 1.1;
position: relative;
max-width: 800px;
margin: auto;
}
.inner-app-sec h3::before {
content: attr(data-text);
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
z-index: 2;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.mobile-app-image-wraop {
position: relative;
margin-top: -4%;
}
.fitness-at-sec {
padding: 75px 0;
}
.fitness-img-wrap {
text-align: center;
position: relative;
}
.fitness-at-sec h2 {
text-align: center;
font-size: 7rem;
font-weight: bold;      max-width:860px;
margin: auto;
padding-bottom:35px;
}
.why-fitness-items {
font-size: 0;
}
.why-fitness-items>li {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 15px;
text-align: center;
}
.fitness-box h6 {
color: #000;
font-size: 1.25rem;
font-weight: bold;
padding-top: 35px;
line-height: normal;
max-width: 250px;
margin: auto;
}
.fitness-box {
padding-top:35px;
padding-bottom: 50px; }
.para-fitness {
color: #666666;
font-size: 1.5rem;
line-height: normal;
}
.trifit-partners {
padding: 100px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.trifit-partners h3 {
font-size: 12.5rem;
font-weight: bold;
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
padding-bottom: 75px;
}
.trifit-partner-items {
font-size: 0;
margin: 0 -15px;
}
.trifit-partner-items>li {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 15px;
margin-bottom: 50px;
}
.partner-item-box-img {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 15px;
min-height: 175px;
}
.partner-item-box p {
color: #fff;
font-size: 1.125rem;
line-height: normal;
padding-top: 15px;
max-width: 80%;
}
.trifit-band {
padding: 100px 0;
}
.trifit-band-top {
max-width: 1000px;
position: relative;
}
.trifit-band-top h6 {
font-size: 2.5rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
padding-bottom: 15px;
position: relative;
z-index: 3;
}
.trifit-band-top h3 {
color: #000;
font-size: 12.5rem;
font-weight: bold;
position: relative;
margin-bottom: 25px;
}
.trifit-band-top h3::after {
content: attr(data-text);
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #fff;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.trifit-band-top p {
color: #666666;
font-size: 1.5rem;
position: relative;
z-index: 3;
line-height: 2rem;
}
@media (min-width: 1200px) {
.trifit-band-img { margin-right: -15%;
}
}
.trifit-band-feature-slider {
padding-top: 75px;
}
.band-feature-box {
text-align: center;
}
.band-feature-box img {
margin-left: auto;
margin-right: auto;
display: block;
}
.band-feature-box p {
color: #666666;
font-size: 1rem;
line-height: 2rem;
padding-top: 25px;
}
.brand-section-one {
padding: 100px 0;
}
.brand-section-one h3 {
color: #333333;
font-size: 2.625rem;
font-weight: bold;
line-height: 3.375rem;
padding: 15px 0 35px;
max-width: 550px;
}
.brand-section-one p {
color: #000;
font-size: 1.875rem;
line-height: 2.5rem;
max-width: 1000px;
padding-bottom: 70px;
}
.brand-feature-box {
text-align: center;
width: 160px;
}
.brand-feature-box img {
display: block;
margin-left: auto;
margin-right: auto;
}
.brand-feature-box h6 {
color: #000;
font-size: 2rem;
font-weight: 500;
padding-top: 25px;
}
.brands-inner-slider-sec {
padding: 100px 0;
}
.brand-alt-box {
max-width: 1140px;
text-align: center;
}
.brand-alt-box a>img {
transition: all 0.3s ease-in-out;
transform: scaleY(0.8);
}
.brand-alt-box p {
color: #fff;
font-size: 1.875rem;
padding: 0 15px;
padding-top: 50px;
text-align: left;
transition: all 0.3s ease-in-out;
opacity: 0;
}
.slick-center .brand-alt-box p {
opacity: 1;
}
.slick-center .brand-alt-box a>img {
transform: scaleY(1);
}
.brands-slider-innner .slick-dots li button {
background: #000;
width: 10px;
height: 10px;
}
.brands-slider-innner .slick-dots li.slick-active button {
background: #f3c919;
width: 10px;
height: 10px;
}
.trifit-studios-sec {
padding: 100px 0;
}
.studios-sec-heading {
text-align: center;
padding-bottom: 75px;
}
.studios-sec-heading p {
font-size: 1.25rem;
padding-top: 35px;
}
.studios-sec-heading h6 {
font-size: 2.5rem;
font-weight: bold;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #e7ba2b;
letter-spacing: 2.5px;
}
.studios-sec-heading h3 {
color: #000;
font-size: 5.625rem;
font-weight: bold;
}
.tabnav-studios-gender {
text-align: center;
font-size: 0;
margin: 0 -15px;
padding-bottom: 50px;
}
.tabnav-studios-gender>li {
display: inline-block;
vertical-align: top;
padding: 0 15px;
}
.tabnav-studios-gender a {
border: 2px solid #e7ba2b;
padding: 15px 45px;
color: #000;
font-size: 2rem; }
.tabnav-studios-gender .active a {
background-color: #e7ba2b;
color: #000;
}
.studios-wrap p {
color: #666666;
font-size: 1.5rem;
line-height: 2.25rem;
padding: 45px 0 40px;
max-width: 500px;
}
.studios-wrap a {
color: #000;
font-size: 1.25rem;
font-weight: bold;
}
.studios-wrap a:hover {
color: #e7ba2b;
}
.studios-wrap {
padding-bottom: 70px;
}
.studio-detail-sec {
padding: 100px 0 0;
}
.studio-detail-logo {
text-align: center;
padding-bottom: 25px;
}
.studio-detail-sec h3 {
color: #000;
font-size: 4rem;
font-weight: bold;
line-height: normal;
padding-bottom: 35px;
text-align: center;
}
.studio-detail-sec p {
color: #666666;
font-size: 1.5rem;
line-height: 2.25rem;
padding-bottom: 75px;
text-align: center;
}
.studio-detail-gallery {
font-size: 0;
margin: 0 -15px;
}
.studio-detail-gallery>li {
display: inline-block;
vertical-align: top;
width: 33.333%;
padding: 0 15px;
padding-bottom: 30px;
}
.classes-logo {
max-width: 240px;
height: 70px;
object-fit: scale-down;
}
.classes-lesmills {
margin-top: 50px;
max-width: 300px;
}
.studio-detail-logo img {
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
.explore-location-box img {
width: 100%;
}
.contact-left-wrap {
height: 100%;
background-color: #f2f2f2;
padding: 40px 50px;
margin-right: 50px;
}
.contact-locations-list>li:not(:last-child) {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #000;
}
.contact-location-list-box h5 {
color: #000;
font-size: 2.25rem;
font-weight: bold;
padding-bottom: 25px;
}
.contact-list-address {
display: flex;
align-items: flex-start;
gap: 30px;
}
.contact-list-address span {
color: #ce9d2a;
}
.contact-list-address p {
color: #696969;
font-size: 1.25rem;
line-height: normal;
max-width: 420px;
}
.brand-alt-box a {
display: block;
position: relative;
}
.brand-alt-box-flex {
position: absolute;
left: 25px;
right: 25px;
bottom: 70px;
display: flex;
align-items: center;
gap: 30px;
}
.les-mills-icon {
padding-top: 60px;
}
.les-mills-icon-list {
display: flex;
align-items: center;
justify-content: space-evenly;
flex-wrap: wrap;
}
.les-mills-icon img {
max-width: 220px;
filter: brightness(0);
height: 60px;
object-fit: scale-down;
}
.trifit-band-feature-slider {
font-size: 0;
text-align: center;
}
.trifit-band-feature-slider>li {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 15px;
margin-bottom: 35px;
}
.studios-wrap h3 {
color: #000;
font-size: 3.75rem;
font-weight: bold;
line-height: normal;
}
.footer-logo img {
max-width: 260px;
}
.flat-white-version {
max-width: 200px;
filter: brightness(0) invert(1);
padding-bottom: 35px;
}
.why-fitness-items img {
max-width: 100px;
}
.class-notice {
text-align: center;
font-weight: bold;
font-size: 1.25rem;
color: red;
}
.slick-prev.slick-arrow {
display: none !important;
}
.home-luxury-sec h1 {
color: #fff;
font-size: 3.625rem;
line-height: normal;
padding-bottom: 25px;
font-weight: bold;
text-align: center;
position: relative;
z-index:2;
max-width: 1100px;
margin: auto;
}               .home-luxury-sec.home-luxery-hero {
padding: 150px 0 200px;
background-color:#10000B;
}
.studio-hero-logo {
max-width: 220px;
padding-bottom: 25px;
}
.studio-box-logo{
max-width:220px;
}
.tabnav-class-schedule{
font-size:0;
margin:0 -15px;
text-align:center;
padding-bottom:25px;
}
.tabnav-class-schedule>li{
display:inline-block;
vertical-align:top;
padding:0 15px;
}
.tabnav-class-schedule a{
border: 2px solid #e7ba2b;
padding: 15px 25px;
color: #000;
font-size: 1.25rem;
}
.tabnav-class-schedule .active a{
background-color: #e7ba2b;
color: #000;
}
.about-container .container-fluid {
max-width: 1600px;
}
.trifit-app-left {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100%;
}
.trifit-app-right{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100%;
}
.trifit-app-box p {
font-size: 16px;
line-height: normal;
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding: 25px 0 50px;
}
.trifit-app-box h3 {
font-size: 7rem;
}
.about-us-img.about-us-right-img {
position: relative;
padding-left: 30px;
padding-top:30px;
z-index:1;
}
.about-us-img.about-us-right-img::before {
content: "";
background-color: #e5b61e;
position: absolute;
top: 0;
left: 0;
bottom: 35px;
z-index: -1;
width: 85%;
}
.about-us-img.about-us-left-img {
position: relative;
padding-right: 30px;
padding-top:30px;
z-index:1;
}
.about-us-img.about-us-left-img::before {
content: "";
background-color: #e5b61e;
position: absolute;
top: 0;
right: 0;
bottom: 35px;
z-index: -1;
width: 85%;
}
.page-header.page-header-blog {
background-color: #232323;
}
.page-header.page-header-blog h5 {
font-size: 4rem;
color: #fff;
font-weight: bold;
line-height: normal;
}
.blog-detail-sec {
padding: 75px 0;
}
.blog-detail-sec h2 {
font-size: 32px;
font-weight: bold;
padding-bottom: 25px;
}
.blog-detail-sec p {
font-size: 18px;
line-height: normal;
padding-bottom: 15px;
}
.blog-detail-sec ul li {
list-style: disc;
list-style-position: inside;
line-height: normal;
}
.blog-detail-sec ul {
padding: 10px 0;
}
.blog-detail-sec h3 {
font-size: 26px;
font-weight: bold;
color: #000;
padding-bottom: 15px;
padding-top: 30px;
}
.reader-text-block__paragraph {
}
.blog-detail-sec p a {
color: inherit;
}
.blog-detail-sec h3 a {
color: inherit;
}
.blog-detail-sec p strong {
font-weight: bold;
}
.popup-main {
width: 900px;
height:480px;
position: fixed;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 10px;
background-color:#000;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.popup-main .popup-wrap {
height: 100%;
width:100%;
padding:0 60px;
display:flex;
align-items:center;
}
.close-popup {
position: absolute;
right: -18px;
width: 36px;
height: 36px;
background-color: #ecbc1c;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 20px;
top: -18px;
}
.close-popup:hover{
color:#fff;
}
.popup-left {
text-align: center;
}
.popup-socials {
padding-top: 35px;
}
.popup-socials>li {
display: inline-block;
vertical-align: top;
padding: 0 5px;
}
.popup-socials a {
color: #fff;
font-size: 12px;
border: 1px solid #fff;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.popup-socials a:hover{
background-color:#ecbc1c;
color:#000;
}
.popup-right h3 {
color: #ecbc1c;
font-size: 42px;
font-weight: bold;
}
.popup-right h6 {
color: #fff;
font-size: 20px;
padding-bottom: 25px;
}
.popup-right input, .popup-right select {
height: 50px;
border: 1px solid #494949;
display: block;
margin-bottom: 15px;
width: 100%;
color: #fff;
padding: 0 25px;
}
.popup-right button,
.popup-right input.popup-submit{
background-color: #ecbc1c;
width: 100%;
height: 50px;
font-size: 18px;
color: #000;
font-weight: bold;
}
.popup-notification p{
font-size:16px;
color:#fff;
text-align:center;
padding-top:10px;
}
.popup-wrap .row {
width: 100%;
}
.popup-right {
padding-left: 30px;
margin-left: 30px;
position: relative;
}
.popup-right::before {
content: "";
background-color: #494949;
width: 1px;
height: 240px;
top: 0;
left: 0;
position: absolute;
margin: auto;
bottom: 0;
}
.form-wrap button,
.form-wrap input.btn-theme-black{
width: 100%;
height: 60px;
background-color: #ecbc1c;
color: #000;
font-size: 18px;
font-weight: bold;
max-width: 280px;
}
.wpcf7-form span {
display: block;
}
.form-note p{
font-size:16px;
color:#000;
padding-top:15px;
text-align:center;
}
.form-wrap {
max-width: 960px;
}
.studio-detail-gallery.studio-detail-soul {
padding-top: 100px;
}
.tabnav-gender {
text-align: center;
padding-bottom: 25px;
}
.tabnav-gender>li {
padding: 0 15px;
display: inline-block;
}
.tabnav-gender a {
font-size: 18px;
color: #000;
font-weight: 500;
padding-bottom:5px;
border-bottom:2px solid transparent;
}
.tabnav-gender .active a{
border-color:#e4b421;
}
.home-video-sec {
background-color: #000;
}
.whatsapp-btn{
position:fixed;
left:15px;
bottom:15px;
}
.popup-right select{
-webkit-appearance: none;
}
.popup-right select option {
-webkit-appearance: none;
color:#000;
}
@media (min-width:1200px){
.explore-locations-slider .slick-track {
left: 230px;
}
}
@media (max-width: 1600px) {
.floating-gallery-text h2 {
font-size: 12rem;
}
.floating-gallery-text h6 {
font-size: 2rem;
}
.home-luxury-sec h2 {
font-size: 10rem;
}
.menu>li>a {
font-size: 1rem;
}
.mini-dropdown > li > a{
padding:10px 15px;
}
}
@media (max-width: 1440px) {
.menu li a {
font-size: 1rem;
}
.service-tab-box-img h5 {
font-size: 2.5rem;
}
.service-tab-box-text {
font-size: 2.5rem;
}
.home-luxury-sec h2 {
font-size: 8rem;
}
.home-explore-left h2 {
font-size: 6rem;
}
.home-explore-left h4 {
font-size: 3rem;
}
.home-video-sec h2 {
font-size: 8rem;
}
.home-box h5 {
font-size: 2rem;
}
.floating-gallery-text h2 {
font-size: 10rem;
}
.trifit-app-box h3 {
font-size: 5rem;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.trifit-main-img-content-one {
margin-right: 650px;
max-width: 490px;
}
.trifit-main-img-content-two {
max-width: 490px;
}
.trifit-main-img-content-three {
max-width: 400px;
margin-right: 760px;
}
}
@media (max-width: 1280px) {
.logo img {
width: 150px;
}
.logo::before {
border-width: 123px 74.5px 0 74.5px;
}
}
@media (max-width: 1200px) {
html {
font-size: 15px;
}
img {
max-width: 100%;
height: auto;
}
.trifit-main-img-content-wrap {
position: static;
}
.trifit-main-img-content-one {
margin-right: 0;
}
.trifit-main-img-content-two {
margin-left: 0;
}
.trifit-main-img-content-three {
margin-right: 0;
}
.contact-left-wrap {
padding: 25px 25px;
}
.contact-location-list-box h5 {
font-size: 1.5rem;
}
.contact-list-address {
gap: 10px;
}
.contact-list-address p {
font-size: 1rem;
}
}
.popup-right .wpcf7-response-output {
color: #fff;
}
@media (max-width: 1200px) {
.popup-main {
width: calc(100% - 35px);
}
.popup-main .popup-wrap {
padding: 0 25px;
}
}
@media (min-width:824px) and (max-width:1200px){
.trifit-main-img-content {
margin: 30px 0;
}
.home-tabs-section {
padding-top: 0px;
}
.trifit-app-box p {
max-width: 480px;
}
}
@media (max-width: 824px) {
html {
font-size: 14px;
}
.logo::before {
content: none;
}
header {
padding-top: 10px;
}
.mainbanner {
height: 750px;
}
.mainbanner-one h1 {
font-size: 4rem;
}
.mainbanner-one p {
font-size: 1rem;
}
.home-box {
height: 500px;
padding: 25px 15px;
}
.btn-theme {
font-size: 1rem;
}
.floating-gallery-text h2 {
font-size: 7rem;
}
.service-tab-box-img h5 {
font-size: 1.5rem;
}
.service-tab-box-text {
font-size: 1rem;
}
.home-tab-inner-wrap {
height: auto;
margin-top: 0;
padding: 40px 0;
}
.home-tab-inner-para {
padding-top: 40px;
padding-bottom: 40px;
}
.home-tab-inner-feature-list>li:not(:last-child) {
padding-right: 10px;
}
.home-tab-inner-wrap-flex {
gap: 30px;
}
.home-app {
padding: 75px 0;
}
.home-luxury-sec h2 {
font-size: 6rem;
}
.home-luxury-body {
flex-direction: column;
gap: 30px;
text-align: center;
}
.home-explore {
padding: 100px 0;
}
.home-explore-left h2 {
font-size: 4rem;
}
.home-explore-left h4 {
font-size: 2rem;
}
.home-explore-left p {
font-size: 1.5rem;
}
.home-explore-counter {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 30px;
}
.page-header h3 {
font-size: 4rem;
}
.page-header p {
font-size: 1.25rem;
}
.studios-sec-heading h3 {
font-size: 3.5rem;
}
.page-header {
height: 500px;
}
.brand-alt-box p {
font-size: 1.25rem;
}
.wrap-about-content h5 {
font-size: 4rem;
}
.wrap-about-content p {
font-size: 1.25rem;
}
.inner-app-sec h3 {
font-size: 4.5rem;
}
.fitness-box h6 {
font-size: 1rem;
}
.trifit-partners h3 {
font-size: 5.5rem;
}
.trifit-partner-items>li {
width: 33.333%;
}
.trifit-band-top h3 {
font-size: 5.5rem;
}
.band-feature-box p {
font-size: 1rem;
line-height: normal;
}
}
@media (max-width: 767px) {
.menu-Bar {
display: block;
top: 0px;
}
.menuWrap.open {
display: flex;
left: 0px;
}
.menuWrap {
position: fixed;
left: -210%;
top: 0;
bottom: 0;
margin: auto;
background: #000;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
transition: all 0.4s ease;
z-index: 3;
width: 280px;
}
ul.menu li {
display: block;
}
ul.menu li a {
margin-bottom: 10px;
padding: 0;
display: block;
text-align: center;
margin-bottom: 15px;
padding-right: 0px;
margin-right: 0px;
color: #fff;
font-size: 15px;
text-transform: capitalize;
}
.container {
position: relative;
}
header .main-header ul.menu>li {
display: block;
margin: 0px;
padding: 0;
}
header .main-header ul.menu>li a {
color: #fff;
}
header .main-header ul.menu>li a:before {
display: none;
}
html,
body {
overflow-x: hidden;
}
.mainbanner {
height: 500px;
background-position: left;
}
.mainbanner-one h1 {
font-size: 3rem;
}
.home-boxes {
margin-top: 50px;
}
.home-box-items>li {
width: 100%;
}
.home-box {
height: 360px;
padding: 25px 15px;
margin-bottom: 20px;
position: static;
}
.floating-gallery-section {
padding: 35px 0;
position: relative;
}
.floating-gallery-text h2 {
font-size: 3rem;
}
.floating-gallery .slick-slide {
margin: 0 5px;
}
.floating-gallery-box img+img {
padding-top: 30px;
}
.fgb-double {
padding-top: 30px;
}
.trifit-main-img-sec {
padding: 40px 15px 40px;
}
.trifit-main-img-holder {
z-index: auto;
max-width: 60%;
margin: auto;
}
.trifit-main-img-content h6 {
font-size: 10rem;
margin-top: -20px;
}
.trifit-main-img-content-two {
padding: 25px 0;
}
.home-tabs-section {
padding-top: 100px;
}
.service-tab-box-img h5 {
font-size: 1rem;
}
.active .service-tab-box-img {
transform: translateY(-30px);
}
.service-tab-box-text {
height: 35px;
line-height: 35px;
}
.home-tab-inner-wrap {
background-position: left;
text-align: center;
}
.htab-inner-logo {
text-align: center;
max-width: 100%;
}
.home-tab-inner-feature-list>li:not(:last-child) {
padding-right: 10px;
margin-bottom: 15px;
text-align: center;
padding-left: 10px;
}
.home-tab-inner-wrap-flex {
justify-content: center;
}
.home-app {
padding: 40px 0;
}
.home-app h3 {
font-size: 6rem;
margin-bottom: 15px;
}
.home-app h5 {
font-size: 3.5rem;
}
.home-luxury-sec {
padding: 100px 0;
}
.home-cutout-wrap img {
right: 0;
}
.home-luxury-sec h2 {
font-size: 3rem;
margin: 0;
}
.home-explore {
padding: 40px 0;
}
.home-explore-left {
padding-left: 15px;
padding-right: 15px;
text-align: center;
padding-bottom: 35px;
}
.explore-locations-slider {
padding: 0 15px;
}
.logo {
margin-bottom: 0;
}
.logo img {
width: 80px;
}
.home-video-sec {
height: 330px;
}
.home-blogs {
padding-top: 40px;
padding-bottom: 40px;
}
.home-blogs h2 {
font-size: 3.5rem;
}
.blog-box {
margin-bottom: 30px;
}
.blog-box-body h4 {
font-size: 1.625rem;
}
.footer-logo img {
margin-top: -40px;
}
footer {
text-align: center;
margin-top: 40px;
}
.widget.footer-widget-02 {
margin-left: 0;
padding: 25px 0;
}
.widget.footer-widget-03 {
margin-left: 0;
padding-bottom: 25px;
}
.footer-widget-04 {
margin-left: 0;
padding-bottom: 25px;
}
footer .text-right {
text-align: center !important;
}
footer .widget h4 {
padding-bottom: 15px;
}
.copyright .container {
padding-top: 20px;
text-align: center;
}
.footer-socials {
padding-bottom: 25px;
}
.copyright p {
text-align: center !important;
}
.menu {
flex-direction: column;
}
.page-header h3 {
font-size: 3rem;
}
.about-container {
padding-top: 40px;
text-align: center;
}
.about-one .wrap-about-content {
padding-bottom: 50px;
}
.about-two.about-container .row {
flex-direction: column-reverse;
}
.about-two .wrap-about-content {
padding-bottom: 50px;
}
.inner-app-sec {
padding: 40px 0;
}
.inner-app-sec h3 {
font-size: 3.5rem;
}
.inner-app-sec h6 {
font-size: 2rem;
}
.fitness-at-sec {
padding: 40px 0;
}
.fitness-at-sec h2 {
font-size: 6.5rem;
}
.para-fitness {
text-align: center;
}
.trifit-partners {
padding: 40px 0;
}
.trifit-partners h3 {
font-size: 3.5rem;
}
.trifit-partner-items>li {
width: 50%;
text-align: center;
margin-bottom: 25px;
}
.partner-item-box p {
max-width: 100%;
}
.trifit-band {
padding: 40px 0;
}
.trifit-band-top h3 {
font-size: 4.5rem;
}
.trifit-band-feature-slider {
padding-top: 40px;
}
.trifit-band-feature-slider>li {
width: 33.333%;
}
.contact-page-form {
padding: 40px 0;
}
.contact-left-wrap {
height: 100%;
background-color: #f2f2f2;
padding: 30px 30px;
margin-right: 0;
}
.contact-location-list-box h5 {
font-size: 2rem;
}
.contact-page-form h2 {
font-size: 3rem;
text-align: center;
padding-top: 30px;
}
.contact-page-form h3 {
text-align: center;
}
.form-flex-radio {
padding-top: 0px;
margin-bottom: 20px;
}
.map-iframe {
height: 400px;
}
.trifit-studios-sec {
padding: 40px 0;
}
.studios-sec-heading h3 {
font-size: 2.5rem;
line-height: normal;
}
.studios-sec-heading h6 {
font-size: 2rem;
}
.tabnav-studios-gender>li a {
width: 100%;
padding: 15px 0px;
}
.tabnav-studios-gender>li {
width: 50%;
}
.studios-wrap a {
margin-bottom: 30px;
}
.studios-wrap-holder>div:nth-child(even) .row {
flex-direction: column-reverse;
}
.studio-detail-sec h3 {
font-size: 2.5rem;
}
.studio-detail-sec {
padding: 50px 0 0;
}
.studio-detail-gallery>li {
width: 50%;
}
.mobileMenu {
display: block !important;
padding: 25px 15px;
}
.desktopMenu {
display: none !important;
}
.menu {
flex-direction: column;
height: 100%;
justify-content:flex-start;
align-items:flex-start;
}
.menu > li {
width: 100%;
}
ul.menu li a{
text-align:left;
}
.mini-dropdown {
visibility: visible;
opacity: 1;
background-color: transparent;
position: static;
transform: none;
width: 100%;
border: none;
}
.mini-dropdown > li > a {
color: #fff !important;
font-size: 1.5rem !important;
}
header .main-header ul.menu>li a {
color: #fff;
font-size: 1.5rem;
padding-bottom: 8px;
}
.dd-icon { vertical-align: top;
}
.mini-dropdown > li > a:hover {
background-color: transparent;
}
.brand-feature-box {
width: 120px;
}
.brands-inner-slider-sec {
padding: 0 0 40px;
}
.brand-alt-box-flex {
position: absolute;
left: 5px;
right: 5px;
bottom: 10px;
display: flex;
align-items: center;
gap: 10px;
}
.brand-alt-box-flex img {
max-width: 100px;
}
.brand-alt-box p {
font-size: 1rem;
padding-top: 0;
opacity: 1;
padding-bottom: 35px;
}
.brand-alt-box a>img {
transform: none;
}
.brands-inner-slider-sec {
padding: 0 15px 40px;
}
.les-mills-icon {
padding-top: 30px;
}
.les-mills-icon-list {
justify-content: center;
flex-wrap: wrap;
gap: 15px;
}
.les-mills-icon-list>Li {
width: 45%;
padding: 0 25px;
}
.les-mills-icon img {
max-width: 220px;
width: 100%;
}
.page-header img {
max-width: 110px;
margin-bottom: 10px;
}
.inner-app-sec h3 {
z-index: 1;
}
.fitness-at-sec h2 {
font-size: 3.5rem;
}
.home-luxury-sec h1 {
font-size: 1.5rem;
padding-left: 15px;
padding-right: 15px;
}
.home-luxury-sec.home-luxery-hero {
padding: 130px 0 50px;
}
.home-tabs-section {
padding-top: 0;
}
.tabnav-studios-gender {
margin: 0;
padding-bottom: 10px;
}
.home-app {
padding: 0;
}
.trifit-app-box {
padding: 40px 0;
}
.mobile-app-btns {
padding-left: 15px;
padding-right: 15px;
}
.trifit-app-box p {
padding: 15px 0 25px;
}
.home-blogs .slick-dots {
padding: 15px 0 0;
}
.home-cutout-wrap {
z-index: 0;
}
.home-luxury-sec h1 {
z-index: 0;
}
.home-cutout-wrap img {
z-index: -1;
}
.home-luxury-body {
z-index: 0;
}
.home-explore-left h2::before{
text-align:center;
right: 0;
}
.home-blogs-slider {
padding-bottom: 50px;
}
.fitness-at-sec h2 {
font-size: 2.5rem;
}
.fitness-box {
padding-top: 0;
padding-bottom: 25px;
}
.why-fitness-items > li {
width: 50%;
}
.para-fitness {
font-size: 1rem;
}
.trifit-partners h3 {
padding-bottom: 35px;
}
.partner-item-box-img {
min-height: 120px;
}
.partner-item-box p {
font-size: 0.9rem;
}
.trifit-band {
text-align: center;
}
.trifit-band-top p {
font-size: 1rem;
}
.band-feature-box p {
padding-top: 15px;
font-size: 0.75rem;
}
.trifit-band-feature-slider > li {
margin-bottom: 15px;
}
.trifit-band-img img {
max-width: 60%;
padding-top:25px;
}
.trifit-band .row {
flex-direction: column-reverse;
}
.mini-dropdown {
padding-left: 15px;
}
.studios-wrap p {
font-size: 1.25rem;
padding: 15px 0 40px;
}
.tabnav-class-schedule a {
padding: 15px 10px;
font-size: 1rem;
}
.tabnav-class-schedule > li {
padding: 0 5px;
margin-bottom: 10px;
}
.dropdown-menu-alt::before {
content: none;
}
.contact-page-form .heading-gradient-overlay::before {
content: none;
}
.form-wrap .form-input-field, .form-wrap select {
margin-bottom: 15px;
}
.studio-detail-sec h3 br {
display: none;
}
.studio-detail-sec p {
font-size: 1.5rem;
padding-bottom: 25px;
}
.page-header.page-header-blog h5 {
font-size: 2rem;
}
.blog-detail-sec h2 {
font-size: 24px;
}
.blog-detail-sec h3 {
font-size: 22px;
}
.popup-left {
display: none;
}
.popup-right {
padding-left: 0;
margin-left: 0;
text-align:center;
}
.popup-right::before {
content: none;
}
.popup-right h3 {
font-size: 28px;
}
.popup-wrap .row {
margin-left: 0;
margin-top: 0;
}
.popup-main .popup-wrap {
padding: 0;
}
.close-popup {
right: -5px;
width: 30px;
height: 30px;
font-size: 16px;
top: -5px;
}
.blog-box-body {
padding: 25px 15px;
margin-top:0;
}
.blog-box-body h4 {
font-size: 1.35rem;
}
.blog-box-body p {
font-size: 14px;
}
.form-flex-radio {
justify-content: center;
max-width:100%;
gap:30px;
}
.popup-notification p {
font-size: 14px;
}
.studio-detail-gallery.studio-detail-soul {
padding-top: 30px;
}
}