/*========================
	Table of Content
	----------------
	
	01. Fonts
	02. Basic Css
	03. Preloader Css
	04. Header Css
	05. Hero Section
	06. About Section
	07. How To Work Section
	08. Featured Plan Section
	09. BMI Section
	10. Trainer Section
	11. Stream Section
	12. Testimonials Section
	13. Pricing Section
	14. Blog Section
	15. Inner Section
	16. Contact Page
	17. Gallery Page
	18. Schedule Page
	19. Footer Section
==========================
*/


/*======================
   01. Fonts
========================*/

@font-face {
	font-family: SFProDisplay-Bold;
	src: url(../webfonts/SFProDisplay-Bold.ttf);
}

@font-face {
	font-family: SFProDisplay-Regular;
	src: url(../webfonts/SFProDisplay-Regular.ttf);
}

@font-face {
	font-family: SFProDisplay-Medium;
	src: url(../webfonts/SFProDisplay-Medium.ttf);
}

@font-face {
	font-family: SFProDisplay-Heavy;
	src: url(../webfonts/SFProDisplay-Heavy.ttf);
}


/*======================
   02. Basic Css
========================*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	color: #333b55;
	line-height: 26px;
	font-family: SFProDisplay-Regular;
}

ol,
ul {
	list-style: none;
}

a:hover {
	text-decoration: none;
	color: #228aff;
}

a:focus,
button:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

a,
button {
	font-family: SFProDisplay-Bold;
}

p {
	color: #697c8c;
	font-family: SFProDisplay-Regular;
}


/*======================
   03. Preloader Css
========================*/

.proloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	background: #fff;
}

.loader_34 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.loader_34 .ytp-spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	margin-left: -32px;
	z-index: 18;
	pointer-events: none;
}

.loader_34 .ytp-spinner .ytp-spinner-container {
	pointer-events: none;
	position: absolute;
	width: 100%;
	padding-bottom: 100%;
	top: 50%;
	left: 50%;
	margin-top: -50%;
	margin-left: -50%;
	animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
	-webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
}

.loader_34 .ytp-spinner-rotator {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
	animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
}

.loader_34 .ytp-spinner-left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.loader_34 .ytp-spinner-right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.loader_34 .ytp-spinner-left {
	right: 50%;
}

.loader_34 .ytp-spinner-right {
	left: 50%;
}

.loader_34 .ytp-spinner-circle {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 200%;
	height: 100%;
	border-style: solid;
	border-color: #228aff #228aff transparent;
	border-radius: 50%;
	border-width: 6px;
}

.loader_34 .ytp-spinner-left .ytp-spinner-circle {
	left: 0;
	right: -100%;
	border-right-color: transparent;
	-webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
	animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
}

.loader_34 .ytp-spinner-right .ytp-spinner-circle {
	left: -100%;
	right: 0;
	border-left-color: transparent;
	-webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
	animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
}

@-webkit-keyframes ytp-spinner-linspin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes ytp-spinner-linspin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes ytp-spinner-easespin {
	12.5% {
		-webkit-transform: rotate(135deg);
	}
	25% {
		-webkit-transform: rotate(270deg);
	}
	37.5% {
		-webkit-transform: rotate(405deg);
	}
	50% {
		-webkit-transform: rotate(540deg);
	}
	62.5% {
		-webkit-transform: rotate(675deg);
	}
	75% {
		-webkit-transform: rotate(810deg);
	}
	87.5% {
		-webkit-transform: rotate(945deg);
	}
	to {
		-webkit-transform: rotate(1080deg);
	}
}

@keyframes ytp-spinner-easespin {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg);
	}
	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg);
	}
	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg);
	}
	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg);
	}
	to {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg);
	}
}

@-webkit-keyframes ytp-spinner-left-spin {
	0% {
		-webkit-transform: rotate(130deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
	}
	to {
		-webkit-transform: rotate(130deg);
	}
}

@keyframes ytp-spinner-left-spin {
	0% {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	to {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg);
	}
}

@-webkit-keyframes ytp-right-spin {
	0% {
		-webkit-transform: rotate(-130deg);
	}
	50% {
		-webkit-transform: rotate(5deg);
	}
	to {
		-webkit-transform: rotate(-130deg);
	}
}

@keyframes ytp-right-spin {
	0% {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg);
	}
	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	to {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg);
	}
}


/*======================
   04. Header Css
========================*/

header {
	position: fixed;
	top: 0;
	left: 0;
	height: 80px;
	z-index: 1024;
	width: 100%;
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
	background-color: transparent;
	font-size: 13px;
}

header.sticky {
	background-color: #05131f;
	-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
}

header .menu li a.button {
	padding: 6px 15px;
}

.logo img {
	max-width: 140px;
	width: 100%;
}

.menu {
	text-align: right;
}

.menu li {
	display: inline-block;
	color: #fff;
	padding: 0 15px;
}

.menu li:last-child {
	padding-right: 0;
}

.menu li a {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	padding: 0;
	letter-spacing: 1.3px;
	font-family: SFProDisplay-Medium;
	position: relative;
}

.menu li a::before {
	content: attr(data-text);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	color: #228aff;
	overflow: hidden;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.menu li a:hover::before,
.menu>li>a.active::before {
	width: 100%;
}

.hamburger-menu {
	cursor: pointer;
	position: absolute;
	right: 15px;
	display: none;
	z-index: 999;
	top: -15px;
}

.hamburger-menu span {
	background: #ffffff;
	width: 30px;
	height: 3px;
	display: block;
	margin: 5px 0;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.hamburger-menu .line-top.current {
	-webkit-transform: translateY(200%) rotate(135deg);
	-ms-transform: translateY(200%) rotate(135deg);
	transform: translateY(200%) rotate(135deg);
}

.hamburger-menu .line-center.current {
	opacity: 0;
}

.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-325%) rotate(-135deg);
	-ms-transform: translateY(-325%) rotate(-135deg);
	transform: translateY(-325%) rotate(-135deg);
}


/*======================
   05. Hero Section
========================*/

.title {
	font-size: 40px;
	color: #05131f;
	font-family: SFProDisplay-Heavy;
	margin-top: -10px;
	text-transform: capitalize;
}

.landing_wrapper {
	min-height: 750px;
	width: 100%;
	padding-top: 80px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom-right-radius: 150px;
	background-color: #1c1d2b;
	z-index: 1;
}

.landing_wrapper::before {
	position: absolute;
	content: '';
	height: 100%;
	width: 123px;
	left: -50px;
	top: 0;
	background-image: url(../img/pattern.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.home_wrapper {
	padding: 80px 0;
}

.home_wrapper span {
	font-family: SFProDisplay-Medium;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 3.7px;
	font-size: 14px;
	display: inline-block;
}

.home_wrapper h1 {
	color: #fff;
	font-family: SFProDisplay-Heavy;
	font-size: 70px;
	line-height: 80px;
	text-transform: uppercase;
}

.home_wrapper p {
	font-size: 18px;
	line-height: 30px;
	font-family: SFProDisplay-Medium;
	color: #d8d8d8;
	max-width: 510px;
}

.follow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	right: -35px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: -85px;
	text-align: center;
}

.follow span {
	margin-right: 55px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	font-family: SFProDisplay-Medium;
	display: inline-block;
	position: relative;
}

.follow span::after {
	position: absolute;
	content: '';
	left: calc(100% + 5px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px;
	height: 1px;
	background-color: #228aff;
}

.follow a {
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.follow a:hover {
	color: #228aff;
}

.hero_slider .item{
	min-height: 750px;
	width: 100%;
	padding-top: 80px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.hero_slider .item::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.6;

}

.hero_slider .owl-item.active .home_wrapper{
	max-width: 100%;
	width: 100%;
}

.hero_slider .owl-item.active .home_wrapper span,
.hero_slider .owl-item.active .home_wrapper h1,
.hero_slider .owl-item.active .home_wrapper p,
.hero_slider .owl-item.active .home_wrapper a {
  top: 0;
  opacity: 1;
  position: relative;
}
.hero_slider .owl-item.active .home_wrapper span {
  -webkit-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
}
.hero_slider .owl-item.active .home_wrapper h1 {
  -webkit-transition: all 0.4s ease 0.4s;
  -o-transition: all 0.4s ease 0.4s;
  transition: all 0.4s ease 0.4s;
}
.hero_slider .owl-item.active .home_wrapper p {
  -webkit-transition: all 0.6s ease 0.6s;
  -o-transition: all 0.6s ease 0.6s;
  transition: all 0.6s ease 0.6s;
}

.hero_slider .owl-item.active .home_wrapper .home_button_group {
  -webkit-transition: all 0.7s ease 0.7s;
  -o-transition: all 0.7s ease 0.7s;
  transition: all 0.7s ease 0.7s;
  position: relative;
  top: 0;
  opacity: 1;
}

.hero_slider .owl-item .home_wrapper span,
.hero_slider .owl-item .home_wrapper h1,
.hero_slider .owl-item .home_wrapper p {
  top: 50px;
  opacity: 0;
  position: absolute;
}

.hero_slider .owl-item .home_wrapper p {
  font-size: 22px;
   line-height: 32px;
   color: #ffffff;
   max-width: 733px;
}
.hero_slider .owl-item .home_wrapper .home_button_group {
  top: 100px;
  opacity: 0;
  position: absolute;
}

.hero_slider .owl-nav button{
	height: 50px;
    width: 40px;
    border-radius: 0px 5px 5px 0px;
    background: #228aff !important;
    color: #ffffff !important;
    font-size: 25px !important;
    position: absolute;
    top: calc(50% + 15px);
    left: 0;
}

.hero_slider .owl-nav button.owl-next{
    left: auto;
    right: 0;
    border-radius: 5px 0px 0px 5px;
}


/*======================
   06. About Section
========================*/

.about_pic {
	position: relative;
}

.about_pic img {
	min-width: 100%;
}

.about_text {
	padding-left: 40px;
}

.about_text p {
	color: #6b6b6b;
	font-size: 17px;
}

.about_text .at_author h4 {
	font-size: 22px;
	color: #111111;
	font-weight: 600;
}

.about_text .at_author span {
	font-size: 12px;
	color: #228aff;
}

.about_pic .play_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pulse {
	height: 65px;
	width: 65px;
	border-radius: 50%;
	position: relative;
	background-color: #228aff;
	text-align: center;
}

.pulse i {
	font-size: 20px;
	line-height: 65px;
	margin: 0;
	color: #fff;
}

.pulse::before,
.pulse::after {
	position: absolute;
	content: '';
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	border: 1px solid #228aff;
	border-radius: 50%;
	-webkit-animation: pulsing 1.5s linear infinite;
	animation: pulsing 1.5s linear infinite;
	opacity: 0;
}

.pulse::after {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

@-webkit-keyframes pulsing {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes pulsing {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

.counter_content .counter_box {
	border: 1px solid #fff;
	padding: 60px 20px;
	margin: 15px 0;
}

.counter_content .counter_box h3 {
	font-family: SFProDisplay-Bold;
	font-size: 50px;
	margin-bottom: 15px;
}

.counter_content .counter_box p {
	font-size: 20px;
	text-transform: uppercase;
}


/*======================
   07. How To Work Section
========================*/

.works_wrapper {
	background-color: #f8f8f8;
}

.works_wrapper.section_padd {
	padding: 95px 0 90px;
}

.work_box {
	padding: 0 30px;
}

.work_box span {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.work_box h3 {
	font-size: 24px;
	font-family: SFProDisplay-Bold;
	color: #05131f;
	position: relative;
}

.work_box h3::after {
	position: absolute;
	content: '';
	top: calc(100% + 15px);
	left: calc(50% - 10px);
	width: 20px;
	height: 5px;
	background-color: #228aff;
}


/*==========================
   08. Featured Plan Section
============================*/

.feature_box {
	-webkit-box-shadow: 0px 20px 40px rgba(126, 141, 162, 0.12);
	box-shadow: 0px 20px 40px rgba(126, 141, 162, 0.12);
}

.feature_box img {
	width: 100%;
}

.feature_box .feature_body {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 25px 30px 30px 30px;
}

.feature_box .feature_body span {
	display: inline-block;
	text-transform: uppercase;
	font-family: SFProDisplay-Bold;
	font-size: 13px;
	letter-spacing: 4px;
}

.feature_box .feature_body h3 {
	font-size: 24px;
	font-family: SFProDisplay-Bold;
	color: #05131f;
}

.feature_box .feature_body h3 del {
	font-size: 14px;
	color: #697c8c;
}

.feature_box .feature_body a {
	text-transform: uppercase;
	font-size: 15px;
}

.feature_box .feature_body a i {
	font-size: 10px;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	line-height: 15px;
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;
}


/*==========================
   09. BMI Section
============================*/

.bmi_wrapper {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: 1;
}

.bmi_wrapper::before {
	position: absolute;
	content: '';
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #228aff;
	left: 0;
	opacity: 0.5;
}

.bmi_wrapper input {
	background-color: #fff;
	border: solid 1px #e8e8e8;
	font-size: 14px;
	height: 50px;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 18px;
	width: 100%;
}

.nice-select {
	width: 100%;
	border-radius: 0;
	height: 50px;
	line-height: 50px;
}

.nice-select:focus,
.bmi_wrapper input:focus,
.nice-select:active,
.nice-select.open {
	border-color: #228aff;
}

.nice-select:after {
	border-bottom: 1px solid #1f1e1e;
	border-right: 1px solid #1f1e1e;
	display: block;
	height: 7px;
	margin-top: -4px;
	right: 18px;
	top: 50%;
	width: 7px;
}

.nice-select.open .list {
	width: 100%;
	border-radius: 0;
	margin-top: 0;
	-webkit-box-shadow: 0 0 0 1px #228aff;
	box-shadow: 0 0 0 1px #228aff;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	background-color: #228aff;
	color: #ffffff;
}

.list-group-item:first-child,
.list-group-item:last-child {
	border-radius: 0;
}


/*==========================
   10. Trainer Section
============================*/

.trainer_wrapper {
	background-color: #f8f8f8;
}

.single_trainer_item {
	position: relative;
	-webkit-box-shadow: 0px 20px 40px rgba(126, 141, 162, 0.12);
	box-shadow: 0px 20px 40px rgba(126, 141, 162, 0.12);
	border: 2px solid #228aff;
	overflow: hidden;
	border-radius: 60px 0 60px 0;
}

.single_trainer_item img {
	width: 100%;
}

.single_trainer_item .trainer_text {
	text-align: center;
	background: #ffffff;
	margin: 0 auto;
	padding: 20px 30px 18px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
}

.single_trainer_item .trainer_text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	margin-bottom: 4px;
	font-family: SFProDisplay-Medium;
}

.single_trainer_item .trainer_text span {
	font-size: 16px;
	color: #228aff;
}

.social_icons a {
	display: inline-block;
	font-size: 15px;
	color: #404040;
	margin-right: 10px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	background-color: #f8f8f8;
	margin-top: 10px;
}

.social_icons a:hover {
	color: #ffffff;
	background-color: #228aff;
}

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


/*==========================
   11. Stream Section
============================*/

.stream_wrapper.section_padd {
	padding: 95px 0 90px;
}

.stream_wrapper .stream_box {
	padding: 0 33px;
}

.stream_wrapper .stream_box .icon {
	height: 66px;
	width: 66px;
	border-radius: 50%;
	background-color: #228aff;
	text-align: center;
	line-height: 59px;
	margin: 0 auto;
}

.stream_wrapper .stream_box h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #05131f;
	font-family: SFProDisplay-Bold;
}

.banner_wrapper.section_padd {
	padding: 0 0 95px;
}

.banner {
	background-color: #228aff;
	color: #fff;
	padding: 40px 50px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.img_body {
	right: 50px;
	bottom: 0;
}

.banner h2 {
	font-size: 36px;
	line-height: 46px;
	font-family: SFProDisplay-Heavy;
}

.banner p {
	color: #fff;
}

.button_light {
	text-align: center;
	border: 2px solid #fff;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background-color: #fff;
	color: #228aff;
	padding: 10px 32px;
	letter-spacing: 1px;
	transition: 0.3s;
}

.button_light:hover,
.button_light.button_light_outline:hover {
	background-color: #fff;
	color: #228aff;
}

.button_light.button_light_outline {
	background-color: transparent;
	color: #fff;
}


/*==========================
   12. Testimonials Section
============================*/

.testimonial_wrapper {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	z-index: 1;
	overflow: hidden;
}

.testimonial_wrapper::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #228aff;
	z-index: -1;
	opacity: 0.5;
}

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

.testimonial_slider.owl-carousel .owl-nav button {
	font-size: 50px;
	color: #bdbdbd;
	position: absolute;
	left: -102px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.testimonial_slider.owl-carousel .owl-nav button:hover {
	color: #ffffff;
}

.testimonial_slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -102px;
}

.testimonial_slider .testimonial_item {
	text-align: center;
}

.testimonial_slider .testimonial_item p {
	font-size: 22px;
	color: #ffffff;
	line-height: 40px;
	margin-bottom: 40px;
	margin-top: 60px;
	font-family: SFProDisplay-Bold;
	letter-spacing: 0.5px;
}

.testimonial_slider .testimonial_item .ti_pic {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	position: relative;
}

.testimonial_slider .testimonial_item .ti_pic img.client_img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.testimonial_slider .testimonial_item .ti_pic img.quote_img {
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
	width: 75px;
}

.testimonial_slider .testimonial_item .ti_author h4 {
	font-size: 25px;
	color: #f7f7f7;
	margin-bottom: 8px;
}

.testimonial_slider .testimonial_item .ti_author span {
	font-size: 16px;
	color: #f1f1f1;
}


/*==========================
   13. Pricing Section
============================*/

section.pricing_wrapper {
	background: #007bff;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	background-attachment: fixed;
}

section.pricing_wrapper::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#253142), to(#185d98));
	background: -o-linear-gradient(left, #253142, #185d98);
	background: linear-gradient(to right, #253142, #185d98);
	opacity: 0.7;
}

.pricing_wrapper .card {
	border: none;
	border-radius: 1rem;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing_wrapper hr {
	margin: 1.5rem 0;
}

.pricing_wrapper .card-title {
	margin: 0.5rem 0;
	font-size: 0.9rem;
	letter-spacing: .1rem;
	font-weight: bold;
}

.pricing_wrapper .card-price {
	font-size: 3rem;
	margin: 0;
}

.pricing_wrapper .card-price .period {
	font-size: 0.8rem;
}

.pricing_wrapper ul li {
	margin-bottom: 1rem;
}

.pricing_wrapper ul li .fa-check {
	color: #58da80;
}

.pricing_wrapper ul li .fa-times {
	color: #ff5858;
}

.pricing_wrapper .text-muted {
	opacity: 0.7;
}

.pricing_wrapper .button {
	border-radius: 5rem;
	margin-top: 20px;
	margin-bottom: 0.5rem;
}

.pricing .card:hover {
	margin-top: -.25rem;
	margin-bottom: .25rem;
	-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}


/*==========================
   14. Blog Section
============================*/

.latest_items {
	-webkit-box-shadow: 0px 20px 40px rgba(126, 141, 162, 0.12);
	box-shadow: 0px 20px 40px rgba(126, 141, 162, 0.12);
}

.latest_pic {
	overflow: hidden;
}

.latest_pic img {
	width: 100%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.latest_items:hover .latest_pic img {
	-webkit-transform: scale(1.2) rotate(5deg);
	-ms-transform: scale(1.2) rotate(5deg);
	transform: scale(1.2) rotate(5deg);
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5);
}

.latest_items .latest_text .latest_tag {
	overflow: hidden;
	margin-bottom: 15px;
}

.latest_items .latest_text .latest_tag .tag_clock,
.latest_items .latest_text .latest_tag .tag_comments {
	float: left;
	font-size: 14px;
	color: #9a9a9a;
}

.latest_items .latest_text .latest_tag{
	margin-left: -14px;
	margin-right: -14px;
}

.latest_items .latest_text .latest_tag div {
	margin-left: 14px;
	margin-right: 14px;
}

.latest_items .latest_text .latest_tag .tag_clock i,
.latest_items .latest_text .latest_tag .tag_comments i {
	margin-right: 8px;
	font-size: 14px;
}

.latest_items .latest_text {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 25px 30px 25px 30px;
}

.latest_items .latest_text h5 {
	font-size: 20px;
	color: #191919;
	line-height: 28px;
	font-family: SFProDisplay-bold;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.latest_items:hover .latest_text h5 {
	color: #228aff;
}

.latest_items .latest_text p {
	font-size: 16px;
	margin-top: 15px;
}


/*Blog Details*/

.blog_details_wrapper h4 {
	color: #07001e;
	font-size: 26px;
}

.blog_details_wrapper .meta_wrapper,
.blog_details_wrapper .date,
.blog_details_wrapper .comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.blog_details_wrapper p {
	font-size: 17px;
	color: #666666;
	line-height: 24px;
}

.blog_details_wrapper .quote {
	-webkit-box-shadow: 0px 0px 11px 2px #f1f0f0;
	box-shadow: 0px 0px 11px 2px #f1f0f0;
	padding: 25px 35px;
}

.blog_details_wrapper .quote .name p {
	position: relative;
	display: inline-block;
	font-weight: 600;
}

.blog_details_wrapper .quote .name p::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -40px;
	width: 34px;
	height: 1px;
	background-color: #228aff;
}

.blog_details_wrapper .social_icons {
	padding: 15px 0;
}

.blog_details_wrapper .social_icons li {
	line-height: 15px;
}

.blog_details_wrapper .social_icons li span {
	font-size: 20px;
	font-weight: bold;
}

.blog_details_wrapper .social_icons li a {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	color: #228aff;
	display: inline-block;
	line-height: 40px;
	border: 1px solid #228aff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog_details_wrapper .social_icons li a:hover {
	background-color: #228aff;
	color: #fff;
}

.blog_img {
	width: 100%;
}

#comment_form input,
.blog_right_side input,
#comment_form textarea {
	width: 100%;
	padding: 5px 10px;
	background-color: #f8f8f8;
	border: 1px solid #dedede;
	color: #878787;
}

#comment_form input:focus,
.blog_right_side input:focus,
#comment_form textarea:focus {
	outline: none;
	border-color: #228aff;
}

#comment_form input {
	height: 45px;
}

#comment_form textarea {
	height: 150px;
	resize: none;
}

.blog_right_side {
	width: 100%;
	background-color: #f8f8f8;
	padding: 40px 30px 0px;
}

.blog_right_side h4 {
	border-bottom: 1px solid #dedede;
	padding-bottom: 8px;
	margin-top: -6px;
}

.product_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product_img {
	width: 70px;
	height: 70px;
	background-color: #d7d7d7;
	overflow: hidden;
	margin-right: 15px;
}

.product_img img {
	width: 100%;
}

.product_description h5 {
	font-size: 19px;
	color: #333333;
}

.category_area ul li a {
	color: #666666;
	font-size: 17px;
	margin-top: 20px;
	display: inline-block;
	line-height: 0.8;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.category_area ul li a:hover {
	color: #228aff;
}

.tags_area .tags {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -5px;
}

.tags_area .tags li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 5px;
}

.tags_area .tags li a {
	background-color: rgba(36, 138, 255, 0.09);
	padding: 5px 11.8px;
	border-radius: 5px;
	color: #228aff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-size: 15px;
	font-family: SFProDisplay-Medium;
}

.tags_area .tags li a:hover {
	background-color: #228aff;
	color: #fff;
}


/*==========================
   15. Inner Section
============================*/

.inner_wrapper {
	min-height: 310px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 90px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #05131f;
}

.inner_wrapper .home_wrapper {
	padding: 0;
}

.inner_wrapper .home_wrapper h1 {
	font-size: 60px;
	line-height: 70px;
}

.inner_wrapper .follow {
	margin-top: 0px;
}

.all_feature_wrapper.section_padd {
	padding: 65px 0 60px;
}

.all_feature_wrapper ul.nav li a {
	height: 60px;
	line-height: 60px;
	border: 1px solid #e1e3e4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 28px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 30px 15px 0 15px;
	min-width: 170px;
	color: #05131f;
	font-size: 16px;
	font-family: SFProDisplay-Medium;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.all_feature_wrapper ul.nav li a:hover,
.all_feature_wrapper ul.nav li a.active {
	color: #228aff;
	border-color: #228aff;
}

.all_feature_wrapper ul.nav li a img {
	margin-right: 10px;
}


/*==========================
   16. Contact Page
============================*/

#myMap {
	width: 100%;
	height: 500px;
}

.contact_form {
	background: #ffffff;
	padding: 60px 50px;
	-webkit-transform: translateY(-95px);
	-ms-transform: translateY(-95px);
	transform: translateY(-95px);
	border-radius: 6px;
	-webkit-box-shadow: 0 10px 80px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 80px rgba(0, 0, 0, 0.1);
}


/*==========================
   17. Gallery Page
============================*/

.gallery_wrapper {
	margin-bottom: -30px;
}

.gallery_wrapper .box {
	position: relative
}

.gallery_wrapper .box .gallery-img {
	height: 565px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.gallery_wrapper .box .big-img {
	height: 900px;
}

.gallery_wrapper .box .small-img {
	height: 435px;
}

.gallery_wrapper .box .overlay {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
}

.gallery_wrapper .box .overlay .overlay-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.gallery_wrapper .box .overlay .overlay-content h3 {
	color: #ffffff;
	font-size: 32px;
	margin: 0 0 10px 0;
	font-family: SFProDisplay-Bold;
	letter-spacing: 2px;
}

.gallery_wrapper .box .overlay .overlay-content p {
	color: #fff;
	font-size: 18px;
}

.gallery_wrapper .box.snake {
	overflow: hidden;
}


/*==========================
   18. Schedule Page
============================*/

.classes_timetable .nav_controls {
	text-align: center;
	margin-bottom: 42px;
}

.classes_timetable .nav_controls ul li {
	list-style: none;
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	display: inline-block;
	margin: 10px 24px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

.classes_timetable .nav_controls ul li.active {
	color: #228aff;
}

.classes_timetable .nav_controls ul li:hover {
	color: #228aff;
}

.schedule_table.filtering .ts_item {
	opacity: 0;
}

.schedule_table.filtering .ts_item.show {
	opacity: 1;
}

.schedule_table table {
	width: 100%;
	min-width: 750px;
	text-align: center;
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
}

.schedule_table table thead tr th {
	font-size: 16px;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	padding: 25px 0;
	background: #f0f0f0;
}

.schedule_table table tbody tr {
	border-top: 1px solid #e5e5e5;
}

.schedule_table table tbody tr td {
	width: 146px;
	background: #ffffff;
	border-right: 1px solid #e5e5e5;
	padding: 18px 0;
	position: relative;
	z-index: 1;
}

.schedule_table table tbody tr td.ts_item {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.schedule_table table tbody tr td:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #228aff;
	content: "";
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.schedule_table table tbody tr td.hover_bg:hover h6 {
	color: #ffffff;
}

.schedule_table table tbody tr td.hover_bg:hover span {
	color: #ffffff;
}

.schedule_table table tbody tr td.hover_bg:hover .trainer_name {
	color: #ffffff;
}

.schedule_table table tbody tr td.hover_bg:hover:after {
	opacity: 1;
}

.schedule_table table tbody tr td.hover_bg .trainer_name {
	position: relative;
	cursor: pointer;
}

.schedule_table table tbody tr td.hover_bg .trainer_name .trainer_img {
	position: absolute;
	height: 50px;
	top: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.schedule_table table tbody tr td.hover_bg .trainer_name:hover .trainer_img {
	visibility: visible;
	opacity: 1;
}

.schedule_table table tbody tr td h6 {
	font-weight: 600;
	color: #228aff;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.schedule_table table tbody tr td span {
	font-size: 14px;
	font-weight: 600;
	color: #111111;
}

.schedule_table table tbody tr td .trainer_name {
	font-size: 14px;
	color: #6b6b6b;
}


/*==========================
   19. Footer Section
============================*/

footer {
	background-color: #f2f2f2;
	padding: 0 0 30px;
}

.back-to-top {
	font-size: 24px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	background: #228aff;
}

.back-to-top i {
	color: #fff;
}