@charset "utf-8"; /* CSS Document */ /* Thin 100 ExtraLight 200 Light 300 Regular 400 Medium 500 SemiBold 600 Bold 700 ExtraBold 800 Condensed 75 SemiCondensed 87.5 Normal 100 SemiExpanded 112.5 .open-sans- { font-family: "Open Sans", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; font-variation-settings: "wdth" ; } */ @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap'); body {color: #333333; font-optical-sizing: auto; font-weight: Regular; font-style: normal;} h1, h2, h3, h4, h5 {font-weight: 700;} h1 {} h2 {} h3 {} h4 {} h5 {} strong {font-weight: 500;} a {text-decoration:none; color: #000000; transition: 0.5s;} a:hover {text-decoration:none; color: #666666;} a:visited {text-decoration:none;} a:focus,a:hover {text-decoration:none;} :root { --padding : 5rem; --purple : #9c80b9; --yellow : #faa93b; --green : #5dc5cb; --pink : #e6417e; } .normal-page {font-family: 'HelveticaNeue LT 45 Light'; background-color: #FFFFFF; font-size: 18px;} .fitness-page {font-family: "Martian Mono", serif; background-color: #f4ecd7; font-size: 1rem;} a.lang{ font-family: "Cairo", sans-serif;font-weight: 700;} .page {} .page-inner {padding-top: var(--padding); padding-bottom: var(--padding);} .no-banner-page {padding-top: 7rem;} .contact-us-head span{text-align: center;font-size: 22px;font-weight: 600; display: block;color: #000000a6;padding-bottom: 15px;} .contactus-form {color: #333333; position: relative;} .contactus-form .form-control {border-radius: 0;} .contactus-form .btn-holder {position: absolute; bottom: -34px; left: 0; width: 100%; padding: 0; text-align: center;} .contactus-form .btn-holder .btn-light {padding: 1rem 3rem; color: #000000; border-radius: 0; border: 1px solid #000000; font-size: 125%; font-weight: 500;} .banner-in {padding-top: 13rem; padding-bottom: 2rem; width: 100%; padding-left: 5%; padding-right: 5%; background-color: #efe3c3;} .banner-in-img {padding-top: 15rem; padding-bottom: 2rem; width: 100%; background-color: #efe3c3;} .classes-group {min-height: 620px; height: 100%;} .mind-body-class {background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 30%), linear-gradient(90deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), url(../images/classes/Mind-Body-banner.webp); background-repeat: no-repeat; background-position: top center; background-size: cover;} .menu-area .navbar-nav .nav-link.active, .menu-area .navbar-nav .nav-link.show {color: #000000;} .menu-area {position: fixed; top: 0; left: 0; z-index: 110; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .menu-area {padding-top: 0.25rem; padding-bottom: 0.25rem;} .menu-area.sticky {padding-top: 0.25rem; padding-bottom: 0.25rem; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.01);} .normal-page .menu-area {background-color: rgba(255,255,255,0.9);} .fitness-page .menu-area {background-color: rgba(255,255,255,0);} .normal-page .menu-area.sticky {background-color: rgba(255,255,255,1);} .fitness-page .menu-area.sticky {background-color: rgba(255,255,255,1);} .menu-area .navbar-brand img {max-height: 60px; height: 60px; width: auto;} .menu-area .navbar {} .menu-area .bg-body-tertiary {background-color: transparent;} .menu-area .navbar-expand-lg .navbar-nav .nav-link {font-weight: 600;} .menu-area .navbar-expand-lg .navbar-nav .nav-link {padding-left: 0.75rem; padding-right: 0.75rem;} .menu-area .offcanvas.offcanvas-end {border-left: none;} .menu-area .offcanvas-title {width: 40px;} .menu-area .offcanvas.offcanvas-top {height: 100vh;} .menu-area .offcanvas.offcanvas-top {border-bottom: none;} .menu-area .offcanvas, .menu-area .offcanvas-lg, .menu-area .offcanvas-md, .menu-area .offcanvas-sm, .menu-area .offcanvas-xl, .menu-area .offcanvas-xxl {width: 300px;} .menu-area .dropdown-menu {border-radius: 0; border: none;} .banner-area {height: 100vh; width: 100%; overflow: hidden; position: relative;} .banner-logo {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; width: 65%; text-align: center;} .banner-logo img {animation: zoom-out 0.5s ease-out forwards;} @keyframes zoom-out { from {transform: scale(2);} to {transform: scale(1);} } .banner-area-full {position: relative;} .banner-area-full .image-holder-full {height: 100vh; width: 100%; overflow: hidden; background-size: cover; background-position: center top; background-repeat: no-repeat;} .banner-area-full .image-holder-full.home-img {background-image: url("../images/banner/building.png");} .banner-area-full .home-footer {position: absolute; bottom: 5%; left: 0; width: 100%; color: #FFFFFF; font-weight: 500;} .banner-area-full .home-footer a {color: #FFFFFF;} .banner-top-content{margin-top: 25rem;/*background-color: #000000ad;*/padding: 20px;} .banner-top-content h1{color:#fff;font-size:50px;} .banner-top-content p{color:#fff;font-size: 25px;font-weight: 500;} @media only screen and (max-width:1500px){ .banner-top-content h1{font-size:45px;} .banner-top-content p{font-size:22px;} .banner-top-content{margin-top: 18rem;}} @media only screen and (max-width:1366px){ .menu-area .navbar-expand-lg .navbar-nav .nav-link{font-size:14px;}} @media only screen and (max-width:1024px){ .banner-top-content h1{font-size:35px;} .banner-top-content p{font-size:20px;}} @media only screen and (max-width:475px){ .banner-top-content{margin-top: 8rem;} .banner-top-content p{font-size:17px;}} .banner-area-full .image-holder-half {height: 60vh; width: 100%; overflow: hidden; background-size: cover; background-position: center top; background-repeat: no-repeat;} .banner-area-full .image-holder-half.about-img {background-image: url("../images/banner/kuwait-towers.webp");} .banner-area-full .image-holder-half.realestate-img {background-image: url("../images/banner/realestate.webp");} .banner-area-full .image-holder-half.healthcare-img {background-image: url("../images/banner/healthcare.webp");} .banner-area-full .image-holder-half.upcoming-projects-img {background-image: url("../images/banner/upcoming-projects.webp");} .banner-area-full .image-holder-half.careers-img {background-image: url("../images/banner/careers.webp");} .realestate-grid-holder {} .realestate-block {position: relative;} .realestate-block .realestate-name {position: absolute; left: 7.5%; top: 5%; color: #FFFFFF; font-weight: 600; font-size: 150%; z-index: 1;} .realestate-block .realestate-img {margin-bottom: 0.5rem; overflow: hidden;} .realestate-block .realestate-desc {} .realestate-block .realestate-img img {transition: 0.4s ease;} .realestate-block:hover .realestate-img img {transform: scale(1.2);} .banner-description {position: absolute; bottom: 5%; z-index: 1; font-size: 75%; font-family: "Martian Mono", serif; font-optical-sizing: auto; font-style: normal; font-weight: 500;} .banner-area .banner-description-a {left: 5%; width: auto; font-weight: 500;} .banner-area .banner-description-b {left: 0; right: 0; margin: 0 auto; width: auto; text-align: center;} .banner-area .banner-description-c {right: 5%; width: auto; font-weight: 500;} .arrow {position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100vh; z-index: 2; perspective: 500px; overflow: hidden;} .arrow img {width: 100%; height: 100%; object-fit: cover; object-position: center center; position: relative; z-index: 1;} .welcome-area {padding-top: var(--padding); padding-bottom: var(--padding);} .welcome-a {} .welcome-a .line-a {margin-bottom: 1.5rem; font-weight: 600; font-size: 150%;} .welcome-a .line-b {margin-bottom: 1.5rem; font-weight: 100; font-size: 125%;} .welcome-a .line-c {font-weight: 100; font-size: 150%;} .rounded-new {border-radius: 1rem;} .moments-area {padding-top: var(--padding); padding-bottom: var(--padding);} .moments-area .nav .nav-item .line-a {margin-bottom: 0.5rem;} .moments-area .nav .nav-item .line-b {font-size: 125%; font-weight: 600;} .moments-area .nav .nav-item .line-a img {max-width: 35px; max-height: 35px;} .moments-area .nav-pills .nav-link {color: #999999; border-radius: 0; border-bottom: 2px solid transparent;} .moments-area .nav-pills .nav-link.active, .moments-area .nav-pills .show>.nav-link {color: #000000; border-bottom: 2px solid #000; background-color: transparent;} .moments-area .nav-scroller {position: relative; z-index: 2; height: 90px; overflow-y: hidden; border-bottom: 1px solid rgba(0,0,0,0.10);} .moments-area .nav-scroller .nav {display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -2px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch;} .moments-area .moments-text {font-weight: 100; font-size: 125%;} .moments-area .vd-btn {padding: 0.75rem 1.5rem; border: 1px solid #000000; border-radius: 5rem; display: inline-block;} .moments-area .vd-btn:hover {} .moments-area .vd-btn {transform: perspective(1px) translateZ(0); position: relative; transition: color 0.3s; overflow: hidden;} .moments-area .vd-btn:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: #000000; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out;} .moments-area .vd-btn:hover {color: #FFFFFF;} .moments-area .vd-btn:hover:before {transform: scaleX(1);} .moments-area .vd-btn .bi {opacity: 0; transition-duration: 0.5s; transition-delay: 0.3s; } .moments-area .vd-btn:hover .bi {opacity: 1; z-index: 10; transform: translate(20px,0); color: #FFFFFF;} .membership-wrap {padding-top: var(--padding); padding-bottom: var(--padding);} .membership-a .line-a {margin-bottom: 1.5rem; font-weight: 500; font-size: 125%;} .membership-a .line-b {margin-bottom: 0rem; font-weight: 100; font-size: 125%;} .membership-block {position: relative;} .membership-block .membership-desc {position: absolute; left: 7%; top: 5%; width: 60%; color: #FFFFFF; z-index: 1; transition: transform 0.35s;} .membership-block .membership-desc {position: absolute; left: 7%; top: 5%; width: 60%; color: #FFFFFF; z-index: 1; transition: transform 0.35s;} .membership-block .membership-img {border-radius: 1rem; overflow: hidden;} .membership-block .membership-desc .line-a {font-weight: 600; font-size: 125%; margin-bottom: 0.25rem;} .membership-block .membership-desc .line-b {font-weight: 200; font-size: 87.5%;} .membership-block .membership-img img {-webkit-transition: 0.4s ease; transition: 0.4s ease;} .membership-block:hover .membership-img img {-webkit-transform: scale(1.2); transform: scale(1.2);} .membership-block .membership-desc .line-a, .membership-block .membership-desc .line-b {transform: translate3d(0,25px,0); transition: transform 0.35s;} .membership-block:hover .membership-desc .line-a, .membership-block:hover .membership-desc .line-b {transform: translate3d(0,0,0);} .locations-wrap {padding-top: var(--padding); padding-bottom: var(--padding);} .contact-block {} .contact-block .contact-title {font-size: 112.5%; font-weight: 600;} .contact-block .contact-cont {font-size: 100%; font-weight: 200;} .locations-wrap .google-map {border-radius: 1rem; overflow: hidden; margin-top: 3rem;} .private-club-wrap {} .private-club-wrap .private-club-row {padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(0,0,0,0.10);} .private-club-wrap .private-club-row:first-child {padding-top: 0;} .private-club-wrap .private-club-row:last-child {padding-bottom: 0; border-bottom: none;} .membership-wrap {} .membership-wrap .membership-row {padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(0,0,0,0.10);} .membership-wrap .membership-row:first-child {padding-top: 0;} .membership-wrap .membership-row:last-child {padding-bottom: 0; border-bottom: none;} .membership-row .enquirenow {padding: 0.75rem 1.5rem; border: 1px solid #000000; border-radius: 5rem; display: inline-block;} .moments-area .vd-btn {transform: perspective(1px) translateZ(0); position: relative; transition: color 0.3s; overflow: hidden;} .moments-area .vd-btn:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: #000000; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out;} .moments-area .vd-btn:hover {color: #FFFFFF;} .moments-area .vd-btn:hover:before {transform: scaleX(1);} .membership-row .enquirenow .bi {opacity: 0; transition-duration: 0.5s; transition-delay: 0.3s; } .membership-row .enquirenow:hover .bi {opacity: 1; z-index: 10; transform: translate(20px,0);} .pt-block {} .pt-block .line-a {margin-bottom: 1rem;} .pt-block .line-b {margin-bottom: 1rem; font-size: 125%; font-weight: 500; } .pt-block .line-c {font-weight: 200;} .pt-block .line-a img {border-radius: 1rem;} .pt-wrap {} .pt-wrap .pt-row {padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(0,0,0,0.10);} .pt-wrap .pt-row:first-child {padding-top: 0;} .pt-wrap .pt-row:last-child {padding-bottom: 0; border-bottom: none;} hr {border-top: 1px solid rgba(0,0,0,0.20); opacity: 1;} .gc-wrap {} .gc-wrap .gc-row {padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(0,0,0,0.10);} .gc-wrap .gc-row:first-child {padding-top: 0;} .gc-wrap .gc-row:last-child {padding-bottom: 0; border-bottom: none;} .gc-block {} .gc-block .line-a {margin-bottom: 0.5rem; border-radius: 1rem; overflow: hidden} .gc-block .line-b {margin-bottom: 0.5rem; font-size: 125%; font-weight: 500; } .gc-block .line-c {font-weight: 200; font-size: 87.5%;} .gc-block .line-a img {transition: .3s ease-in-out;} .gc-block:hover .line-a img {transform: scale(1.2);} .mvmnt-block {border: 1px solid rgba(0,0,0,0.10); background-color: rgba(0,0,0,0.05); border-radius: 1rem; height: 100%;} .mvmnt-block .line-a {padding: 1rem; font-size: 125%; font-weight: 500;} .mvmnt-block .line-b {overflow: hidden;} .mvmnt-block .line-c {padding: 1rem; font-weight: 200; font-size: 87.5%;} .mvmnt-block .line-b img {transition: 0.3s ease;} .mvmnt-block:hover .line-b img {transform: scale(1.1);} .comp-block {background-color: #efe3c3; padding: 2rem; border-radius: 1rem; height: 100%;} .accordion-button {background-color: #efe3c3;} .accordion-item {background-color: #f4ecd7;} .accordion-button:not(.collapsed) {color: #FFFFFF; background-color: #000000;} .classes-block {margin-bottom: 1rem; padding: 2rem; border-radius: 1rem; background-color: #efe3c3; box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); height: 100%;} .classes-block:last-child {margin-bottom: 0;} .classes-block .classes-title {text-transform: uppercase; font-weight: 600; color: rgba(0,0,0,0.50);} .classes-block .classes-ul {font-weight: 300;} .classes-block .classes-highlite {font-size: 150%; font-weight: 300;} .classes-block .classes-normal {font-weight: 300;} .classes-block .classes-link {} .classes-block .classes-link a {color: #cc9900; text-decoration: underline;} .classes-block .classes-link a:hover {color: #996600;} .classes-block .classes-intensity {} .classes-block .classes-intensity .classes-intensity-in {display: inline-block; background-color: #000000; width: 100%; height: 5px; border-radius: 1rem;} .classes-filter-row .dropdown-menu {font-weight: 300; font-size: 87.5%;} .classes-filter-row .dropdown-menu {--bs-dropdown-padding-x: 0.75rem; --bs-dropdown-padding-y: 0.75rem; --bs-dropdown-min-width: 13rem;} :root { --color-dance : #5e3aff; --color-strength : #0998ff; --color-gym : #faa93b; --color-martialarts : #5dc5cb; --color-mindfulness : #9f9f9f; --color-aquatics : #e6417e; --color-cardio : #ff5252; } .classes-filter-row .dropdown-menu .filter-dot {width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; display: inline-block;} .classes-filter-row .color-dance {background-color: var(--color-dance);} .classes-filter-row .color-strength {background-color: var(--color-strength);} .classes-filter-row .color-gym {background-color: var(--color-gym);} .classes-filter-row .color-martialarts {background-color: var(--color-martialarts);} .classes-filter-row .color-mindfulness {background-color: var(--color-mindfulness);} .classes-filter-row .color-aquatics {background-color: var(--color-aquatics);} .classes-filter-row .color-cardio {background-color: var(--color-cardio);} .tt-block {background-color: rgba(255,255,255,0.30); padding: 0.5rem;} .tt-block:hover {background-color: rgba(255,255,255,0.50);} .swiper-button-next, .swiper-button-prev {top: 0%; width: inherit;} .swiper-button-next, .swiper-button-prev {background-color: #333333; color: #FFFFFF; padding: 0 0.5rem; height: auto; margin-top: inherit;} .swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 0px);} .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 0px);} .swiper-button-next:after, .swiper-button-prev:after {font-size: 32px;} .swiper-button-next:after, .swiper-button-prev:after {justify-content: flex-end; font-family: "bootstrap-icons";} .swiper-button-next:after {content: "\F138";} .swiper-button-prev:after {content: "\F12F";} .tt-block .tt-class {margin-bottom: 0.25rem; font-weight: 500; line-height: normal;} .tt-block .tt-time {margin-bottom: 0.5rem; font-weight: 300; font-size: 75%;} .tt-block .tt-movements {margin-bottom: 0.25rem; font-weight: 300; font-size: 75%; } .tt-block .tt-age {font-weight: 300; font-size: 75%;} .tt-block .tt-color {} .tt-block .tt-color span {width: 100%; height: 2px; display: inline-block; vertical-align: bottom; opacity: 0.4;} .tt-block-date {background-color: rgba(255,255,255,0.60); padding: 2rem 0.5rem 1rem 0.5rem; text-align: center; border-bottom: 5px solid #efe3c3;} .tt-block-date .tt-day {text-align: center; font-size: 87.5%; font-weight: 300;} .tt-block-date .tt-date {text-align: center; font-size: 150%; font-weight: 300;} .tt-color.color-dance span {background-color: var(--color-dance);} .tt-color.color-strength span {background-color: var(--color-strength);} .tt-color.color-gym span {background-color: var(--color-gym);} .tt-color.color-martialarts span {background-color: var(--color-martialarts);} .tt-color.color-mindfulness span {background-color: var(--color-mindfulness);} .tt-color.color-aquatics span {background-color: var(--color-aquatics);} .tt-color.color-cardio span {background-color: var(--color-cardio);} .tt-block .tt-movements.color-dance {color: var(--color-dance);} .tt-block .tt-movements.color-strength {color: var(--color-strength);} .tt-block .tt-movements.color-gym {color: var(--color-gym);} .tt-block .tt-movements.color-martialarts {color: var(--color-martialarts);} .tt-block .tt-movements.color-mindfulness {color: var(--color-mindfulness);} .tt-block .tt-movements.color-aquatics {color: var(--color-aquatics);} .tt-block .tt-movements.color-cardio {color: var(--color-cardio);} .footer {padding-top: var(--padding); padding-bottom: var(--padding); border-top: 1px solid rgba(0,0,0,0.10);} .footer hr {border-top: 1px solid rgba(0,0,0,0.05); opacity: 1;} .footer .footer-in {font-size: 87.5%;} .footer-area {padding-top: var(--padding); padding-bottom: var(--padding); border-top: 1px solid rgba(0,0,0,0.10); font-size: 1rem;} .home-stats {padding-top: var(--padding); padding-bottom: var(--padding); background-color: #FFFFFF;} .stats-block {border-left: 2px solid #000000; padding-left: 1rem;} .stats-block .line-a {font-size: 300%; font-weight: 700; margin-bottom: 0.5rem; line-height: normal;} .stats-block .line-b {font-size: 112.5%; font-weight: 700;} .stats-block .line-b .line-b-a {line-height: normal;} .stats-block .line-b .line-b-b {line-height: normal;} .stats-block .line-b .line-b-c {line-height: normal;} /* ===== PRELOADER ===== */ #preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background-color: #FFFFFF;} #status {width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; margin: -125px 0 0 -125px;} /* ===== PRELOADER ===== */ /* `xxl` applies to x-large devices (large desktops, less than 1400px) */ @media (max-width: 1399.98px) { } /* `xl` applies to large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { .banner-in {padding-left: 0%; padding-right: 0%;} } /* `lg` applies to medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { body {} .menu-area .text-bg-dark {background-color: #000000 !important;} .welcome-a .line-a {font-size: 150%;} .welcome-a .line-b {font-size: 125%;} .welcome-a .line-c {font-size: 100%;} .moments-area .nav-scroller {height: 86px;} .banner-in {padding-left: 0%; padding-right: 0%;} } /* `md` applies to small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { body {} .menu-area .text-bg-dark {background-color: #000000 !important;} .welcome-a .line-a {font-size: 150%;} .welcome-a .line-b {font-size: 125%;} .welcome-a .line-c {font-size: 100%;} .banner-area .banner-description-b {bottom: 12%;} .moments-area .nav-scroller {height: 86px;} .banner-in {padding-left: 0%; padding-right: 0%;} .banner-logo {width: 75%;} .gc-block .line-b {font-size: 100%;} } /* `sm` applies to x-small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { body {} .menu-area .text-bg-dark {background-color: #000000 !important;} .menu-area .nav-link {color: rgb(255 255 255 / 75%);} .welcome-a .line-a {font-size: 150%;} .welcome-a .line-b {font-size: 125%;} .welcome-a .line-c {font-size: 100%;} .banner-area .banner-description-b {bottom: 12%;} .moments-area .nav-scroller {height: 86px;} .banner-in {padding-left: 0%; padding-right: 0%;} .banner-logo {width: 75%;} .gc-block .line-b {font-size: 100%;} }}