﻿/*-------------------------------------------------------------------------------------
Theme Name: Kuntosala Template
Author: Devender Kumar

-------------------------------------------------------------------------------------/
/**
@File: Kuntosala HTML Template
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

01. General Style
02. header
03. navigation
04. home sections
	├─ banner
	├─ breadcrumbs
	├─ building section
	├─ feature section
	├─ muscle section
	├─ class schedule section
	├─ trainers section
	├─ gallery section
	├─ counter section
	├─ news section
05. footer
06. about us
07. classes page
08. schedule page
09. trainers page
10. news page
   ├─ news detail page
11. contact us page
12. 404 page
13. responsive style
**/

/* ================================================== */

/* 01. General Style */

/* ================================================== */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,800,900');
 body {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: #3c3c3c;
	line-height: 25px;
	font-weight: 400;
}
figure {
	margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0px;
	margin: 0px;
	font-family: 'Poppins', sans-serif;
	color: #3c3c3c;
	font-weight: 600;
}
h1 {
	font-size: 46px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 26px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 14px;
}
p {
	padding: 0px;
	margin: 0px;
	font-family: 'Poppins', sans-serif;
	color: #3c3c3c;
}
ol,
ul {
	margin-bottom: 0px;
}
a {
	text-decoration: none !important;
	outline: none;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
img {
	max-width: 100%;
}
label {
	font-weight: normal;
}
::-webkit-input-placeholder {
	opacity: 1;
}
:-moz-placeholder {
	/* Firefox 18- */
	opacity: 1;
}
::-moz-placeholder {
	/* Firefox 19+ */
	opacity: 1;
}
:-ms-input-placeholder {
	opacity: 1;
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
}
/*---Page Loader---*/

#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	background: #fff;
}
#loading .element {
	position: absolute;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	top: 50%;
}
.sk-folding-cube {
	margin: 20px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #4fbba7;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}
@keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}
/* ================================================== */

/* 02. header	*/

/* ================================================== */

header {
	width: 100%;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
header.header-small {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header-sec {
	max-width: 100%!important;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
}
header .logo img {
	max-width: 100%;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
header .logo img.fix {
	display: none;
}
.header-right {
	margin-top: 13px
}
/* ================================================== */

/* A. Header Small */

/* ================================================== */

header.header-small {
	background: #fff;
	box-shadow: 1px 1px 10px #2f3c58;
}
header.header-small img.fix {
	display: block;
}
header.header-small .header-sec {
	padding-top: 12px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
header.header-small .logo img {
	max-width: 195px;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
header.header-small .logo {
	height: 43px;
}
header.header-small .header-right {
	margin-top: 6px;
}
/*-----------------------
   B. Search
-----------------------*/

.header_search_outer {
	float: right;
	position: relative;
}
.header_search_outer .icon-search-icon {
	padding: 4px 6px 6px 15px;
	height: 32px;
	display: inline-block;
	margin-left: 9px;
	border-left: 1px solid #3c3c3c;
}
header.header-small .header_search_outer .icon-search-icon {
	border-left: 1px solid #3c3c3c;
}
.header_search_outer .icon-search-icon:before {
	content: "\e90e";
	font-size: 25px;
	color: #3c3c3c;
	cursor: pointer;
}
header.header-small .header_search_outer .icon-search-icon::before {
	color: #3c3c3c;
}
.header_search_outer .header_search {
	position: absolute;
	right: 0;
	top: 37px;
	margin-top: 15px;
	height: 50px;
	width: 360px;
	float: left;
	display: none;
	padding: 0 20px 0 20px;
	border: 1px solid #3c3c3c;
	background: #fff;
	color: #3c3c3c;
	font-size: 15px;
	border-radius: 5px;
	-webkite-border-radius: 5px;
	z-index: 9;
}
/* ================================================== */

/* 03. navigation */

/* ================================================== */

.navbar {
	border-radius: 0px;
	margin: 0px;
	border: none;
	padding: 0;
	float: right;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.navbar-collapse {
	padding: 0px;
}
.navbar-inverse {
	background: none;
}
.navbar-nav>li {
	border-right: 0;
}
.navbar-nav>li:last-child {
	border: none;
}
.navbar-dark .navbar-nav li:last-child a {
	margin-right: 0;
}
.navbar-dark .navbar-nav li:first-child a {
	margin-left: 0;
}
.navbar-dark .navbar-nav .nav-link {
	font-size: 18px;
	color: #3c3c3c;
	padding: 4px 0;
	margin: 0 20px;
	border-bottom: 2px solid transparent;
}
header.header-small .navbar-dark .navbar-nav .nav-link {
	color: #3c3c3c;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
header.header-small .navbar-dark .navbar-nav .active>.nav-link,
header.header-small .navbar-dark .navbar-nav .nav-link:focus {
	color: #f8d300;
	background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a i {
	font-size: 20px;
	color: #8bd29d;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background: #4ab866;
}
/* ================================================== */

/* 04. home page sections */

/* ================================================== */

/*-----------------------
			banner
	-----------------------*/

.banner-outer {
	display: block;
	position: relative;
	overflow-x: hidden;
	background: #f7f7f7 url(../images/nuove/foto_home.jpg) no-repeat center / cover;
}
.banner-shadow {
	position: absolute;
	;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: url(../images/banner-shadow.png) repeat-y left top; */
}
.banner-outer .content {
	display: table-cell;
	vertical-align: middle;
	padding: 150px 0;
	max-width: 850px;
}
.banner-outer .content h1 {
	display: block;
	font-size: 55px;
	font-weight: 600;
	color: #f32d2d;
	line-height: 62px;
	-webkit-animation-delay: 0.2s;
	padding-bottom: 10px;
}
.banner-outer .content h1 span {
	color: #f8d300;
}
.banner-outer .content h2 {
	display: inline-block;
	padding: 0 0 10px 90px;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	line-height: 20px;
	margin-bottom: 10px;
	-webkit-animation-delay: 0.2s;
	position: relative;
	font-weight: 500;
}
.banner-outer .content h2:before {
	position: absolute;
	left: 0;
	top: 10px;
	width: 70px;
	height: 3px;
	background: #f8d300;
	content: "";
}
.banner-outer .content p {
	display: block;
	padding-bottom: 25px;
	font-size: 18px;
	line-height: 28px;
	color: #3c3c3c;
	-webkit-animation-delay: 0.34s;
}
.banner-outer .content a.btn {
	-webkit-animation-delay: 0.36s;
	font-size: 20px;
	line-height: 25px;
	padding: 12px 30px;
	background: #f8d300;
	color: #fff;
}
.banner-outer .content a.btn:hover {
	background: #fff;
	color: #f8d300;
}
.btn {
	display: inline-block;
	padding: 10px 40px;
	border-radius: 0;
	background: none;
	border: 1px solid #f8d300;
	font-size: 18px;
	color: #f8d300;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	border-radius: 5px;
}
.btn:hover,
.btn:focus {
	background: #f8d300;
	color: #fff;
}
.inner-banner .content {
	padding: 130px 200px;
	max-width: 100%;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.banner-outer.inner-banner .content h1 {
	font-size: 55px;
	font-style: normal;
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 62px;
}
.banner-outer.inner-banner .content p {
	color: #fff;
}
.inner-banner .banner-shadow {
	display: none
}
/*-----------------------
			Breadcrumbs
	-----------------------*/

.breadcrumbs {
	margin: 0;
}
.breadcrumbs li {
	display: inline-block;
	font-size: 15px;
	color: #808080;
	border-left: 2px solid #808080;
	line-height: 16px;
	padding-left: 10px;
	margin-left: 10px;
}
.breadcrumbs li:first-child {
	margin: 0;
	padding: 0;
	border: none;
}
.breadcrumbs li a {
	color: #4fbba7;
}
.breadcrumbs li a:hover {
	opacity: .8;
}
/* ================================================== */

/* Why choose section */

/* ================================================== */

.why-choose {
	padding: 75px 0;
}
.why-choose .box {
	text-align: center;
	border: 1px solid #eaeaea;
}
.why-choose .box p {
	line-height: 22px;
}
.why-choose .detail {
	padding: 30px 10px;
	border-top: 1px solid #eaeaea;
}
.box h2 {
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
}
/* ================================================== */

/* Our Popular Classes section */

/* ================================================== */

.popular-classes {
	background: #f9f9f9;
	padding: 75px 0;
}
.popular-classes .box {
	margin-bottom: 30px;
}
.popular-classes .box h2 {
	padding-bottom: 5px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}
.popular-classes .box img {
	border: 1px solid #e7e7e7;
}
.popular-classes .detail {
	padding: 15px 10px 0 10px;
}
.popular-classes .detail p{font-size: 15px;
    line-height: 24px;
    font-weight: 400;}
.view-more {
	margin: 30px auto 0;
}
.popular-classes.classes-detail{
	background: #f9f9f9;
	padding: 75px 0 45px 0;
}
.head.other-classes{text-align:left; margin:0 0 15px 15px; padding:0 75% 0 0;}
/* ================================================== */

/* Pregnancy Yoga section */

/* ================================================== */

.pregnancy-yoga .left-img {
	padding: 0;
}
.pregnancy-yoga .left-img img {
	width: 100%;
}
.pregnancy-yoga .right-content {
	background: #e6c928;
	text-align: center;
}
.pregnancy-yoga .mid-box {
	padding: 0 160px;
}
.pregnancy-yoga .mid-box h3 {
	color: #fff;
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
}
.pregnancy-yoga .mid-box h4 {
	color: #fff;
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 15px 0;
}
.pregnancy-yoga .mid-box p {
	color: #fff;
}
.pregnancy-yoga .mid-box .btn {
	color: #e6c928;
	background: #fff;
	border-color: #fff;
}
.pregnancy-yoga .mid-box .btn:hover {
	background: none;
	color: #fff;
}
/* ================================================== */

/* building Section */

/* ================================================== */

.building-outer {
	padding: 75px 0 55px;
	background: #ffffff;
}
.heading {
	text-align: center;
	padding: 0 23% 50px 23%;
}
.heading h2 {
	font-size: 32px;
	line-height: 20px;
	font-weight: 600;
	margin-bottom: 40px;
	position: relative;
}
.heading h2:after {
	content: "";
	height: 3px;
	width: 100px;
	background: #4fbba7;
	top: 42px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
}
.heading p {
	font-size: 17px;
	line-height: 25px;
}
.building-list {
	position: relative;
}
.building-box {
	text-align: center;
	background: #fff;
	border: 1px solid #eaeaea;
	padding: 30px 35px;
	margin-bottom: 30px;
}
.building-box figure {
	margin-bottom: 15px;
}
.building-box h4 {
	font-size: 25px;
	font-weight: 600;
}
.building-box p {
	margin: 15px 0
}
.building-box a.btn {
	margin: 5px 0;
	font-size: 17px;
}
/* ================================================== */

/* Feature Section */

/* ================================================== */

.head {
	margin-bottom: 45px;
	padding: 0 18% 0 18%;
	text-align: center;
}
.head h3 {
	font-size: 32px;
	line-height: 20px;
	margin-bottom: 20px;
}
.head p {
	font-size: 17px;
	line-height: 25px;
}
.feature-outer {
	padding: 70px 0 50px 0;
	background:#f9f9f9;
}
.feature-outer.classes-page {
	padding: 60px 0 50px 0;
}
.feature-box {
	margin: 15px 0;
	position: relative;
	overflow: hidden;
}
.feature-box figure {
	margin-bottom: 15px;
	position: relative
}
.time-box {
	position: absolute;
	bottom: 20px;
	z-index: 1;
}
.time,
.date {
	min-width: 93px;
	background: #cd4712;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
}
.time span,
.date span {
	display: block;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	-moz-transform: skew(35deg);
	-o-transform: skew(35deg);
}
.date {
	background: #4fbba7;
	margin: 0 3px 0 -12px;
	padding: 0 10px 0px 20px;
	min-width: 80px;
}
.feature-box h4 {
	font-size: 25px;
	font-weight: 400;
}
.feature-box h4 a {
	color: #3c3c3c;
}
.feature-box p {
	padding: 10px 10px 0 0;
	font-size: 16px;
	line-height: 22px;
}
.feature-box p a {
	color: #4fbba7;
}
.feature-slider .owl-prev,
.feature-slider .owl-next {
	position: absolute;
	top: -60px;
	width: 42px;
	height: 42px;
	text-indent: -99999px;
}
.feature-slider .owl-prev {
	background: url(../images/left_arrowW.png) no-repeat center center;
	left: -80px;
	top: 35%;
}
.feature-slider .owl-next {
	background: url(../images/right_arrowW.png) no-repeat center center;
	right: -80px;
	top: 35%;
}
/* ================================================== */

/* Muscle Section */

/* ================================================== */

.muscle-outer {
	background: #eeeeee;
	display: inline-block;
	width: 100%;
	position: relative;
}
.muscle-outer figure {
	width: 45%;
	float: left
}
.muscle-outer figure img {
	width: 100%;
}
.muscle-para {
	float: left;
	padding-left: 100px;
	width: 55%;
}
.muscle-para .outer {
	max-width: 800px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	padding-right: 70px;
}
.muscle-para h3 {
	font-size: 35px;
	color: #4fbba7;
}
.muscle-para h4 {
	font-size: 49px;
	line-height: 60px;
	margin: 10px 0 20px;
	font-weight: normal;
}
.muscle-para a.btn {
	font-size: 20px;
	line-height: 25px;
	padding: 12px 15px;
}
/* ================================================== */

/* Membership Offer Sec */

/* ================================================== */

.membership-offer {
	background: #f8f8f8 url(../images/jointoday-bg.jpg) no-repeat center center;
	padding: 100px 0;
	text-align: center;
}
.membership-offer .membership-content {
	padding: 0 10% 0 10%;
}
.membership-offer .membership-content h3 {
	color: #fe2722;
	font-size: 40px;
	font-weight: normal;
}
.membership-offer .membership-content h4 {
	color: #3c3c3c;
	font-size: 48px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 25px 0;
}
.membership-offer .membership-content p {
	font-size: 17px;
	line-height: 28px;
	padding-bottom: 35px;
}
/* ================================================== */

/* class schedule section */

/* ================================================== */

.classSch-outer {
	padding: 75px 0;
}
.table-outer table {
	margin-bottom: 0;
}
.table-outer table.tab_container {
	display: none;
}
.classSch-outer .tabs {
	text-align: center;
	margin: 10px -8px;
	width: calc(100% + 16px);
	margin-bottom: 20px;
}
.classSch-outer .tabs li a {
	font-size: 16px;
	width: calc(13.9% - 16px);
	margin: 0 8px;
}
.table td {
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid #c8c8c8;
	border-top: none;
	width: 25%;
	font-size: 18px;
	padding: 20px 20px 20px 35px;
}
.table td:last-child {
	text-align: right;
}
.table tr:nth-child(even) {
	background: #f6fffd;
}
.table td a.btn {
	padding: 7px 20px;
	border-radius: 0;
}
/* ================================================== */

/* Trainers Section */

/* ================================================== */

.trainers-outer {
	padding: 75px 0 60px;
	background: #f8f8f8;
}
.trainers-outer .head h3 {
	color: #3c3c3c;
}
.trainers-box {
	margin: 15px 0;
	position: relative;
	overflow: hidden;
}
.trainers-box span {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 22px;
	padding: 10px;
	background: #e6c928;
}
.trainers-box figure {
	overflow: hidden;
}
.trainers-box figure img {
	transition: transform .2s;
}
.trainers-box figure img:hover {
	-ms-transform: scale(1.1);
	/* IE 9 */
	-webkit-transform: scale(1.1);
	/* Safari 3-8 */
	transform: scale(1.1);
}
.trainers-slider .owl-prev,
.trainers-slider .owl-next {
	position: absolute;
	top: -60px;
	width: 42px;
	height: 42px;
	text-indent: -99999px;
}
.trainers-slider .owl-prev {
	background: url(../images/left_arrow.png) no-repeat center center;
	top: 40%;
	left: -120px;
}
.trainers-slider .owl-next {
	background: url(../images/right_arrow.png) no-repeat center center;
	right: -110px;
	top: 40%;
}
/* ================================================== */

/* Gallery Section */

/* ================================================== */

/* ================================================== */

/* Gallery Section */

/* ================================================== */

.gallery-outer {
	padding: 70px 0 65px;
}
.gallery-outer .container {
	position: relative;
}
.gallery-outer .tabs {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.gallery-outer .tabs span:before {
	display: none
}
.gallery-box {
	margin: 15px 0;
	position: relative;
	overflow: hidden;
}
.gallery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(79, 187, 167, 0.7);
	opacity: 0;
	padding: 10px;
	text-align: center;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.gallery-box:hover .gallery-overlay {
	opacity: 1;
}
.gallery-overlay i {
	color: #fff;
	font-size: 40px;
	position: relative;
	margin-top: -20px;
	top: 50%;
}
/* ================================================== */

/* A Tabs Section */

/* ================================================== */

.tabs {} .tabs li {
	display: inline;
}
.tabs li a,
.tabs li span {
	display: inline-block;
	padding: 8px 20px;
	font-size: 16px;
	color: #fff;
	background: #979797;
	margin-right: 15px;
	cursor: pointer;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tabs li:hover a,
.tabs li.active a,
.tabs li:hover span,
.tabs li.active span {
	background: #f8d300;
	position: relative
}
.tabs li:hover a:before,
.tabs li.active a:before,
.tabs li:hover span:before,
.tabs li.active span:before {
	color: #f8d300;
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	bottom: -15px;
	font-size: 25px;
	margin-left: -8px;
	left: 50%;
}
/*Fitness Sec*/

.finess-outer {
	padding: 65px 0;
	background: #000 url(../images/fitness_bg.png) no-repeat center top / cover;
	background-attachment: fixed;
	text-align: center;
}
.finess-outer h3 {
	color: #fff;
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase
}
.finess-outer h3 span {
	color: #f8d300
}
/*Fitness Sec*/

.finess-outer {
	padding: 65px 0;
	background: #f8f8f8 url(../images/jointoday-bg.jpg) no-repeat center center;
	text-align: center;
}
.finess-outer h3 {
	color: #fff;
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
	line-height: 52px;
}
.finess-outer h3 span {
	color: #4fbba7;
}
/* ================================================== */

/* Counter Section */

/* ================================================== */

.counter-outer {
	padding: 50px 0 45px 0;
	background: #e6c928;
	text-align: center;
	background-attachment: fixed;
}
.counter-box strong {
	color: #fff;
	font-size: 66px;
	display: block;
	padding: 10px 0;
	font-weight: 500;
	line-height: 70px;
}
.counter-box small {
	color: #fff;
	font-size: 20px;
}
/* ================================================== */

/* News Section */

/* ================================================== */

.news-outer {
	padding: 75px 0;
	text-align: center;
}
.news-list {
	text-align: left;
}
.news-box figure {
	margin-bottom: 30px;
	position: relative
}
.date-box {
	background: #4fbba7;
	text-align: center;
	padding: 10px 5px;
	min-width: 60px;
	float: left;
	position: absolute;
	bottom: -10px;
	left: 20px;
}
.date-box:before {
	background: url(../images/date_corner.png) no-repeat bottom;
	width: 10px;
	height: 11px;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: -10px;
}
.date-box span {
	font-size: 22px;
	color: #fff;
	display: block;
	font-weight: 600;
}
.date-box strong {
	font-size: 30px;
	color: #fff;
	display: block;
	font-weight: 600;
}
.news-box h4 {
	font-size: 22px;
	margin: 10px 0;
	font-weight: 700;
}
.news-box p {
	font-size: 15px;
	line-height: 22px;
}
.news-box p a {
	color: #4fbba7;
}
.news-box p a:hover {
	text-decoration: underline!important
}
.news-outer .btn.view-more {
	margin-top: 40px;
}
.news-left .btn.read-more{padding:10px 20px; margin-bottom:50px; border-radius:0; font-size:17px;}
/* ================================================== */

/* 05. footer */

/* ================================================== */

.footer {
	display: block;
	background: #e7e7e7;
}
.footer-top {
	padding-top: 70px;
	padding-bottom: 50px;
}
.footer h3 {
	display: block;
	padding-bottom: 20px;
	font-size: 24px;
	text-transform: uppercase;
	color: #3c3c3c;
	font-weight: 400;
}
.footer-top .contact-us p,
.footer-top .contact-us a {
	display: block;
	color: #595959;
	font-weight: 400;
	padding: 0 0 24px 0;
}
.footer .contact-us a:hover {
	color: #4fbba7;
}
.footer .contact-us .fa {
	font-size: 24px;
	width: 30px;
	float: left;
	height: 20px;
}
.footer .contact-us .fa.fa-phone {
	font-size: 25px;
}
.footer .contact-us .fa.fa-envelope {
	font-size: 20px;
}
.footer-mid-block {
	display: block;
}
.footer-mid-block .classes {
	width: 50%;
	display: inline-block;
	float: left;
	padding-left: 45px;
}
.footer-mid-block .pages {
	width: 50%;
	display: inline-block;
	float: left;
	padding-left: 45px;
}
.footer-mid-block ul li a {
	color: #595959;
	font-size: 15px;
	line-height: 35px;
}
.footer-mid-block ul li a:hover {
	color: #4fbba7;
}
.newletter p {
	color: #595959;
	margin-bottom: 15px
}
.newletter .search-block {
	border-radius: 0;
}
.newletter .search-block input {
	border: 1px solid #595959;
	background: none;
	color: #595959;
	border-radius: 0;
}
.newletter .search-block::-webkit-input-placeholder {
	opacity: 1;
	color: #595959;
}
.newletter .search-block:-moz-placeholder {
	/* Firefox 18- */
	opacity: 1;
	color: #595959;
}
.newletter .search-block::-moz-placeholder {
	/* Firefox 19+ */
	opacity: 1;
	color: #595959;
}
.newletter .search-block:-ms-input-placeholder {
	opacity: 1;
	color: #595959;
}
.newletter .search-block .search {
	border: none;
	background: none!important;
	color: #595959;
}
.newletter .search-block .search .icon-search-icon {
	color: #f99121;
	position: relative;
	top: 2px;
}
ul.follow-us li {
	float: left;
	margin-right: 25px;
	text-align: center;
}
ul.follow-us li:last-child {
	margin: 0;
}
ul.follow-us li a {
	display: block;
	width: 45px;
	height: 45px;
	border: 1px solid #595959;
	line-height: 45px;
	font-size: 25px;
	color: #595959;
}
ul.follow-us li a:hover {
	background: #4fbba7;
	border: 1px solid #4fbba7;
	color: #fff;
}
ul.flicker-box {
	width: calc(100% + 20px);
	margin: 8px -10px 0;
}
ul.flicker-box li {
	float: left;
	margin: 0;
	width: 33.33%;
	padding: 0 10px 20px 10px;
}
ul.flicker-box li a {
	display: block;
	width: 100%;
}
ul.flicker-box li a:hover {
	opacity: 0.6;
}
.copy-rights-section {
	background: #d2d2d2;
	padding: 20px 0;
	text-align: center;
}
.copy-rights-section p {
	color: #595959;
	font-size: 14px;
	line-height: 23px;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
a.scroll-top {
	width: 44px;
	height: 44px;
	line-height: 40px;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	position: fixed;
	display: none;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	background-color: #4fbba7;
}
a.scroll-top:hover {
	opacity: 0.8;
}
/* ================================================== */

/* 06. About Us */

/* ================================================== */

.about-us-banner {
	background: url(../images/placeholder-1920X480.jpg) no-repeat center top;
}
.about-top-outer {
	padding: 63px 0 18px 0;
	position: relative;
}
.about-top-left {
	padding: 0 0 30px 0;
}
.about-top-left h3 {
	font-size: 32px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 20px 0;
}
.about-top-left h3 span {
	color: #4fbba7;
}
.about-top-left p {
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 26px;
}
.about-top-left ul li h4 {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 20px;
	font-weight: 700;
}
.about-top-left ul li h4 i {
	color: #4fbba7;
	font-size: 35px;
	vertical-align: middle;
	margin-right: 11px;
}
.professional-outer {
	padding: 60px 0 40px;
	background: #f8d300;
	background-repeat: repeat;
}
.professional-list {} .professional-box {
	text-align: center;
	padding: 0 25px;
}
.professional-box figure {
	margin-bottom: 15px;
}
.professional-box h4 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 30px;
}
.professional-box p {
	margin: 15px 0;
	color: #fff;
}
/* ================================================== */

/* 07. Classes Page */

/* ================================================== */

.classes-banner,
.classes-detail-banner,
.banner-outer.inner-banner {
	background: url(../images/nuove/contattaci.jpg) no-repeat center top / cover;
}
.choose-building h4 {
	font-size: 24px;
	padding: 15px 0 0 0;
	line-height: 26px;
}
.choose-building p {
	padding: 20px 0;
}
.choose-building ul li {
	padding: 10px 0;
}
.choose-building ul li i {
	color: #4fbba7;
	font-size: 25px;
	vertical-align: middle;
	margin-right: 5px;
}
.classes-detail-page .news-left p {
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 26px;
}
/* ================================================== */

/* 08. Schedule Page */

/* ================================================== */

.schedule-banner {
	/* background: url(../images/placeholder-1920X480.jpg) no-repeat center top / cover; */
}
/* ================================================== */

/* 09. Trainers Page */

/* ================================================== */

.trainers-banner {
	/* background: url(../images/placeholder-1920X480.jpg) no-repeat center top / cover; */
}
.bgNone {
	background: none!important
}
.trainers-outer.bgNone.trainers-page {
	padding: 55px 0 55px 0;
}
/* ================================================== */

/* 10. News Page */

/* ================================================== */

.news-outer-pg {
	padding: 70px 0 55px;
}
.news-outer-pg.new-detail-page {
	padding: 70px 0;
}
.news-outer-pg.p-b-0.pd {
	padding-top: 70px;
}
.news-banner {
	background: url(../images/news-banner.png) no-repeat center top / cover;
}
.news-left .news-box {
	margin-bottom: 24px
}
.news-left .news-box .btn {
	margin-top: 20px
}
.news-left h2{
	font-size: 30px;
    line-height: 40px;
}
.news-left h3 {
	font-weight: normal;
}
.news-right {
	display: block;
}
.news-right h3 {
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 24px;
	border-top: 1px #dedede solid;
}
.search-block {
	display: block;
	margin-bottom: 35px;
	background: none;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.search-block input {
	width: 100%;
	height: 50px;
	float: left;
	padding: 0 60px 0 20px;
	border: 1px solid #dedede;
	background: #fafafa;
	color: #a8a8a8;
	font-size: 15px;
	border-radius: 5px;
}
.search-block .search {
	width: 50px;
	height: 100%;
	float: right;
	border: none;
	background: #4fbba7;
	font-size: 21px;
	color: #1d77ac;
	transition: all 0.3s ease 0s;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.search-block .search .icon-search-icon {
	color: #fff;
	position: relative;
	top: 2px;
}
.search-block .search:hover {
	background: #d7a10f;
}
.category {
	display: block;
	padding-bottom: 20px;
}
.category ul {
	display: block;
}
.category ul li {
	display: block;
}
.category ul li a {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	color: #3c3c3c;
	font-weight: 400;
}
.category ul li a:hover {
	color: #4fbba7;
}
.pouplar-news {
	display: block;
	padding-bottom: 20px;
}
.pouplar-news ul {
	display: block;
}
.pouplar-news ul li {
	display: block;
	padding: 15px 0;
}
.pouplar-news ul li:last-child {
	border: none;
}
.pouplar-news ul li .img-block {
	max-width: 22%;
	float: left;
}
.pouplar-news ul li .detail {
	width: 78%;
	padding-left: 15px;
	float: left;
}
.pouplar-news ul li .detail h4 {
	font-size: 15px;
}
.pouplar-news ul li .detail p {
	font-size: 13px;
	line-height: 17px;
	color: #797979;
}
.pouplar-news ul li .detail span {
	color: #797979;
	font-size: 13px;
}
.archives {
	display: block;
	padding-bottom: 20px;
}
.archives ul {
	display: block;
}
.archives ul li {
	display: block;
}
.archives ul li:last-child {
	border: none;
}
.archives ul li a {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	color: #3c3c3c;
}
.archives ul li span {
	width: 50%;
	float: right;
}
.archives ul li a:hover {
	color: #4fbba7;
}
.news-right .tags {
	display: block;
	padding-bottom: 30px;
}
ul.tags-list {
	display: block;
	padding-top: 10px;
}
ul.tags-list li {
	display: block;
	margin-right: 8px;
	float: left;
	margin-bottom: 8px;
	font-size: 15px;
}
ul.tags-list li a {
	padding: 4px 10px 4px 0;
	color: #3c3c3c;
}
ul.tags-list li a:hover {
	color: #f3b100;
}
.news-adds {
	border-top: 1px #dedede solid;
	padding-top: 25px;
	text-align: center;
}
/*-----------------------
    A. News Detail section
-----------------------*/

.p-b-0 {

}
.p-b-25 {
	padding-bottom: 20px!important;
	clear: both
}
.post-detail {
	float: left;
	width: 100%;
	margin: 20px 0
}
.post-detail li {
	float: left;
	margin: 0 22px 0 0;
	font-size: 15px;
	line-height: 24px;
	color: #757575;
}
.post-detail li span {
	color: #4fbba7;
	margin-right: 5px;
	font-size: 16px;
}
.new-detail-page .news-left p {
	padding-bottom: 15px;
}
.new-detail-page .news-left p:last-child {
	padding-bottom: 0;
}
/*-----------------------
    B. comments section
-----------------------*/

.comments-wrapper {
	display: block;
	padding: 30px 0 10px 0;
	margin: 15px 0 30px 0;
	border-top: 1px #dedede solid;
	border-bottom: 1px #dedede solid;
}
.comments-wrapper h3,
.news-left .form-wrapper h3 {
	font-size: 22px;
	text-transform: uppercase
}
.comments-wrapper ul.comments {
	display: block;
	padding: 20px 0 0 0;
}
.comments-wrapper ul.comments li {
	margin-bottom: 30px;
}
.comments-wrapper ul.comments li .com-img {
	width: 68px;
	height: 68px;
	float: left;
}
.comments-wrapper ul.comments li .com-img img {
	border-radius: 100%;
}
.comments-wrapper ul.comments li .com-txt {
	width: calc(100% - 92px);
	padding: 30px 20px 30px 20px;
	float: right;
	background: #f1f1f1;
	position: relative;
}
.comments-wrapper ul.comments li .com-txt:after,
.comments-wrapper ul.comments li .com-txt:before {
	right: 100%;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.comments-wrapper ul.comments li .com-txt:after {
	border-color: rgba(243, 246, 248, 0);
	border-right-color: #f1f1f1;
	border-width: 8px;
	margin-top: -8px;
}
.comments-wrapper ul.comments li .com-txt:before {
	border-color: rgba(209, 218, 223, 0);
	border-right-color: #f1f1f1;
	border-width: 9px;
	margin-top: -9px;
}
.comments-wrapper ul.comments li .com-txt h3 {
	display: block;
	font-weight: normal;
	padding-bottom: 13px;
	font-size: 20px;
	text-transform:none;
}
.comments-wrapper ul.comments li .com-txt h3 span {
	padding-left: 10px;
	font-size: 14px;
}
.comments-wrapper ul.comments li .com-txt p {
	padding-bottom: 10px;
	line-height: 20px;
	color: #757575
}
.comments-wrapper ul.comments li .com-txt a {
	font-size: 16px;
	color: #3c3c3c;
}
.comments-wrapper ul.comments li .com-txt a span {
	display: inline-block;
	vertical-align: middle;
	padding-right: 6px;
	font-size: 16px;
	opacity: 0.5;
	transition: all 0.3s ease 0s;
}
.comments-wrapper ul.comments li .com-txt a:hover {
	color: #4fbba7;
}
.news-left .form-wrapper h3 {
	margin-bottom: 30px;
}
/* ================================================== */

/* 11. Contact Us Page */

/* ================================================== */

.contact-us-banner {
	background: url(../images/placeholder-1920X480.jpg) no-repeat center top / cover;
}
.contact-outer {
	padding: 50px 0 70px;
}
.cal-info-outer {
	padding: 70px 0 0 0;
}
.cal-info-box {
	text-align: center;
	padding: 20px 30px 15px;
	box-shadow: 0 0px 5px #ccc;
	-webkit-box-shadow: 0 0px 5px #ccc;
	-o-box-shadow: 0 0px 5px #ccc;
	min-height: 215px;
}
.cal-info-box figure {
	padding-bottom: 15px;
}
.cal-info-box p,
.cal-info-box p a {
	font-size: 17px;
	color: #3c3c3c;
	line-height:27px;
}
.cal-info-box p a:hover {
	color: #4fbba7;
}
.contact-outer h3 {
	font-size: 32px;
	padding-bottom: 15px;
	line-height: 45px;
}
.form-wrapper {
	display: block;
	margin: 0 35px 0 0;
}
.form-wrapper p {
	padding: 5px 0 20px;
	color: #2a2a2a
}
.form-wrapper .row.input-row {
	margin-bottom: 30px;
}
.form-wrapper input,
.form-wrapper textarea {
	width: 100%;
	padding: 0 12px;
	height: 46px;
	border: none;
	border-bottom: 1px #9d9d9d solid;
	font-size: 14px;
	color: #2a2a2a;
	font-weight: 400;
}
.form-wrapper label.error {
	color: #f00;
	padding-left: 12px;
}
.form-wrapper .msg {
	margin-top: 15px;
}
.form-wrapper textarea {
	resize: none;
	height: 100px;
	padding: 12px;
}
.form-wrapper input[type="submit"] {
	display: inline-block;
	width: auto;
	padding: 8px 10px;
	border-radius: 0;
	background: none;
	border: 2px solid #4fbba7;
	font-size: 16px;
	color: #4fbba7;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.form-wrapper input[type="submit"]:hover {
	background: #4fbba7;
	color: #fff
}
.contact-info {} .map-outer {
	border-top: 1px #9d9d9d solid;
	padding: 20px 0
}
.map-outer iframe {
	border: 0;
	height: 390px;
	width: 100%;
}
.contact-info ul.follow-us li {
	margin-right: 10px;
}
.contact-info ul.follow-us li a {
	border-radius: 50%;
	background: #939393;
	margin-right: 10px;
}
.contact-info ul.follow-us li a:hover {
	background: #4fbba7;
}
.social-contact{display:block;}
.social-contact ul li{display:inline-block; float: left; margin-right: 10px; text-align: center; vertical-align:middle;}
.social-contact ul li a {display: block;
    width: 35px;
    height: 35px;
    background:#939393;
    line-height: 37px;
    font-size: 20px;
    color: #fff;
	border-radius: 50%;
}
.social-contact ul li a:hover{background: #4ebaa7;}
/* ================================================== */

/* 12. 404 Page */

/* ================================================== */

.error-pg .navbar-toggler-icon {
	background: url(../images/error-menu_icon.png) no-repeat center !important;
}
.error-pg header .logo img {
	max-width: 190px
}
.error-pg header {
	background: #f0f0f0;
}
.error-pg .header_search_outer .icon-search-icon::before {
	color: #000;
}
.error-pg header.header-small .navbar-dark .navbar-nav .nav-link {
	color: #3c3c3c;
}
.error-outer {
	padding: 210px 0 100px;
	text-align: center;
}
.error-outer h3 {
	font-size: 83px;
	padding: 20px 0 10px;
	color: #4ebaa7;
}
.error-outer p {
	font-size: 19px;
	color: #797979;
}
/* ================================================== */

/* 13. Responsive Style */

/* ================================================== */
@media (max-width: 1700px) {
	.pregnancy-yoga .mid-box{
		padding:0 50px;
	}
	.pregnancy-yoga .mid-box h3{
		font-size:32px;
		line-height:36px;
	}
	.pregnancy-yoga .mid-box h4{
		font-size:40px;
		line-height:42px;
	}
}
@media (max-width: 1500px) {
	.muscle-para {
		padding-left: 70px;
	}
	.trainers-slider .owl-next {
		right: -60px;
	}
	.trainers-slider .owl-prev {
		left: -60px;
	}	
}
@media (max-width: 1279px) {
	.muscle-para {
		padding-left: 40px;
	}
	.muscle-para h3 {
		font-size: 28px;
	}
	.muscle-para h4 {
		font-size: 34px;
		line-height: 40px;
	}
	.classSch-outer .tabs li a {
		font-size: 12px;
	}
	.finess-outer {
		background-attachment: scroll;
		padding: 50px 0;
	}
	h2 {
		font-size: 30px;
	}
	.trainers-outer .container {
		max-width: 900px;
	}
	.banner-outer .content h2 {
		font-size: 16px;
		line-height: 20px;
	}
	.banner-outer .content h2::after {
		border-bottom: 56px solid transparent;
	}
	.banner-outer .content h1 {
		font-size: 46px;
		line-height: 56px;
	}
	.membership-offer {
		padding: 60px 0;
	}
	.membership-offer .membership-content h3 {
		font-size: 32px;
	}
	.membership-offer .membership-content h4 {
		padding: 15px 0;
		font-size: 40px;
	}
	.footer-mid-block .classes {
		padding-left: 0px;
	}
	.footer-mid-block .pages{
		padding-left:20px;
	}
	.building-outer {
		padding: 40px 0 25px;
	}
	.banner-outer .content{
		padding:80px 0;
	}
	.pregnancy-yoga .mid-box h3{
		font-size:24px;
		line-height:30px;	
	}
	.pregnancy-yoga .mid-box h4{
		font-size:30px;
		line-height:34px;
		padding:6px 0;
	}
	.pregnancy-yoga .mid-box{
		padding:0;
	}
	.pregnancy-yoga .mid-box p{
		line-height:20px;
	}
	.pregnancy-yoga .mid-box .btn{
		margin-top:20px;
	}
}
@media (max-width: 1199px) {
	.container {
		max-width: 970px;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-size: 16px;
		margin: 0 7px;
	}
	.news-box p {
		font-size: 15px;
	}
	ul.follow-us li {
		margin-right: 10px;
	}
	.muscle-para a.btn,
	.banner-outer .content a.btn {
		font-size: 16px;
		line-height: 20px;
	}	
	.about-top-left li:last-child p {
		margin-bottom: 0;
	}
	.about-top-right img {
		bottom: -2px;
	}	
	.classSch-outer.pagepd {
		padding-top: 31px;
	}
	.news-outer-pg.p-b-0.pd {
		padding-top: 55px;
	}
	.classSch-outer.schedulePage {
		padding-top: 33px;
	}
	.trainers-outer.bgNone.trainers-page {
		padding: 25px 0;
	}
	.news-outer-pg {
		padding: 40px 0 45px;
	}
	.news-outer-pg.new-detail-page {
		padding: 40px 0;
	}
	.cal-info-outer {
		padding-top: 40px;
	}
	.contact-outer {
		padding-bottom: 40px;
	}
	.popular-classes.classes-detail{
		padding:55px 0 30px;
	}
	
}
@media (max-width: 1023px) {
	.banner-outer .content h1{
		font-size:38px;
		line-height:50px;
	}
	.banner-outer .content h2::before{
		width:50px;
	}
	.banner-outer .content h2{
		padding:0 0 10px 60px;
	}
	.banner-outer .content p{
		font-size:16px;
		line-height:24px;
	}
	.why-choose .detail{
		padding:20px 10px;
	}
	.box h2, .popular-classes .box h2{
		font-size:18px;
	}
	.why-choose, .popular-classes, .classSch-outer, .news-outer{
		padding:55px 0;
	}
	.trainers-outer{
		padding:55px 0 110px 0;
	}
	.pregnancy-yoga .mid-box{
		padding:55px 0;
	}		
	.muscle-para {
		padding: 0 0 0 30px;
	}
	.muscle-para h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.muscle-para h4 {
		font-size: 26px;
		line-height: 30px;
	}
	.trainers-outer.bgNone.trainers-page .trainers-box {
		margin-bottom: 15px;
	}
	.trainers-box {
		margin-bottom: 0;
	}
	.about-top-outer {
		padding: 55px 0 25px 0;
	}
	.professional-outer {
		padding: 40px 0 20px;
	}
	.news-outer-pg {
		padding: 55px 0;
	}
	.table td {
		font-size: 14px;
		width:37%;
	}
	.gallery-outer{
		padding:55px 0 45px 0;
	}
	.footer-top{
		padding-top:55px;
	}
	.footer-mid-block .classes {
		padding-left: 0;
	}
	.footer-mid-block .pages {
		padding-left: 20px;
	}
	.membership-offer {
		padding: 45px 0;
	}
	.membership-offer .membership-content h3 {
		font-size: 28px;
	}
	.membership-offer .membership-content h4 {
		font-size: 32px;
		padding: 10px 0;
	}
	.trainers-slider .owl-next {
		top: auto;
		bottom: -60px;
		right: 46%;
		margin-right: -30px;
	}
	.trainers-slider .owl-prev {
		top: auto;
		bottom: -60px;
		left: 48%;
		margin-left: -30px;
	}
	.head.other-classes{
		padding:0 65% 0 0;	
	}
}
@media (max-width: 991px) {
	.container {
		max-width: 750px;
	}
	h3,
	.head h3,
	.contact-outer h3,
	.heading h2 {
		font-size: 28px;
	}
	p {
		font-size: 14px;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-size: 14px;
		margin: 0 5px;
	}	
	.btn {
		font-size: 14px!important;
	}
	.building-box {
		padding: 10px;
	}
	.building-box h4 {
		font-size: 16px;
	}
	.building-box p {
		font-size: 14px;
	}
	.tabs li a,
	.tabs li span {
		font-size: 13px;
		margin: 0;
		padding: 5px 15px;
		text-align: center
	}
	.muscle-para a.btn,
	.banner-outer .content a.btn {
		padding: 8px 10px;
	}
	.classSch-outer .tabs li a {
		font-size: 13px;
		width: 13%;
		margin: 0;
		padding: 5px;
	}
	.trainers-box span {
		padding: 7px;
		font-size: 16px;
	}
	.counter-box strong {
		font-size: 50px;
		line-height: 55px;
	}
	.counter-box small {
		font-size: 14px;
		line-height: 20px;
		display: block;
	}
	.news-box h4 {
		font-size: 18px;
	}
	.news-box p {
		font-size: 14px;
	}
	.footer-top p {
		font-size: 14px;
	}
	.footer-top .contact-us p,
	.footer-top .contact-us a {
		padding: 0 0 14px 0;
		font-size: 14px;
	}
	ul.follow-us li a {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 17px;
	}
	.about-top-left {
		padding: 0 0 30px 0;
	}
	.about-top-left h3 {
		font-size: 25px;
		margin: 0 0 10px 0;
	}
	.about-top-left ul li h4 {
		padding-bottom: 5px;
		font-size: 18px;
	}
	.about-top-left ul li h4 i {
		font-size: 20px;
	}
	.about-top-left p {
		font-size: 14px
	}
	.professional-box {
		padding: 0;
	}
	.professional-box p {
		font-size: 14px;
	}
	.feature-box p {
		font-size: 14px;
		padding: 10px 0 0 0;
	}
	.feature-box h4 {
		font-size: 22px;
		line-height: 28px;
	}
	.cal-info-box {
		padding: 20px 10px 10px;
	}
	.cal-info-box p,
	.cal-info-box p a {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.container {
		max-width: 100%;
	}	
	.news-right {
		margin: 18px 0 0;
	}
	header {
		position: static;		
	}
	header.header-small {
		background: #fff;
	}
	header.header-small .header-sec,
	.header-sec {
		padding:10px 20px;
	}
	header .logo,
	header.header-small .logo {
		height: auto;
		text-align: center;
		width:155px !important;
		margin:0 auto;
		z-index:9;
	}
	header .logo img,
	header.header-small .logo img.main {
		display: inline-block;
		max-width: 120px;
		margin: 0;
	}
	header.header-small img.fix {
		display: none;
	}
	.header-right {
		margin-top: -47px!important
	}
	.navbar {
		margin:18px 0 0 0;
		width: calc(100% + 41px);
		margin-right: -20px;
	}
	.navbar-inverse .navbar-toggle {
		border: none;
	}
	.navbar-header {
		background-color: #0267a2;
	}
	.navbar-inverse .navbar-toggle:focus,
	.navbar-inverse .navbar-toggle:hover {
		background: none;
	}
	.navbar-dark .navbar-toggler {
		cursor: pointer;
		border: none;
		padding: 0 20px;
		width: auto;
	}
	.navbar-toggler {
		float: left;
		width: 100%;
		border-radius: 0;
		text-align: end;
		color: #fff;
		opacity: 1;
	}
	.navbar-dark .navbar-nav .nav-link {
		padding: 8px 15px;
		margin: 0!important;
		font-size: 15px;
		color: #fff;
	}
	.navbar-dark .navbar-nav .active>.nav-link,
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .show>.nav-link,
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:hover {
		background: #4fbba7;
		color: #fff;
	}
	.navbar-toggle .icon-bar {
		width: 26px;
		height: 3px;
	}
	.navbar-collapse {
		box-shadow: none;
		border: none;
		margin: 15px 0 0 0;
		background: #78ddca;
	}
	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, header.header-small .navbar-dark .navbar-nav .active > .nav-link, header.header-small .navbar-dark .navbar-nav .nav-link:focus{
		color:#fff;
		background:#4fbba7;
	}
	header.header-small .navbar-dark .navbar-nav .nav-link, .error-pg header.header-small .navbar-dark .navbar-nav .nav-link{
		color:#fff;
	}
	.navbar-toggler {
		outline: none!important;
	}
	.nav>li>a {
		padding: 12px 20px;
	}
	.navbar-nav>li:first-child a {
		padding-left: 12px;
	}
	.nav.navbar-nav {
		padding: 0 10px;
	}
	.navbar-nav .open .dropdown-menu {
		background: #fff;
		border-radius: 0px;
	}
	.navbar .dropdown-menu {
		padding: 10px 0;
	}
	.navbar .dropdown-menu:after {
		display: none;
	}
	.navbar-toggler-icon {
		float: left;
		background: url(../images/menu_icon.png) no-repeat center!important;
		margin-left:8px;
	}
	.header_search_outer {
		position: static;
	}
	.header_search_outer .header_search {
		position: absolute;
		right: 0;
		top: 50px;
		margin: 0 2% 0;
		width: 96%;
		z-index: 9;
	}
	.header_search_outer .icon-search-icon {
		border: none;
		float: left;
		position: absolute;
		top: 17px;
		z-index: 99;
		right: 15px;
		margin:0;
		border:none !important;
	}
	.breadcrumbs {
		margin-top: 8px;
	}
	.heading {
		padding: 0 5% 50px 5%;
	}
	.head {
		padding-left: 5%;
		padding-right: 5%;
	}
	.banner-outer.inner-banner .content h1 {
		font-size: 36px;
	}
	.banner-outer .content {
		padding: 40px 0 50px;
		max-width: 100%;
	}
	.inner-banner .content {
		padding: 65px 0 80px;
	}
	.banner-outer .content h1 {
		font-size: 40px;
		line-height: 45px;
	}
	.banner-outer .content h2 {		
		padding: 0 0px 5px 60px;
	}
	.banner-outer .content h2::after {
		border-bottom: 48px solid transparent;
		border-left: 20px solid #4fbba7;
		right: -20px;
	}
	.banner-outer .content p {
		font-size: 15px;
		padding-bottom: 10px;
	}
	.btn {
		display: inline-block;
		padding: 7px 10px;
		font-size: 14px;
	}
	.building-box {
		padding: 20px;
		margin-bottom: 15px;
	}
	.building-outer {
		padding: 50px 0 28px 0;
	}
	.feature-box {
		margin-top: 0;
		margin-bottom: 15px;
	}
	.feature-box img {
		width: 100%;
	}
	.feature-outer.classes-page {
		padding-bottom: 36px;
		padding-top: 40px;
	}
	.muscle-outer {
		overflow: hidden;
		padding-bottom: 20px;
	}
	.muscle-outer figure {
		width: 100%;
		padding-bottom: 10px;
	}
	.muscle-para {
		float: left;
		width: 100%;
		padding: 15px;
		max-width: 600px;
		margin-top: 0;
		padding-bottom: 20px;
	}
	.muscle-para .outer {
		position: static;
		transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	.muscle-para h3 {
		font-size: 25px;
	}
	.feature-list .col-sm-4.col-xs-12:last-child .feature-box {
		margin-bottom: 0;
	}
	.feature-outer.classes-page .feature-list .col-sm-4.col-xs-12:first-child .feature-box {
		margin-top: 0;
	}
	.feature-box h4 {
		font-size: 20px;
	}
	.classSch-outer .tabs li a {
		font-size: 10px;
		width: 13.5%;
		margin: 0;
		padding: 0;
	}
	.table td {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.table td .btn {
		padding: 5px;
		font-size: 10px!important;
	}
	.gallery-list .col-xs-12,
	.counter-outer .col-xs-12,
	.feature-list .col-xs-12,
	.news-list .col-xs-12,
	.trainers-list .col-xs-12 {
		width: 50%!important
	}
	.gallery-box figure img,
	.trainers-box figure img {
		width: 100%;
	}
	.gallery-list {
		margin-top: 75px;
	}
	.gallery-outer .tabs {
		margin-top: -6px;
		float: right;
		position: absolute;
		right: auto;
	}
	.counter-box {
		margin: 10px 0
	}
	.counter-box strong {
		padding: 0;
		font-size: 35px;
	}
	.news-box {
		margin-bottom: 20px;
	}
	.news-list .col-sm-4.col-xs-12:last-child .news-box {
		margin-bottom: 0;
	}
	.news-box figure img {
		width: 100%;
	}
	.footer-top {
		padding-top: 25px;
		padding-bottom: 20px;
	}
	ul.flicker-box {
		padding-top: 8px;
	}
	.footer h3 {
		padding: 10px 0;
	}
	ul.flicker-box li a img {
		width: 100%;
	}
	.about-top-right {
		display: none
	}
	.about-top-outer {
		padding: 30px 0 0px 0;
	}
	.finess-outer h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.cal-info-box {
		margin-bottom: 20px;
	}
	.cal-info-outer {
		padding: 40px 0 0 0;
	}
	.contact-outer {
		padding: 10px 0 35px;
	}
	.form-wrapper {
		margin-bottom: 30px;
	}
	.news-left .form-wrapper .input-row {
		margin-bottom: 0
	}
	.news-left .form-wrapper .input-row input,
	.news-left .form-wrapper .input-row textarea {
		margin-bottom: 20px
	}
	.error-outer {
		padding: 30px 0
	}
	.error-outer h3 {
		font-size: 26px;
	}
	.error-outer p {
		font-size: 17px;
	}
	.trainers-outer.bgNone.trainers-page {
		padding-bottom: 25px;
		padding-top: 25px;
	}
	.counter-outer {
		padding: 30px 0 26px 0;
	}
	.comments-wrapper ul.comments li .com-txt h3 span {
		display: block;
		padding-left: 0;
	}
	.trainers-outer {
		padding-top: 45px;
		padding-bottom:45px;
	}
	.news-outer {
		padding: 45px 0 32px;
	}
	.gallery-outer{
		padding:45px 0 45px 0;
	}
	.post-detail li:first-child {
		margin-right: 15px;
	}
	.post-detail li {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.search-block {
		margin-bottom: 20px;
	}
	h2 {
		font-size: 28px;
	}
	.membership-offer {
		padding: 30px 0;
	}
	.membership-offer .membership-content h3 {
		font-size: 22px;
	}
	.membership-offer .membership-content h4 {
		font-size: 24px;
	}
	.why-choose, .popular-classes, .classSch-outer, .news-outer, .pregnancy-yoga .mid-box{
		padding:45px 0;
	}
	.why-choose .box{
		margin-bottom:30px;
	}
	.why-choose .box img, .popular-classes .box img{
		width:100%;
	}
	.why-choose .col-sm-4.col-xs-12:last-child .box{
		margin-bottom:0;
	}
	.pregnancy-yoga .mid-box h3{
		font-size:20px;
	}
	.pregnancy-yoga .mid-box h4{
		font-size:25px;
	}
	.head.other-classes{
		width:100%;
		padding:0;
	}
	.popular-classes.classes-detail{
		padding:45px 0 10px 0;
	}
	.error-pg header .logo img{
		max-width:130px;
	}
}
@media (max-width: 479px) {
	.banner-outer .content h1 {
		font-size: 30px;
		line-height: 35px;
	}
	.head {
		text-align: center;
	}
	h3,
	.head h3,
	.contact-outer h3,
	.heading h2 {
		font-size: 23px;
	}
	.head.border h3 {
		width: 100%;
		margin-bottom: 60px;
	}
	.head.border span {
		padding: 0;
	}
	.head.border h3::after {
		display: none
	}
	.feature-slider .owl-prev,
	.feature-slider .owl-next,
	.trainers-slider .owl-prev,
	.trainers-slider .owl-next {
		top: -50px;
		margin-right: 0;
		right: 0;
	}
	.feature-slider .owl-prev,
	.trainers-slider .owl-prev {
		left: 0;
		right: auto;
		margin-left: 0;
	}
	.muscle-para h4 {
		font-size: 22px;
	}
	.tabs li a,
	.tabs li span {
		font-size: 11px;
		padding: 0px 10px;
	}
	.classSch-outer .tabs {
		margin-bottom: 10px;
	}
	.classSch-outer .tabs li a {
		width: 23%;
		margin: 0 0 11px;
	}
	.gallery-outer .tabs {
		margin-top: -6px;
		float: right;		
		right: auto;
		text-align: CENTER;
		width: 100%;
	}
	.table td {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%!important;
		display: inline-block;
	}
	.table tr {
		border: 1px solid #c8c8c8;
		border-bottom: none;
	}
	.table tr:nth-child(even) {
		margin: 20px 0;
		width: 100%;
		display: inline-block;
	}
	.table tr:last-child {
		margin-bottom: 0;
	}
	.table td {
		font-size: 14px;
	}
	.table td .btn {
		display: block;
		padding: 7px 10px;
		font-size: 14px!important;
	}
	.feature-list .col-xs-12,
	.news-list .col-xs-12,
	.trainers-list .col-xs-12 {
		width: 100%!important
	}
}