Access_New/pages/demo-gym-and-fitness.html
2024-09-05 11:33:27 +05:45

1193 lines
110 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/gym-and-fitness/gym-and-fitness.css" />
</head>
<body data-mobile-nav-style="classic" class="custom-cursor">
<div class="cursor-page-inner">
<div class="circle-cursor circle-cursor-inner"></div>
<div class="circle-cursor circle-cursor-outer"></div>
</div>
<header>
<nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-dark-very-light disable-fixed">
<div class="container-fluid">
<div class="col-auto">
<a class="navbar-brand" href="demo-gym-and-fitness.html">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto me-0 sm-me-auto border-start border-color-transparent-dark-very-light ms-35px xs-ms-0">
<div class="header-icon">
<div class="header-push-button hamburger-push-button icon xs-pe-50px">
<div class="push-button">
<span></span>
<span></span>
<span></span>
<span></span>
<b class="push-button-text alt-font text-uppercase text-dark-gray position-absolute top-10px right-minus-50px">Menu</b>
</div>
</div>
</div>
</div>
<div class="col-auto ms-auto align-items-center d-none d-sm-flex">
<div class="header-button">
<a href="demo-gym-and-fitness-contact.html" class="btn btn-very-small btn-base-color btn-round-edge btn-box-shadow">Join us now</a>
</div>
</div>
</div>
</nav>
<div class="push-menu hamburger-nav header-dark hamburger-menu-half push-menu-left bg-dark-gray md-w-60 sm-w-100" style="background-image: url('images/demo-gym-and-fitness-menu-bg.jpg')">
<span class="close-menu text-dark-gray bg-white"><i class="fa-solid fa-xmark"></i></span>
<div class="d-flex flex-column justify-content-center h-100 ps-19 pe-19 pt-13 pb-13 xl-p-12 sm-p-20px">
<div>
<a class="hamburger-logo" href="demo-gym-and-fitness.html">
<img src="images/demo-gym-and-fitness-logo-white.png" data-at2x="images/demo-gym-and-fitness-logo-white@2x.png" alt>
</a>
</div>
<div class="hamburger-menu menu-list-wrapper w-80 lg-w-100 lg-no-margin sm-mt-auto sm-mb-auto" data-scroll-options="{ &quot;theme&quot;: &quot;light&quot; }">
<ul class="menu-item-list fw-500 ls-1px">
<li class="menu-item"><a href="demo-gym-and-fitness.html" class="nav-link">Home</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-about.html" class="nav-link">About</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-classes.html" class="nav-link">Classes</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-schedule.html" class="nav-link">Schedule</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-package.html" class="nav-link">Package</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-trainer.html" class="nav-link">Trainer</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
<div class="w-90 d-none d-lg-inline-block">
<div class="row row-cols-1 row-cols-xl-2 menu-address">
<div class="col">
<span class="text-white fs-16 ls-05px">Crafto gym - London</span>
<div class="h-1px w-90 lg-w-100 bg-white-transparent-extra-light mt-10px mb-10px"></div>
<p class="fs-15 lh-26 w-90 xl-w-100">28 New regent view road, Orchard, Cambridge.</p>
</div>
<div class="col">
<span class="text-white fs-16 ls-05px">Connect with us</span>
<div class="h-1px w-90 lg-w-100 bg-white-transparent-extra-light mt-10px mb-10px"></div>
<p class="fs-15 lh-28 w-90 xl-w-100 lg-mb-0"><a href="cdn-cgi/l/email-protection.html#751c1b131a350c1a0007111a18141c1b5b161a18" class="d-block text-white-hover"><span class="__cf_email__" data-cfemail="573e393138172e38222533383a363e397934383a">[email&#160;protected]</span></a><a href="tel:12345678910" class="text-white-hover">+1 234 567 8910</a></p>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="p-0 bg-dark-gray">
<article class="content">
<div id="gym-and-fitness-slider_wrapper" class="rev_slider_wrapper fullscreen-container">
<div id="gym-and-fitness-slider" class="rev_slider fullscreenbanner" data-version="5.4.5">
<ul>
<li id="rs-gym-and-fitness-01" data-index="rs-gym-and-fitness-01" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="100" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-gym-and-fitness-slider-01.jpg" alt="slider-image" data-bgposition="center center" data-duration="2500" data-ease="Power3.easeInOut" class="rev-slidebg" data-no-retina>
<div id="rrzm_638" class="rev_row_zone rev_row_zone_middle">
<div class="tp-caption row" id="slide-01-layer-01" data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="100vh" data-type="row" data-columnbreak="2" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;500&quot;,&quot;speed&quot;:&quot;300&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-basealign="slide" style="transform-style: inherit !important;">
<div class="tp-caption d-flex justify-content-center flex-column left-col" id="slide-01-layer-02" data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-verticalalign="middle" data-type="column" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;+100&quot;,&quot;speed&quot;:&quot;800&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:-50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="42%" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[150,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[255,0,0,0]" style="background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);">
<div class="tp-caption tp-resizeme bg-very-light-gray text-uppercase border-radius-4px d-inline-block" id="slide-01-layer-03" data-frames="[{&quot;delay&quot;:&quot;+800&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;from&quot;:&quot;opacity: 0&quot;,&quot;to&quot;: &quot;opacity: 1&quot;}, {&quot;delay&quot;: &quot;wait&quot;,&quot;speed&quot;: 300,&quot;to&quot;: &quot;opacity: 0&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['13','13','13','12']" data-lineheight="['10','10','10','10']" data-fontweight="['700','700','700','700']" data-color="['#232323','#232323','#232323','#232323']" data-textAlign="['left','left','center','center']" data-letterspacing="['0','0','0','0']" data-x="['left','left','left','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal','normal']" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[40,40,30,25]" data-marginleft="[0,0,0,0]" data-paddingtop="[15,15,15,12]" data-paddingright="[15,15,15,12]" data-paddingbottom="[12,12,12,9]" data-paddingleft="[8,8,8,5]" data-responsive_offset="on" data-responsive="on"><span style="padding: 7px 8px 4px 8px; " class="bg-dark-gray alt-font d-inline me-10px border-radius-3px fs-12 text-white fw-500">WOW</span><span class="d-inline">Get more benefit by joining</span></div>
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-04" data-frames="[{&quot;delay&quot;:&quot;+1000&quot;,&quot;speed&quot;:&quot;2000&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:[-100%];y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['100','80','78','50']" data-lineheight="['100','80','78','50']" data-fontweight="['600','700', '700','700']" data-color="['#232323','#232323','#232323','#232323']" data-textAlign="['left','left','center','center']" data-letterspacing="['-2.5','-2','-2','-1']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','100%','100%']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal', 'normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[10, 0, 10, 10]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="on" data-responsive="on" style="z-index: 999 !important">Dream body with fitness<span class="text-base-color">.</span> </div>
<div class="tp-caption tp-resizeme d-inline-block" id="slide-01-layer-05" data-frames="[{&quot;delay&quot;:&quot;+2000&quot;,&quot;speed&quot;:&quot;1000&quot;,&quot;from&quot;: &quot;opacity: 0&quot;,&quot;to&quot;: &quot;opacity: 1&quot;}, {&quot;delay&quot;: &quot;wait&quot;,&quot;speed&quot;: 300,&quot;to&quot;: &quot;opacity: 0&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['17','17','22','16']" data-lineheight="['30','30','30','30']" data-fontweight="['400','400','400','400']" data-color="['#828282','#828282','#828282','#828282']" data-textAlign="['left','left','center','center']" data-letterspacing="['0','0','0','0']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','80%','90%']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal','normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[50, 50, 40, 30]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="on" data-responsive="on">Want your body to be healthy, join our program with directions according to your body's goals.</div>
<div>
<a class="tp-caption rev-btn alt-font bg-base-color text-dark-gray d-inline-block text-uppercase border-radius-4px" id="slide-01-layer-06" href="demo-gym-and-fitness.html#" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-fontsize="['17','15','15','14']" data-lineheight="['16','20','20','20']" data-width="['auto','auto','auto','auto']" data-letterspacing="['0.5','0.5','0','0']" data-height="none" data-fontweight="['600','700', '700','700']" data-whitespace="normal" data-type="button" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;+2500&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;fb:0;&quot;,&quot;style&quot;:&quot;c:#ffffff;bg:#232323;&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[15,15,15,15]" data-marginbottom="[10,10,10,10]" data-marginleft="[0,0,0,0]" data-textAlign="['center','center','center','center']" data-paddingtop="[19,18,17,15]" data-paddingright="[30,32,32,25]" data-paddingbottom="[16,15,15,11]" data-paddingleft="[30,32,32,25]">Start now</a>
<a class="popup-youtube tp-caption btn btn-large btn-transparent-dark-gray border border-color-transparent-dark-very-light left-icon d-inline-block border-radius-6px" id="slide-01-layer-07" href="https://www.youtube.com/watch?v=cfXHhfNy7tU" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-fontsize="['17','15','15','14']" data-lineheight="['20','20','20','20']" data-width="['auto','auto','auto','auto']" data-letterspacing="['0.7','0.7','0','0']" data-height="none" data-fontweight="['500','700', '700','700']" data-whitespace="normal" data-type="button" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;3000&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;fb:0;&quot;,&quot;style&quot;:&quot;c:#ffffff;bg:#232323;&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['center','center','center','center']" data-paddingtop="[14,14,14,11]" data-paddingright="[30,28,28,22]" data-paddingbottom="[12,12,12,9]" data-paddingleft="[30,28,28,22]"><i class="bi bi-play-circle align-middle" style="font-size:24px; line-height: 14px;"></i>Training demo</a>
</div>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase background-text" id="slide-01-layer-08" data-frames="[{&quot;delay&quot;:&quot;+3500&quot;,&quot;speed&quot;: 3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;rZ:-90,y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;rZ:-90,o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-visibility="['on','off','off','off']" data-fontsize="['320','150','160','120']" data-lineheight="['100','160','160','120']" data-fontweight="['700','700', '700','700']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-textAlign="['left','left','center','center']" data-letterspacing="['-3.5','-8','-8','-6']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['-460','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','500','100%','100%']" data-height="['auto','auto','auto','auto']" data-whitespace="['nowrap', 'normal', 'normal', 'normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[10, 0, 0, 0]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="on" data-responsive="on" style="text-shadow: 0px 0px 35px rgba(0,0,0,0.05); z-index: 1 !important">Workout</div>
<div class="tp-caption right-col" id="slide-01-layer-09" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['top','top','top','top']" data-voffset="['100','100','100','100']" data-fontsize="['20','20','20','20']" data-lineheight="['22','22','22','22']" data-fontweight="['400','400','400','400']" data-letterspacing="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="column" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;+0&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-columnwidth="58%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="width: 100%; height: 100% !important;"></div>
</div>
</div>
<div class="tp-caption rev-btn d-flex justify-content-center align-items-center text-derk-gray btn btn-large bg-base-color btn-slide-right pb-5px text-uppercase" id="slide-01-layer-10" data-x="['right','right','center','center']" data-hoffset="['280','200','-40','-40']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','00']" data-visibility="['on','on','off','off']" data-width="['140','100','80','80']" data-height="['140','100','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','16','15']" data-fontweight="['700','700','700','700']" data-letterspacing="['0','0','0','0']" data-lineheight="['20','60','50','55']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;previous&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;+4500&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:500,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blocktoleft&quot;,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;z:0;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgb(255,255,255);bc:rgba(255,255,255,0);&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="slide" style="border: none;">Prev<span class="bg-black"></span>
</div>
<div class="tp-caption rev-btn alt-font text-black d-flex justify-content-start align-items-center text-derk-gray text-uppercase pb-5px next-btn" id="slide-01-layer-11" data-x="['right','right','center','center']" data-hoffset="['0','0','40','40']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','off','off']" data-width="['285','200','80','80']" data-height="['140','100','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','22','15']" data-lineheight="['20','60','50','55']" data-fontweight="['700','700','700','700']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;+4000&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="slide" style="border: none; background-image: url('images/demo-gym-and-fitness-slider-thumb-02.jpg');">Next
</div>
</li>
<li id="rs-gym-and-fitness-02" data-index="rs-gym-and-fitness-02" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="100" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-gym-and-fitness-slider-02.jpg" alt="slider-image" data-bgposition="center center" data-duration="2500" data-ease="Power3.easeInOut" class="rev-slidebg" data-no-retina>
<div id="rrzm_639" class="rev_row_zone rev_row_zone_middle">
<div class="tp-caption row" id="slide-02-layer-01" data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="100vh" data-type="row" data-columnbreak="2" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;500&quot;,&quot;speed&quot;:&quot;300&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-basealign="slide" style="transform-style: inherit !important;">
<div class="tp-caption d-flex justify-content-center flex-column left-col" id="slide-02-layer-02" data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-verticalalign="middle" data-type="column" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;+100&quot;,&quot;speed&quot;:&quot;800&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:-50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="42%" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[150,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[255,0,0,0]" style="background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);">
<div class="tp-caption tp-resizeme bg-very-light-gray text-uppercase border-radius-4px d-inline-block" id="slide-02-layer-03" data-frames="[{&quot;delay&quot;:&quot;+800&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;from&quot;:&quot;opacity: 0&quot;,&quot;to&quot;: &quot;opacity: 1&quot;}, {&quot;delay&quot;: &quot;wait&quot;,&quot;speed&quot;: 300,&quot;to&quot;: &quot;opacity: 0&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['13','13','13','12']" data-lineheight="['10','10','10','10']" data-fontweight="['700','700','700','700']" data-color="['#232323','#232323','#232323','#232323']" data-textAlign="['left','left','center','center']" data-letterspacing="['0','0','0','0']" data-x="['left','left','left','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal','normal']" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[40,40,30,25]" data-marginleft="[0,0,0,0]" data-paddingtop="[15,15,15,12]" data-paddingright="[15,15,15,12]" data-paddingbottom="[12,12,12,9]" data-paddingleft="[8,8,8,5]" data-responsive_offset="off" data-responsive="off"><span style="padding: 7px 8px 4px 8px; " class="bg-dark-gray alt-font d-inline me-10px border-radius-3px fs-12 text-white fw-500">WOW</span><span class="d-inline">Get more benefit by joining</span></div>
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-04" data-frames="[{&quot;delay&quot;:&quot;+1000&quot;,&quot;speed&quot;:&quot;2000&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:[-100%];y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['100','80','78','50']" data-lineheight="['100','80','78','50']" data-fontweight="['600','700', '700','700']" data-color="['#232323','#232323','#232323','#232323']" data-textAlign="['left','left','center','center']" data-letterspacing="['-2.5','-2','-2','-1']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','100%','100%']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal', 'normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[10, 0, 10, 10]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="off" data-responsive="on" style="z-index: 999 !important">Happiness is good health<span class="text-base-color">.</span> </div>
<div class="tp-caption tp-resizeme d-inline-block" id="slide-02-layer-05" data-frames="[{&quot;delay&quot;:&quot;+2000&quot;,&quot;speed&quot;:&quot;1000&quot;,&quot;from&quot;: &quot;opacity: 0&quot;,&quot;to&quot;: &quot;opacity: 1&quot;}, {&quot;delay&quot;: &quot;wait&quot;,&quot;speed&quot;: 300,&quot;to&quot;: &quot;opacity: 0&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['17','17','22','16']" data-lineheight="['30','30','30','30']" data-fontweight="['400','400','400','400']" data-color="['#828282','#828282','#828282','#828282']" data-textAlign="['left','left','center','center']" data-letterspacing="['0','0','0','0']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','80%','90%']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal','normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[50, 50, 40, 30]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="off" data-responsive="on">Want your body to be healthy, join our program with directions accordingto your body's goals.</div>
<div>
<a class="tp-caption rev-btn alt-font bg-base-color text-dark-gray d-inline-block text-uppercase border-radius-6px" id="slide-02-layer-06" href="demo-gym-and-fitness.html#" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-fontsize="['17','15','15','14']" data-lineheight="['16','20','20','20']" data-width="['auto','auto','auto','auto']" data-letterspacing="['0.5','0.5','0','0']" data-height="none" data-fontweight="['600','700', '700','700']" data-whitespace="normal" data-type="button" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+2500&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;fb:0;&quot;,&quot;style&quot;:&quot;c:#ffffff;bg:#232323;&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[15,15,15,15]" data-marginbottom="[10,10,10,10]" data-marginleft="[0,0,0,0]" data-textAlign="['center','center','center','center']" data-paddingtop="[19,18,17,15]" data-paddingright="[30,32,32,25]" data-paddingbottom="[16,15,15,11]" data-paddingleft="[30,32,32,25]">Start now</a>
<a class="popup-youtube tp-caption btn btn-large btn-transparent-dark-gray border border-color-transparent-dark-very-light left-icon d-inline-block border-radius-6px" id="slide-02-layer-07" href="https://www.youtube.com/watch?v=cfXHhfNy7tU" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-fontsize="['17','15','15','14']" data-lineheight="['20','20','20','20']" data-width="['auto','auto','auto','auto']" data-letterspacing="['0.7','0.7','0','0']" data-height="none" data-fontweight="['500','700', '700','700']" data-whitespace="normal" data-type="button" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;3000&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:0px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;fb:0;&quot;,&quot;style&quot;:&quot;c:#ffffff;bg:#232323;&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['center','center','center','center']" data-paddingtop="[14,14,14,11]" data-paddingright="[30,28,28,22]" data-paddingbottom="[12,12,12,9]" data-paddingleft="[30,28,28,22]"><i class="bi bi-play-circle align-middle" style="font-size:24px; line-height: 14px;"></i>Training demo</a>
</div>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase background-text" id="slide-02-layer-08" data-frames="[{&quot;delay&quot;:&quot;+3500&quot;,&quot;speed&quot;: 3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;rZ:-90,y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;rZ:-90,o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-visibility="['on','off','off','off']" data-fontsize="['320','150','160','120']" data-lineheight="['100','160','160','120']" data-fontweight="['700','700', '700','700']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-textAlign="['left','left','center','center']" data-letterspacing="['-3.5','-8','-8','-6']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['-460','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','500','100%','100%']" data-height="['auto','auto','auto','auto']" data-whitespace="['nowrap', 'normal', 'normal', 'normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[10, 0, 0, 0]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="off" data-responsive="on" style="text-shadow: 0px 0px 35px rgba(0,0,0,0.05); z-index: 1 !important">Workout</div>
<div class="tp-caption right-col" id="slide-02-layer-09" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['top','top','top','top']" data-voffset="['100','100','100','100']" data-fontsize="['20','20','20','20']" data-lineheight="['22','22','22','22']" data-fontweight="['400','400','400','400']" data-letterspacing="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+0&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-columnwidth="58%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="width: 100%; height: 100% !important;"></div>
</div>
</div>
<div class="tp-caption rev-btn d-flex justify-content-center align-items-center text-derk-gray btn btn-large bg-base-color btn-slide-right pb-5px text-uppercase" id="slide-02-layer-10" data-x="['right','right','center','center']" data-hoffset="['280','200','-40','-40']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','00']" data-visibility="['on','on','off','off']" data-width="['140','100','80','80']" data-height="['140','100','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','16','15']" data-fontweight="['700','700','700','700']" data-letterspacing="['0','0','0','0']" data-lineheight="['20','60','50','55']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;previous&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+4500&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:500,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blocktoleft&quot;,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;z:0;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgb(255,255,255);bc:rgba(255,255,255,0);&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="slide" style="border: none;">Prev<span class="bg-black"></span>
</div>
<div class="tp-caption rev-btn alt-font text-black d-flex justify-content-start align-items-center text-derk-gray text-uppercase pb-5px next-btn" id="slide-02-layer-11" data-x="['right','right','center','center']" data-hoffset="['0','0','40','40']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','off','off']" data-width="['285','200','80','80']" data-height="['140','100','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','22','15']" data-lineheight="['20','60','50','55']" data-fontweight="['700','700','700','700']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+4000&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="slide" style="border: none; background-image: url('images/demo-gym-and-fitness-slider-thumb-03.jpg');">Next
</div>
</li>
<li id="rs-gym-and-fitness-03" data-index="rs-gym-and-fitness-03" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="100" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-gym-and-fitness-slider-03.jpg" alt="slider-image" data-bgposition="center center" data-duration="2500" data-ease="Power3.easeInOut" class="rev-slidebg" data-no-retina>
<div id="rrzm_640" class="rev_row_zone rev_row_zone_middle">
<div class="tp-caption row" id="slide-03-layer-01" data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="100vh" data-type="row" data-columnbreak="2" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;500&quot;,&quot;speed&quot;:&quot;300&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-basealign="slide" style="transform-style: inherit !important;">
<div class="tp-caption d-flex justify-content-center flex-column left-col" id="slide-03-layer-02" data-x="['left','left','left','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-verticalalign="middle" data-type="column" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;+100&quot;,&quot;speed&quot;:&quot;800&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:-50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="42%" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[150,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[255,0,0,0]" style="background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);">
<div class="tp-caption tp-resizeme bg-very-light-gray text-uppercase border-radius-4px d-inline-block" id="slide-03-layer-03" data-frames="[{&quot;delay&quot;:&quot;+800&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;from&quot;:&quot;opacity: 0&quot;,&quot;to&quot;: &quot;opacity: 1&quot;}, {&quot;delay&quot;: &quot;wait&quot;,&quot;speed&quot;: 300,&quot;to&quot;: &quot;opacity: 0&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['13','13','13','12']" data-lineheight="['10','10','10','10']" data-fontweight="['700','700','700','700']" data-color="['#232323','#232323','#232323','#232323']" data-textAlign="['left','left','center','center']" data-letterspacing="['0','0','0','0']" data-x="['left','left','left','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal','normal']" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[40,40,30,25]" data-marginleft="[0,0,0,0]" data-paddingtop="[15,15,15,12]" data-paddingright="[15,15,15,12]" data-paddingbottom="[12,12,12,9]" data-paddingleft="[8,8,8,5]" data-responsive_offset="off" data-responsive="off"><span style="padding: 7px 8px 4px 8px; " class="bg-dark-gray alt-font d-inline me-10px border-radius-3px fs-12 text-white fw-500">WOW</span><span class="d-inline">Get more benefit by joining</span></div>
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-04" data-frames="[{&quot;delay&quot;:&quot;+1000&quot;,&quot;speed&quot;:&quot;2000&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:[-100%];y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['100','80','78','50']" data-lineheight="['100','80','78','50']" data-fontweight="['600','700', '700','700']" data-color="['#232323','#232323','#232323','#232323']" data-textAlign="['left','left','center','center']" data-letterspacing="['-2.5','-2','-2','-1']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','100%','100%']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal', 'normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[10, 0, 10, 10]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="off" data-responsive="on" style="z-index: 999 !important">Take care of your body<span class="text-base-color">.</span> </div>
<div class="tp-caption tp-resizeme d-inline-block" id="slide-03-layer-05" data-frames="[{&quot;delay&quot;:&quot;+2000&quot;,&quot;speed&quot;:&quot;1000&quot;,&quot;from&quot;: &quot;opacity: 0&quot;,&quot;to&quot;: &quot;opacity: 1&quot;}, {&quot;delay&quot;: &quot;wait&quot;,&quot;speed&quot;: 300,&quot;to&quot;: &quot;opacity: 0&quot;}]" data-visibility="['on','on','on','on']" data-fontsize="['17','17','22','16']" data-lineheight="['30','30','30','30']" data-fontweight="['400','400','400','400']" data-color="['#828282','#828282','#828282','#828282']" data-textAlign="['left','left','center','center']" data-letterspacing="['0','0','0','0']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','auto','80%','90%']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','normal','normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[50, 50, 40, 30]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="off" data-responsive="on">Want your body to be healthy, join our program with directions accordingto your body's goals.</div>
<div>
<a class="tp-caption rev-btn alt-font bg-base-color text-dark-gray d-inline-block text-uppercase border-radius-6px" id="slide-03-layer-06" href="demo-gym-and-fitness.html#" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-fontsize="['17','15','15','14']" data-lineheight="['16','20','20','20']" data-width="['auto','auto','auto','auto']" data-letterspacing="['0.5','0.5','0','0']" data-height="none" data-fontweight="['600','700', '700','700']" data-whitespace="normal" data-type="button" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+2500&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;fb:0;&quot;,&quot;style&quot;:&quot;c:#ffffff;bg:#232323;&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[15,15,15,15]" data-marginbottom="[10,10,10,10]" data-marginleft="[0,0,0,0]" data-textAlign="['center','center','center','center']" data-paddingtop="[19,18,17,15]" data-paddingright="[30,32,32,25]" data-paddingbottom="[16,15,15,11]" data-paddingleft="[30,32,32,25]">Start now</a>
<a class="popup-youtube tp-caption btn btn-large btn-transparent-dark-gray border border-color-transparent-dark-very-light left-icon d-inline-block border-radius-6px" id="slide-03-layer-07" href="https://www.youtube.com/watch?v=cfXHhfNy7tU" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-fontsize="['17','15','15','14']" data-lineheight="['20','20','20','20']" data-width="['auto','auto','auto','auto']" data-letterspacing="['0.7','0.7','0','0']" data-height="none" data-fontweight="['500','700', '700','700']" data-whitespace="normal" data-type="button" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;3000&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:0px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;fb:0;&quot;,&quot;style&quot;:&quot;c:#ffffff;bg:#232323;&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['center','center','center','center']" data-paddingtop="[14,14,14,11]" data-paddingright="[30,28,28,22]" data-paddingbottom="[12,12,12,9]" data-paddingleft="[30,28,28,22]"><i class="bi bi-play-circle align-middle" style="font-size:24px; line-height: 14px;"></i>Training demo</a>
</div>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase background-text" id="slide-03-layer-08" data-frames="[{&quot;delay&quot;:&quot;+3500&quot;,&quot;speed&quot;: 3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;rZ:-90,y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;rZ:-90,o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-visibility="['on','off','off','off']" data-fontsize="['320','150','160','120']" data-lineheight="['100','160','160','120']" data-fontweight="['700','700', '700','700']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-textAlign="['left','left','center','center']" data-letterspacing="['-3.5','-8','-8','-6']" data-x="['left','left','center','center']" data-y="['middle','middle','middle','bottom']" data-hoffset="['-460','0','0','0']" data-voffset="['0','0','0','0']" data-width="['auto','500','100%','100%']" data-height="['auto','auto','auto','auto']" data-whitespace="['nowrap', 'normal', 'normal', 'normal']" data-margintop="[0, 0, 0, 0]" data-marginright="[0, 0, 0, 0]" data-marginbottom="[10, 0, 0, 0]" data-marginleft="[0, 0, 0, 0]" data-responsive_offset="off" data-responsive="on" style="text-shadow: 0px 0px 35px rgba(0,0,0,0.05); z-index: 1 !important">Workout</div>
<div class="tp-caption right-col" id="slide-03-layer-09" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['top','top','top','top']" data-voffset="['100','100','100','100']" data-fontsize="['20','20','20','20']" data-lineheight="['22','22','22','22']" data-fontweight="['400','400','400','400']" data-letterspacing="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+0&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-columnwidth="58%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="width: 100%; height: 100% !important;"></div>
</div>
</div>
<div class="tp-caption rev-btn d-flex justify-content-center align-items-center text-derk-gray btn btn-large bg-base-color btn-slide-right pb-5px text-uppercase" id="slide-03-layer-10" data-x="['right','right','center','center']" data-hoffset="['280','200','-40','-40']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','00']" data-visibility="['on','on','off','off']" data-width="['140','100','80','80']" data-height="['140','100','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','16','15']" data-fontweight="['700','700','700','700']" data-letterspacing="['0','0','0','0']" data-lineheight="['20','60','50','55']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;previous&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+4500&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:500,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blocktoleft&quot;,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;z:0;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgb(255,255,255);bc:rgba(255,255,255,0);&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="slide" style="border: none;">Prev<span class="bg-black"></span>
</div>
<div class="tp-caption rev-btn alt-font text-black d-flex justify-content-start align-items-center text-derk-gray text-uppercase pb-5px next-btn" id="slide-03-layer-11" data-x="['right','right','center','center']" data-hoffset="['0','0','40','40']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','off','off']" data-width="['285','200','80','80']" data-height="['140','100','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','22','15']" data-lineheight="['20','60','50','55']" data-fontweight="['700','700','700','700']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+4000&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="slide" style="border: none; background-image: url('images/demo-gym-and-fitness-slider-thumb-01.jpg');">Next
</div>
</li>
</ul>
</div>
</div>
</article>
</section>
<section class="pt-45px pb-40px border-bottom border-color-extra-medium-gray sm-pt-35px sm-pb-30px">
<div class="container-fluid">
<div class="row position-relative">
<div class="col swiper text-cente" data-slider-options="{ &quot;slidesPerView&quot;: &quot;auto&quot;, &quot;spaceBetween&quot;:0, &quot;centeredSlides&quot;: true, &quot;speed&quot;: 12000, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: false }, &quot;allowTouchMove&quot;: false, &quot;autoplay&quot;: { &quot;delay&quot;:1, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next-2&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev-2&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper swiper-width-auto marquee-slide">
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Join the 10000+ person trusting us</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Subscribe crafto fitness and get a special discount</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Get 20% off on annual plans</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Our gym has been present for over 20 years</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Join the 10000+ person trusting us</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Subscribe crafto fitness and get a special discount</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Get 20% off on annual plans</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Our gym has been present for over 20 years</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Join the 10000+ person trusting us</div>
</div>
<div class="swiper-slide">
<div class="fs-22 sm-fs-20 fw-500 alt-font text-uppercase text-dark-gray"><span class="w-10px h-10px border border-2 border-radius-100 border-color-base-color d-inline-block align-middle ms-45px me-45px md-ms-30px md-me-30px"></span>Subscribe crafto fitness and get a special discount</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="position-relative overflow-hidden">
<div class="container position-relative z-index-1">
<div class="row">
<div class="col-lg-6 position-relative order-2 order-lg-1">
<div class="position-absolute left-20px top-0px d-none d-md-inline-block" data-bottom-top="transform: rotate(-10deg) translateY(50px)" data-top-bottom="transform:rotate(10deg) translateY(-50px)">
<img src="images/demo-gym-and-fitness-home-02.png" alt>
</div>
<img src="images/demo-gym-and-fitness-home-01.jpg" alt>
<div class="position-absolute right-minus-100px bottom-0px md-right-minus-30px d-none d-md-inline-block" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
<img src="images/demo-gym-and-fitness-home-03.png" alt>
</div>
</div>
<div class="col-lg-5 offset-lg-1 mb-50px mt-40px md-mt-0 order-1 order-lg-2 xs-mb-35px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [30, 0], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Grow your fitness strength</span>
<h2 class="h1 alt-font fw-700 ls-minus-1px text-dark-gray mb-15px">Workout program made for you<span class="text-base-color">.</span></h2>
<p class="w-85 mb-30px lg-w-100">Lorem ipsum dolor amet consectetur adipiscing do eiusmod tempor incididunt abore dolore magna ut enim ad minim veniam ut exercitation ullamco commodo consequat incididunt.</p>
<a href="demo-gym-and-fitness-about.html" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right me-15px">About more<span class="bg-white"></span></a>
<a href="https://www.youtube.com/watch?v=cfXHhfNy7tU" class="btn btn-link hover-text-light btn-extra-large text-dark-gray popup-youtube pb-0"><i class="bi bi-play-circle lh-normal align-middle icon-extra-medium me-5px"></i>How it works</a>
</div>
</div>
</div>
<div class="fs-275 lg-fs-180 md-fs-160 fw-700 alt-font text-uppercase ls-minus-5px text-gradient-light-gray-white position-absolute bottom-minus-40px right-0px d-none d-md-inline-block" data-bottom-top="transform: translate3d(50px, 0px, 0px);" data-top-bottom="transform: translate3d(150px, 0px, 0px);">Workout</div>
</section>
<section class="position-relative pt-1">
<div class="container">
<div class="row mb-7 xs-mb-40px">
<div class="col-xl-5 col-lg-6 d-flex flex-column align-items-start md-mb-20px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Why choose us?</span>
<h2 class="h1 alt-font fw-700 ls-minus-1px text-dark-gray mb-10px">Many healthy benefits for you<span class="text-base-color">.</span></h2>
<div class="fw-500 text-dark-gray w-100 mt-auto fs-19 ls-0px position-relative left-minus-20px d-flex align-items-center"><img src="images/demo-elearning-03.png" alt><span>Fitness courses from <span class="fw-600 text-decoration-line-bottom">experts.</span></span></div>
</div>
<div class="col-lg-6 offset-xl-1 pe-50px md-pe-15px pricing-table-style-09" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="row g-0">
<div class="col-3 text-center align-self-center">
<img src="images/demo-gym-and-fitness-home-icon-01.png" class="w-55px" alt>
</div>
<div class="col-8 last-paragraph-no-margin ps-40px pe-40px pt-30px pb-30px border-start border-color-extra-medium-gray xs-p-25px">
<span class="fs-24 alt-font fw-500 text-dark-gray">Profesional trainer</span>
<p>Lorem ipsum dolor consectetur.</p>
</div>
<div class="col-1 align-self-center">
<a class="action" href="demo-gym-and-fitness-classes.html"><i class="bi bi-arrow-right text-dark-gray icon-extra-medium"></i></a>
</div>
</div>
<div class="row border-top border-color-extra-medium-gray align-items-center g-0">
<div class="col-3 align-self-center text-center">
<img src="images/demo-gym-and-fitness-home-icon-02.png" class="w-55px" alt>
</div>
<div class="col-8 last-paragraph-no-margin ps-40px pe-40px pt-30px pb-30px border-start border-color-extra-medium-gray xs-p-25px">
<span class="fs-24 alt-font fw-500 text-dark-gray">Practice videos</span>
<p>Lorem ipsum dolor consectetur.</p>
</div>
<div class="col-1 align-self-center">
<a class="action" href="demo-gym-and-fitness-classes.html"><i class="bi bi-arrow-right text-dark-gray icon-extra-medium"></i></a>
</div>
</div>
<div class="row border-top border-color-extra-medium-gray align-items-center g-0">
<div class="col-3 align-self-center text-center">
<img src="images/demo-gym-and-fitness-home-icon-03.png" class="w-55px" alt>
</div>
<div class="col-8 last-paragraph-no-margin ps-40px pe-40px pt-30px pb-30px border-start border-color-extra-medium-gray xs-p-25px">
<span class="fs-24 alt-font fw-500 text-dark-gray">Progress report</span>
<p>Lorem ipsum dolor consectetur.</p>
</div>
<div class="col-1 align-self-center">
<a class="action" href="demo-gym-and-fitness-classes.html"><i class="bi bi-arrow-right text-dark-gray icon-extra-medium"></i></a>
</div>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2 justify-content-center counter-style-07">
<div class="col text-center sm-mb-35px">
<h1 class="alt-font vertical-counter d-inline-flex text-dark-gray fw-700 mb-0 ls-minus-2px md-ls-0px position-relative z-index-0" data-to="4566">
<span class="text-highlight position-absolute bottom-10px w-100"><span class="bg-base-color h-10px bottom-0px opacity-4"></span></span>
</h1>
<span class="d-block fs-15 lh-20 fw-700 text-uppercase text-dark-gray">Hours exercise</span>
</div>
<div class="col text-center sm-mb-35px">
<h1 class="alt-font vertical-counter d-inline-flex text-dark-gray fw-700 mb-0 ls-minus-2px md-ls-0px position-relative" data-to="5635">
<span class="text-highlight position-absolute bottom-10px w-100"><span class="bg-base-color h-10px bottom-0px opacity-4"></span></span>
</h1>
<span class="d-block fs-15 lh-20 fw-700 text-uppercase text-dark-gray">Total equipment</span>
</div>
<div class="col text-center xs-mb-35px">
<h1 class="alt-font vertical-counter d-inline-flex text-dark-gray fw-700 mb-0 ls-minus-2px md-ls-0px position-relative" data-to="6546">
<span class="text-highlight position-absolute bottom-10px w-100"><span class="bg-base-color h-10px bottom-0px opacity-4"></span></span>
</h1>
<span class="d-block fs-15 lh-20 fw-700 text-uppercase text-dark-gray">Training people</span>
</div>
<div class="col text-center">
<h1 class="alt-font vertical-counter d-inline-flex text-dark-gray fw-700 mb-0 ls-minus-2px md-ls-0px position-relative" data-to="6365">
<span class="text-highlight position-absolute bottom-10px w-100"><span class="bg-base-color h-10px bottom-0px opacity-4"></span></span>
</h1>
<span class="d-block fs-15 lh-20 fw-700 text-uppercase text-dark-gray">Expert trainers</span>
</div>
</div>
</div>
<div class="position-absolute left-minus-50px bottom-minus-100px z-index-1 flex-column align-items-center justify-content-center w-220px h-220px lg-w-150px lg-h-150px md-w-130px md-h-130px border-radius-100 lg-bottom-minus-70px lg-left-minus-30px md-left-minus-20px md-bottom-minus-55px d-none d-lg-flex">
<img src="images/demo-gym-and-fitness-home-05.png" class="position-absolute top-50 translate-middle-y lg-w-45" alt>
<img src="images/demo-gym-and-fitness-home-04.png" class alt data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(10deg)">
</div>
</section>
<section class="bg-cultured position-relative overflow-hidden p-0">
<div class="container">
<div class="row">
<div class="col-12 tab-style-08">
<div class="tab-content">
<div class="tab-pane fade in active show" id="tab_eight1">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-6 pt-8 pb-8 xs-pt-12 xs-pb-12">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Upstanding strength</span>
<h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-10px">Strength training benefits for you<span class="text-base-color">.</span></h2>
<p class="w-90 md-w-100">Our primary goal is to create awareness and easy access to keep your body, mind and spirit at peak performance.</p>
<div class="flex-row d-flex align-items-center border border-color-transparent-dark-very-light border-radius-6px w-90 sm-w-100 p-25px mb-15px xs-p-15px">
<div class="col-auto align-items-center d-flex mx-auto">
<span class="fs-22 alt-font text-dark-gray mb-0 me-5px">Yearly</span>
</div>
<div class="col">
<h5 class="alt-font fw-700 text-dark-gray mb-0 lh-inherit">$499.00</h5>
</div>
<div class="fs-12 lh-30 fw-700 ls-0px text-dark-gray text-uppercase bg-base-color-transparent box-shadow-medium border-radius-26px ps-20px pe-20px">Save 20%</div>
</div>
<p class="fs-15 mb-30px">Get your <span class="fw-600 text-dark-gray text-decoration-line-bottom">first payment today</span> and start today.</p>
<a href="demo-gym-and-fitness-package.html" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right">Join today!<span class="bg-cultured"></span></a>
</div>
<div class="col-lg-7 col-md-6 offset-xl-1 sm-pb-8">
<div class="h-100 outside-box-right-20 cover-background sm-h-350px sm-me-0" style="background-image: url('images/demo-gym-and-fitness-home-06.jpg')"></div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight2">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-6 pt-8 pb-8">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Competitive preparation</span>
<h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-10px">Increase breathing and heart rates<span class="text-base-color">.</span></h2>
<p class="w-90 md-w-100">Our primary goal is to create awareness and easy access to keep your body, mind and spirit at peak performance.</p>
<div class="flex-row d-flex align-items-center border border-color-transparent-dark-very-light border-radius-6px w-90 sm-w-100 p-25px mb-15px xs-p-15px">
<div class="col-auto align-items-center d-flex mx-auto">
<span class="fs-22 alt-font text-dark-gray mb-0 me-5px">Yearly</span>
</div>
<div class="col">
<h5 class="alt-font fw-700 text-dark-gray mb-0 lh-inherit">$699.00</h5>
</div>
<div class="fs-12 lh-30 fw-700 ls-0px text-dark-gray text-uppercase bg-base-color-transparent box-shadow-medium border-radius-26px ps-20px pe-20px">Save 20%</div>
</div>
<p class="fs-15 mb-30px">Get your <span class="fw-600 text-dark-gray text-decoration-line-bottom">first payment today</span> and start today.</p>
<a href="demo-gym-and-fitness-package.html" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right">Join today!<span class="bg-cultured"></span></a>
</div>
<div class="col-lg-7 col-md-6 offset-xl-1 sm-pb-8">
<div class="h-100 outside-box-right-20 cover-background sm-h-350px sm-me-0" style="background-image: url('images/demo-gym-and-fitness-home-07.jpg')"></div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight3">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-6 pt-8 pb-8">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Increasing imagination</span>
<h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-10px">Improves your health awareness<span class="text-base-color">.</span></h2>
<p class="w-90 md-w-100">Our primary goal is to create awareness and easy access to keep your body, mind and spirit at peak performance.</p>
<div class="flex-row d-flex align-items-center border border-color-transparent-dark-very-light border-radius-6px w-90 sm-w-100 p-25px mb-15px xs-p-15px">
<div class="col-auto align-items-center d-flex mx-auto">
<span class="fs-22 alt-font text-dark-gray mb-0 me-5px">Yearly</span>
</div>
<div class="col">
<h5 class="alt-font fw-700 text-dark-gray mb-0 lh-inherit">$449.00</h5>
</div>
<div class="fs-12 lh-30 fw-700 ls-0px text-dark-gray text-uppercase bg-base-color-transparent box-shadow-medium border-radius-26px ps-20px pe-20px">Save 20%</div>
</div>
<p class="fs-15 mb-30px">Get your <span class="fw-600 text-dark-gray text-decoration-line-bottom">first payment today</span> and start today.</p>
<a href="demo-gym-and-fitness-package.html" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right">Join today!<span class="bg-cultured"></span></a>
</div>
<div class="col-lg-7 col-md-6 offset-xl-1 sm-pb-8">
<div class="h-100 outside-box-right-20 cover-background sm-h-350px sm-me-0" style="background-image: url('images/demo-gym-and-fitness-home-08.jpg')"></div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight4">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-6 pt-8 pb-8">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Increasing self-awareness</span>
<h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-10px">Increases blood flow to muscles<span class="text-base-color">.</span></h2>
<p class="w-90 md-w-100">Our primary goal is to create awareness and easy access to keep your body, mind and spirit at peak performance.</p>
<div class="flex-row d-flex align-items-center border border-color-transparent-dark-very-light border-radius-6px w-90 sm-w-100 p-25px mb-15px xs-p-15px">
<div class="col-auto align-items-center d-flex mx-auto">
<span class="fs-22 alt-font text-dark-gray mb-0 me-5px">Yearly</span>
</div>
<div class="col">
<h5 class="alt-font fw-700 text-dark-gray mb-0 lh-inherit">$749.00</h5>
</div>
<div class="fs-12 lh-30 fw-700 ls-0px text-dark-gray text-uppercase bg-base-color-transparent box-shadow-medium border-radius-26px ps-20px pe-20px">Save 20%</div>
</div>
<p class="fs-15 mb-30px">Get your <span class="fw-600 text-dark-gray text-decoration-line-bottom">first payment today</span> and start today.</p>
<a href="demo-gym-and-fitness-package.html" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right">Join today!<span class="bg-cultured"></span></a>
</div>
<div class="col-lg-7 col-md-6 offset-xl-1 sm-pb-8">
<div class="h-100 outside-box-right-20 cover-background sm-h-350px sm-me-0" style="background-image: url('images/demo-gym-and-fitness-home-09.jpg')"></div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight5">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-6 pt-8 pb-8">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Reducing negative</span>
<h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-10px">Building skills to manage your stress<span class="text-base-color">.</span></h2>
<p class="w-90 md-w-100">Our primary goal is to create awareness and easy access to keep your body, mind and spirit at peak performance.</p>
<div class="flex-row d-flex align-items-center border border-color-transparent-dark-very-light border-radius-6px w-90 sm-w-100 p-25px mb-15px xs-p-15px">
<div class="col-auto align-items-center d-flex mx-auto">
<span class="fs-22 alt-font text-dark-gray mb-0 me-5px">Yearly</span>
</div>
<div class="col">
<h5 class="alt-font fw-700 text-dark-gray mb-0 lh-inherit">$349.00</h5>
</div>
<div class="fs-12 lh-30 fw-700 ls-0px text-dark-gray text-uppercase bg-base-color-transparent box-shadow-medium border-radius-26px ps-20px pe-20px">Save 20%</div>
</div>
<p class="fs-15 mb-30px">Get your <span class="fw-600 text-dark-gray text-decoration-line-bottom">first payment today</span> and start today.</p>
<a href="demo-gym-and-fitness-package.html" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right">Join today!<span class="bg-cultured"></span></a>
</div>
<div class="col-lg-7 col-md-6 offset-xl-1 sm-pb-8">
<div class="h-100 outside-box-right-20 cover-background sm-h-350px sm-me-0" style="background-image: url('images/demo-gym-and-fitness-home-10.jpg')"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-bottom border-1 border-color-extra-medium-gray bg-white">
<div class="container tab-style-08">
<ul class="nav nav-tabs fs-24 fw-500 alt-font border-0 text-center">
<li class="nav-item"><a data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_eight1" class="nav-link active">Strength<span class="tab-border bg-dark-gray"></span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_eight2">Crossfit<span class="tab-border bg-dark-gray"></span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_eight3">Balance<span class="tab-border bg-dark-gray"></span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_eight4">Cardio<span class="tab-border bg-dark-gray"></span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_eight5">Meditation<span class="tab-border bg-dark-gray"></span></a></li>
</ul>
</div>
</div>
</section>
<section class="position-relative overflow-hidden">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 md-mb-50px xs-mb-60px" data-anime="{ &quot;translateX&quot;: [-30, 0], &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1500, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<figure class="position-relative w-80 ms-auto">
<img src="images/demo-gym-and-fitness-home-11.jpg" class="border-radius-4px w-100" alt>
<figcaption class="position-absolute border-radius-6px overflow-hidden box-shadow-small bottom-70px left-minus-120px w-180px xs-left-minus-80px xs-w-155px xs-bottom-minus-30px text-center animation-float">
<div class="bg-white p-15px xs-p-10px">
<div class="position-relative mb-20px">
<img src="images/demo-gym-and-fitness-home-12.jpg" class="border-radius-4px" alt>
<a href="https://www.youtube.com/watch?v=cfXHhfNy7tU" class="absolute-middle-center d-inline-block text-center bg-white rounded-circle video-icon-box video-icon-medium popup-youtube">
<span>
<span class="video-icon bg-white">
<i class="fa-solid fa-play text-dark-gray"></i>
<span class="video-icon-sonar">
<span class="video-icon-sonar-bfr bg-dark-gray"></span>
</span>
</span>
</span>
</a>
</div>
<div class="d-flex align-items-center text-start">
<div class="fs-19 lh-20 fw-500 alt-font text-dark-gray">Everyday morning run</div>
<div class="col-auto"><img src="images/demo-gym-and-fitness-home-13.jpg" alt></div>
</div>
</div>
<div class="bg-dark-gray pt-5px pb-5px">
<i class="feather icon-feather-map-pin align-middle icon-small text-base-color d-inline-block align-middle"></i>
<span class="fs-16 alt-font text-white d-inline-block align-middle">Activity tracker</span>
</div>
</figcaption>
</figure>
</div>
<div class="col-xl-5 col-lg-6 offset-xl-1 text-center text-md-start" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Flexibility and patience</span>
<h2 class="h1 alt-font fw-700 ls-minus-1px text-dark-gray">Fitness you enjoy with our workout<span class="text-base-color">.</span></h2>
<div class="accordion accordion-style-06 text-start" id="accordion-style-07">
<div class="accordion-item active-accordion">
<div class="accordion-header">
<a href="demo-gym-and-fitness.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-01" aria-expanded="true" data-bs-parent="#accordion-style-07">
<div class="accordion-title fs-20 position-relative pe-0 alt-font text-dark-gray fw-500 mb-0">How to raise over all fitness level?</div>
</a>
</div>
<div id="accordion-style-07-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-07">
<div class="accordion-body last-paragraph-no-margin">
<p>Our mission is to provide you with the ultimate great fitness experience.</p>
<i class="line-icon-Sand-watch icon-extra-double-large opacity-2"></i>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<a href="demo-gym-and-fitness.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-02" aria-expanded="false" data-bs-parent="#accordion-style-07">
<div class="accordion-title fs-20 position-relative pe-0 alt-font text-dark-gray fw-500 mb-0">How can we get natural way to health?</div>
</a>
</div>
<div id="accordion-style-07-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-07">
<div class="accordion-body last-paragraph-no-margin">
<p>Our mission is to provide you with the ultimate great fitness experience.</p>
<i class="line-icon-Car-Wheel icon-extra-double-large opacity-2"></i>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<a href="demo-gym-and-fitness.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-03" aria-expanded="false" data-bs-parent="#accordion-style-07">
<div class="accordion-title fs-20 position-relative pe-0 alt-font text-dark-gray fw-500 mb-0">Can get a special trainer for yoga?</div>
</a>
</div>
<div id="accordion-style-07-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-07">
<div class="accordion-body last-paragraph-no-margin">
<p>Our mission is to provide you with the ultimate great fitness experience.</p>
<i class="line-icon-Gear-2 icon-extra-double-large opacity-2"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fs-275 fw-700 alt-font text-uppercase ls-minus-5px text-gradient-light-gray-white position-absolute bottom-minus-20px left-minus-30px z-index-minus-1 lg-fs-180 lg-left-minus-0px d-none d-lg-inline-block" data-bottom-top="transform: translate3d(50px, 0px, 0px);" data-top-bottom="transform: translate3d(150px, 0px, 0px);">exercise</div>
</div>
</section>
<section class="pt-0">
<div class="container">
<div class="row" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-xl-3 text-center text-xl-start lg-mb-40px sm-mb-20px">
<h3 class="alt-font fw-700 ls-minus-1px sm-ls-0px text-dark-gray mb-15px">Learning how to love your body<span class="text-base-color">.</span></h3>
<div class="d-flex align-items-center justify-content-center justify-content-xl-start">
<i class="bi bi-telephone-outbound icon-extra-medium text-base-color me-10px"></i><a href="tel:1-800-222-000" class="fs-15 lh-16 fw-700 text-uppercase text-dark-gray text-decoration-line-bottom">Call for joining</a>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6 process-step-style-10 last-paragraph-no-margin ps-5 pt-40px pt-40px md-pt-30px position-relative sm-mb-30px">
<div class="process-step-icon-box position-absolute left-30px top-0px md-left-15px">
<div class="number d-inline-block alt-font fs-80 fw-700 text-outline text-outline-color-base-color opacity-5">01</div>
</div>
<span class="alt-font fs-24 fw-500 text-dark-gray position-relative">Treat yourself</span>
<p>Our subconscious mind hears the self-talk and responds.</p>
</div>
<div class="col-xl-3 col-md-4 col-sm-6 process-step-style-10 last-paragraph-no-margin ps-5 pt-40px md-pt-30px position-relative sm-mb-30px">
<div class="process-step-icon-box position-absolute left-30px top-0px md-left-15px">
<div class="number d-inline-block alt-font fs-80 fw-700 text-outline text-outline-color-base-color opacity-5">02</div>
</div>
<span class="alt-font fs-24 fw-500 text-dark-gray position-relative">Stay positive</span>
<p>Learn to release negative thoughts about your body.</p>
</div>
<div class="col-xl-3 col-md-4 col-sm-6 process-step-style-10 last-paragraph-no-margin ps-5 pt-40px md-pt-30px position-relative">
<div class="process-step-icon-box position-absolute left-30px top-0px md-left-15px">
<div class="number d-inline-block alt-font fs-80 fw-700 text-outline text-outline-color-base-color opacity-5">03</div>
</div>
<span class="alt-font fs-24 fw-500 text-dark-gray position-relative">Love yourself</span>
<p>Focusing on body loving and caring for yourself first.</p>
</div>
</div>
</div>
</section>
<section class="bg-gradient-very-light-gray z-index-0 position-relative overflow-hidden pb-0 md-pb-5">
<img src="images/demo-gym-and-fitness-home-17.png" class="h-190px z-index-minus-1 position-absolute left-0px top-0px lg-h-120px d-none d-md-inline-block" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-150px, 0px, 0px);" alt>
<div class="container">
<div class="row align-items-center mb-4">
<div class="col-lg-7 md-mb-35px">
<div class="tab-content bg-white box-shadow-extra-large">
<div class="tab-pane active fade in show" id="tab_nine1">
<div class="row g-0 row-cols-1 row-cols-md-2">
<div class="col p-55px xl-p-40px lg-p-30px">
<h4 class="alt-font fw-600 text-dark-gray mb-0">Matthew taylor</h4>
<span class="fs-18 fw-500 text-base-color">Strength training</span>
<div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray mt-15px mb-15px"></div>
<p>Lorem ipsum dolor consecte adiscing placerat vestibulum vivamus eget ante.</p>
<div class="d-flex align-items-center mb-30px">
<div class="col-auto text-center"><h3 class="fw-700 ls-minus-3px text-dark-gray mb-0 xs-ls-minus-2px">5.0</h3></div>
<div class="col border-start border-color-extra-medium-gray ms-20px ps-20px">
<div class="review-star-icon fs-18">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fs-15 lh-22 fw-600 d-block text-dark-gray">2070 Reviews</span>
</div>
</div>
<div class="elements-social social-icon-style-09">
<ul class="medium-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
</ul>
</div>
</div>
<div class="col position-relative cover-background sm-h-300px" style="background-image:url('images/demo-gym-and-fitness-home-15.jpg');">
<span class="fs-190 fw-700 alt-font text-white position-absolute left-minus-30px bottom-minus-50px">01.</span>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_nine2">
<div class="row g-0 row-cols-1 row-cols-md-2">
<div class="col p-55px xl-p-40px lg-p-30px">
<h4 class="alt-font fw-600 text-dark-gray mb-0">Jeremy dupont</h4>
<span class="fs-18 fw-500 text-base-color">Crossfit coach</span>
<div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray mt-15px mb-15px"></div>
<p>Lorem ipsum dolor consecte adiscing placerat vestibulum vivamus eget ante.</p>
<div class="d-flex align-items-center mb-30px">
<div class="col-auto text-center"><h3 class="fw-700 ls-minus-3px text-dark-gray mb-0 xs-ls-minus-2px">4.9</h3></div>
<div class="col border-start border-color-extra-medium-gray ms-20px ps-20px">
<div class="review-star-icon fs-18">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fs-15 lh-22 fw-600 d-block text-dark-gray">2116 Reviews</span>
</div>
</div>
<div class="elements-social social-icon-style-09">
<ul class="medium-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
</ul>
</div>
</div>
<div class="col position-relative cover-background sm-h-300px" style="background-image:url('images/demo-gym-and-fitness-home-14.jpg');">
<span class="fs-190 fw-700 alt-font text-white position-absolute left-minus-30px bottom-minus-50px">02.</span>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_nine3">
<div class="row g-0 row-cols-1 row-cols-md-2">
<div class="col p-55px xl-p-40px lg-p-30px">
<h4 class="alt-font fw-600 text-dark-gray mb-0">Daniel james</h4>
<span class="fs-18 fw-500 text-base-color">Personal training</span>
<div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray mt-15px mb-15px"></div>
<p>Lorem ipsum dolor consecte adiscing placerat vestibulum vivamus eget ante.</p>
<div class="d-flex align-items-center mb-30px">
<div class="col-auto text-center"><h3 class="fw-700 ls-minus-3px text-dark-gray mb-0 xs-ls-minus-2px">5.0</h3></div>
<div class="col border-start border-color-extra-medium-gray ms-20px ps-20px">
<div class="review-star-icon fs-18">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="fs-15 lh-22 fw-600 d-block text-dark-gray">1250 Reviews</span>
</div>
</div>
<div class="elements-social social-icon-style-09">
<ul class="medium-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
</ul>
</div>
</div>
<div class="col position-relative cover-background sm-h-300px" style="background-image:url('images/demo-gym-and-fitness-home-16.jpg');">
<span class="fs-190 fw-700 alt-font text-white position-absolute left-minus-30px bottom-minus-50px">03.</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 offset-xl-1 col-lg-5 team-style-09" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">World class trainer</span>
<h2 class="h1 alt-font fw-700 ls-minus-1px text-dark-gray mb-15px">Most popular expert trainers<span class="text-base-color">.</span></h2>
<ul class="nav nav-tabs alt-font flex-column border-0 justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="nav-item">
<a data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_nine1" class="nav-link active">
<span class="number fs-22 me-5px">01.</span><span class="name fs-22 text-dark-gray">Matthew taylor</span><span class="text-medium-gray ms-auto">Strength training</span></a>
</li>
<li class="nav-item">
<a data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_nine2" class="nav-link">
<span class="number fs-22 me-5px">02.</span><span class="name fs-22 text-dark-gray">Jeremy dupont</span><span class="text-medium-gray ms-auto">Crossfit coach</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness.html#tab_nine3">
<span class="number fs-22 me-5px">03.</span><span class="name fs-22 text-dark-gray">Daniel james</span><span class="text-medium-gray ms-auto">Personal training</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row position-relative">
<div class="col swiper swiper-width-auto text-center" data-slider-options="{ &quot;slidesPerView&quot;: &quot;auto&quot;, &quot;spaceBetween&quot;:80, &quot;centeredSlides&quot;: true, &quot;speed&quot;: 20000, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: false }, &quot;allowTouchMove&quot;: false, &quot;autoplay&quot;: { &quot;delay&quot;:1, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next-2&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev-2&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper marquee-slide">
<div class="swiper-slide">
<div class="fs-150 lh-160 fw-700 alt-font ls-minus-2px text-outline text-outline-color-extra-medium-gray">Become more productive with our classes.</div>
</div>
<div class="swiper-slide">
<div class="fs-150 lh-160 fw-700 alt-font ls-minus-2px text-outline text-outline-color-extra-medium-gray">Fitness you enjoy with our workout.</div>
</div>
<div class="swiper-slide">
<div class="fs-150 lh-160 fw-700 alt-font ls-minus-2px text-outline text-outline-color-extra-medium-gray">Most popular expert trainers.</div>
</div>
<div class="swiper-slide">
<div class="fs-150 lh-160 fw-700 alt-font ls-minus-2px text-outline text-outline-color-extra-medium-gray">Become more productive with our classes.</div>
</div>
<div class="swiper-slide">
<div class="fs-150 lh-160 fw-700 alt-font ls-minus-2px text-outline text-outline-color-extra-medium-gray">Fitness you enjoy with our workout.</div>
</div>
<div class="swiper-slide">
<div class="fs-150 lh-160 fw-700 alt-font ls-minus-2px text-outline text-outline-color-extra-medium-gray">Most popular expert trainers.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0 pb-5 md-pb-8 overlap-height overflow-hidden">
<div class="container overlap-gap-section">
<div class="row align-items-center justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-xl-5 col-lg-7 col-md-10 position-relative pe-xl-0 text-center text-xl-start lg-mb-10px">
<span class="fs-19 lh-20 ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Member reviews</span>
<h2 class="h1 alt-font fw-700 ls-minus-1px text-dark-gray mb-10px w-80 lg-w-100">Members say about facilities<span class="text-base-color">.</span></h2>
<div class="d-block mb-25px">
See our 437 reviews on <a href="https://www.reviews.io/" target="_blank"><img src="images/reviewsio.svg" class="h-20px align-middle ms-5px" alt></a>
</div>
<div class="d-flex justify-content-center justify-content-xl-start">
<div class="slider-one-slide-prev-1 text-dark-gray swiper-button-prev slider-navigation-style-04 border border-1 border-color-extra-medium-gray" tabindex="0" role="button" aria-label="Previous slide"><i class="bi bi-arrow-left-short icon-very-medium"></i></div>
<div class="slider-one-slide-next-1 text-dark-gray swiper-button-next slider-navigation-style-04 border border-1 border-color-extra-medium-gray" tabindex="0" role="button" aria-label="Next slide"><i class="bi bi-arrow-right-short icon-very-medium"></i></div>
</div>
</div>
<div class="col-xl-7 col-lg-10 overflow-hidden">
<div class="outside-box-right-15 xl-outside-box-right-20 sm-outside-box-right-0">
<div class="swiper slider-one-slide slider-shadow-right sm-slider-shadow-none magic-cursor overflow-visible ps-25px sm-p-0" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 35, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-one-slide-pagination&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-one-slide-next-1&quot;, &quot;prevEl&quot;: &quot;.slider-one-slide-prev-1&quot; }, &quot;autoplay&quot;: { &quot;delay&quot;: 6000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;992&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pt-30px pb-30px">
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="mb-20px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-27.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-22 alt-font fw-500 text-dark-gray">Herman Miller</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>We help our clients succeed by creating brand identities, digital experiences, and print materials that communicate.</p>
</div>
</div>
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="mb-20px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-28.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-22 alt-font fw-500 text-dark-gray">Alexander Harad</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>They have provided superior quality of content marketing services. Very satisfied by choosing them. Thank you!</p>
</div>
</div>
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="mb-20px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-29.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-22 alt-font fw-500 text-dark-gray">Shoko Mugikura</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>We help our clients succeed by creating brand identities, digital experiences, and print materials that communicate.</p>
</div>
</div>
<div class="swiper-slide review-style-06">
<div class="d-flex justify-content-center h-100 flex-column bg-white box-shadow-medium p-45px md-p-35px border-radius-6px last-paragraph-no-margin">
<div class="mb-20px d-flex align-items-center">
<img class="rounded-circle w-90px h-90px me-20px" src="images/avtar-30.jpg" alt>
<div class="d-inline-block align-middle last-paragraph-no-margin">
<div class="fs-22 alt-font fw-500 text-dark-gray">Jacob Kalling</div>
<p class="lh-22 d-block">Digital marketer</p>
</div>
<div class="border-radius-30px bg-yellow ps-15px pe-15px fs-14 fw-700 text-dark-gray d-inline-block align-middle ms-auto md-position-absolute md-right-15px md-top-15px"><i class="fa-solid fa-star me-5px"></i>5.0</div>
</div>
<p>We help our clients succeed by creating brand identities, digital experiences, and print materials that communicate.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12 text-center">
<div class="text-center bg-base-color text-white fs-16 lh-36 border-radius-30px d-inline-block ps-20px pe-20px align-middle me-10px sm-me-0 sm-mb-10px">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<div class="fs-30 fw-500 alt-font text-dark-gray d-inline-block align-middle ls-0px">Rated by 4.8 of 5.0 based on members <span class="fw-700 text-decoration-line-bottom text-dark-gray">1058 reviews!</span></div>
</div>
</div>
</div>
</section>
<footer class="half-footer bg-nero-grey position-relative pb-0">
<div class="container">
<div class="row row-cols-3 row-cols-md-6 mb-6 sm-mb-35px overlap-section md-gutter-small sm-gutter-very-small" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col instafeed-grid sm-mb-10px">
<figure><a href="https://www.instagram.com" target="_blank"><img src="images/demo-gym-and-fitness-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid sm-mb-10px">
<figure><a href="https://www.instagram.com" target="_blank"><img src="images/demo-gym-and-fitness-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid sm-mb-10px">
<figure><a href="https://www.instagram.com" target="_blank"><img src="images/demo-gym-and-fitness-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure><a href="https://www.instagram.com" target="_blank"><img src="images/demo-gym-and-fitness-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure><a href="https://www.instagram.com" target="_blank"><img src="images/demo-gym-and-fitness-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure><a href="https://www.instagram.com" target="_blank"><img src="images/demo-gym-and-fitness-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
</div>
<div class="row justify-content-center align-items-center align-items-lg-end mb-5 text-center text-sm-start sm-mb-30px">
<div class="col-lg-3 col-md-12 col-sm-6 text-lg-start text-md-center md-mb-30px">
<a href="demo-gym-and-fitness.html" class="footer-logo d-inline-block">
<img src="images/demo-gym-and-fitness-logo-white.png" data-at2x="images/demo-gym-and-fitness-logo-white@2x.png" alt>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin sm-mb-30px">
<span class="text-white ls-05px d-block fs-17 mb-5px">Start a conversation</span>
<div><i class="feather icon-feather-phone-call icon-very-small me-10px"></i><a href="tel:12345678910">+1 234 567 8910</a></div>
<div><i class="feather icon-feather-mail icon-very-small me-10px"></i><a href="cdn-cgi/l/email-protection.html#3c55525a537c5853515d5552125f5351" class="text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="177e7971785773787a767e793974787a">[email&#160;protected]</span></a></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin xs-mb-30px">
<span class="text-white ls-05px d-block fs-17 mb-5px">Current location</span>
<p class="w-90 xs-w-70 xs-mx-auto">2644 Rosella inlet suite Keithmouth, Bilzen 25422</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin">
<span class="text-white ls-05px d-block fs-17 mb-5px">Center timings</span>
<span class="d-block">Mon-fri: 09 am 08 pm</span>
<span class="d-block">Saturday: 09 am 01 pm</span>
</div>
</div>
<div class="footer-bottom position-relative pt-25px pb-25px border-top border-color-transparent-white-light">
<div class="row align-items-center">
<div class="col-lg-4 text-center text-lg-start md-mb-15px">
<span class="fs-16 fw-500">&COPY; Copyright 2024 <a href="index.html" target="_blank" class="text-white text-decoration-line-bottom">Crafto</a></span>
</div>
<div class="col-lg-8 text-center text-lg-end">
<ul class="footer-navbar fs-16 fw-500">
<li class="nav-item"><a href="demo-gym-and-fitness.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-classes.html" class="nav-link">Classes</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-schedule.html" class="nav-link">Schedule</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-package.html" class="nav-link">Package</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-trainer.html" class="nav-link">Trainer</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div id="subscribe-popup" class="mfp-hide subscribe-popup">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-4 col-md-6 col-sm-8 bg-transparent">
<div class="row position-relative box-shadow-quadruple-large">
<div class="col-12 p-0 newsletter-popup position-relative text-center">
<a href="demo-gym-and-fitness-package.html">
<img src="images/demo-gym-and-fitness-popup.jpg" alt>
</a>
</div>
<button title="Close (Esc)" type="button" class="mfp-close text-white"></button>
</div>
</div>
</div>
</div>
</div>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-gym-and-fitness.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript">
/* https://learn.jquery.com/using-jquery-core/document-ready/ */
jQuery(document).ready(function () {
// let windowHeight = $(window).outerHeight();
// $(window).resize(function() {
// windowHeight = $(window).outerHeight();
// })
/* initialize the slider based on the Slider's ID attribute from the wrapper above */
jQuery('#gym-and-fitness-slider').show().revolution({
sliderType: "standard",
/* options are 'auto', 'fullwidth' or 'fullscreen' */
sliderLayout: 'fullscreen',
/* sets the Slider's default timeline */
delay: 9000,
/* options that disable autoplay */
stopLoop: "off",
stopAfterLoops: 0,
stopAtSlide: 1,
navigation: {
keyboardNavigation: "on",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
touch: {
touchenabled: "on",
touchOnDesktop: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: true
},
arrows: {
enable: true,
style: 'uranus',
rtl: false,
hide_onleave: false,
hide_onmobile: true,
hide_under: 0,
hide_over: 778,
hide_delay: 200,
hide_delay_mobile: 1200,
left: {
container: 'slider',
h_align: 'left',
v_align: 'center',
h_offset: 10,
v_offset: 10
},
right: {
container: 'slider',
h_align: 'right',
v_align: 'center',
h_offset: 10,
v_offset: 10
}
}
},
responsiveLevels: [1240, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridwidth: [1190, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridheight: [900, 920, 700, 650],
/* Lazy Load options are "all", "smart", "single" and "none" */
lazyType: "smart",
spinner: "spinner0",
parallax: {
type: "mouse+scroll",
origo: "enterpoint",
speed: 400,
speedbg: 1500,
speedls: 1000,
levels: [5, 10, 15, 20, 25, 30, 35, 40, 60, 46, -10, -15, -20, -25, -30, 55],
}
,
shadow: 0,
shuffle: "off",
autoHeight: "on",
fullScreenAutoWidth: "on",
fullScreenAlignForce: "on",
fullScreenOffsetContainer: "",
fullScreenOffset: "1px",
disableProgressBar: "on",
hideThumbsOnMobile: "on",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
}
);
});
</script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>