/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Class Section
7.  Price Plan Section
8.  Trainer Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

body {
	height: 100%;
	font-family: "Muli", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Oswald", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Muli", sans-serif;
	color: #a9a9a9;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 45px;
	text-align: center;
}

.section-title span {
	font-size: 16px;
	color: 3EC7BB;
	text-transform: uppercase;
	font-weight: 700;
}

.section-title h2 {
	color: #ffffff;
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 8px;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.spad-2 {
	padding-top: 50px;
	padding-bottom: 70px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 17px 30px 16px;
	color: #ffffff;
	background: #3EC7BB;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
}

.primary-btn.btn-normal {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.primary-btn.btn-normal:hover {
	background: #3EC7BB;
	border-color: #3EC7BB;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: none;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/

.header-section {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0 15px;
	padding-top: 55px;
	z-index: 99;
}

.logo a {
	display: inline-block;
}

.nav-menu {
	text-align: center;
}

.nav-menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 32px;
	position: relative;
	z-index: 1;
}

.nav-menu ul li .dropdown {
	position: absolute;
	left: -30px;
	top: 58px;
	width: 180px;
	background: #252525;
	z-index: 99;
	text-align: left;
	padding: 13px 0 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-menu ul li .dropdown li {
	margin-right: 0;
	display: block;
}

.nav-menu ul li .dropdown li a {
	display: block;
	text-transform: none;
	padding: 6px 0 6px 30px;
	font-weight: 400;
}

.nav-menu ul li .dropdown li a:after {
	display: none;
}

.nav-menu ul li:last-child {
	margin-right: 0;
}

.nav-menu ul li.active>a {
	color:  #3EC7BB;
}

.nav-menu ul li.active>a:after {
	opacity: 1;
}

.nav-menu ul li:hover>a {
	color:  #3EC7BB;
}

.nav-menu ul li:hover>a:after {
	opacity: 1;
}

.nav-menu ul li:hover .dropdown {
	opacity: 1;
	visibility: visible;
}

.nav-menu ul li a {
	color: #ffffff;
	display: block;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Oswald", sans-serif;
	padding: 10px 0px;
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-menu ul li a:after {
	position: absolute;
	left: 0;
	top: 22px;
	height: 1px;
	width: 100%;
	background:  #3EC7BB;
	content: "";
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.top-option {
	text-align: right;
	padding: 9px 0;
}

.top-option .to-search {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

.top-option .to-search:after {
	position: absolute;
	right: 0;
	top: 5px;
	height: 15px;
	width: 1px;
	background: rgba(255, 255, 255, 0.3);
	content: "";
}

.top-option .to-search i {
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
}

.top-option .to-social {
	display: inline-block;
}

.top-option .to-social a {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	margin-left: 15px;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas-open {
	display: none;
}

/*---------------------
  Hero Section
-----------------------*/

.hs-slider.owl-carousel .owl-item.active .hs-item .hi-text span {
	position: relative;
	top: 0;
	-webkit-transition: all 0.2s ease 0.2s;
	-o-transition: all 0.2s ease 0.2s;
	transition: all 0.2s ease 0.2s;
	opacity: 1;
}

.hs-slider.owl-carousel .owl-item.active .hs-item .hi-text h1 {
	position: relative;
	top: 0;
	-webkit-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
	opacity: 1;
}

.hs-slider.owl-carousel .owl-item.active .hs-item .hi-text .primary-btn {
	position: relative;
	top: 0;
	-webkit-transition: all 0.6s ease 0.6s;
	-o-transition: all 0.6s ease 0.6s;
	transition: all 0.6s ease 0.6s;
	opacity: 1;
}

.hs-slider.owl-carousel .owl-nav button {
	height: 46px;
	width: 46px;
	color: #a9a9a9;
	background: rgba(255, 255, 255, 0.1);
	line-height: 46px;
	text-align: center;
	position: absolute;
	font-size: 24px;
	left: 30px;
	top: 50%;
	-webkit-transform: translateY(-23px);
	-ms-transform: translateY(-23px);
	transform: translateY(-23px);
}

.hs-slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 30px;
}

.hs-slider .hs-item {
	height: 1040px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	padding-top: 355px;
}

.hs-slider .hs-item .hi-text span {
	display: block;
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 6px;
	margin-bottom: 18px;
	position: relative;
	top: 100px;
	opacity: 0;
}

.hs-slider .hs-item .hi-text h1 {
	font-size: 80px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 90px;
	margin-bottom: 42px;
	position: relative;
	top: 100px;
	opacity: 0;
}

.hs-slider .hs-item .hi-text h1 strong {
	color: #3EC7BB;
}

.hs-slider .hs-item .hi-text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
}

/*---------------------
  ChoseUs Section
-----------------------*/

.choseus-section {
	background: #0a0a0a;
	padding-bottom: 70px;
}

.cs-item {
	text-align: center;
	margin-bottom: 30px;
}

.cs-item:hover span {
	background: #3EC7BB;
	color: #ffffff;
}

.cs-item span {
	height: 90px;
	width: 90px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	display: inline-block;
	color: #3EC7BB;
	line-height: 90px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.cs-item h4 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	margin-top: 24px;
	margin-bottom: 16px;
}

/*---------------------
  Classes Section
-----------------------*/

.classes-section {
	background: #151515;
	padding-bottom: 80px;
}

.classes-section .section-title {
	margin-bottom: 35px;
}

.class-item {
	overflow: hidden;
	margin-bottom: 30px;
}

.class-item .ci-pic img {
	min-width: 100%;
}

.class-item .ci-text {
	background: #0a0a0a;
	position: relative;
	padding: 10px 30px 26px 30px;
	z-index: 1;
}

.class-item .ci-text:after {
	position: absolute;
	left: -5px;
	top: -44px;
	height: 100px;
	width: 600px;
	border-top: 4px solid #464646;
	background: #0a0a0a;
	content: "";
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	z-index: -1;
}

.class-item .ci-text span {
	color: #3EC7BB;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}

.class-item .ci-text h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 4px;
}

.class-item .ci-text h4 {
	font-size: 26px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 4px;
}

.class-item .ci-text a {
	display: inline-block;
	width: 46px;
	height: 46px;
	background: rgba(255, 255, 255, 0.1);
	line-height: 46px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	position: absolute;
	right: 30px;
	bottom: 26px;
}

/*---------------------
  Banner Section
-----------------------*/

.banner-section {
	height: 550px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bs-text.service-banner .bt-tips {
	margin-bottom: 35px;
}

.bs-text h2 {
	font-size: 48px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.bs-text .bt-tips {
	font-size: 20px;
	color: #c4c4c4;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 45px;
}

.bs-text .primary-btn {
	background: transparent;
	border: 2px solid #3EC7BB;
}

.bs-text .play-btn {
	display: inline-block;
	height: 70px;
	width: 70px;
	background: #3EC7BB;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	font-size: 36px;
	color: #ffffff;
}

/*---------------------
  Pricing Section
-----------------------*/

.pricing-section {
	background: #151515;
}

.pricing-section .section-title {
	margin-bottom: 56px;
}

.ps-item {
	text-align: center;
	padding: 40px 30px 52px;
	border: 1px solid #464646;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-bottom: 30px;
	position: relative;
}

.ps-item:hover {
	background: #ffffff;
	border-color: #ffffff;
}

.ps-item:hover h3 {
	color: #111111;
}

.ps-item:hover .pi-price span {
	color: #444444;
}

.ps-item:hover ul li {
	color: #111111;
	font-weight: 600;
}

.ps-item:hover .primary-btn.pricing-btn {
	background: #3EC7BB;
}

.ps-item:hover .thumb-icon {
	opacity: 1;
	visibility: visible;
}

.ps-item h3 {
	font-size: 28px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 16px;
	-webkit-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	transform: skewY(4deg);
}

.ps-item .pi-price {
	margin-bottom: 30px;
	-webkit-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	transform: skewY(4deg);
}

.ps-item .pi-price h2 {
	font-size: 60px;
	color: #3EC7BB;
	font-weight: 600;
}

.ps-item .pi-price span {
	color: #c4c4c4;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.ps-item ul {
	margin-bottom: 40px;
	-webkit-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	transform: skewY(4deg);
}

.ps-item ul li {
	font-size: 14px;
	color: #c4c4c4;
	line-height: 32px;
	list-style: none;
}

.ps-item .primary-btn.pricing-btn {
	display: block;
	background: #333333;
	-webkit-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	transform: skewY(4deg);
}

.ps-item .thumb-icon {
	font-size: 48px;
	color: #3EC7BB;
	position: absolute;
	left: 50px;
	bottom: 120px;
	-webkit-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	transform: skewY(4deg);
	opacity: 0;
	visibility: hidden;
}

/*---------------------
  Gallery Section
-----------------------*/

.gallery-section {
	background: #151515;
	overflow: hidden;
}

.gallery-section.gallery-page {
	padding-top: 10px;
}

.grid-sizer {
	width: calc(25% - 10px);
}

.gallery {
	margin-right: -10px;
}

.gallery .gs-item {
	height: 472px;
	width: calc(25% - 10px);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.gallery .gs-item:hover .thumb-icon {
	opacity: 1;
	visibility: visible;
}

.gallery .gs-item .thumb-icon {
	font-size: 48px;
	color: #3EC7BB;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery .gs-item.grid-wide {
	width: calc(50% - 10px);
}

/*---------------------
  Team Section
-----------------------*/

.team-section {
	background: #151515;
}

.team-section.team-page {
	padding-bottom: 70px;
}

.team-section.team-page .ts-item {
	margin-bottom: 30px;
}

.team-section.team-page .ts-item:hover .ts_text {
	bottom: -30px;
}

.team-section.team-page .ts-item .tt_social {
	-webkit-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	transform: skewY(5deg);
	margin-top: 13px;
}

.team-section.team-page .ts-item .tt_social a {
	font-size: 14px;
	color: #c4c4c4;
	margin-right: 10px;
}

.team-section.team-page .ts-item .tt_social a:last-child {
	margin-right: 0;
}

.team-title .section-title {
	text-align: left;
	float: left;
}

.primary-btn.appoinment-btn {
	background: transparent;
	border: 2px solid #3EC7BB;
	float: right;
	margin-top: 10px;
}

.ts-slider .col-lg-4 {
	max-width: 100%;
}

.ts-slider.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.ts-slider.owl-carousel .owl-dots button {
	height: 4px;
	width: 20px;
	background: #5c5c5c;
	margin-right: 15px;
	-webkit-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg);
	transform: skewY(-5deg);
}

.ts-slider.owl-carousel .owl-dots button.active {
	background: #3EC7BB;
}

.ts-slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.ts-item {
	height: 450px;
	position: relative;
	overflow: hidden;
}

.ts-item:hover .ts_text {
	bottom: -35px;
}

.ts-item .ts_text {
	padding: 40px 0 60px;
	text-align: center;
	background: #0a0a0a;
	border-top: 4px solid #464646;
	-webkit-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg);
	transform: skewY(-5deg);
	position: absolute;
	left: 0;
	bottom: -250px;
	width: 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.ts-item .ts_text h4 {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 14px;
	-webkit-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	transform: skewY(5deg);
}

.ts-item .ts_text span {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #aaaaaa;
	text-transform: uppercase;
	-webkit-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	transform: skewY(5deg);
}

/*---------------------
  Get Touch Section
-----------------------*/

.gettouch-section {
	background: #0a0a0a;
	padding: 30px 0 15px;
}

.gt-text {
	overflow: hidden;
	margin-bottom: 30px;
}

.gt-text i {
	font-size: 30px;
	color: #ffffff;
	display: inline-block;
	height: 65px;
	width: 65px;
	background: #3EC7BB;
	border-radius: 50%;
	line-height: 65px;
	text-align: center;
	float: left;
	margin-right: 20px;
}

.gt-text p {
	overflow: hidden;
	color: #ffffff;
	margin-bottom: 0;
	padding-top: 10px;
}

.gt-text ul {
	overflow: hidden;
	padding-top: 20px;
}

.gt-text ul li {
	list-style: none;
	font-size: 14px;
	color: #ffffff;
	margin-right: 25px;
	display: inline-block;
	position: relative;
}

.gt-text ul li:after {
	position: absolute;
	right: -18px;
	top: 0;
	content: "|";
	color: #545454;
}

.gt-text ul li:last-child {
	margin-right: 0;
}

.gt-text ul li:last-child:after {
	display: none;
}

.gt-text.email p {
	padding-top: 20px;
}

/*---------------------
  Footer
-----------------------*/

.footer-section {
	background: #000000;
	padding-top: 50px;
}

.fs-about {
	margin-bottom: 30px;
}

.fs-about .fa-logo {
	margin-bottom: 30px;
}

.fs-about .fa-logo a {
	display: inline-block;
}

.fs-about p {
	line-height: 26px;
	color: #c4c4c4;
}

.fs-about .fa-social a {
	font-size: 14px;
	color: #c4c4c4;
	margin-right: 10px;
}

.fs-about .fa-social a:last-child {
	margin-right: 0;
}

.fs-widget {
	margin-bottom: 30px;
}

.fs-widget h4 {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 18px;
}

.fs-widget ul li {
	list-style: none;
}

.fs-widget ul li a {
	font-size: 14px;
	color: #c4c4c4;
	line-height: 30px;
}

.fs-widget .fw-recent {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #1a1a1a;
}

.fs-widget .fw-recent:last-child {
	padding-bottom: 0;
	border: none;
}

.fs-widget .fw-recent h6 {
	margin-bottom: 6px;
}

.fs-widget .fw-recent h6 a {
	color: #c4c4c4;
	letter-spacing: 0.5px;
}

.fs-widget .fw-recent ul li {
	font-size: 12px;
	color: #4d4d4d;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.fs-widget .fw-recent ul li:last-child:after {
	display: none;
}

.fs-widget .fw-recent ul li:after {
	position: absolute;
	right: -16px;
	top: 0;
	content: "|";
}

.copyright-text {
	font-size: 14px;
	color: #c4c4c4;
	letter-spacing: 0.5px;
	border-top: 1px solid #1a1a1a;
	padding: 25px 0;
	margin-top: 15px;
}

.copyright-text a,
.copyright-text i {
	color: #3EC7BB;
}

/* ----------------------------------- Other Pages Styles ----------------------------------- */

/*---------------------
  Breadcrumb Section
-----------------------*/

.breadcrumb-section {
	height: 500px;
	padding-top: 230px;
}

.breadcrumb-text h2 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.breadcrumb-text .bt-option a {
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	position: relative;
	margin-right: 20px;
}

.breadcrumb-text .bt-option a:after {
	position: absolute;
	right: -14px;
	top: 6px;
	font-family: "FontAwesome";
	content: "";
	font-size: 13px;
	font-weight: 400;
}

.breadcrumb-text .bt-option span {
	font-size: 18px;
	color: #3EC7BB;
	font-weight: 700;
}

/*---------------------
  About Us Section
-----------------------*/

.about-video {
	height: 640px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.about-video .play-btn {
	display: inline-block;
	height: 70px;
	width: 70px;
	background: #3EC7BB;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	font-size: 36px;
	color: #ffffff;
}

.about-text {
	background: #000000;
	height: 640px;
	padding: 120px 70px 0 70px;
}

.about-text .section-title {
	text-align: left;
	margin-bottom: 30px;
}

.about-text .at-desc {
	margin-bottom: 27px;
}

.about-text .at-desc p {
	color: #c4c4c4;
}

.about-text .about-bar .ab-item {
	margin-bottom: 34px;
}

.about-text .about-bar .ab-item p {
	color: #ffffff;
	margin-bottom: 13px;
}

.about-text .about-bar .ab-item .barfiller {
	background: #2d2d2d;
	height: 5px;
	border: none;
	margin-bottom: 0;
}

.about-text .about-bar .ab-item .barfiller .tip {
	margin-top: 0;
	padding: 0;
	font-size: 14px;
	color: #ffffff;
	background: transparent;
	position: initial !important;
	float: right;
	margin-top: -40px;
}

.about-text .about-bar .ab-item .barfiller .tip:after {
	display: none;
}

/*---------------------
  Testimonial Section
-----------------------*/

.testimonial-section {
	background: #151515;
}

.ts_slider.owl-carousel .owl-item img {
	display: inline-block;
}

.ts_slider.owl-carousel .owl-nav button {
	height: 46px;
	width: 46px;
	color: #a9a9a9;
	background: rgba(255, 255, 255, 0.1);
	line-height: 46px;
	text-align: center;
	font-size: 24px;
	position: absolute;
	left: 30px;
	top: 50%;
	-webkit-transform: translateY(-23px);
	-ms-transform: translateY(-23px);
	transform: translateY(-23px);
}

.ts_slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 30px;
}

.ts_slider .ts_item .ti_pic {
	margin-bottom: 32px;
}

.ts_slider .ts_item .ti_pic img {
	height: 200px;
	width: 200px;
	border-radius: 50%;
}

.ts_slider .ts_item .ti_text p {
	color: #fefefe;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.ts_slider .ts_item .ti_text h5 {
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.ts_slider .ts_item .ti_text .tt-rating i {
	font-size: 12px;
	color: #d49d09;
}

/*---------------------
  Services Section
-----------------------*/

.services-section {
	background: #151515;
}

.ss-pic img {
	height: 100%;
	min-width: 100%;
}

.ss-text {
	background: #252525;
	padding: 72px 30px;
	height: 293px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.ss-text:hover {
	background: #363636;
}

.ss-text:hover a {
	color: #3EC7BB;
}

.ss-text:hover:after {
	background: #363636;
}

.ss-text:after {
	position: absolute;
	left: -15px;
	top: 50%;
	height: 20px;
	width: 20px;
	background: #252525;
	content: "";
	-webkit-transform: rotate(45deg) translateY(-10px);
	-ms-transform: rotate(45deg) translateY(-10px);
	transform: rotate(45deg) translateY(-10px);
	z-index: -1;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.ss-text.second-row:after {
	left: auto;
	right: 0;
}

.ss-text h4 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 10px;
}

.ss-text p {
	margin-bottom: 11px;
}

.ss-text a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*---------------------
  Class Timetable Section
-----------------------*/

.class-timetable-section {
	background: #151515;
}

.class-timetable-section.class-details-timetable {
	padding-top: 0;
}

.class-timetable-section .section-title {
	text-align: left;
}

.class-details-timetable_title {
	margin-bottom: 35px;
}

.class-details-timetable_title h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
}

.table-controls {
	text-align: right;
	margin-top: 14px;
	margin-bottom: 50px;
}

.table-controls ul {
	background: #000000;
	padding: 12px 30px 15px;
	display: inline-block;
}

.table-controls ul li {
	list-style: none;
	font-size: 14px;
	color: #aaaaaa;
	list-style: none;
	display: inline-block;
	margin-right: 35px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
}

.table-controls ul li:after {
	position: absolute;
	right: -22px;
	top: 0;
	content: "/";
}

.table-controls ul li.active {
	color: #ffffff;
}

.table-controls ul li.active:after {
	color: #aaaaaa;
}

.table-controls ul li:last-child {
	margin-right: 0;
}

.table-controls ul li:last-child:after {
	display: none;
}

.class-timetable .ts-meta h5,
.class-timetable .ts-meta span {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.class-timetable.filtering .ts-meta h5,
.class-timetable.filtering .ts-meta span {
	opacity: 0;
}

.class-timetable.filtering .ts-meta.show h5,
.class-timetable.filtering .ts-meta.show span {
	opacity: 1;
}

.class-timetable.details-timetable td h5 {
	color: #ffffff1a;
}

.class-timetable.details-timetable td span {
	color: #363636;
}

.class-timetable.details-timetable td.hover-dp h5 {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.class-timetable.details-timetable td.hover-dp span {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.class-timetable.details-timetable td.hover-dp:hover h5 {
	color: #ffffff;
}

.class-timetable.details-timetable td.hover-dp:hover span {
	color: #a9a9a9;
}

.class-timetable.details-timetable td.dark-bg {
	background: #0a0a0a;
}

.class-timetable table {
	border: 1px solid #363636;
	text-align: center;
}

.class-timetable table thead {
	border-bottom: 1px solid #363636;
}

.class-timetable table thead tr th {
	font-size: 14px;
	color: #ffffff;
	background: #3EC7BB;
	border-right: 1px solid #363636;
	padding: 15px 0;
	font-weight: 400;
}

.class-timetable table tbody tr td {
	width: 146px;
	padding: 35px 0;
}

.class-timetable table tbody tr td.class-time {
	font-size: 12px;
	color: #3EC7BB;
	background: #000000;
	border: 1px solid #363636;
}

.class-timetable table tbody tr td.dark-bg {
	background: #090909;
}

.class-timetable table tbody tr td.hover-bg {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.class-timetable table tbody tr td.hover-bg:hover {
	background: #3EC7BB;
}

.class-timetable table tbody tr td.blank-td {
	position: relative;
	overflow: hidden;
}

.class-timetable table tbody tr td.blank-td:after {
	position: absolute;
	left: -47px;
	top: 59px;
	width: 237px;
	height: 1px;
	background: #363636;
	content: "";
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

.class-timetable table tbody tr td h5 {
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.class-timetable table tbody tr td span {
	display: block;
	font-size: 12px;
	color: #a9a9a9;
}

/*---------------------
  Class Details Section
-----------------------*/

.class-details-section {
	background: #151515;
	padding-bottom: 60px;
}

.class-details-text .cd-pic {
	margin-bottom: 45px;
}

.class-details-text .cd-pic img {
	min-width: 100%;
}

.class-details-text .cd-text {
	margin-bottom: 33px;
}

.class-details-text .cd-text .cd-single-item h3 {
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 28px;
}

.class-details-text .cd-text .cd-single-item p {
	color: #c4c4c4;
}

.class-details-text .cd-trainer .cd-trainer-pic img {
	min-width: 100%;
}

.class-details-text .cd-trainer .cd-trainer-text {
	position: relative;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-title {
	margin-bottom: 18px;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-title h4 {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 6px;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-title span {
	font-size: 12px;
	color: #aaaaaa;
	text-transform: uppercase;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-social {
	position: absolute;
	right: 0;
	top: 20px;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-social a {
	display: inline-block;
	font-size: 14px;
	color: #c4c4c4;
	margin-right: 9px;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-social a:last-child {
	margin-right: 0;
}

.class-details-text .cd-trainer .cd-trainer-text p {
	color: #c4c4c4;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-info {
	margin-top: 28px;
	margin-bottom: 26px;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-info li {
	font-size: 14px;
	color: #c4c4c4;
	list-style: none;
	padding-bottom: 8px;
	border-bottom: 1px solid #252525;
	margin-bottom: 10px;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-info li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.class-details-text .cd-trainer .cd-trainer-text .trainer-info li span {
	color: #ffffff;
	font-weight: 700;
	width: 150px;
	display: inline-block;
}

.sidebar-option {
	padding-left: 40px;
}

.sidebar-option .so-categories {
	margin-bottom: 40px;
}

.sidebar-option .so-categories .title {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.sidebar-option .so-categories ul li {
	list-style: none;
}

.sidebar-option .so-categories ul li:hover a {
	color: #3EC7BB;
}

.sidebar-option .so-categories ul li:hover a span {
	color: #ffffff;
}

.sidebar-option .so-categories ul li a {
	font-size: 14px;
	color: #c4c4c4;
	line-height: 40px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sidebar-option .so-categories ul li a span {
	font-size: 12px;
	float: right;
}

.sidebar-option .so-latest {
	margin-bottom: 60px;
}

.sidebar-option .so-latest .title {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.sidebar-option .so-latest .latest-large {
	height: 200px;
	position: relative;
	margin-bottom: 30px;
}

.sidebar-option .so-latest .latest-large .ll-text {
	position: absolute;
	left: 0;
	bottom: 18px;
	width: 100%;
	padding: 0 25px;
}

.sidebar-option .so-latest .latest-large .ll-text h5 a {
	color: #ffffff;
	font-weight: 600;
	line-height: 23px;
}

.sidebar-option .so-latest .latest-large .ll-text ul li {
	list-style: none;
	font-size: 12px;
	color: #888888;
	position: relative;
	display: inline-block;
	margin-right: 25px;
}

.sidebar-option .so-latest .latest-large .ll-text ul li:last-child {
	margin-right: 0;
}

.sidebar-option .so-latest .latest-large .ll-text ul li:last-child:after {
	display: none;
}

.sidebar-option .so-latest .latest-large .ll-text ul li:after {
	position: absolute;
	right: -16px;
	top: 0;
	content: "|";
}

.sidebar-option .so-latest .latest-item {
	overflow: hidden;
	margin-bottom: 30px;
}

.sidebar-option .so-latest .latest-item:last-child {
	margin-bottom: 0;
}

.sidebar-option .so-latest .latest-item .li-pic {
	float: left;
	margin-right: 20px;
}

.sidebar-option .so-latest .latest-item .li-text {
	overflow: hidden;
}

.sidebar-option .so-latest .latest-item .li-text h6 a {
	font-size: 15px;
	color: #ffffff;
	line-height: 21px;
}

.sidebar-option .so-latest .latest-item .li-text .li-time {
	display: inline-block;
	font-size: 12px;
	color: #888888;
}

.sidebar-option .so-banner {
	height: 300px;
	position: relative;
}

.sidebar-option .so-banner h5 {
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	padding: 0 30px;
}

.sidebar-option .so-tags .title {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.sidebar-option .so-tags a {
	display: inline-block;
	font-size: 14px;
	color: #c4c4c4;
	padding: 10px 15px;
	background: #252525;
	margin-right: 5px;
	margin-bottom: 10px;
}

/*------------------------
  Bmi Calculator Section
-------------------------*/

.bmi-calculator-section {
	background: #151515;
}

.section-title.chart-title {
	text-align: left;
}

.chart-table table {
	border: 1px solid #363636;
	width: 100%;
}

.chart-table table thead {
	border-bottom: 1px solid #363636;
}

.chart-table table thead tr th {
	background: #060606;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	border-right: 1px solid #363636;
	padding: 14px 0 11px 50px;
}

.chart-table table tbody tr:nth-child(even) {
	background: #111111;
}

.chart-table table tbody tr td {
	font-size: 14px;
	color: #c4c4c4;
	border-right: 1px solid #363636;
	padding: 17px 0 17px 50px;
}

.chart-table table tbody tr td.point {
	width: 200px;
}

.section-title.chart-calculate-title {
	text-align: left;
}

.chart-calculate-form p {
	color: #c4c4c4;
	margin-bottom: 24px;
}

.chart-calculate-form form input {
	font-size: 14px;
	color: #c4c4c4;
	width: 100%;
	height: 50px;
	border: 1px solid #363636;
	padding-left: 20px;
	padding-right: 5px;
	background: transparent;
	margin-bottom: 20px;
}

.chart-calculate-form form input::-webkit-input-placeholder {
	color: #c4c4c4;
}

.chart-calculate-form form input::-moz-placeholder {
	color: #c4c4c4;
}

.chart-calculate-form form input:-ms-input-placeholder {
	color: #c4c4c4;
}

.chart-calculate-form form input::-ms-input-placeholder {
	color: #c4c4c4;
}

.chart-calculate-form form input::placeholder {
	color: #c4c4c4;
}

.chart-calculate-form form button {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	border: none;
	padding: 15px 0;
	background: #3EC7BB;
}

/*---------------------
  Blog Section
-----------------------*/

.blog-section {
	background: #151515;
}

.blog-section .sidebar-option {
	padding-left: 70px;
}

.blog-item {
	margin-bottom: 40px;
}

.blog-item .bi-pic {
	float: left;
}

.blog-item .bi-pic img {
	width: 360px;
	height: 240px;
	min-width: 100%;
}

.blog-item .bi-text {
	border: 1px solid #363636;
	overflow: hidden;
	height: 240px;
	padding: 32px 30px 0 30px;
}

.blog-item .bi-text h5 {
	margin-bottom: 10px;
}

.blog-item .bi-text h5 a {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	line-height: 28px;
}

.blog-item .bi-text ul {
	margin-bottom: 18px;
}

.blog-item .bi-text ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.blog-item .bi-text ul li:after {
	position: absolute;
	right: -15px;
	top: 0;
	content: "|";
}

.blog-item .bi-text ul li:last-child {
	margin-right: 0;
}

.blog-item .bi-text ul li:last-child:after {
	display: none;
}

.blog-item .bi-text p {
	color: #c4c4c4;
	line-height: 22px;
	margin-bottom: 0;
}

.blog-pagination {
	padding-top: 10px;
}

.blog-pagination a {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 20px;
	font-weight: 500;
	margin-right: 15px;
	background: #252525;
	font-family: "Oswald", sans-serif;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-pagination a:last-child {
	margin-right: 0;
}

.blog-pagination a:hover {
	background: #555555;
}

/*--------------------------
  Blog Detils Hero Section
--------------------------*/

.blog-details-hero {
	height: 900px;
	padding-top: 365px;
}

.bh-text {
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 40px 50px 34px 50px;
}

.bh-text h3 {
	color: #ffffff;
	font-weight: 600;
	line-height: 39px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.bh-text ul li {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 25px;
	position: relative;
}

.bh-text ul li:after {
	position: absolute;
	right: -15px;
	top: 0;
	content: "|";
}

.bh-text ul li:last-child {
	margin-right: 0;
}

.bh-text ul li:last-child:after {
	display: none;
}

/*---------------------
  Blog Details Section
-----------------------*/

.blog-details-section {
	background: #151515;
	padding-top: 80px;
	overflow: hidden;
}

.blog-details-text .blog-details-title {
	text-align: center;
	margin-bottom: 32px;
}

.blog-details-text .blog-details-title p {
	color: #c4c4c4;
}

.blog-details-text .blog-details-title p:first-child {
	margin-bottom: 25px;
}

.blog-details-text .blog-details-title h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	padding-top: 5px;
	margin-bottom: 28px;
}

.blog-details-text .blog-details-pic {
	margin-right: -10px;
	overflow: hidden;
	margin-bottom: 22px;
}

.blog-details-text .blog-details-pic .blog-details-pic-item {
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.blog-details-text .blog-details-pic .blog-details-pic-item img {
	min-width: 100%;
}

.blog-details-text .blog-details-desc {
	text-align: center;
	margin-bottom: 60px;
}

.blog-details-text .blog-details-desc p {
	color: #c4c4c4;
}

.blog-details-text .blog-details-quote {
	text-align: center;
	border: 2px solid #363636;
	padding: 40px 22px 25px;
	position: relative;
	margin-bottom: 30px;
}

.blog-details-text .blog-details-quote .quote-icon {
	position: absolute;
	left: 50%;
	top: -26px;
	height: 55px;
	width: 55px;
	background: #151515;
	border: 2px solid #363636;
	line-height: 47px;
	text-align: center;
	border-radius: 50%;
	-webkit-transform: translateX(-27.5px);
	-ms-transform: translateX(-27.5px);
	transform: translateX(-27.5px);
}

.blog-details-text .blog-details-quote h5 {
	font-size: 20px;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 6px;
}

.blog-details-text .blog-details-quote span {
	font-size: 15px;
	color: #888888;
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
}

.blog-details-text .blog-details-more-desc {
	text-align: center;
	margin-bottom: 40px;
}

.blog-details-text .blog-details-more-desc p {
	color: #c4c4c4;
}

.blog-details-text .blog-details-more-desc p:first-child {
	margin-bottom: 25px;
}

.blog-details-text .blog-details-tag-share {
	text-align: center;
	margin-bottom: 100px;
}

.blog-details-text .blog-details-tag-share .tags {
	margin-bottom: 25px;
}

.blog-details-text .blog-details-tag-share .tags a {
	display: inline-block;
	font-size: 14px;
	color: #c4c4c4;
	padding: 10px 15px;
	background: #252525;
	margin-right: 5px;
	margin-bottom: 10px;
}

.blog-details-text .blog-details-tag-share .tags a:last-child {
	margin-right: 0;
}

.blog-details-text .blog-details-tag-share .share span {
	font-size: 14px;
	color: #c4c4c4;
	text-transform: uppercase;
	margin-right: 30px;
}

.blog-details-text .blog-details-tag-share .share a {
	font-size: 14px;
	color: #c4c4c4;
	margin-right: 15px;
}

.blog-details-text .blog-details-tag-share .share a:last-child {
	margin-right: 0;
}

.blog-details-text .blog-details-tag-share .share a i {
	color: #ffffff;
	margin-right: 5px;
}

.blog-details-text .blog-details-author {
	text-align: center;
	background: #0a0a0a;
	position: relative;
	padding: 70px 50px 35px 50px;
	margin-bottom: 55px;
}

.blog-details-text .blog-details-author .ba-pic {
	position: absolute;
	top: -45px;
	left: 50%;
	-webkit-transform: translateX(-45px);
	-ms-transform: translateX(-45px);
	transform: translateX(-45px);
}

.blog-details-text .blog-details-author .ba-pic img {
	height: 90px;
	width: 90px;
	border-radius: 50%;
}

.blog-details-text .blog-details-author .ba-text h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.blog-details-text .blog-details-author .ba-text p {
	color: #c4c4c4;
}

.blog-details-text .blog-details-author .ba-text .bp-social a {
	font-size: 13px;
	color: #c4c4c4;
	margin-right: 10px;
}

.blog-details-text .blog-details-author .ba-text .bp-social a:last-child {
	margin-right: 0;
}

.blog-details-text .comment-option .co-title {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.blog-details-text .comment-option .co-widget {
	position: absolute;
	right: 0;
	top: 5px;
}

.blog-details-text .comment-option .co-widget a {
	font-size: 14px;
	color: #c4c4c4;
	margin-left: 8px;
}

.blog-details-text .comment-option .co-item {
	position: relative;
	padding-left: 30px;
	margin-bottom: 35px;
}

.blog-details-text .comment-option .co-item.reply-comment {
	margin-left: 30px;
}

.blog-details-text .comment-option .co-item:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #363636;
	content: "";
}

.blog-details-text .comment-option .co-item .co-pic {
	overflow: hidden;
	margin-bottom: 12px;
}

.blog-details-text .comment-option .co-item .co-pic img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.blog-details-text .comment-option .co-item .co-pic h5 {
	color: #ffffff;
	overflow: hidden;
	line-height: 30px;
}

.blog-details-text .comment-option .co-item .co-text p {
	color: #c4c4c4;
	margin-bottom: 0;
}

.leave-comment h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.leave-comment form input {
	font-size: 13px;
	color: #c4c4c4;
	width: 100%;
	height: 46px;
	border: 1px solid #363636;
	padding-left: 20px;
	padding-right: 5px;
	background: transparent;
	margin-bottom: 20px;
}

.leave-comment form input::-webkit-input-placeholder {
	color: #c4c4c4;
}

.leave-comment form input::-moz-placeholder {
	color: #c4c4c4;
}

.leave-comment form input:-ms-input-placeholder {
	color: #c4c4c4;
}

.leave-comment form input::-ms-input-placeholder {
	color: #c4c4c4;
}

.leave-comment form input::placeholder {
	color: #c4c4c4;
}

.leave-comment form textarea {
	font-size: 13px;
	color: #c4c4c4;
	width: 100%;
	height: 100px;
	border: 1px solid #363636;
	padding-left: 20px;
	padding-top: 12px;
	padding-right: 5px;
	background: transparent;
	margin-bottom: 14px;
	resize: none;
}

.leave-comment form textarea::-webkit-input-placeholder {
	color: #c4c4c4;
}

.leave-comment form textarea::-moz-placeholder {
	color: #c4c4c4;
}

.leave-comment form textarea:-ms-input-placeholder {
	color: #c4c4c4;
}

.leave-comment form textarea::-ms-input-placeholder {
	color: #c4c4c4;
}

.leave-comment form textarea::placeholder {
	color: #c4c4c4;
}

.leave-comment form button {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	border: none;
	padding: 14px 0 12px;
	background: #3EC7BB;
}

/*---------------------
  Contact Section
-----------------------*/

.contact-section {
	background: #151515;
}

.section-title.contact-title {
	text-align: left;
	margin-bottom: 35px;
}

.contact-widget .cw-text {
	overflow: hidden;
	margin-bottom: 35px;
}

.contact-widget .cw-text i {
	font-size: 30px;
	color: #3EC7BB;
	display: inline-block;
	height: 65px;
	width: 65px;
	background: #363636;
	border-radius: 50%;
	line-height: 65px;
	text-align: center;
	float: left;
	margin-right: 20px;
}

.contact-widget .cw-text p {
	overflow: hidden;
	color: #c4c4c4;
	margin-bottom: 0;
	padding-top: 10px;
}

.contact-widget .cw-text ul {
	overflow: hidden;
	padding-top: 20px;
}

.contact-widget .cw-text ul li {
	list-style: none;
	font-size: 14px;
	color: #c4c4c4;
	margin-right: 25px;
	display: inline-block;
	position: relative;
}

.contact-widget .cw-text ul li:after {
	position: absolute;
	right: -18px;
	top: 0;
	content: "|";
	color: #545454;
}

.contact-widget .cw-text ul li:last-child {
	margin-right: 0;
}

.contact-widget .cw-text ul li:last-child:after {
	display: none;
}

.contact-widget .cw-text.email p {
	padding-top: 20px;
}

.map {
	height: 550px;
	margin-top: 35px;
}

.map iframe {
	width: 100%;
}

/*---------------------
  404 Section
-----------------------*/

.section-404 {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.text-404 {
	text-align: center;
}

.text-404 h1 {
	font-size: 200px;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.text-404 h3 {
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.text-404 p {
	font-size: 15px;
	color: #c4c4c4;
	margin-bottom: 43px;
}

.text-404 .search-404 {
	position: relative;
	width: 470px;
	margin: 0 auto 35px;
}

.text-404 .search-404 input {
	font-size: 15px;
	color: #ffffffb3;
	height: 46px;
	width: 100%;
	background: #3EC7BB;
	border: none;
	padding-left: 20px;
}

.text-404 .search-404 input::-webkit-input-placeholder {
	color: #ffffffb3;
}

.text-404 .search-404 input::-moz-placeholder {
	color: #ffffffb3;
}

.text-404 .search-404 input:-ms-input-placeholder {
	color: #ffffffb3;
}

.text-404 .search-404 input::-ms-input-placeholder {
	color: #ffffffb3;
}

.text-404 .search-404 input::placeholder {
	color: #ffffffb3;
}

.text-404 .search-404 button {
	font-size: 16px;
	color: #ffffff;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	padding: 11px 20px 11px;
}

.text-404 a {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.text-404 a:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	background: #252525;
	content: "";
}

.text-404 a i {
	color: #3EC7BB;
	margin-right: 5px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1650px) and (max-width: 1920px) {
	.nav-menu ul li {
		margin-right: 60px;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.nav-menu ul li {
		margin-right: 5px;
	}
	.ps-item .thumb-icon {
		left: 15px;
	}
	.blog-item .bi-pic {
		float: none;
	}
	.blog-item .bi-text {
		height: auto;
		padding: 32px 30px 30px 30px;
	}
	.blog-item .bi-pic img {
		height: auto;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about-text {
		height: auto;
		padding: 120px 70px 60px 70px;
	}
	.blog-section .sidebar-option {
		padding-left: 0;
	}
	.blog-item .bi-pic {
		float: none;
	}
	.blog-item .bi-text {
		height: auto;
		padding: 32px 30px 30px 30px;
	}
	.class-details-text .cd-trainer .cd-trainer-text {
		padding-top: 30px;
	}
	.sidebar-option {
		padding-left: 0;
		padding-top: 30px;
	}
	.chart-table {
		margin-bottom: 30px;
	}
	.table-controls {
		text-align: left;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.ss-text:after {
		display: none;
	}
	.ss-text {
		padding: 72px 60px;
		margin-bottom: 30px;
	}
	.class-item .ci-text:after {
		width: 750px;
	}
	.ts_slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.ts_slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.hs-slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hs-slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.7);
		z-index: 999;
		height: 100%;
		width: 100%;
		visibility: hidden;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.canvas-open {
		position: absolute;
		right: 40px;
		top: 61px;
		font-size: 22px;
		width: 30px;
		height: 30px;
		color: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 2px;
		line-height: 29px;
		text-align: center;
		z-index: 1;
		display: block;
		cursor: pointer;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		top: 0;
		width: 300px;
		z-index: 999;
		background: #ffffff;
		overflow-y: auto;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 50px 30px 30px 30px;
		display: block;
	}
	.offcanvas-menu-wrapper.show-offcanvas-menu-wrapper {
		left: 0;
		opacity: 1;
		visibility: visible;
	}
	.offcanvas-menu-wrapper .canvas-close {
		font-size: 22px;
		width: 30px;
		height: 30px;
		border: 1px solid #151515;
		border-radius: 2px;
		text-align: center;
		line-height: 27px;
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
	}
	.offcanvas-menu-wrapper .canvas-search {
		font-size: 18px;
		text-align: center;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.offcanvas-menu-wrapper .canvas-menu {
		display: none;
	}
	.offcanvas-menu-wrapper .canvas-social {
		text-align: center;
		padding-top: 20px;
	}
	.offcanvas-menu-wrapper .canvas-social a {
		display: inline-block;
		font-size: 16px;
		color: #363636;
		margin-right: 6px;
	}
	.offcanvas-menu-wrapper .canvas-social a:last-child {
		margin-right: 0;
	}
	.offcanvas-menu-wrapper .slicknav_btn {
		display: none;
	}
	.offcanvas-menu-wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
	}
	.offcanvas-menu-wrapper .slicknav_nav {
		display: block !important;
	}
	.offcanvas-menu-wrapper .slicknav_nav ul {
		margin: 0;
	}
	.offcanvas-menu-wrapper .slicknav_nav .slicknav_row,
	.offcanvas-menu-wrapper .slicknav_nav a {
		padding: 10px 0;
		margin: 0;
		color: #151515;
		border-bottom: 1px solid #151515;
		font-weight: 500;
		font-family: "Oswald", sans-serif;
		font-size: 15px;
	}
	.offcanvas-menu-wrapper .slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #3EC7BB;
	}
	.offcanvas-menu-wrapper .slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #3EC7BB;
	}
	.nav-menu {
		display: none;
	}
	.top-option {
		display: none;
	}
	.grid-sizer {
		width: calc(50% - 10px);
	}
	.gallery .gs-item {
		width: calc(50% - 10px);
		float: none;
	}
	.gallery .gs-item.grid-wide {
		width: 100%;
	}
	.blog-item .bi-pic img {
		height: auto;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.7);
		z-index: 999;
		height: 100%;
		width: 100%;
		visibility: hidden;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.canvas-open {
		position: absolute;
		right: 40px;
		top: 61px;
		font-size: 22px;
		width: 30px;
		height: 30px;
		color: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 2px;
		line-height: 29px;
		text-align: center;
		z-index: 1;
		display: block;
		cursor: pointer;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		top: 0;
		width: 300px;
		z-index: 999;
		background: #ffffff;
		overflow-y: auto;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 50px 30px 30px 30px;
		display: block;
	}
	.offcanvas-menu-wrapper.show-offcanvas-menu-wrapper {
		left: 0;
		opacity: 1;
		visibility: visible;
	}
	.offcanvas-menu-wrapper .canvas-close {
		font-size: 22px;
		width: 30px;
		height: 30px;
		border: 1px solid #151515;
		border-radius: 2px;
		text-align: center;
		line-height: 27px;
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
	}
	.offcanvas-menu-wrapper .canvas-search {
		font-size: 18px;
		text-align: center;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.offcanvas-menu-wrapper .canvas-menu {
		display: none;
	}
	.offcanvas-menu-wrapper .canvas-social {
		text-align: center;
		padding-top: 20px;
	}
	.offcanvas-menu-wrapper .canvas-social a {
		display: inline-block;
		font-size: 16px;
		color: #363636;
		margin-right: 6px;
	}
	.offcanvas-menu-wrapper .canvas-social a:last-child {
		margin-right: 0;
	}
	.offcanvas-menu-wrapper .slicknav_btn {
		display: none;
	}
	.offcanvas-menu-wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
	}
	.offcanvas-menu-wrapper .slicknav_nav {
		display: block !important;
	}
	.offcanvas-menu-wrapper .slicknav_nav ul {
		margin: 0;
	}
	.offcanvas-menu-wrapper .slicknav_nav .slicknav_row,
	.offcanvas-menu-wrapper .slicknav_nav a {
		padding: 10px 0;
		margin: 0;
		color: #151515;
		border-bottom: 1px solid #151515;
		font-weight: 500;
		font-family: "Oswald", sans-serif;
		font-size: 15px;
	}
	.offcanvas-menu-wrapper .slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #3EC7BB;
	}
	.offcanvas-menu-wrapper .slicknav_nav .slicknav_row:hover a {
		color: #3EC7BB;
	}
	.offcanvas-menu-wrapper .slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #3EC7BB;
	}
	.nav-menu {
		display: none;
	}
	.top-option {
		display: none;
	}
	.gallery .gs-item {
		width: 100%;
		float: none;
	}
	.gallery .gs-item.grid-wide {
		width: 100%;
	}
	.about-text {
		height: auto;
		padding: 120px 70px 60px 70px;
	}
	.class-timetable {
		overflow-x: auto;
	}
	.chart-table {
		overflow-x: auto;
	}
	.blog-section .p-0 {
		padding: 15px !important;
	}
	.blog-section .sidebar-option {
		padding-left: 0;
	}
	.blog-item .bi-pic {
		float: none;
	}
	.blog-item .bi-text {
		height: auto;
		padding: 32px 30px 30px 30px;
	}
	.class-details-text .cd-trainer .cd-trainer-text {
		padding-top: 30px;
	}
	.sidebar-option {
		padding-left: 0;
		padding-top: 30px;
	}
	.chart-table {
		margin-bottom: 30px;
	}
	.table-controls {
		text-align: left;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.ss-text:after {
		display: none;
	}
	.ss-text {
		padding: 72px 60px;
		height: auto;
	}
	.class-item .ci-text:after {
		width: 750px;
	}
	.hs-slider .hs-item {
		height: auto;
		padding: 250px 0 150px;
	}
	.hs-slider .hs-item .hi-text h1 {
		font-size: 48px;
		line-height: normal;
	}
	.ts_slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.ts_slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.hs-slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hs-slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.ss-pic img {
		height: auto;
	}
	.ss-text {
		margin-bottom: 20px;
	}
	.blog-item .bi-pic img {
		height: auto;
	}
	.blog-details-hero {
		height: auto;
		padding: 160px 0 100px;
	}
	.text-404 .search-404 {
		width: 100%;
	}
	.search-model-form input {
		width: 100%;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.primary-btn.appoinment-btn {
		float: none;
		margin-top: 0;
	}
	.hs-slider .hs-item .hi-text h1 {
		font-size: 38px;
		line-height: normal;
	}
	.team-title {
		margin-bottom: 20px;
	}
	.about-text {
		padding: 70px 15px 60px;
	}
	.blog-details-section .p-0 {
		padding: 15px !important;
	}
	.text-404 h1 {
		font-size: 160px;
	}
	.breadcrumb-text h2 {
		font-size: 38px;
	}
	.text-404 h1 {
		font-size: 80px;
	}
	.blog-details-text .blog-details-author {
		padding: 70px 15px 35px;
	}
	.search-model-form input {
		font-size: 28px;
	}
}

/* HERO - Responsive */
.hero-section .hs-item {
  height: 100vh;              /* prend toute la hauteur d'écran */
  min-height: 600px;          /* sécurité desktop */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;        /* centre verticalement le texte */
}

.hero-section .hi-text {
  color: #fff;
  text-align: left;
  max-width: 500px;
}

.hero-section .hi-text h1 {
  font-size: 56px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.hero-section .hi-text span {
  font-size: 22px;
  display: block;
  margin-bottom: 10px;
}

/* Tablettes */
@media (max-width: 991px) {
  .hero-section .hs-item {
    min-height: 500px;
  }
  .hero-section .hi-text h1 {
    font-size: 40px;
  }
  .hero-section .hi-text span {
    font-size: 18px;
  }
}

/* Smartphones */
@media (max-width: 576px) {
  .hero-section .hs-item {
    min-height: 400px;
    text-align: center;
  }
  .hero-section .hi-text {
    margin: 0 auto;
    text-align: center;
  }
  .hero-section .hi-text h1 {
    font-size: 28px;
  }
  .hero-section .hi-text span {
    font-size: 16px;
  }
}

/* Bouton principal */
.hero-section .primary-btn {
  padding: 14px 35px;
  font-size: 16px;
  font-weight: 600;
  background: #3EC7BB;
  color: #fff;
  border-radius: 30px;
  text-transform: uppercase;
  display: inline-block;
  transition: all 0.3s ease;
}

.hero-section .primary-btn:hover {
  background: #2aa397; /* nuance plus foncée */
  color: #fff;
}

/* Tablettes */
@media (max-width: 991px) {
  .hero-section .primary-btn {
    font-size: 14px;
    padding: 12px 28px;
  }
}

/* Smartphones */
@media (max-width: 576px) {
  .hero-section .primary-btn {
    font-size: 13px;
    padding: 10px 22px;
    display: block;
    margin: 15px auto 0; /* centre horizontalement */
  }
}

/* === Étape : Responsive & polish - CHOSEUS === */

/* Mise en forme douce des cartes */
.choseus-section .cs-item{
  text-align:center;
  padding:28px 20px;
  border-radius:14px;
  border-top:3px solid #3EC7BB;      /* ta couleur principale */
  background:rgba(255,255,255,0.02);
  transition:transform .2s ease, box-shadow .2s ease;
  min-height: 240px;
}
.choseus-section .cs-item:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* Icône (flaticon) plus lisible et colorée */
.choseus-section .cs-item [class^="flaticon-"],
.choseus-section .cs-item [class*=" flaticon-"]{
  display:inline-block;
  font-size:48px;
  line-height:1;
  color:#3EC7BB;
  margin-bottom:14px;
}

/* Titres & textes */
.choseus-section .cs-item h4{
  font-weight:700;
  margin-bottom:8px;
}
.choseus-section .cs-item p{
  margin-bottom:0;
  opacity:.9;
}

/* —— Responsive —— */

/* ≤ 992px (tablettes) : espace entre les cartes */
@media (max-width: 991.98px){
  .choseus-section .cs-item{
    min-height: 220px;
    margin-bottom:24px;
  }
}

/* ≤ 768px (petites tablettes / grands smartphones) */
@media (max-width: 767.98px){
  .choseus-section .section-title h2{
    font-size:26px;
  }
  .choseus-section .cs-item{
    padding:24px 18px;
  }
  .choseus-section .cs-item [class^="flaticon-"],
  .choseus-section .cs-item [class*=" flaticon-"]{
    font-size:42px;
  }
}

/* ≤ 576px (smartphones) : une carte par ligne, lisible */
@media (max-width: 575.98px){
  .choseus-section .cs-item{
    min-height:auto;
    padding:20px 16px;
    margin-bottom:18px;
  }
  .choseus-section .cs-item h4{
    font-size:18px;
  }
  .choseus-section .cs-item p{
    font-size:14px;
  }
}

/* === Responsive - CLASSES SECTION === */

/* Style général des cartes */
.classes-section .class-item {
  margin-bottom: 30px;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.classes-section .class-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.classes-section .ci-pic img {
  width: 100%;
  height: auto;
  display: block;
}

/* Texte des cours */
.classes-section .ci-text {
  padding: 18px 15px;
  background: #fff;
  text-align: center;
}
.classes-section .ci-text span {
  color: #3EC7BB;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}
.classes-section .ci-text h5,
.classes-section .ci-text h4 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 6px;
}
.classes-section .ci-text a {
  color: #3EC7BB;
  font-size: 20px;
  display: inline-block;
  margin-top: 8px;
  transition: color 0.3s;
}
.classes-section .ci-text a:hover {
  color: #2aa397;
}

/* —— Responsive —— */

/* Tablettes : 2 colonnes */
@media (max-width: 991.98px) {
  .classes-section .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Mobiles : 1 colonne */
@media (max-width: 767.98px) {
  .classes-section .col-md-6,
  .classes-section .col-lg-6,
  .classes-section .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .classes-section .ci-text h5,
  .classes-section .ci-text h4 {
    font-size: 16px;
  }
}

/* === Responsive + polish — PRICING SECTION === */
.pricing-section .ps-item {
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
.pricing-section .ps-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.12);
}

/* En-tête prix */
.pricing-section .ps-item .pi-price h2 {
  margin: 0;
  line-height: 1.1;
}
.pricing-section .ps-item .pi-price span {
  display: inline-block;
  margin-top: 6px;
  font-weight: 700;
  letter-spacing: .5px;
  color: #3EC7BB;            /* ta couleur de marque */
}

/* Boutons */
.pricing-section .ps-item .pricing-btn {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 14px;
}
.pricing-section .ps-item .thumb-icon {
  margin-left: 8px;
  opacity: .8;
}
.pricing-section .ps-item .thumb-icon:hover { opacity: 1; }

/* Espacement cartes */
.pricing-section .col-lg-4,
.pricing-section .col-md-8 {
  margin-bottom: 30px;
}

/* —— Responsive —— */
/* Tablettes : 2 colonnes */
@media (max-width: 991.98px) {
  .pricing-section .col-md-8 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Mobiles : 1 colonne */
@media (max-width: 767.98px) {
  .pricing-section .col-md-8,
  .pricing-section .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pricing-section .ps-item {
    border-radius: 12px;
  }
  .pricing-section .ps-item h3 {
    font-size: 18px;
  }
  .pricing-section .ps-item .pi-price h2 {
    font-size: 26px;
  }
}
/* === Badge + mise en avant offre populaire === */
.ps-item.featured {
  position: relative;
  border: 2px solid #3EC7BB;
  box-shadow: 0 14px 36px rgba(62,199,187,0.25);
}

.ps-item .badge-populaire {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 10px;
  background: #3EC7BB;
  color: #0f2d2a;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .6px;
  text-transform: uppercase;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(62,199,187,0.35);
}

/* petit ruban décoratif optionnel */
.ps-item.featured::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 14px;
  box-shadow: 0 0 0 0 rgba(62,199,187,0.4);
  transition: box-shadow .25s ease;
}
.ps-item.featured:hover::before {
  box-shadow: 0 0 0 6px rgba(62,199,187,0.08);
}

/* bouton plus visible sur l'offre mise en avant */
.ps-item.featured .pricing-btn {
  background: #3EC7BB;
  border-color: #3EC7BB;
  color: #0f2d2a;
}
.ps-item.featured .pricing-btn:hover {
  filter: brightness(0.95);
}

/* ===== Footer Pro — Corising Fit ===== */
.footer-section { background:#0b0c10; color:#cfd3da; }
.footer-section .footer-title {
  font-family:'Oswald',sans-serif; font-weight:600; font-size:1.05rem;
  letter-spacing:.5px; color:#fff; margin:0 0 14px;
}
.footer-section .footer-logo img {
  height: 50px;      /* logo plus petit partout */
  width: auto; display:block;
}
.footer-section .footer-blurb { font-size:.95rem; line-height:1.6; margin-bottom:14px; color:#b8bdc6; }
.footer-section .footer-social a {
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%; background:#11141a; color:#e6e8ec;
  margin-right:8px; transition:transform .2s ease, background .2s ease;
}
.footer-section .footer-social a:hover { transform:translateY(-2px); background:#1a1f27; }

.footer-section .footer-hours,
.footer-section .footer-links,
.footer-section .footer-contact { list-style:none; padding:0; margin:0; }

.footer-section .footer-hours li {
  display:flex; justify-content:space-between; gap:12px;
  padding:6px 0; border-bottom:1px dashed rgba(255,255,255,.08);
  font-size:.94rem;
}
.footer-section .footer-hours li span { color:#9aa3ad; }
.footer-section .footer-hours li strong { color:#e9ecf1; font-weight:600; }

.footer-section .footer-links li { padding:6px 0; }
.footer-section .footer-links a { color:#cfd3da; text-decoration:none; transition:color .2s ease, padding-left .2s ease; }
.footer-section .footer-links a:hover { color:#fff; padding-left:4px; }

.footer-section .footer-contact li { display:flex; align-items:flex-start; gap:10px; padding:6px 0; }
.footer-section .footer-contact i { width:18px; color:#9aa3ad; margin-top:3px; }
.footer-section .footer-contact a { color:#cfd3da; text-decoration:none; }
.footer-section .footer-contact a:hover { color:#fff; }

.footer-divider { border:0; border-top:1px solid rgba(255,255,255,.08); margin:26px 0 18px; }
.footer-copy { color:#9aa3ad; font-size:.9rem; margin:0; }

/* helpers si besoin */
.pt-70 { padding-top:70px; }
.pb-40 { padding-bottom:40px; }

/* responsive */
@media (max-width: 991.98px){ .footer-section .footer-logo img{ height:50px; } }

/* Logo header */
.header-section .logo img {
  height: 100px;
  width: auto;
}

/* Logo footer */
.footer-logo img {
  width: 250px;
  height: auto;
}

/* Logo header */
.header-section .logo img {
  height: 100px;
  width: auto;
}

/* Logo footer */
.footer-logo img {
  width: 250px;
  height: auto;
}


.pricing-section{padding:80px 0}
.section-title.centered span,
.section-title.centered h2{display:block;text-align:center}
.section-title.centered span{font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.7}
.section-title.centered h2{font-size:clamp(24px,3vw,36px);font-weight:800;margin-top:.5rem}

.pricing-subtitle{
  text-align:center;text-transform:uppercase;letter-spacing:.15em;font-weight:800;
  opacity:.9;margin:48px 0 24px
}

.ps-item{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  height:100%;padding:32px;border-radius:16px;background:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease
}
.ps-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.2)}
.ps-item h3{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.pi-price h2{font-weight:900;font-size:clamp(28px,3.2vw,40px);margin:0}
.pi-price span{display:block;font-size:.85rem;opacity:.7;margin-top:4px}
.ps-item ul{list-style:none;padding:0;margin:16px 0 24px;text-align:center}
.ps-item ul li{margin:.25rem 0;opacity:.9}
.pricing-btn{margin-top:auto;display:inline-block;width:100%;text-align:center}
.equal-card{min-height:100%}

/* carte mise en avant + halo */
.ps-item.featured{position:relative;transform:rotate(-2deg)}
.ps-item.featured::after{
  content:"";position:absolute;inset:0;border-radius:16px;box-shadow:0 18px 55px rgba(0,255,200,.35);pointer-events:none
}

/* grille */
.pricing-grid{row-gap:2rem}

/* petits écrans */
@media (max-width:575.98px){
  .pricing-subtitle{margin:32px 0 16px}
}

/* Titres "Nos offres", "Choisissez votre formule" */
.pricing-section .section-title.centered span,
.pricing-section .section-title.centered h2 {
  color: #3EC7BB !important;
}

/* Sous-titres de groupe : "Nos abonnements", "Nos abonnements cours 100% femme", "Cours privé" */
.pricing-section .pricing-subtitle {
  color: #3EC7BB !important;
}

/* Cercle + centrage parfait des pictos */
.cs-item .cs-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:120px;               /* diamètre du cercle */
  height:120px;
  margin:0 auto 22px;        /* centré dans la carte */
  border-radius:50%;
  background:#2a2a2a;        /* couleur du disque */
  color:#3EC7BB;             /* couleur du picto */
  font-size:48px;            /* taille du picto */
  line-height:1 !important;  /* supprime tout recentrage via line-height */
}

/* Variante responsive */
@media (max-width:576px){
  .cs-item .cs-icon{ width:96px; height:96px; font-size:40px; margin-bottom:18px; }
}

/* Optionnel: harmonise le top border highlight si présent sur la carte */
.cs-item{
  text-align:center;
  border-radius:14px;
  padding:28px 18px;
}

/* Titre de section en turquoise (si besoin) */
.choseus-section .section-title span,
.choseus-section .section-title h2{ color:#3EC7BB; }

/* Titres turquoise de la zone tarifs si besoin */
.pricing-section .section-title.centered span,
.pricing-section .section-title.centered h2,
.pricing-section .pricing-subtitle{ color:#3EC7BB }

/* Icône centrée dans un cercle */
.cs-item .cs-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:120px;
  height:120px;
  margin:0 auto 22px;
  border-radius:50%;
  background:#2a2a2a;
  color:#3EC7BB;
  font-size:48px;
  line-height:1 !important;
}
@media (max-width:576px){
  .cs-item .cs-icon{ width:96px; height:96px; font-size:40px; margin-bottom:18px; }
}

/* Cartes Why Us identiques en hauteur */
.equal-cards > [class*="col-"]{ display:flex }
.equal-cards .cs-item{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  text-align:center;
  padding:28px 18px;
  border-radius:14px;
  background:#111;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  min-height:320px;
}
.equal-cards .cs-item h4{ margin-bottom:10px }
.equal-cards .cs-item p{ margin-top:auto }
@media (max-width:991.98px){ .equal-cards .cs-item{ min-height:300px } }
@media (max-width:575.98px){ .equal-cards .cs-item{ min-height:260px } }


/* About: image statique à la place de la vidéo */
.aboutus-section .about-photo{
  min-height: 420px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 991.98px){
  .aboutus-section .about-photo{ min-height: 300px; }
}

/* Icônes centrées en cercle + cartes égales
   (déjà ajoutées pour index.html, rappel ici si absent) */
.cs-item .cs-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:120px;height:120px;margin:0 auto 22px;border-radius:50%;
  background:#2a2a2a;color:#3EC7BB;font-size:48px;line-height:1!important;
}
@media (max-width:576px){
  .cs-item .cs-icon{width:96px;height:96px;font-size:40px;margin-bottom:18px}
}
.equal-cards > [class*="col-"]{display:flex}
.equal-cards .cs-item{
  flex:1;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;
  padding:28px 18px;border-radius:14px;background:#111;box-shadow:0 8px 24px rgba(0,0,0,.25);
  min-height:320px;
}
.equal-cards .cs-item h4{margin-bottom:10px}
.equal-cards .cs-item p{margin-top:auto}
@media (max-width:991.98px){.equal-cards .cs-item{min-height:300px}}
@media (max-width:575.98px){.equal-cards .cs-item{min-height:260px}}

/* Détails cours : texte clair et lisible */
.class-details-section .cd-text .cd-title h3{ color:#ffffff }
.class-details-section .cd-text .lead.cd-coach{ color:#e9f1f0; opacity:.95 }

/* Liste info cours */
.class-details-section .cd-info ul{ list-style:none; padding:0; margin:18px 0 24px }
.class-details-section .cd-info ul li{ color:#d7e3e2; margin:6px 0 }
.class-details-section .cd-info ul li span{ color:#3EC7BB; font-weight:700; margin-right:6px }

/* Boutons espacés */
.cd-btns.btns-spaced{ display:flex; flex-wrap:wrap; gap:12px }

/* Cartes “Autres cours” → tout clic mène au contact, sans flèche */
.class-item .ci-text a{ display:none !important }     /* supprime toute flèche */
.class-item .class-link{ display:block; text-decoration:none }
.class-item .class-link .ci-text span,
.class-item .class-link .ci-text h5{ color:inherit }

/* Hover */
.class-item{ transition:transform .2s ease, box-shadow .2s ease }
.class-item:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.25) }



/* ====== FIX PRICING : uniformité & prix qui ne débordent pas ====== */
:root{ --accent:#3EC7BB; --accent2:#19a8a0; }

.pricing-section .pricing-grid > [class*="col-"]{ display:flex; }
.pricing-section .pricing-grid > [class*="col-"] > *{ width:100%; }

.pricing-section .ps-item{
  box-sizing:border-box;
  position:relative;
  display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid #e8eef0; border-radius:16px;
  padding:28px 22px 22px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
  overflow:hidden;                    /* évite tout débordement visuel */
  transform:none !important;          /* supprime les inclinaisons du thème */
}
.pricing-section .ps-item::before{
  content:""; position:absolute; inset:0 auto auto 0; right:0; top:0; height:6px;
  border-top-left-radius:16px; border-top-right-radius:16px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
}

/* ⚠️ Neutralise totalement les styles spéciaux de .featured (1ʳᵉ carte) */
.pricing-section .ps-item.featured{
  top:auto !important;
  transform:none !important;
  background:#fff !important;
  border-color:#e8eef0 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.06) !important;
}

/* Titres d’offre (1 an, 6 mois…) */
.pricing-section .ps-item h3{ color:#111 !important; margin:6px 0 8px; }

/* Prix : vert, une seule ligne, taille auto-adaptative et jamais hors carte */
.pricing-section .ps-item .pi-price{ margin:6px 0 12px; }
.pricing-section .ps-item .pi-price h2{
  color:var(--accent) !important;
  margin:0; line-height:1.1; font-weight:800;
  white-space:nowrap;                /* une ligne */
  max-width:100%; overflow:hidden; text-overflow:clip;
  font-size:clamp(26px, 5.2vw, 40px);/* s’adapte : évite le dépassement */
}
.pricing-section .ps-item .pi-price h2 .currency{
  font-size:.65em; font-weight:900; margin-right:.35em; color:inherit;
}
.pricing-section .ps-item .pi-price span{ color:#555 !important; }

/* Liste + pousse le bouton en bas */
.pricing-section .ps-item ul{
  margin:14px 0 18px; color:#444; list-style:none; padding-left:0;
  flex-grow:1;
}
.pricing-section .ps-item ul li{ line-height:1.5; }

/* Boutons uniformes (même vert partout) */
.pricing-section .ps-item .pricing-btn,
.pricing-section .ps-item .primary-btn.pricing-btn{
  margin-top:auto; display:block; width:100%; text-align:center;
  background:var(--accent) !important; border-color:var(--accent) !important;
  color:#0b0c10 !important; font-weight:700;
}
.pricing-section .ps-item .pricing-btn:hover{
  background:var(--accent2) !important; border-color:var(--accent2) !important;
  color:#0b0c10 !important;
}

/* Hover carte */
.pricing-section .ps-item:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.12);
  border-color:rgba(25,168,160,.35);
  background:#f9fdfd;
}

/* Sous-titres des groupes */
.pricing-section .pricing-subtitle{ color:var(--accent); margin:10px 0 14px; }

/* Mobile : un peu moins de padding */
@media (max-width:575.98px){
  .pricing-section .ps-item{ padding:24px 18px 18px; }
}


:root{ --accent:#3EC7BB; --accent2:#19a8a0; }

/* Grille flexible = toutes les cartes égales */
.pricing-section .pricing-grid > [class*="col-"]{display:flex}
.pricing-section .pricing-grid > [class*="col-"] > *{width:100%}

/* Carte uniforme (y compris la 1ʳᵉ: on annule tout style spécial éventuel) */
.pricing-section .ps-item{
  position:relative; display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid #e8eef0; border-radius:16px;
  padding:28px 22px 22px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  transition:transform .2s, box-shadow .2s, border-color .2s, background .2s;
  transform:none !important; top:auto !important;
}
.pricing-section .ps-item::before{
  content:""; position:absolute; inset:0 auto auto 0; right:0; top:0; height:6px;
  border-top-left-radius:16px; border-top-right-radius:16px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
}

/* Titres & prix lisibles + prix couleur accent et sur 1 ligne */
.pricing-section .ps-item h3{color:#111;margin-top:6px}
.pricing-section .ps-item .pi-price h2{
  color:var(--accent); font-size:34px; line-height:1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  margin:8px 0 4px;
}
.pricing-section .ps-item .pi-price span{color:#555}

/* Liste + espaces */
.pricing-section .ps-item ul{margin:14px 0 18px; color:#444}
.pricing-section .ps-item ul li{line-height:1.5}

/* Bouton toujours collé en bas et même largeur/couleur */
.pricing-section .ps-item .pricing-btn{
  margin-top:auto; display:block; width:100%; text-align:center;
}
.pricing-section .ps-item .pricing-btn.primary-btn{
  background:var(--accent); border-color:var(--accent);
}
.pricing-section .ps-item .pricing-btn.primary-btn:hover{
  background:var(--accent2); border-color:var(--accent2);
}

/* Effet hover homogène */
.pricing-section .ps-item:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px rgba(0,0,0,.12);
  border-color:rgba(25,168,160,.35);
  background:#f9fdfd;
}

/* Sous-titres de groupe */
.pricing-section .pricing-subtitle{color:var(--accent); margin:10px 0 14px}

/* Mobile */
@media (max-width:575.98px){
  .pricing-section .ps-item{padding:24px 18px 18px}
  .pricing-section .ps-item .pi-price h2{font-size:30px}
}

/* ---- Alignement des icônes réseaux UNIQUEMENT dans le footer ---- */
.footer-social{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}

.footer-social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  text-decoration:none;
}

.footer-social a i{ font-size:18px; line-height:1; }

.footer-social .social-ico{
  display:block; width:20px; height:20px; object-fit:contain;
}

/* petit hover discret */
.footer-social a:hover{ background:rgba(62,199,187,.12); }

/* Masquer les icônes de recherche partout (header + menu mobile) */
.to-search,
.canvas-search,
.search-model { display: none !important; }

/* ====== PLANNING — overrides scoped (TABLEAU DESKTOP) ====== */
.page-timetable .class-timetable.timetable-v2 table{border-collapse:separate;border-spacing:6px}

/* En-têtes jours (verts) */
.page-timetable .class-timetable.timetable-v2 thead th{
  background:#3EC7BB !important; color:#000 !important;
  text-transform:uppercase; letter-spacing:.5px;
  padding:12px 10px; border-radius:14px; font-weight:800;
}

/* En-tête HEURE : fond transparent + pilule BLANCHE */
.page-timetable .class-timetable.timetable-v2 thead th.th-hour{
  background:transparent !important; box-shadow:none !important;
}
.page-timetable .head-pill{
  display:inline-block; padding:10px 16px; border-radius:12px;
  background:#fff !important; color:#000 !important; font-weight:900;
  text-transform:uppercase;
}

/* Colonne HEURE (bloc sombre) + pastille HEURE BLANCHE */
.page-timetable .class-timetable.timetable-v2 td.class-time{
  background:#0f1216 !important; color:#cbd5df !important;
  border-radius:16px !important; padding:18px 10px !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.04) !important;
}
.page-timetable .time-badge{
  display:inline-block; min-width:96px; padding:10px 18px;
  background:#fff !important; color:#000 !important;
  border-radius:999px; font-weight:900;
}

/* Cellules cours : coins + ombre */
.page-timetable .class-timetable.timetable-v2 td.slot{
  border-radius:16px !important; box-shadow:0 10px 18px rgba(0,0,0,.18) !important;
  text-align:center; font-weight:800;
}

/* COULEURS DEMANDÉES */
.page-timetable .class-timetable.timetable-v2 td.slot.slot--cross-circuit{
  background:#2BA4EE !important; color:#000 !important;   /* BLEU CIEL */
}
.page-timetable .class-timetable.timetable-v2 td.slot.slot--haut{
  background:#A7DB6B !important; color:#000 !important;   /* VERT */
}
.page-timetable .class-timetable.timetable-v2 td.slot.slot--bas{
  background:#FFFFFF !important; color:#0b0c10 !important;
}
.page-timetable .class-timetable.timetable-v2 td.slot.slot--boxe{
  background:#E4524B !important; color:#FFFFFF !important;
}
.page-timetable .class-timetable.timetable-v2 td.slot.slot--femme{
  background:#FF5AA5 !important; color:#000 !important;
}

/* Cases vides (garde le rythme visuel) */
.page-timetable .class-timetable.timetable-v2 td.blank-td{
  background:#0f1418 !important; color:#0f1418 !important;
}

/* Effet de filtre/masquage */
.page-timetable .class-timetable.timetable-v2 td.is-hidden{
  opacity:.08 !important; filter:grayscale(1);
}

/* ====== VUE AGENDA (mobile & tablette, SANS JS) ====== */
.page-timetable .agenda-mobile{display:none}
.page-timetable .agenda-mobile details{
  margin:10px 0; border-radius:14px; background:#0f1216;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.page-timetable .agenda-mobile summary{
  list-style:none; cursor:pointer; padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.page-timetable .agenda-mobile summary::-webkit-details-marker{display:none}
.page-timetable .agenda-mobile .day-title{
  display:inline-flex; align-items:center; gap:10px;
  background:#3EC7BB; color:#000; font-weight:900;
  border-radius:12px; padding:8px 12px; text-transform:uppercase;
}
.page-timetable .agenda-mobile .chev{opacity:.7; transition:transform .2s}
.page-timetable .agenda-mobile details[open] .chev{transform:rotate(90deg)}
.page-timetable .agenda-list{padding:0 12px 12px}

/* Cartes de créneaux (style iOS-like) */
.page-timetable .slot-card{
  margin-top:10px; border-radius:14px; padding:14px 16px;
  color:#000; display:flex; align-items:center; gap:12px;
  box-shadow:0 10px 18px rgba(0,0,0,.18);
}
.page-timetable .slot-card .k{
  min-width:72px; text-align:center; background:#fff; color:#000;
  font-weight:900; border-radius:999px; padding:6px 10px;
}
.page-timetable .slot-card .txt{font-weight:900; text-transform:uppercase; line-height:1.15}

/* Couleurs des cartes agenda */
.page-timetable .slot-card.slot--cross{background:#2BA4EE}
.page-timetable .slot-card.slot--haut{background:#A7DB6B}
.page-timetable .slot-card.slot--bas{background:#FFFFFF}
.page-timetable .slot-card.slot--boxe{background:#E4524B; color:#fff}
.page-timetable .slot-card.slot--femme{background:#FF5AA5}

/* ===== RWD ===== */
@media (max-width:991.98px){
  /* on bascule en agenda moderne */
  .page-timetable .class-timetable{display:none !important}
  .page-timetable .filters{display:none !important}
  .page-timetable .agenda-mobile{display:block}
  .page-timetable .time-badge{min-width:88px;padding:9px 16px}
}
@media (max-width:767.98px){
  .page-timetable .class-timetable.timetable-v2 table{min-width:760px}
  .page-timetable .class-timetable.timetable-v2 td.slot{font-size:13px}
}
@media (max-width:575.98px){
  .page-timetable .class-timetable.timetable-v2 table{min-width:680px}
  .page-timetable .class-timetable.timetable-v2 td.slot{font-size:12.5px;padding:12px 8px}
}