/*-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. About Area
    2. Class Area
    3. Schedule Area
    4. Trainer Area
    5. Gallery Area
    6. Event Area
    7. Blog Area
    8. Pricing Area
    9. Newsletter Area
    10. Testimonial Area
    11. Map Area
    12. Newsletter Area

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

/*----------------------------------------*/
/*  1. About Area
/*----------------------------------------*/
/*.game-bg{position: relative; background: #fff; box-shadow: 0 0 4px 4px #ECECEC; height: 345px}*/
@font-face {
	font-family: "PilatesDisplay";
	src: url("../fonts/tan-pearl.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.sticky-title {
	color: #111;
	font-size: 1.8em;
	position: sticky;
	top: 6rem;
	align-self: start;
	font-weight: 500;
}
.game:after {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	content: "";
}
.game {
	position: relative;
	z-index: 2;
	margin: 10px;
}

.section-title h2 {
	color: #676767;
	font-size: 36px;
	text-transform: capitalize;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	margin-bottom: 13px;
}

/*----------------------------------------*/
/*  2. Class Area
/*----------------------------------------*/
#pilates-rules .single-img {
	border-radius: 50%;
	background: #fff;
	padding: 4%;
}
#pilates-rules .single-img:before {
	content: "";
	width: 100%;
	height: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
}

.single-img,
.portfolio-img {
	position: relative;
	display: inline-table;
	height: 100%;
}

.single-img:after,
.portfolio-img:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	transform: scaleY(0);
	background: rgb(170 48 35 / 74%);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#pilates-rules .single-img:after {
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}
#pilates-rules .single-img .col {
	width: 15px;
	height: 15px;
}
.single-class:hover .single-img:after,
.single-class:hover .gallery-icon,
.grid-item:hover .portfolio-img:after,
.grid-item:hover .gallery-icon,
.single-blog:hover .gallery-icon {
	opacity: 1;
	transform: scaleY(1);
}
.gallery-icon {
	bottom: 0;
	height: 40px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	opacity: 0;
	z-index: 9;
	transform: scaleY(0);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.single-img i {
	color: rgb(170 48 35 / 74%);
	font-size: 35px;
	z-index: 99;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: table-cell;
	vertical-align: middle;
	background: transparent;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin: auto;
	line-height: 42px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.single-img i:hover {
	color: #efefef;
	background: #fff;
	transform: scale(1);
}
/*----------------------------------------*/
/*  3. Schedule Area
/*----------------------------------------*/
.scehedule-table thead {
	background: #f1f1f1;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	text-transform: capitalize;
	width: 100%;
}
.scehedule-table table {
	width: 100%;
}
.scehedule-table thead th {
	text-align: center;
	padding: 20px 0;
}
.scehedule-table td {
	width: 12.5%;
}
td {
	padding: 2rem 0px 2rem 0;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
}

th.top-first {
	border-top-left-radius: 18px;
}

th.top-last {
	border-top-right-radius: 18px;
}

tbody > tr:last-child > td:first-child {
	border-bottom-left-radius: 18px;
	overflow: hidden;
	background: #fff;
}

tbody > tr:last-child > td:last-child {
	border-bottom-right-radius: 18px;
	overflow: hidden;
	background: #fff;
}

.scehedule-table table {
	border-collapse: separate;
	border-spacing: 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18),
		0 1.5px 6px rgba(170, 48, 35, 0.18);
	border-radius: 18px;
}

td.time p {
	font-size: 16px;
	color: #757575;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
}

td h4 {
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	text-transform: capitalize;
	margin-bottom: 8px;
}
td p {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 8px;
	line-height: 14px;
}
td.purple {
	background: #b2a1c7;
}
td.olive {
	background: #c2d69b;
}
td.blue {
	background: #99ccff;
}
td.pink {
	background: #ff91b8;
}
/*----------------------------------------*/
/*  4. Trainer Area
/*----------------------------------------*/
.single-trainer,
.blog-pic {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
}
.single-trainer:hover {
	box-shadow: 0 0 4px 4px #ececec;
}
.single-trainer:after,
.blog-pic:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 24px;
	background: rgb(170 48 35 / 53%) none repeat scroll 0 0 padding-box
		content-box;
	opacity: 0;
	transform: scaleY(0);
	padding: 15px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.single-trainer:hover::after,
.single-trainer:hover .trainer-hover h3,
.single-trainer:hover .trainer-hover p,
.single-blog:hover .blog-pic:after {
	opacity: 1;
	transform: scaleY(1);
}
.trainer-hover {
	position: absolute;
	left: 0;
	top: 50%;
	margin: 0;
	width: 100%;
	height: 50%;
	content: "";
	z-index: 55;
	margin-top: -32px;
	padding-left: 32px;
	padding-right: 32px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: flex-start;
}
.trainer-hover h3 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 10px;
	opacity: 0;
	transform: scaleY(0);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media (max-width: 1200px) {
	.trainer-description {
		height: 20vh;
		overflow: scroll;
	}
}

.trainer-hover p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	transform: scaleY(0);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
/*----------------------------------------*/
/*  5. Gallery Area
/*----------------------------------------*/
.portfolio-img {
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	border-radius: 18px;
	overflow: hidden;
}
.portfolio-img::after {
	background: rgb(170 48 35 / 53%) none repeat scroll 0 0 padding-box
		content-box;
	padding: 7px;
	border-radius: 18px;
}
.portfolio-img::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.grid-item:hover .portfolio-img::before {
	opacity: 1;
}
.grid-item:hover .portfolio-img {
	box-shadow: 0px 0px 4px 4px #ececec;
}
.grid .grid-item:first-child,
.grid .grid-item:nth-child(2),
.grid .grid-item:nth-child(3),
.grid .grid-item:nth-child(4),
.grid .grid-item:nth-child(5),
.grid .grid-item:nth-child(6) {
	padding-bottom: 30px;
}
.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
	z-index: 99999;
}
.load a {
	background: #008c99;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 25px 4px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin-top: 50px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.load a:hover {
	color: #008c99;
}
/*----------------------------------------*/
/*  6. Event Area
/*----------------------------------------*/
.event-content {
	z-index: 2;
	position: relative;
}
.event-area .section-title p {
	margin-bottom: 75px;
}
.event-content h3 {
	font-size: 20px;
	color: #757575;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 20px;
}
.event-content p {
	padding: 0 60px;
	margin-bottom: 20px;
}
.event-content h4 {
	font-family: "Montserrat", sans-serif;
	color: #aa3023;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
}
.event-content h5 {
	font-size: 16px;
	color: #7f7f7f;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}
/*----------------------------------------*/
/*  7. Blog Area
/*----------------------------------------*/
.blog-pic {
	width: 30%;
	display: inline-block;
	float: left;
}
.single-blog {
	display: inline-block;
}
.blog-content {
	box-shadow: 0 0 4px 4px #f4f4f4;
	float: left;
	padding: 35px 30px;
	margin-top: 20px;
	width: 70%;
}
.blog-content h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	color: #757575;
	font-weight: 500;
	margin-bottom: 12px;
}
.blog-content h6 {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #aaaaaa;
	font-weight: 400;
	margin-bottom: 15px;
}
.blog-content p {
	margin-bottom: 15px;
}
.blog-content a {
	color: #757575;
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.blog-content a:hover {
	color: #aa3023;
}
/*----------------------------------------*/
/*  8. Pricing Area
/*----------------------------------------*/
.single-table {
	box-shadow: 0 0 4px 4px #e2e2e2;
}
.single-table:hover .table-head h2,
.single-table:hover .table-body,
.single-table:hover .table-body a {
	background: #aa3023;
}
.single-table:hover .table-head h2,
.single-table:hover .table-body ul li,
.single-table:hover .table-body a {
	color: #fff;
}
.single-table:hover .table-body ul li {
	border-bottom: 1px solid #f1f1f1;
}
.single-table:hover .table-body ul li:last-child {
	border-bottom: none;
}
.single-table:hover .table-body a {
	box-shadow: 0 0 4px 4px #aa30235e;
}
.table-head h2 {
	font-size: 20px;
	color: #757575;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	padding: 25px 0;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.table-head h1 {
	background: #fff;
	font-size: 48px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	padding: 25px 0;
}
.table-head h1 span {
	font-size: 12px;
	color: #7f7f7f;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.table-body {
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.table-body ul {
	margin: 0;
	padding-top: 33px;
	padding-bottom: 30px;
	list-style: none;
}
.table-body ul li {
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #eae8e8;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.table-body ul li:last-child {
	display: block;
	padding-bottom: 0;
	border-bottom: none;
}
.table-body a {
	background: #f1f1f1 none repeat scroll 0 0;
	border-radius: 25px;
	box-shadow: 0 0 4px 4px #e2e2e2;
	color: #aa3023;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 33px;
	position: relative;
	text-transform: uppercase;
	top: 19px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

/*----------------------------------------*/
/*  10. Testimonial Area
/*----------------------------------------*/
.client-area .section-title p {
	margin-bottom: 5px;
}
.single-testimonial {
	margin: 15px 0;
	padding: 48px 105px;
	position: relative;
	text-align: center;
	border-radius: 18px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18),
		0 1.5px 6px rgba(170, 48, 35, 0.18);
}
.single-testimonial span.icon-lg {
	position: absolute;
	height: 80px;
	width: 80px;
	color: #aa3023 !important;
	left: 15px;
	top: -15px;
	content: "";
	font-size: 70px;
	line-height: 120px;
}
.single-testimonial span.icon-lg.bottom {
	top: unset;
	left: unset;
	bottom: 25px;
	right: 15px;
}
.single-testimonial p {
	margin-bottom: 25px;
}
.single-testimonial h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}
.testimonial-owl.owl-carousel .owl-item img {
	display: block;
	transform-style: preserve-3d;
	width: auto;
	text-align: center;
	margin: auto;
	margin-bottom: 15px;
}
/*----------------------------------------*/
/*  11. Map Area
/*----------------------------------------*/
.contact-map-size {
	width: 100%;
	height: 380px;
}
.map-area {
	z-index: 1;
}

.footer-block {
	border-radius: 18px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
	padding: 4rem 2rem;
}

.footer-block-red {
	background: #aa3023;
}

.footer-social-media-icons {
	position: absolute;
	bottom: 1rem;
	left: 25%;
}

.footer-social-icon-container {
	width: 15px;
	color: #aa3023;
}

.footer-social-icon-container-right {
	display: inline-block;
	width: 15px;
	color: #aa3023;
	margin-right: 0.7rem;
}