/*!
 * Authors : https://tbconditioning.co.uk
 * Client : Tom Brazier
 */::-webkit-scrollbar {
width:7px;
height:8px;
background-color:#f2f2f2;
border-radius:10px
}
::-webkit-scrollbar-thumb {
cursor:pointer;
background-color:#afafaf;
border-radius:10px
}
::-moz-scrollbar {
width:7px;
height:8px;
background-color:#f2f2f2;
border-radius:10px
}
::-moz-scrollbar-thumb {
cursor:pointer;
background-color:#afafaf;
border-radius:10px
}
#switch {
	height: 0;
	width: 0;
	visibility: hidden
}
.toggle-price {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px
}
.toggle-price span {
	color: #717c83;
	font-weight: 600;
	padding: 0 15px
}
.toggle-price.active span:last-of-type {
	color: #fff
}
.toggle-price span:first-of-type {
	color: #fff
}
.toggle-price.active span:first-of-type {
	color: #717c83
}
.toggle-price label {
	cursor: pointer;
	text-indent: -9999px;
	width: 80px;
	height: 38px;
	background: #2fc144;
	display: block;
	border-radius: 100px;
	position: relative
}
.toggle-price label:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 30px;
	transition: .3s
}
#switch:checked+label {
	background: #2fc144
}
#switch:checked+label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%)
}
.toggle-price label:active:after {
	width: 130px
}
.medium {
	font-family: montserrat-semibold
}
.btn-rounded-radius {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px
}
.btn-theme-gradient {
	background: #006abb;
	background: -moz-linear-gradient(left, #006abb 0, #0089f1 100%);
	background: -webkit-linear-gradient(left, #006abb 0, #0089f1 100%);
	background: linear-gradient(to right, #006abb 0, #0089f1 100%)
}
.btn-theme-gradient:hover {
	color: #fff!important;
	background: #006abb;
	background: -moz-linear-gradient(left, #0089f1 0, #006abb 100%);
	background: -webkit-linear-gradient(left, #0089f1 0, #006abb 100%);
	background: linear-gradient(to right, #0089f1 0, #006abb 100%)
}
.text-blue {
	color: #0089f1
}
.navbar-expand-md .navbar-collapse {
	display: inline-flex!important;
	flex-grow: 0
}
.web-navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 55px;
	transition: all ease .5s
}
.web-navbar.active {
	transition: all ease .5s;
	background-color: #000;
	padding: 15px 20px
}
.web-navbar .navbar-brand img {
	height: 70px;
	transition: all ease .5s
}
.web-navbar.active .navbar-brand img {
	height: 60px;
	transition: all ease .5s
}
.web-navbar .navbar-nav a.nav-link {
	text-transform: uppercase;
	color: rgba(255,255,255,.75);
	padding: 10px 15px;
	margin: 10px 15px;
	font-size: 14px
}
.web-navbar .navbar-nav a.active, .web-navbar .navbar-nav a.nav-link:hover {
	font-family: montserrat-semibold;
	color: #fff;
	transform: scale(1.05, 1.05)
}
.web-navbar .navbar-nav a.nav-link:hover {
	transform: scale(1.05, 1.05)
}
.register-nav a:first-child {
	color: #fff;
	margin-right: 20px;
	padding: 10px;
	line-height: 30px;
	font-family: montserrat-semibold
}
.navbar-user-menu {
	position: relative
}
.navbar-user-menu .user {
	color: #fff;
	display: flex;
	align-items: center
}
.navbar-user-menu .user span {
	display: inline-block;
	margin: 0 10px
}
.navbar-user-menu i {
	transform: rotate(0);
	transition: all ease .3s
}
.navbar-user-menu.active i {
	transform: rotate(180deg);
	transition: all ease .3s
}
.navbar-user-menu ul {
	border-radius: 5px;
	opacity: 0;
	display: none;
	top: 75px;
	position: absolute;
	right: 0;
	background-color: #000;
	min-width: 180px;
	transition: all ease .3s;
	border-bottom: 3px solid #0089f1
}
.navbar-user-menu ul.active {
	opacity: 1;
	top: 45px;
	display: block;
	transition: all ease .3s
}
.navbar-user-menu ul a {
	color: rgba(255,255,255,.75);
	padding: 10px 25px;
	display: block;
	font-size: 12px;
	border-bottom: 1px solid rgba(255,255,255,.08)
}
.navbar-user-menu ul li:first-child a {
	padding-top: 20px
}
.navbar-user-menu ul li:last-child a {
	padding-bottom: 20px
}
.navbar-user-menu ul a.active, .navbar-user-menu ul a:hover {
	background-color: #242628;
	color: #fff
}
.navbar-user-menu .user-avatar {
	height: 35px;
	width: 35px;
	border-radius: 35px;
	overflow: hidden
}
.navbar-user-menu .user-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover
}
.btn-signup {
	font-family: montserrat-semibold;
	color: #fff;
	text-transform: unset;
	padding: 15px 40px;
	font-size: 14px;
	border: 0
}
.banner:before {
	content: "";
	position: absolute;
	height: 300px;
	width: 300px;
	background-image: linear-gradient(to bottom, #0089f1 0, rgba(0,0,0,0) 100%);
	left: 0;
	top: 0;
	z-index: 1;
	opacity: .1;
	clip-path: polygon(0 0, 80% 0, 100.13% 100%, 13.33% 100%)
}
.banner {
	height: 100vh;
	position: relative
}
.banner:after {
	content: "";
	position: absolute;
	height: 300px;
	width: 100px;
	background-image: linear-gradient(to bottom, #0089f1 0, rgba(0,0,0,0) 100%);
	left: 170px;
	top: 0;
	z-index: 2;
	opacity: .1;
	clip-path: polygon(0 0, 48.7% 0, 81.13% 98.67%, 29.33% 99%)
}
.banner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top;
	min-height: 100vh
}
.banner .carousel-inner {
	height: 100vh
}
.banner .carousel-caption {
	left: 0;
	right: 0;
	text-align: left;
	top: 0;
	height: 65vh;
	padding: 0 55px;
	display: flex!important;
	align-items: flex-start;
	justify-content: flex-end;
	max-height: 615px;
	flex-direction: column;
	max-width: 80%
}
.banner .carousel-caption span {
	color: #d8d8d8;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 20px
}
.banner .carousel-caption h1, .banner .carousel-caption h1 span {
	font-family: montserrat-extrabold;
	font-size: 64px;
	line-height: 78px
}
.banner .carousel-caption h1 span {
	margin-bottom: 0;
	color: #1b1c1e;
	-webkit-text-stroke: 3px #fff
}
.banner .carousel-caption p:before {
	content: "";
	left: 0;
	top: 10px;
	width: 60px;
	height: 4px;
	background-color: #0089f1;
	position: absolute
}
.banner .carousel-caption p {
	color: rgba(255,255,255,.5);
	font-size: 16px;
	line-height: 28px;
	position: relative;
	padding-left: 85px;
	margin-top: 25px;
	margin-bottom: 0
}
.banner .carousel .social-info {
	position: absolute;
	top: 0;
	right: 55px;
	z-index: 10;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 175px 0 50px 0;
	align-items: flex-end
}
.banner .carousel .social-info p {
	color: #d8d8d8;
	font-size: 18px;
	opacity: .75;
	text-align: right;
	margin-bottom: 0;
	line-height: 22px
}
.banner .carousel .social-info p span {
	display: block
}
.banner .carousel .social-info ul {
	margin: 0 0 250px 0
}
.banner .carousel .social-info ul li {
	padding: 3px 0 3px 0
}
.banner .carousel .social-info ul li a {
	color: rgba(255,255,255,.5);
	padding: 5px 5px 5px 0;
	margin: 5px 5px 5px 0;
	display: block;
	text-align: right;
	font-size: 14px
}
.banner .carousel .social-info ul li a:hover {
	color: #fff;
	transform: scale(1.2, 1.2)
}
.banner .carousel .social-info a.get-started:before {
	content: "";
	width: 3px;
	height: 185px;
	background-color: rgba(255,255,255,.15);
	position: absolute;
	left: 3px;
	top: -200px;
	transition: all ease .5s
}
.banner .carousel .social-info a.get-started:hover:before {
	height: 200px;
	background-color: rgba(255,255,255,.25);
	transition: all ease .5s;
	top: -215px;
	border-radius: 3px
}
.banner .carousel .social-info a.get-started {
	font-size: 14px;
	color: #fff;
	display: block;
	text-align: right;
	position: relative;
	text-orientation: mixed;
	writing-mode: vertical-rl;
	width: 36px
}
.banner .carousel .social-info a.get-started span {
	color: rgba(255,255,255,.5);
	display: block
}
.banner .nav-testimonial-intro {
	background-color: rgba(0,0,0,.6);
	height: 210px;
	width: calc(100% - 200px);
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	color: #fff
}
.banner .nav-testimonial-intro .nav-count {
	background: url(../images/background1.jpg) 4px -395px no-repeat;
	background-size: 200% auto;
	flex-basis: 250px;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 50px 35px 50px 50px
}
.banner .nav-testimonial-intro .nav-count p span.total-slide {
	font-family: montserrat-semibold;
	color: rgba(255,255,255,.35);
	font-size: 12px
}
.banner .nav-testimonial-intro .nav-count p span.current-slide {
	color: #fff;
	font-size: 24px;
	font-family: montserrat-semibold
}
.banner .nav-testimonial-intro .nav-count ul {
	display: flex;
	align-items: center;
	margin-left: 12px
}
.banner .nav-testimonial-intro .nav-count ul li {
	padding: 10px
}
.banner .nav-testimonial-intro .nav-count ul li a {
	padding: 0 5px
}
.banner .nav-testimonial-intro .nav-count ul li a.active span {
	border: 0;
	background-color: #0089f1;
	height: 15px;
	width: 15px
}
.banner .nav-testimonial-intro .nav-count ul li a span {
	height: 12px;
	width: 12px;
	border-radius: 12px;
	border: 3px solid rgba(255,255,255,.25);
	display: inline-block;
	transition: all ease .5s
}
.banner .nav-testimonial-intro .nav-count ul li a:hover span {
	transform: scale(1.2, 1.2);
	transition: all ease .5s
}
.banner .nav-testimonial-intro .testimonial {
	padding: 55px 75px;
	overflow: hidden;
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1
}
.banner .nav-testimonial-intro .testimonial h4 {
	font-size: 18px;
	color: rgba(255,255,255,.5);
	margin-bottom: 15px
}
.banner .nav-testimonial-intro .testimonial h4 span {
	font-size: 12px;
	color: rgba(255,255,255,.35)
}
.banner .nav-testimonial-intro .testimonial h4 i {
	margin: 0 3px 0 6px;
	font-size: 20px
}
.banner .nav-testimonial-intro .testimonial p {
	font-size: 15px;
	color: rgba(255,255,255,.85);
	line-height: 24px
}
.banner .nav-testimonial-intro .video-introduction {
	background-color: rgba(255,255,255,.05);
	flex-basis: 450px;
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	align-items: center;
	justify-content: space-evenly
}
.banner .nav-testimonial-intro .video-introduction .btn-video-introduction {
	padding-left: 10px;
	height: 110px;
	width: 110px;
	border: 3px solid #0089f1;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 28px
}
.banner .nav-testimonial-intro .video-introduction p {
	color: #0392ff;
	font-family: montserrat-semibold;
	margin-bottom: 0;
	margin-top: 100px
}
.banner .nav-testimonial-intro .video-introduction p span {
	display: block;
	color: #fff
}
.banner .nav-testimonial-intro .carousel-action {
	position: absolute;
	background-color: #000;
	display: flex;
	right: 0;
	top: -75px;
	background-color: #0089f1
}
.banner .nav-testimonial-intro .carousel-action a.btn-previous {
	background-color: #066dbc
}
.banner .nav-testimonial-intro .carousel-action a {
	height: 75px;
	width: 75px;
	display: flex;
	align-items: center;
	justify-content: center
}
.banner .nav-testimonial-intro .carousel-action a:hover {
	width: 100px
}
.banner .nav-testimonial-intro .carousel-action a img {
	object-fit: unset;
	object-position: unset;
	height: unset;
	width: unset;
	min-height: unset
}
.about-us:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: rgba(238,238,239,.25) url(../images/section-bg-1.png) top right no-repeat;
	background-size: cover;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-bottomright: 100px;
	border-bottom-right-radius: 100px;
	width: calc(50% + 570px)
}
.about-us {
	padding: 100px 0;
	position: relative
}
.about-us::after {
	content: "";
	background: url(../images/dumbbell-set.png) top left no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 150px;
	bottom: -50px;
	height: 212px;
	width: 300px
}
.about-us .avatar {
	position: relative
}
.about-us .avatar:before {
	background-color: #0089f1;
	height: 250px;
	width: 250px;
	top: 0;
	right: 15px;
	content: "";
	position: absolute
}
.about-us img.main-img {
	max-width: 85%;
	margin: 30px 25px 50px 50px;
	position: relative;
	z-index: 1
}
.about-us .avatar::after {
	background-color: transparent;
	height: 85%;
	width: 85%;
	bottom: 20px;
	left: 20px;
	content: "";
	position: absolute;
	border: 2px solid rgba(0,0,0,.12)
}
.about-us img.sub-img {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 350px
}
.heading-style1 h1 {
	font-size: 48px;
	color: #000
}
.heading-style1 h1 span {
	display: block;
	font-size: 18px;
	color: rgba(0,0,0,.75)
}
.about-us p.highlight::before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	height: 5px;
	width: 30px;
	background-color: #0089f1
}
.about-us p.highlight {
	font-size: 18px;
	position: relative;
	padding-left: 40px;
	margin: 35px 0
}
.about-us p {
	font-size: 14px;
	line-height: 30px;
	margin-right: 40px
}
.btn-online-coaching-packages {
	padding: 22px 45px;
	margin-top: 25px
}
.btn-style-1 {
	position: relative;
	color: #fff
}
.btn-style-1:hover {
	color: #fff
}
.btn-style-1 img {
	height: 24px;
	margin-right: -25px;
	position: absolute;
	right: 2px
}
.app-workout:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 450px;
	background-color: rgba(230,245,255,.75);
	-webkit-border-top-left-radius: 100px;
	-moz-border-radius-topleft: 100px;
	border-top-left-radius: 100px;
	width: calc(50% + 500px)
}
.app-workout {
	min-height: 100vh;
	position: relative;
	padding: 50px 0 100px
}
.app-workout:after {
	position: absolute;
	left: -50px;
	bottom: 25px;
	background: url(../images/dumbell.png) top right no-repeat;
	background-size: auto 100%;
	height: 400px;
	width: 270px;
	content: ""
}
.heading-style2 span {
	font-size: 12px;
	letter-spacing: 2px;
	color: rgba(0,0,0,.75)
}
.heading-style2 h1 {
	font-weight: 700;
	font-size: 40px;
	letter-spacing: -1px;
	padding: 25px 0
}
.app-workout p {
	font-size: 14px;
	line-height: 25px;
	font-weight: 600
}
.app-workout .app-snapshots {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}
.app-workout .app-snapshots img {
	max-width: 345px
}
.food-dite {
	background: #f8f7f5 url(../images/section-bg-2.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 80px
}
.heading-style3 {
	text-align: center
}
.heading-style3 h1 {
	font-weight: 700;
	font-size: 44px
}
.heading-style3 p {
	font-size: 20px;
	color: rgba(0,0,0,.65);
	margin: 15px 0 0 0
}
.food-dite-snapshots {
	position: relative;
	max-width: 1388px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}
.food-dite-snapshots::after {
	position: absolute;
	bottom: -50px;
	left: 275px;
	content: "\f0c0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	background-color: #1e1e1e;
	height: 100px;
	width: 100px;
	font-size: 36px;
	border-radius: 125px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	box-shadow: 0 0 60px 25px rgba(0,0,0,.15)
}
.food-dite-snapshots img {
	max-width: 100%;
	position: relative;
	margin-bottom: -300px
}
.our-coach-services:before {
	position: absolute;
	content: "";
	background-color: #ecf8ff;
	height: 625px;
	right: 0;
	top: 0;
	width: calc(50% + 570px);
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-bottom-left-radius: 100px
}
.our-coach-services {
	padding: 200px 0 100px 0;
	position: relative
}
.our-coach-services:after {
	content: "";
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	bottom: -100px;
	left: -350px;
	height: 600px;
	width: 600px
}
.our-coach-services .about-coach {
	padding-left: 45px;
	padding-right: 15px
}
.our-coach-services h4 {
	color: #000;
	font-size: 18px;
	border-bottom: 1px solid #d4dfe5;
	padding: 15px 0;
	margin-bottom: 50px
}
.our-coach-services h1 {
	font-weight: 700;
	font-size: 48px
}
.our-coach-services ul {
	line-height: 40px
}
.our-coach-services ul a {
	color: rgba(0,0,0,.75);
	font-size: 18px;
	transition: all ease .5s
}
.our-coach-services ul a.active, .our-coach-services ul a:hover {
	font-size: 22px;
	transition: all ease .5s
}
.our-coach-services .counter-holder {
	display: flex;
	align-items: center
}
.our-coach-services .counter-holder .counter-info {
	margin-left: 25px
}
.our-coach-services .counter-holder .counter-info h3 {
	font-family: montserrat-semibold;
	font-size: 24px
}
.our-coach-services .counter-holder .counter-info p {
	font-size: 18px;
	color: rgba(0,0,0,.6);
	margin-bottom: 0
}
.pie_progress {
	width: 170px;
	position: relative
}
.pie_progress .pie_progress__number {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 30px
}
.our-app-screenshots:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #f9f9f9;
	height: 75%
}
.our-app-screenshots {
	position: relative;
	padding: 100px 0
}
.our-app-screenshots .heading-style2 h1 {
	padding: 10px 0;
	font-weight: 700;
	margin-bottom: 0
}
.app-screenshots-carousel .item {
	border-radius: 35px;
	border: 1px solid #d3d3d3;
	overflow: hidden
}
.app-screenshots-carousel {
	margin-top: 50px
}
.app-screenshots-carousel .owl-item {
	padding: 18px
}
.app-screenshots-carousel .item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top;
	max-height: 717px
}
.our-app-screenshots .screenshots-carousel-nav {
	display: flex
}
.our-app-screenshots .screenshots-carousel-nav a, .our-app-screenshots .screenshots-carousel-nav a img {
	display: block;
	padding: 3px;
	margin: 3px;
	opacity: .75
}
.our-app-screenshots .screenshots-carousel-nav a:hover, .our-app-screenshots .screenshots-carousel-nav a:hover img {
	opacity: 1
}
.owl-carousel.app-screenshots-carousel.owl-drag .owl-item.center:before {
	content: "";
	background-image: url(../images/iphone-frame.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.owl-carousel.app-screenshots-carousel.owl-drag .owl-item.center {
	position: relative
}
.owl-carousel.app-screenshots-carousel.owl-drag .owl-item.center .item {
	border-radius: 30px
}
.workout-challenges {
	background: url(../images/section-bg-3.jpg) bottom left no-repeat;
	background-position: -300px bottom;
	background-size: 35%
}
.workout-challenges .heading-style2 {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.workout-challenges .heading-style2 h1 {
	font-size: 36px;
	line-height: 50px;
	padding: 12px 0;
	font-weight: 700
}
ul.coman-includes {
	position: relative;
	margin: 0;
	padding: 30px 65px
}
ul.coman-includes li {
	color: #000;
	margin: 15px 0
}
ul.coman-includes li span {
	color: #0089f1
}
.workout-challenges .challenge-carousel-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 35px
}
.workout-challenges .challenge-carousel-action .nav a {
	display: inline-block;
	height: 34px;
	width: 34px;
	border-radius: 34px;
	border: 3px solid rgba(53,57,69,.5);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: rgba(53,57,69,.5);
	margin-right: 8px
}
.workout-challenges .challenge-carousel-action .nav a:first-child {
	padding-left: 11px
}
.workout-challenges .challenge-carousel-action .nav a:last-child {
	padding-left: 14px
}
.workout-challenges .challenge-carousel-action .nav a:hover {
	color: #0082e5;
	border-color: #0082e5;
	transform: scale(1.1, 1.1)
}
.workout-challenges .challenges-blocks {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 50px;
	padding: 50px 0 75px 0
}
.workout-challenges .challenge-cell {
	display: flex;
	flex-wrap: wrap
}
.workout-challenges .challenge-cell .cell-title {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap
}
.workout-challenges .challenge-cell .cell-title span {
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0
}
.workout-challenges .challenge-cell .cell-title h4 {
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
	font-weight: 700
}
.workout-challenges .challenge-cell .cell-title .package-price {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 30px 0;
	font-size: 45px;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 30px;
	text-align: right;
	color: #0089f1
}
.workout-challenges .challenge-cell .cell-title .package-price sup {
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0;
	color: #000
}
.workout-challenges .challenge-cell .cell-title .package-price span {
	font-size: 14px;
	color: rgba(0,0,0,.5);
	display: inline-block;
	letter-spacing: 0;
	border: 0
}
.workout-challenges .challenge-cell .cell-banner {
	flex-grow: 0;
	flex-basis: 35%;
	flex-shrink: 1
}
.workout-challenges .challenge-cell .cell-details {
	flex-grow: 1;
	flex-basis: 0;
	flex-shrink: 1;
	padding: 35px 0 35px 35px
}
.workout-challenges .challenge-cell span {
	display: block;
	color: rgba(0,0,0,.5);
	font-size: 12px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	letter-spacing: 1px;
	padding-bottom: 8px
}
.workout-challenges .challenge-cell h4 {
	font-size: 30px;
	padding: 30px 0;
	margin: 0
}
.workout-challenges .challenge-cell h4.minimum-height {
	min-height: 132px;
	line-height: 32px
}
.workout-challenges .challenge-cell h4 span {
	border-bottom: 0;
	font-size: 18px;
	color: #000;
	display: inline-block;
	letter-spacing: 0
}
.workout-challenges .challenge-cell img {
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	max-width: 100%
}
.workout-challenges .challenge-cell p {
	color: rgba(0,0,0,.6);
	font-weight: 600;
	font-size: 16px;
	line-height: 30px
}
.workout-challenges .challenge-cell a {
	font-family: montserrat-semibold;
	color: #1a9ce3;
	display: table;
	margin-left: auto
}
.owl-theme.workout-challenges-carousel .owl-nav.disabled+.owl-dots {
	margin-top: 10px;
	position: absolute;
	top: 232px;
	left: -126px;
	display: flex;
	align-items: center
}
.owl-theme.workout-challenges-carousel .owl-dots .owl-dot span {
	margin: 5px 3px
}
.owl-theme.workout-challenges-carousel .owl-dots .owl-dot.active span, .owl-theme.workout-challenges-carousel .owl-dots .owl-dot:hover span {
	background: #fff;
	border: 3px solid #0082e5;
	height: 13px;
	width: 13px
}
.package-pricing:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(230,245,255,.75);
	-webkit-border-top-right-radius: 100px;
	-moz-border-radius-topright: 100px;
	border-top-right-radius: 100px;
	width: calc(50% + 750px)
}
.package-pricing {
	position: relative;
	padding: 35px 0;
	display: flex;
	justify-content: center
}
.package-pricing .price-block .header .include-note {
	color: #fff;
	background: #1a9ce3;
	padding: 22px 45px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px
}
.package-pricing * {
	z-index: 1
}
.package-pricing .price-block .header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 35px 0
}
.package-pricing .price-block .header .package-nm {
	font-size: 24px;
	font-weight: 700
}
.package-pricing .price-block .header .package-nm span {
	font-size: 14px;
	font-weight: 400;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px
}
.package-pricing .price-block .header .package-price sup {
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0;
	position: relative;
	top: 0;
	padding-right: 5px
}
.package-pricing .price-block .header .package-price span {
	font-size: 14px;
	font-weight: 700;
	color: rgba(0,0,0,.5);
	display: block;
	letter-spacing: 0
}
.package-pricing .price-block .header .package-price select {
	font-size: 14px;
	color: rgba(0,0,0,.5);
	display: block;
	letter-spacing: 0;
	border: 0;
	background-color: transparent;
	margin-left: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
	background-size: 18px auto
}
.package-pricing .price-block .header .package-price, .package-pricing .price-block .header span.price-bold {
	font-size: 32px;
	letter-spacing: initial;
	line-height: 30px;
	text-align: right;
	display: inline-block;
	color: #222
}
.package-pricing .price-block .header span.price-bold {
	font-size: 24px
}
.package-pricing .price-block .header .package-price .pkg-price {
	display: flex;
	align-items: center
}
.package-pricing .price-block .content {
	padding: 25px 0;
	margin: 0
}
.package-pricing .price-block .content ul li:before {
	content: url(../images/checkmark.svg);
	position: absolute;
	top: 8px;
	left: 0;
	height: 25px;
	width: 20px
}
.package-pricing .price-block .content ul li {
	padding: 8px 0;
	font-size: 16px;
	color: rgba(0,0,0,.55);
	padding-left: 35px;
	position: relative
}
.btn-started {
	color: #000;
	font-family: montserrat-semibold;
	border-radius: 6px;
	display: inline-flex;
	align-items: center
}
.btn-started:hover {
	color: rgba(0,0,0,.65)
}
.btn-started svg {
	fill: #000;
	height: 17px;
	width: 28px;
	margin-left: 10px
}
.package-pricing .price-block.active .btn-started svg {
	fill: #fff
}
.package-pricing .price-block.active .btn-started {
	padding: 15px 25px;
	color: #fff;
	background: #1a9ce3
}
.package-pricing .price-block.active .btn-started:hover {
	background: #1a9ce3
}
.package-pricing .price-block.active {
	background-color: #fff
}
.body-transformation {
	padding-top: 150px;
	padding-bottom: 25px
}
.body-transformation .heading-style4 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}
.body-transformation .heading-style4 h1 {
	font-size: 40px;
	letter-spacing: -1px;
	margin-bottom: 0
}
.body-transformation .heading-style4 h1 span {
	font-size: 12px;
	letter-spacing: 1px;
	color: rgba(0,0,0,.75);
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px
}
.body-transformation .heading-style4 p {
	font-size: 16px;
	line-height: 30px
}
.body-transformation .body-category {
	border-bottom: 2px solid rgba(0,137,241,.1);
	text-transform: uppercase;
	margin: 60px 0;
	font-size: 24px
}
.body-transformation .body-category .nav-link {
	border-bottom: 5px solid #fff;
	padding: 25px
}
.body-transformation .body-category .active {
	font-family: montserrat-extrabold;
	border-color: #0089f1
}
.body-transformation .showcase {
	column-count: 3;
	column-gap: 80px;
	column-fill: initial
}
.body-transformation .showcase .block {
	position: relative;
	margin-bottom: 80px;
	display: block
}
.body-transformation .showcase .block img {
	height: 100%;
	width: 100%;
	object-fit: cover
}
.body-transformation .showcase .block .date {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: montserrat-semibold;
	background-color: #fff;
	z-index: 1;
	text-transform: uppercase;
	padding: 25px 25px 25px 0;
	width: 75%;
	font-family: montserrat-semibold
}
.body-transformation .showcase .block .date h6 {
	font-size: 14px;
	position: relative;
	padding-left: 45px;
	letter-spacing: 1px;
	margin-bottom: 0
}
.body-transformation .showcase .block .date h6::before {
	position: absolute;
	content: "";
	height: 2px;
	width: 35px;
	background-color: rgba(0,0,0,.25);
	left: 0;
	top: 6px
}
.btn-view-all {
	display: inline-block;
	margin-left: auto;
	border: 3px solid #0089f1;
	border-radius: 1000px;
	padding: 16px 40px;
	font-family: montserrat-semibold;
	font-size: 18px;
	float: right
}
.btn-view-all:hover {
	background-color: #0089f1;
	color: #fff;
	border-color: #fff
}
.btn.loading .loader-btn {
	display: block
}
.btn.loading .btn-text {
	display: none
}
.loader-btn {
	display: none
}
.loader-btn .circle {
	width: 10px;
	height: 10px;
	background-color: #fff;
	margin-right: 3px;
	display: inline-block;
	border-radius: 50px;
	-webkit-animation: dot-keyframes .7s infinite ease-in-out;
	animation: dot-keyframes .7s infinite ease-in-out
}
.loader-btn .circle:nth-child(2) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.loader-btn .circle:nth-child(3) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
.error {
	color: red;
	margin: 4px 0 0
}
.reset-password-error {
	color: red
}
.reset-password-error.success {
	color: green
}
@keyframes dot-keyframes {
0% {
opacity:1
}
100%, 50% {
opacity:.4
}
}
.challenges-goal .card-header, .challenges-goal .card-header h5 {
	cursor: pointer
}
.challenges-goal .card-header h5 {
	width: 100%
}
.your-account-section {
	margin-top: 120px
}
.blog-page .web-navbar, .youraccount-page .web-navbar {
	background-color: #000;
	padding: 10px 55px
}
.blog-page .navbar-nav, .youraccount-page .navbar-nav {
	display: none
}
.blog-page a:hover {
	text-decoration: none
}
.section-title {
	padding-bottom: 30px
}
.section-title h3 {
	font-size: 24px
}
.bold {
	font-weight: 700
}
.account-right-panel {
	padding: 0 15px 0 45px;
	border-left: 1px solid #ddd
}
.your-account-panel .page-title {
	overflow: hidden
}
.your-account-panel .page-title h4 {
	display: inline-block;
	font-size: 20px;
	margin: 0
}
.your-account-section .panel-col h4 {
	font-size: 18px
}
.account-left-panel .account h4 {
	margin-top: 0
}
.account-left-panel .panel-col {
	padding-bottom: 44px;
	position: relative
}
.account-left-panel .panel-col:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	width: 92%;
	height: 1px;
	background-color: #ddd
}
.account-left-panel .account-settings.panel-col {
	padding-bottom: 0
}
.account-left-panel .account-settings.panel-col:after {
	content: none
}
.account-left-panel h4 {
	margin: 44px 0 25px
}
.account-left-panel a {
	display: block;
	transition: all .3s ease-in-out;
	padding: 0 0 20px
}
.account-left-panel a:last-of-type {
	padding-bottom: 0
}
.account-left-panel a.active, .account-left-panel a:focus, .account-left-panel a:hover {
	font-weight: 700;
	color: #0089f1;
	transition: all .3s ease-in-out
}
.your-account-panel .current-program {
	margin: 20px 0 0;
	background-color: #f0f8fe;
	border-radius: 5px
}
.your-account-panel .current-program .col-md-2 {
	padding-right: 0
}
.your-account-panel .current-program .col-md-10 {
	padding-left: 0
}
.your-account-panel .current-program .plan-img {
	padding: 40px 24px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	background-color: #d7ecfc
}
.your-account-panel .current-program .plan-basic-info {
	padding: 25px 24px
}
.your-account-panel .current-program .plan-basic-info h4 {
	color: #0089f1
}
.your-account-panel .current-program .plan-basic-info p {
	margin: 0;
	color: #637079
}
.your-account-panel .current-program .plan-change-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}
.your-account-panel .current-program .plan-change-row h4 {
	font-size: 20px
}
.your-account-panel .current-program .plan-change-row .change-plan a {
	text-transform: capitalize;
	padding-right: 24px
}
.your-account-panel .account-block {
	padding: 30px 0;
	border-top: 1px solid #d1d1d7
}
.your-account-panel .account-block:first-of-type {
	border-top: none;
	padding-top: 0
}
.your-account-panel .program-benefits ul {
	margin: 0
}
.your-account-panel .program-benefits li {
	padding: 7px 0 7px 32px;
	position: relative
}
.your-account-panel .program-benefits li:before {
	position: absolute;
	top: 16px;
	left: 0;
	width: 18px;
	height: 12px;
	content: '';
	background-image: url('../images/checkmark-green.svg')
}
.your-account-panel .program-benefits li:first-of-type {
	padding-top: 0
}
.your-account-panel .program-benefits li:first-of-type:before {
	top: 10px
}
.your-account-panel .change-plan ul {
	margin: 0;
	text-align: right
}
.your-account-panel .change-plan li {
	margin-bottom: 5px
}
.your-account-panel .change-plan li a {
	padding: 8px 0;
	display: block
}
.your-account-panel .program-benefits li:last-of-type {
	padding-bottom: 0
}
.your-account-panel .current-program .plan-change-row .change-plan a:hover {
	text-decoration: underline;
	color: #0089f1
}
.account-block .tabs .nav-tabs {
	border-bottom: 1px solid #dee2e6
}
.account-block .tabs .nav-tabs .nav-link {
	padding: 14px 0;
	border: none;
	margin-right: 24px;
	white-space: nowrap;
	color: #666;
	border-color: transparent;
	position: relative
}
.account-block .tabs .nav-tabs .nav-link.active {
	color: #0089f1
}
.account-block .tabs .nav-tabs .nav-link.active:before {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	bottom: 0;
	content: '';
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	background-color: #0089f1
}
.account-block .tabs .nav-tabs .nav-item:last-of-type .nav-link {
	margin-right: 0
}
.your-account-section .package-pricing {
	padding-top: 30px;
	padding-bottom: 0
}
.your-account-section .package-pricing:before {
	content: none
}
.your-account-section .package-pricing .price-block.current {
	background-color: #f4f5f7;
	margin: 0;
	padding-left: 30px;
	padding-right: 30px
}
.your-account-section .package-pricing .price-block.current .footer {
	display: none
}
.your-account-section .package-pricing .price-block {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0
}
.your-account-section .package-pricing .price-block:first-of-type {
	padding-right: 40px
}
.your-account-section .package-pricing .price-block:last-of-type {
	padding-left: 40px;
	padding-right: 0
}
.your-account-section .package-pricing .price-block {
	min-width: initial;
	width: 33.33%
}
.your-account-section .package-pricing .price-block .header {
	flex-direction: column
}
.your-account-section .header-direction {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}
.your-account-section .package-pricing .price-block .current-plan {
	padding: 10px 0 15px;
	font-weight: 700;
	font-size: 18px;
	color: #a5adba
}
.your-account-section .workout-challenges .challenge-cell h4 {
	padding-top: 0
}
.your-account-section .workout-challenges .col-md-12 {
	padding: 0
}
.your-account-section .workout-challenges .challenge-cell img {
	border-radius: 0
}
.your-account-section .workout-challenges .challenges-blocks {
	padding-top: 30px;
	padding-bottom: 0
}
.your-account-section .package-pricing .price-block.current .header {
	padding-bottom: 0
}
.your-account-section .btn-started {
	padding: 15px 30px;
	background-color: #0089f1;
	color: #fff;
	transition: all .3s ease-in-out
}
.your-account-section .note {
	padding: 14px 0
}
.header-page .web-navbar .navbar-brand img {
	height: 50px
}
.your-account-section .btn-started svg {
	transform: translateX(0);
	transition: all .3s ease-in-out
}
.your-account-section .btn-started:hover svg {
	transform: translateX(8px);
	transition: all .3s ease-in-out
}
.your-account-section .btn-started:hover {
	background-color: #047ad4;
	transition: all .3s ease-in-out
}
.your-account-section .btn-started svg {
	fill: #fff
}
.your-account-section .sticky-wrapper {
	width: 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.your-account-section .workout-challenges .challenge-cell h4.minimum-height {
	min-height: initial;
	line-height: normal
}
.your-account-section .workout-challenges {
	background-image: none
}
.your-account-panel .no-plan-purchased .current-program .plan-change-row h4 {
	color: #222;
	font-size: 18px;
	margin: 0
}
.account-right-panel .profile-info {
	display: flex;
	align-items: center;
	margin-bottom: 35px
}
.account-right-panel .profile-info .profile-img {
	width: 120px;
	height: 120px;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	cursor: pointer
}
.account-right-panel .profile-info .profile-img .update-pic {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	height: 60px;
	opacity: 0;
	backface-visibility: hidden;
	font-size: 14px;
	text-align: center;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	cursor: pointer;
	transition: all .3s ease-in-out
}
.account-right-panel .profile-info .profile-img .update-pic .inner {
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	top: 6px
}
.account-right-panel .profile-info .profile-img input[type=file] {
	display: none
}
.account-right-panel .profile-info .profile-img .update-pic img {
	width: 26px;
	height: 20.8px;
	overflow: hidden;
	border-radius: 0;
	margin: 0 auto;
	display: block
}
.account-right-panel .profile-info .profile-img:hover .update-pic {
	opacity: 1;
	transition: all .3s ease-in-out
}
.account-right-panel .profile-info .profile-img img {
	width: 100%;
	object-fit: cover
}
.account-right-panel .profile-info .profile-name-email {
	margin-left: 25px
}
.account-right-panel .profile-info .profile-name-email h4 {
	font-size: 26px;
	margin-bottom: 8px
}
.account-right-panel .profile-info .profile-name-email p {
	font-size: 17px;
	margin: 0
}
.account-right-panel .register-step-form .form-group.mobile-no label {
	left: 8px;
	transition: all .3s ease-in-out
}
.account-right-panel .register-step-form .form-group.mobile-no .input-field:placeholder-shown+label {
left:50px;
transition:all .3s ease-in-out
}
.profile-all-info .common-block input, .profile-all-info .common-block select {
	display: none
}
.profile-all-info .info-title, .profile-all-info .package-title {
	padding: 0 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}
.your-account-panel .account-block .page-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px
}
.profile-all-info .common-block {
	margin-bottom: 30px;
	border-bottom: 1px solid #d1d1d7;
	padding-bottom: 30px
}
.profile-all-info .common-block:last-of-type {
	border: none
}
.profile-all-info .common-block label {
	color: #5d5d5d;
	font-size: 15px
}
.profile-all-info .common-block p {
	color: #222;
	font-size: 16px;
	margin: 0
}
.profile-all-info .common-block .form-group {
	margin: 0
}
.profile-all-info .info-title a, .profile-all-info .package-title a, .your-account-panel .account-block .page-title a {
	color: #0089f1
}
.activity-block p span {
	color: #404040;
	font-size: 15px
}
.profile-all-info .header-title {
	margin: 0;
	display: flex;
	font-size: 20px;
	align-items: center
}
.profile-all-info .header-title .icon {
	width: 40px;
	height: 40px;
	background-color: #222;
	text-align: center;
	line-height: 30px;
	border-radius: 50px;
	margin-right: 10px
}
.profile-all-info .header-title .icon i {
	color: #fff;
	font-size: 16px
}
.profile-all-info .header-title .icon img {
	width: 18px
}
.btn-primary.btn-silver {
	padding: 14px 60px;
	color: #222;
	border: none;
	background-image: linear-gradient(-179deg, #e9e9e9 0, #e1e1e1 96%)
}
.btn-primary.btn-silver.focus, .btn-primary.btn-silver:focus {
	box-shadow: none
}
.account-block.billing-block .form-group, .account-block.billing-block .form-group p {
	margin: 0
}
.info-note {
	margin: 14px 0 0
}
.blue {
	color: #0089f1
}
.account-wrapper.invoice-wrapper .col-md-2 {
	-ms-flex: 0 0 22.666%;
	flex: 0 0 22.666%;
	max-width: 22.666%
}
.account-wrapper.invoice-wrapper .invoice-heading {
	margin-bottom: 10px
}
.account-wrapper.invoice-wrapper .invoice-data p {
	margin: 0
}
.account-wrapper.invoice-wrapper .invoice-data .invoice-row {
	padding: 15px 0;
	border-bottom: 1px solid #d1d1d7
}
.account-wrapper.invoice-wrapper .invoice-data .invoice-row:last-of-type {
	padding-bottom: 0;
	border: none
}
.change-plan-section, .your-account-section.show-goals .right-info {
	opacity: 0;
	transition: all .3s ease;
	visibility: hidden;
	backface-visibility: hidden;
	display: none
}
.your-account-section.show-goals .change-plan-section {
	opacity: 1;
	transition: all .3s ease;
	display: block;
	visibility: visible;
	backface-visibility: visible
}
.back-nav {
	color: #0089f1;
	font-size: 17px
}
.back-nav i {
	margin-right: 6px
}
.activity-info p span {
	display: block
}
.profile-all-info .common-block.show-input-block input, .profile-all-info .common-block.show-input-block select {
	display: block;
	border-radius: 5px
}
.profile-all-info .common-block .unit-group span, .profile-all-info .common-block.show-input-block .form-group.hide-label label {
	display: none
}
.profile-all-info .common-block.show-input-block .unit-group span {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	margin: auto;
	height: 100%;
	width: 20%;
	opacity: .8;
	text-transform: uppercase
}
.profile-all-info .common-block p.user-info {
	text-transform: capitalize
}
.profile-all-info .common-block.show-input-block .unit-group span.weight-select {
	right: 55px
}
.profile-all-info .common-block.show-input-block .unit-group span select {
	border: none;
	outline: 0
}
.profile-all-info .common-block.show-input-block p {
	display: none
}
.profile-all-info .common-block .block-actions {
	display: none;
	align-items: center;
	margin: 25px 0 0
}
.profile-all-info .common-block.show-input-block .block-actions {
	display: flex
}
.profile-all-info .common-block .block-actions .btn-primary {
	padding: 0 50px;
	margin-right: 18px;
	max-width: 160px;
	align-items: center;
	justify-content: center;
	line-height: 54px
}
.choose-gender .gender-block {
	display: none
}
.age-gender-block.show-input-block .choose-gender .gender-block {
	display: block;
	position: relative;
	padding-left: 10px
}
.age-gender-block.show-input-block .choose-gender .gender-block input {
	display: none
}
.age-gender-block.show-input-block .choose-gender .gender-block .form-check label:before {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: '';
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #dee2e6
}
.age-gender-block.show-input-block .choose-gender .gender-block .form-check label:after {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 50% 50%;
	background-size: 50% 50%
}
.register-step-form.age-gender-block.show-input-block .form-group.choose-gender label {
	position: relative;
	transform: none;
	top: auto;
	left: auto;
	z-index: initial
}
.iti__country-list {
	max-width: 360px;
	overflow-x: hidden
}
.change-password-form {
	padding: 30px 0
}
.change-password-form .register-step-form.row {
	flex-direction: column
}
.change-password-form .register-step-form.row .form-group {
	margin-bottom: 35px
}
.password-actions .btn-primary {
	padding: 13px 30px
}
.password-actions .btn-primary.btn:active, .password-actions .btn-primary.btn:focus {
	box-shadow: none;
	outline: 0
}
.otp-modal a[disabled], .password-actions .btn-primary[disabled], .password-actions .btn-primary[disabled]:focus, .password-actions .btn-primary[disabled]:hover, .profile-all-info .common-block .block-actions .btn-primary[disabled] {
	opacity: .5;
	cursor: default
}
.otp-modal .modal-title {
	font-size: 16px
}
.otp-modal a[disabled] {
	color: #5d5d5d
}
.otp-modal .mob-no {
	color: #222
}
.otp-modal .form-group {
	margin-top: 10px
}
.otp-modal .info {
	font-size: 15px;
	color: #5d5d5d;
	margin: 0
}
.otp-modal .modal-body {
	padding: 15px 24px
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.choose-goal-wrapper ul {
	max-width: 400px;
	margin: 20px 0 0
}
.choose-goal-wrapper ul li {
	margin-bottom: 20px
}
.choose-goal-wrapper .goal-radio label::after, .choose-goal-wrapper .goal-radio label::before {
	content: none
}
.choose-goal-wrapper .goal-radio {
	padding: 0
}
.choose-goal-wrapper .goal-radio label {
	display: block;
	padding: 20px;
	border: 1px solid #d1d1d7;
	border-radius: 5px;
	cursor: pointer;
	background-color: #fff;
	transition: all .3s ease-in-out
}
.choose-goal-wrapper .goal-radio label:hover {
	background-color: #ebf6fe;
	border: 1px solid #0089f1;
	transition: all .3s ease-in-out
}
.choose-goal-wrapper .goal-radio label span {
	position: relative;
	z-index: 99
}
.choose-goal-wrapper .goal-radio .custom-control-input:checked~label::before {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	width: 100%;
	height: 100%;
	content: '';
	background-color: #ebf6fe;
	pointer-events: auto;
	border: 1px solid #0089f1;
	box-shadow: none;
	z-index: 1;
	transition: all .3s ease-in-out
}
.section-title.with-back {
	display: flex;
	align-items: center
}
.section-title.with-back .back {
	margin-right: 10px
}
.section-title.with-back h3 {
	margin: 0;
	font-size: 20px
}
.section-title.with-back .back img {
	width: 24px
}
.choose-plan .page-title h5 {
	font-size: 18px;
	margin-bottom: 15px
}
.common-note {
	color: #63696e
}
.choose-goal-wrapper .goal-radio.current-plan label {
	display: flex;
	justify-content: space-between
}
.choose-goal-wrapper .goal-radio.current-plan label span:last-of-type {
	color: #0089f1
}
.choose-goal-wrapper .goal-radio.current-plan label::after {
	position: absolute;
	content: '';
	top: 1px;
	right: 1px;
	width: 35%;
	height: 98%;
	background-color: #d7ecfc;
	margin-left: auto;
	z-index: 9;
	background-image: none!important;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.common-note p {
	margin: 8px 0 0
}
.common-note p span {
	font-family: montserrat-semibold
}
.basic-info-confirmation, .change-plan-section.confirm-basic-info .choose-goal {
	display: none
}
.change-plan-section.confirm-basic-info .basic-info-confirmation {
	display: block;
	margin-bottom: 120px
}
.change-plan-section .available-plans {
	min-width: 1040px;
	padding-bottom: 60px;
	display: none
}
.change-plan-section.show-plans .choose-goal {
	display: none
}
.change-plan-section.show-plans .available-plans {
	display: block
}
.available-plans .pricing-block {
	padding: 30px 15px;
	border: 1px solid #d1d1d7
}
.available-plans .pricing-block .package-wrapper {
	padding: 0 15px
}
.available-plans .pricing-block .package-wrapper .basic-details-header {
	text-align: center;
	margin-bottom: 25px;
	min-height: 200px
}
.available-plans .pricing-block .package-wrapper .basic-details-header p {
	margin-bottom: 10px
}
.available-plans .pricing-block .package-wrapper .basic-details-header h3 {
	font-size: 22px
}
.available-plans .pricing-block .package-wrapper .basic-details-header .header-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 -10px 15px
}
.available-plans .pricing-block .package-wrapper .basic-details-header .btn-primary {
	padding: 10px 40px;
	background-color: #0089f1
}
.available-plans .pricing-block:nth-child(2), .available-plans .pricing-block:nth-child(3) {
	margin-left: -1px
}
.available-plans .pricing-block .package-wrapper .features {
	border-top: 1px solid #d1d1d7;
	padding-top: 10px
}
.available-plans .pricing-block .package-wrapper .features li {
	margin: 15px 0;
	position: relative;
	padding-left: 28px;
	color: #101418;
	font-size: 15px
}
.available-plans .pricing-block .package-wrapper .features li:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 18px;
	height: 12px;
	content: '';
	background-image: url('../images/checkmark-green.svg')
}
.available-plans .pricing-block.current-plan .current {
	padding: 0 0 10px
}
.available-plans .pricing-block.current-plan .current p {
	margin: 0;
	color: #828994
}
.available-plans .pricing-block.current-plan {
	background-color: rgba(244,245,247,.4)
}
.available-plans .pricing-block.current-plan .package-wrapper .basic-details-header .btn-primary {
	display: none
}
.available-plans .pricing-block .package-wrapper .basic-details-header .header-wrapper .with-duration {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 15px
}
.available-plans .pricing-block .package-wrapper .basic-details-header .header-wrapper .with-duration p {
	margin: 0
}
.available-plans .pricing-block .package-wrapper .basic-details-header .header-wrapper .with-duration select {
	max-width: 100%;
	width: 100px;
	font-family: montserrat-semibold;
	font-size: 15px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/down-arrow.svg);
	background-position: calc(100% - 1px) center;
	background-size: auto 8px;
	background-repeat: no-repeat;
	background-color: transparent
}
.available-plans .pricing-block .package-wrapper .basic-details-header .price h3 {
	color: #0089f1;
	font-size: 28px
}
.available-plans .pricing-block .package-wrapper .basic-details-header .price p {
	margin: 0;
	font-size: 14px
}
.change-plan-section.confirm-basic-info .basic-info-confirmation .profile-all-info .common-block:last-of-type {
	margin-bottom: 0
}
.change-plan-section .confirm-step {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #d1d1d7;
	background: #fff;
	z-index: 999
}
.change-plan-section .confirm-step a {
	padding: 14px 36px;
	background-color: #0089f1
}
.review-promocode-block.common-block input {
	display: block
}
.review-promocode-block .flex-block .promo-code-wrapper {
	display: flex;
	align-items: center
}
.review-promocode-block .flex-block .form-group {
	flex-basis: 60%
}
.review-promocode-block .flex-block .apply-btn {
	margin-left: 16px;
	flex-basis: 35%
}
.register-content .select-workout-place p.qestion-style-1 {
	margin-bottom: 15px
}
.promo-applied .lottie {
	width: 300px;
	margin: -25px auto 0
}
.promo-applied .promo-cotent {
	margin-top: -20px
}
.promo-applied .modal-dialog {
	max-width: 420px
}
.promo-applied .promo-cotent h4 {
	padding-bottom: 8px
}
.promo-applied .modal-body {
	text-align: center
}
.promo-applied, .review-promocode-block.applied .promo-code-wrapper {
	display: none
}
.review-promocode-block.applied .promo-applied {
	display: block
}
.promo-code-wrapper input {
	text-transform: uppercase
}
.promo-applied .promo-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.promo-applied .promo-wrapper .promo-left-details {
	display: flex;
	align-items: center;
	flex-basis: 80%
}
.promo-applied .promo-wrapper .promo-left-details .code-details {
	margin-left: 15px
}
.promo-applied .promo-wrapper .promo-left-details img {
	max-width: 80px
}
.promo-applied .promo-wrapper .promo-right-details strong {
	color: #0089f1;
	margin-bottom: 4px
}
.promo-applied .promo-wrapper .promo-left-details .code-details p:first-of-type {
	color: #000;
	margin: 0
}
.promo-applied .promo-wrapper .promo-left-details .code-details p:last-of-type {
	color: #5d5d5d
}
.promo-applied .promo-wrapper .promo-right-details .remove-code {
	color: #d24d4b
}
.promo-applied .promo-wrapper .promo-right-details .remove-code:hover {
	text-decoration: underline
}
.available-plans .pricing-block .package-wrapper .basic-details-header.show-select .btn-primary {
	display: inline-block
}
.available-plans .pricing-block .package-wrapper .basic-details-header.show-select .header-wrapper .current {
	display: none
}
.calorie-block {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d1d1d7
}
.change-plan-section.confirm-basic-info.challenge-block .basic-info-confirmation .profile-all-info .calorie-block, .change-plan-section.confirm-basic-info.challenge-block .review-promocode-block, .change-plan-section.confirm-basic-info.challenge-block .selected-package {
	display: none
}
.change-plan-section.confirm-basic-info .selected-challenge, .change-plan-section.confirm-basic-info.challenge-block .confirm-step .proceed-btn {
	display: none
}
.change-plan-section.confirm-basic-info.challenge-block .confirm-step .continue-btn {
	display: inline-block
}
.change-plan-section.confirm-basic-info.challenge-block .diet-block.common-block {
	border: none
}
.change-plan-section.confirm-basic-info.challenge-block .selected-challenge {
	display: block
}
.change-plan-section .calorie-calculations, .change-plan-section.show-calorie-calculations .choose-goal {
	display: none
}
.change-plan-section.show-calorie-calculations .calorie-calculations {
	display: block;
	padding-bottom: 200px
}
.calorie-calculations .macro-splits {
	padding: 0 20px;
	border: 1px solid #d1d1d7;
	border-radius: 4px;
	margin: 25px 0 0;
	max-width: 70%
}
.calorie-calculations .macro-splits .row {
	padding: 15px 0 15px 25px;
	position: relative
}
.calorie-calculations .macro-splits .row:before {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #0489f0;
	border-radius: 50px;
	display: inline-block;
	left: 15px;
	top: 22px
}
.calorie-calculations .macro-splits .row.fat:before {
	background-color: #ec4848
}
.calorie-calculations .calorie-wrapper, .calorie-calculations .pricing-block {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d1d1d7
}
.calorie-calculations .macro-splits .row.protein:before {
	background-color: #3dba58
}
.calorie-calculations .review-promocode-block .info-title {
	margin-bottom: 25px
}
.calorie-calculations .review-promocode-block .flex-block .promo-code-wrapper {
	align-items: initial
}
.section-title .sub-title h5 {
	font-size: 17px;
	margin-top: 3px
}
.calorie-calculations.is-program .calorie-block {
	display: block
}
.calorie-calculations .calorie-wrapper .challenge-block h5, .calorie-calculations .challlenge-rest-block h5 {
	font-size: 17px
}
.calorie-calculations .calorie-block, .calorie-calculations.is-program .calorie-wrapper {
	display: none
}
.calorie-calculations .challlenge-rest-block .training-wrapper {
	margin-bottom: 25px
}
.register-step-form .promo-code-wrapper .apply-btn .btn-primary {
	height: 60px;
	line-height: 60px
}
.spotify-container {
	max-width: 30%;
	margin: 60px auto;
	padding: 30px;
	border: 1px solid #d1d1d7;
	border-radius: 5px;
	text-align: center
}
.spotify-container .brand img {
	max-width: 120px;
	margin-bottom: 30px
}
.spotify-container h3 {
	font-weight: 700
}
input[type=number] {
	-moz-appearance: textfield
}
#age_gender_form .switch-title {
	margin-top: 0
}
#age_gender_form .switch-title p {
	font-family: montserrat-semibold
}
.btn-primary.loading span {
	display: none
}
.confirm-modal .btn-primary {
	color: #fff!important
}
.reminder-modal .modal-content {
	position: relative;
	padding: 125px 0 50px 0;
	background-color: transparent;
	border: 0
}
.reminder-modal button.btn-close:before {
	content: "";
	position: absolute;
	height: 16px;
	width: 2px;
	background-color: #fff;
	left: 14px;
	top: 7px;
	transform: rotate(45deg)
}
.reminder-modal button.btn-close:after {
	content: "";
	position: absolute;
	height: 16px;
	width: 2px;
	background-color: #fff;
	left: 14px;
	top: 7px;
	transform: rotate(-45deg)
}
.reminder-modal .modal-content-in {
	padding: 30px 0 0
}
.reminder-modal .modal-content-in p {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	padding: 0 0 25px;
	font-family: montserrat-semibold
}
.reminder-modal .modal-content:before {
	position: absolute;
	content: "";
	left: 35px;
	right: 35px;
	top: 0;
	border-radius: 25px 25px 0 0;
	height: 150px;
	background-color: #000;
	background-size: 100% auto
}
.reminder-modal .modal-content>img {
	position: absolute;
	top: 33px;
	z-index: 1;
	left: 0;
	right: 0;
	max-width: 150px;
	margin: 0 auto
}
.reminder-modal button.btn-close {
	position: absolute;
	background-color: #0089f1;
	height: 30px;
	width: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	color: #fff;
	margin: 0;
	padding: 0;
	opacity: 1;
	font-size: 24px;
	top: 10px;
	right: 45px;
	z-index: 1
}
.reminder-modal .modal-content .modal-content-in {
	background-color: #fff;
	border-radius: 15px;
	position: relative
}
.reminder-modal .modal-body, .reminder-modal .modal-footer, .reminder-modal .modal-header {
	padding: 15px 25px
}
.reminder-modall p {
	font-size: 20px
}
.reminder-modal .modal-footer {
	justify-content: center;
	border-top: none;
	padding-top: 0
}
.reminder-modal .btn-login {
	background: #006abb;
	background: -moz-linear-gradient(left, #0089f1 0, #006abb 100%);
	background: -webkit-linear-gradient(left, #0089f1 0, #006abb 100%);
	background: linear-gradient(to right, #0089f1 0, #006abb 100%);
	color: #fff;
	font-family: montserrat-bold;
	border-radius: 15px;
	padding: 18px 35px;
	border: 0
}
.reminder-modal .btn-login {
	border-radius: 120px;
	padding: 18px 45px
}
.goal-page, .goal-wrapper header, .upgrade-account header, .upgrade-content {
	display: none
}
.invoice-mobile-data {
	display: none
}
.blog-page .navbar-nav.register-nav {
	display: block
}
.blog-page .ap-content {
	margin-top: 88px
}
.content {
	margin: 50px 0 0
}
.package-pricing {
	display: block
}
.flex-pricing {
	display: flex;
	justify-content: center
}
.onetraining .heading-style2 h1 {
	color: #222;
	font-size: 36px;
	line-height: 50px;
	padding: 12px 25px;
	z-index: 1
}
.package-pricing.onetraining {
	margin: 50px 0 0;
	background-color: rgb(22, 131, 197, .05)
}
.package-pricing.onetraining:before {
	content: none
}
.challenge-modal .form-group {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d1d1d7
}
.challenge-modal .form-group label {
	color: #5d5d5d
}
.challenge-modal .form-group p {
	font-weight: 700;
	margin: 0
}
.workout-challenges .challenge-cell .cell-title span.duration {
	font-weight: 700
}
.body-transformation, .food-dite, .our-coach-services, .package-pricing.onetraining, .workout-challenges {
	background-color: #111
}
.body-transformation .heading-style4 h1 span, .body-transformation .heading-style4 p, .challenge-modal .form-group label, .food-dite .heading-style3 h1 span, .heading-style2 span, .heading-style3 p, .package-pricing .price-block .content ul li, .package-pricing .price-block .header .package-nm span, .package-pricing .price-block .header .package-price select, .workout-challenges .challenge-cell .cell-title span, ul.coman-includes li {
	color: #ada6a4
}
.package-pricing {
	padding: 70px 0;
}
.package-pricing .price-block .content ul li {
	color: rgba(255,255,255,0.70);
}
.body-transformation .heading-style4 h1 span.small-case {
	color: #ada6a4;
	text-transform: initial;
	font-size: 18px
}
.body-transformation .heading-style4 h1 .capital {
	color: #1a9be1;
	font-weight: 700;
	font-size: 38px;
	text-transform: uppercase
}
.app-workout, .our-app-screenshots, .our-app-screenshots:before, .package-pricing {
	background-color: #151515
}
.food-dite .heading-style3 h1, .heading-style2 h1, .onetraining .heading-style2 h1, .our-coach-services h1, .package-pricing .price-block .header .package-nm, .package-pricing .price-block .header .package-price sup, .package-pricing .price-block .header span.price-bold, .workout-challenges .challenge-cell .cell-title .package-price, .workout-challenges .challenge-cell .cell-title .package-price sup, .workout-challenges .challenge-cell .cell-title h4 {
	color: #1a9be1
}
.app-workout p, .workout-challenges .challenge-cell .cell-title span.duration, .workout-challenges .challenge-cell p {
	color: #979797
}
.app-workout:before, .our-coach-services:before, .package-pricing:before {
	background-color: #0e2738
}
.food-dite {
	background: #111 url(../images/section-bg-2.png) center center no-repeat
}
.our-coach-services h4 {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.3)
}
.workout-challenges .challenge-cell span {
	border-bottom: 1px solid rgba(255,255,255,.3)
}
.our-coach-services ul a.active {
	color: #fff
}
.challenge-modal .form-group p, .modal-content p {
	color: rgba(255,255,255,.75)
}
.modal-content p {
	font-weight: 600
}
.our-coach-services ul a {
	color: rgba(255,255,255,.75)
}
.app-screenshots-carousel .item, .modal-content {
	border: 1px solid #3e3e3e
}
.modal-content .modal-footer .btn-primary {
	background-color: #1a9ce3
}
.heading-style2 h1, .our-app-screenshots .heading-style2 h1, .package-pricing .price-block .header .package-nm, .workout-challenges .heading-style2 h1 {
	text-transform: uppercase
}
.app-workout .heading-style2 h1 {
	text-transform: initial
}
.package-pricing .price-block .header .package-nm span {
	text-transform: initial
}
.workout-challenges {
	padding-top: 40px;
	background-image: none
}
.package-pricing.onetraining {
	margin-top: 0
}
.package-pricing .price-block.active {
	background-color: #212121
}
.signup-btn.btn-primary {
	border-color: transparent
}
.discount-price {
	color: #5d5d5d;
	font-size: 30px;
	font-weight: 600;
	padding: 25px 15px;
	text-decoration: line-through
}
.modal-content {
	background-color: #04020f;
	color: #fff
}
.modal-header .close {
	color: #fff
}
.modal-header {
	border-bottom: 1px solid #3e3e3e
}
.modal-footer {
	border-top: 1px solid #3e3e3e
}
.reminder-modal .modal-content-in p {
	color: #000
}
.promo-modal video, .uk-article iframe {
	width: 100%
}
.youraccount-page .form-layout .form-group .input-field:focus+label, .youraccount-page .form-layout .form-group .input-field:not(:placeholder-shown)+label {
	background-color: #fff
}
.youraccount-page .input-field {
	color: #000;
	padding-right: 10px
}
.youraccount-page .help-block p {
	margin: 10px 0 0;
	color: red;
	font-weight: 600
}
.youraccount-page.cms-page .navbar-nav {
	display: flex
}
.youraccount-page.cms-page .navbar {
	justify-content: space-between
}
.section-title .back {
	margin: 0 0 20px;
	font-weight: 600;
	display: block
}
.section-title .back:hover {
	text-decoration: underline
}
.section-title .back i {
	padding-right: 5px
}
.youraccount-page.cms-page .form-layout .form-group .input-field:focus+label, .youraccount-page.cms-page .form-layout .form-group .input-field:not(:placeholder-shown)+label {
	background-color: #04020f
}
.challenge-section {
	padding-bottom: 70px
}
.challenge-wrapper .challenge-img {
	margin-bottom: 15px
}
.flex-container {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 -20px
}
.flex-container .challenge-wrapper {
	flex-basis: 33.333333%;
	max-width: 33.333333%;
	padding: 0 20px;
	margin-bottom: 50px
}
.challenge-wrapper .challenge-img img {
	min-height: 246px;
	max-width: 100%;
	border-radius: 15px;
	object-fit: cover
}
.challenge-wrapper .title {
	color: #1a9be1;
	font-size: 28px
}
.challenge-wrapper .price {
	display: flex;
	align-items: center;
	margin: 15px 0 12px
}
.challenge-inner .owl-carousel .owl-nav button.owl-next, .challenge-inner .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	width: 44px;
	height: 44px;
	border-radius: 50px;
	background-color: #1a9be1;
	transition: all .3s ease-in-out
}
.download-app a {
	margin-bottom: 20px;
	display: block
}
.download-app a:last-of-type {
	margin-bottom: 0
}
.challenge-inner .owl-carousel .owl-nav button.owl-next:hover, .challenge-inner .owl-carousel .owl-nav button.owl-prev:hover {
	background-color: #1a9be1
}
.challenge-inner .owl-carousel .owl-nav button.owl-next.disabled, .challenge-inner .owl-carousel .owl-nav button.owl-prev.disabled {
	opacity: 0
}
.challenge-modal .modal-footer {
	justify-content: space-between
}
.challenge-inner .owl-carousel .owl-nav button.owl-prev {
	left: -25px
}
.challenge-inner .owl-carousel .owl-nav button.owl-next {
	right: -25px
}
.challenge-inner .owl-nav {
	position: absolute;
	top: 25%;
	width: 100%
}
.challenge-wrapper .price h4 {
	color: #1a9be1;
	margin: 0;
	margin-right: 14px
}
.challenge-wrapper .price h5 {
	color: #5d5d5d;
	margin: 3px 0 0;
	text-decoration: line-through
}
.challenge-wrapper .cell-details {
	min-height: 148px;
	max-height: 120px;
	overflow: hidden
}
.challenge-wrapper .cell-details a {
	color: #1a9be1
}
.challenge-wrapper .cell-details p {
	color: #c5cacd;
	margin-bottom: 4px;
	max-height: 120px;
	overflow: hidden;
	text-overflow: ellipsis
}
.package-pricing .heading-style2 h1 {
	padding-bottom: 15px;
	margin: 0
}
.package-pricing .heading-style2 p {
	padding: 0 25px;
	font-size: 18px;
	color: #c5cacd
}
.challenge-wrapper .cell-details p font {
	color: #c5cacd!important;
	font-size: 16px!important
}
.challenge-wrapper .buy-now {
	margin-top: 18px
}
.challenge-wrapper .buy-now .btn-primary {
	background-color: #1a9be1;
	padding: 10px 40px;
	border-color: #1a9be1;
	transition: all .3s ease-in-out
}
.challenge-wrapper .buy-now .btn-primary:hover {
	background-color: #1886c1;
	transition: all .3s ease-in-out
}
.signup-modal .modal-dialog {
	max-width: 50%
}
.signup-modal .tab-content {
	padding: 30px
}
.signup-modal .tab-inner-content h1 {
	font-weight: 700
}
.signup-modal .tab-inner-content .help-block {
	color: red
}
.signup-modal .signup-container .input-field {
	color: #fff;
	border: 1px solid #47474a
}
.signup-modal .form-layout .form-group label {
	color: #99989d
}
.signup-modal .close {
	position: absolute;
	right: 30px
}
.signup-modal .tandc p {
	color: rgba(255,255,255,.5)
}
.signup-modal .close img {
	width: 24px
}
.signup-modal .plan-name {
	margin: 15px 0 30px
}
.signup-modal .iti__country-list {
	background-color: #000
}
.signup-modal .iti__country-name, .signup-modal .iti__dial-code {
	color: #fff
}
.signup-modal .footer {
	display: flex;
	align-items: flex-end;
	flex-direction: column
}
.dark.buy-now-challenge-modal .form-layout .form-group .input-field:not(:placeholder-shown)+label, .dark.buy-now-challenge-modal.signup-modal .form-layout .form-group .input-field:focus+label {
	background-color: #04020f
}
.signup-modal .package-subscription-cards {
	height: 50vh;
	overflow: auto;
	margin: 0 -30px;
	padding: 0 30px
}
.iti__country.iti__highlight {
	background-color: #1a9ce3!important
}
.payment-offer-duration .prmocode .form-inline button.btn-apply-code {
	background-color: #1a9ce3!important
}
.signup-modal .close {
	z-index: 99
}
.challenge-wrapper .read-more {
	color: #1a9be1;
	display: block;
	margin: 8px 0 0
}
.challenge-modal .modal-content p font, .modal-content p * {
	color: #fff!important;
	font-size: 16px!important
}
.challenge-wrapper .title-block p {
	color: rgba(255,255,255,.7);
}
.challenge-wrapper .availability p {
	color: rgba(255,255,255,.8)
}
.package-pricing::before {
	content: none;
}

@media(max-width:1500px) {
.heading-style2 h1 {
	font-size: 36px
}
.signup-modal .modal-dialog {
	max-width: 60%
}
}

@media(max-width:1300px) {
.banner .carousel-caption {
	height: 67vh
}
}

@media(min-width:1200px) {
.uk-margin-xlarge-bottom {
	margin-bottom: 70px!important
}
}

@media(max-width:1024px) {
.spotify-container {
	max-width: none;
	border: none;
	padding: 0;
	height: 100vh;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}
.plan-change-row .change-plan {
	width: 25%
}
.account-left-panel {
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding-bottom: 40px
}
.account-right-panel, .your-account-section .sticky-wrapper {
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.your-account-section .account-right-panel {
	padding-left: 0;
	border: none
}
.your-account-section .account-left-panel .panel-col {
	padding-bottom: 20px
}
.your-account-section .account-left-panel .panel-col:after {
	content: none
}
.your-account-section .panel-col h4 {
	display: none
}
.your-account-section .account-left-panel, .your-account-section .account-left-panel .panel-col {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	padding: 0
}
.your-account-section .account-info-wrapper .row .col-md-12 .section-title {
	margin: 0 -15px;
	padding-bottom: 20px
}
.your-account-section .sticky-wrapper {
	height: auto!important
}
.your-account-section .account-left-panel a {
	margin-right: 15px
}
.your-account-section .account-right-panel {
	margin: 30px 0 0
}
.profile-all-info .common-block .form-group.mobile-no .iti.iti--allow-dropdown {
	width: 100%
}
.your-account-section .account-left-panel {
	border-bottom: 1px solid #d1d1d7
}
.your-account-section .account-left-panel a.active {
	border-bottom: 2px solid #0089f1
}
.blog-page .web-navbar, .youraccount-page .web-navbar {
	padding: 10px 30px
}
.youraccount-page .navbar-expand-md .navbar-collapse {
	order: initial
}
.your-account-section .account-left-panel {
	position: sticky;
	position: -webkit-sticky;
	width: 100%;
	z-index: 99;
	left: 0;
	top: 84px;
	background-color: #fff
}
}

@media(max-width:800px) {
.change-plan-section.show-plans .available-plans {
	min-width: initial
}
.change-plan-section.show-plans .available-plans .row {
	overflow: hidden;
	flex-wrap: nowrap;
	overflow-x: auto;
	margin: 0 -36px!important;
	padding: 0 36px
}
.change-plan-section.show-plans .available-plans .row::-webkit-scrollbar {
display:none
}
.change-plan-section.show-plans .available-plans .row .col-md-4 {
	flex: 0 0 46%;
	max-width: 46%
}
}

@media(max-width:600px) {
.flex-container .challenge-wrapper {
	flex-basis: 100%;
	max-width: 100%
}
.flex-container {
	flex-wrap: wrap;
	margin: 0
}
.goals-wrapper header, .upgrade-account header {
	display: none
}
.goal-page, .upgrade-content {
	margin: 25px 0 0;
	display: block
}
.upgrade-content .your-account-panel .account-block:first-of-type {
	padding: 0 18px 20px
}
.your-account-panel .current-program .col-md-2 {
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	max-width: 32%
}
.your-account-panel .current-program .col-md-10 {
	-ms-flex: 0 0 68%;
	flex: 0 0 68%;
	max-width: 68%
}
.your-account-panel .current-program .plan-img {
	padding: 30px 24px
}
.your-account-panel .account-block .page-title {
	margin-bottom: 15px
}
.your-account-panel .page-title h4 {
	font-size: 16px
}
.your-account-panel .current-program {
	margin: 0
}
.your-account-panel .current-program .plan-basic-info {
	padding: 25px 20px
}
.your-account-panel .current-program .plan-change-row h4 {
	font-size: 15px
}
.your-account-panel .account-block:first-of-type {
	padding: 0 18px 20px;
	border-bottom: 1px solid #dee2e6
}
.program-tabs .nav-tabs {
	display: flex;
	justify-content: space-between
}
.program-tabs ul li {
	flex: 1;
	text-align: center
}
.program-tabs ul li a {
	padding: 14px 0;
	position: relative;
	color: #72797f;
	display: inline-block
}
.program-tabs .nav-tabs .nav-item .nav-link, .program-tabs .nav-tabs .nav-link.active {
	border: none
}
.program-tabs ul li a.active:before {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	bottom: -1px;
	content: '';
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
	background-color: #0089f1
}
.upgrade-content .pricing-container {
	padding: 20px 0 20px 15px;
	border-bottom: 1px solid #dee2e6
}
.upgrade-content .pricing-container h5 {
	text-align: center;
	margin: 15px 0
}
.upgrade-content .pricing-container .price-block {
	font-size: 15px;
	padding: 15px 0;
	border-bottom: 1px solid #dee2e6
}
.green {
	color: #08ac00
}
.upgrade-content .pricing-container .price-block .right-align {
	display: flex;
	justify-content: space-between;
	padding-right: 15px
}
.upgrade-content .pricing-container .price-block:last-of-type {
	border-bottom: none;
	padding-bottom: 0
}
.upgrade-content .pricing-container .price-block p {
	margin: 0 0 8px
}
.upgrade-content .pricing-container .price-block p:last-of-type {
	margin: 0
}
.upgrade-content .program-tabs {
	position: sticky;
	top: 0;
	z-index: 99;
	background-color: #fff
}
.upgrade-content .note {
	color: #76767c;
	padding: 8px 15px;
	font-size: 14px;
	margin: 10px 0 0
}
.upgrade-content .package-power h5 {
	text-align: center
}
.upgrade-content .package-power .package-container {
	padding: 10px 15px
}
.upgrade-content .package-power .features li {
	display: flex;
	align-items: center;
	padding: 12px 0
}
.upgrade-content .package-power .features li p {
	margin: 0;
	padding-left: 10px;
	font-size: 15px
}
.youraccount-page .navbar-user-menu {
	display: block!important;
	margin: 0
}
.youraccount-page .navbar-toggler {
	display: none
}
.blog-page .web-navbar, .youraccount-page .web-navbar {
	padding: 10px 20px
}
.your-account-section {
	margin-top: 90px
}
.your-account-section .account-info-wrapper .row .col-md-12 .section-title {
	margin: 0
}
.your-account-section .account-left-panel a {
	white-space: nowrap
}
.your-account-section .row.account-panel-container {
	margin: 0
}
.your-account-section .account-left-panel {
	top: 78px;
	padding-top: 10px
}
.your-account-section .section-title h3 {
	font-size: 18px;
	line-height: 25px
}
.youraccount-page .navbar-user-menu .user {
	padding-right: 0
}
.your-account-panel .account-block:first-of-type {
	padding-left: 0;
	padding-right: 0
}
.your-account-panel .current-program .col-md-10 {
	display: block
}
.your-account-panel .current-program .plan-basic-info {
	padding: 8px 20px 0
}
.your-account-panel .change-plan ul {
	text-align: left;
	padding-left: 20px;
	font-size: 15px
}
.account-block.billing-block .form-group {
	margin: 0 0 25px
}
.account-block.billing-block .col-md-4:last-of-type .form-group {
	margin-bottom: 0
}
.account-wrapper.invoice-wrapper * {
	font-size: 14px
}
.account-wrapper.invoice-wrapper .invoice-heading .col-md-1 {
	flex: 0 0 1%;
	max-width: 1%
}
.account-wrapper.invoice-wrapper .invoice-heading .col-md-2 {
	padding: 0 10px
}
.plan-change-row .change-plan {
	width: 100%
}
.account-wrapper.invoice-wrapper .invoice-heading, .invoice-row.desktop-view {
	display: none
}
.invoice-mobile-data {
	display: block
}
.account-wrapper.invoice-wrapper .card-view {
	padding: 15px;
	border: 1px solid #d1d1d7;
	border-radius: 5px;
	margin-bottom: 15px
}
.account-wrapper.invoice-wrapper .card-view:last-of-type {
	margin-bottom: 0
}
.account-wrapper.invoice-wrapper .card-view .number-date, .account-wrapper.invoice-wrapper .card-view .price-download {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.account-wrapper.invoice-wrapper .card-view .number-date {
	margin-bottom: 15px
}
.choose-goal .account-block .page-title h5 {
	font-size: 17px
}
.change-plan-section.show-plans .available-plans .row {
	flex-wrap: wrap;
	overflow: hidden;
	margin: 0!important;
	padding: 0
}
.change-plan-section.show-plans .available-plans .row .col-md-4 {
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 15px
}
.profile-all-info .common-block .form-group {
	margin: 0 0 25px
}
.profile-all-info .common-block .col-md-4:last-of-type .form-group {
	margin: 0
}
.calorie-calculations .macro-splits {
	max-width: 100%
}
.account-right-panel .profile-info .profile-name-email h4 {
	font-size: 20px
}
.your-account-section .account-left-panel {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	overflow-x: auto
}
.your-account-section .account-left-panel::-webkit-scrollbar {
display:none
}
.choose-goal-wrapper .goal-radio.current-plan label::after {
	width: 40%
}
.navbar-user-menu {
	display: block!important
}
.app-workout::after {
	content: ''!important
}
.cms-page footer, .cms-page header {
	display: none
}
.ap-content h1.bold {
	font-size: 20px
}
.goal-page .goal-block {
	display: block;
	padding: 22px 15px;
	border-bottom: 1px solid #dee2e6
}
.goal-page .goal-block .goal-title {
	display: flex;
	align-content: center;
	justify-content: space-between
}
.goal-page .goal-block .goal-title h5 {
	font-size: 18px
}
.goal-page .goal-block .goal-image {
	overflow: hidden;
	border-radius: 10px;
	height: 180px;
	margin: 10px 0 0
}
.goal-page .goal-block .goal-image img {
	object-fit: cover;
	width: 100%
}
.challenge-img-block img {
	width: 100%;
	max-height: 250px;
	object-fit: cover
}
.challenge-note, .challenge-wrapper {
	padding: 20px 15px 15px
}
.challenge-note p {
	color: #5e5e62;
	font-size: 15px
}
.challenge-wrapper {
	padding-top: 0
}
.challenge-wrapper .available-in lable {
	text-transform: uppercase;
	color: #7a7f85;
	font-size: 15px
}
.challenge-wrapper .challenge-desc p {
	line-height: 28px
}
.blog-page .uk-h1, .blog-page .uk-h2, .blog-page .uk-h3, .blog-page .uk-h4, .blog-page .uk-h5, .blog-page .uk-h6, .blog-page h1, .blog-page h2, .blog-page h3, .blog-page h4, .blog-page h5, .blog-page h6 {
	font-family: montserrat-semibold
}
.blog-page h1 {
	font-size: 28px
}
.blog-page header {
	display: none
}
.blog-page .section-hero {
	padding-top: 0;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	width: 100%;
	z-index: 999
}
.blog-page .section-hero .uk-search {
	margin: 20px 0!important
}
.blog-page .uk-container {
	padding: 0 20px
}
.blog-page .section-hero .uk-search input[type=search] {
	padding-left: 20px
}
.blog-page .section-hero {
	background-color: #1683c5
}
.blog-page .list-category li a {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	align-items: center;
	-webkit-align-items: center
}
.blog-page .list-category li a span {
	display: inline-block;
	width: 92%
}
.blog-page .box h3 {
	color: #1683c5
}
.blog-page .box {
	border-color: #1683c5
}
.blog-page .your-account-section {
	margin-top: 0
}
.blog-page .section-hero .uk-search {
	width: 100%
}
.challenge-inner .owl-carousel .owl-nav button.owl-next {
	right: 0
}
.challenge-inner .owl-carousel .owl-nav button.owl-prev {
	left: 0
}
}
.package-pricing .price-block{
	padding: 0 20px;
}