/* Minification failed. Returning unminified contents.
(4033,29): run-time error CSS1046: Expect comma, found '0'
(4033,33): run-time error CSS1046: Expect comma, found '/'
 */
/* Fonts */
@font-face {
		font-family: Norwester;
		src: url(../fonts/norwester-v1.2/webfonts/norwester.woff);
}

@font-face {
		font-family: 'SFProDisplay-Regular';
		src: url(../fonts/sfpro/SFProDisplay-Regular.eot?#iefix) format('embedded-opentype'), url('../fonts/sfpro/SFProDisplay-Regular.woff') format('woff'), url('../fonts/sfpro/SFProDisplay-Regular.ttf') format('truetype'), url('../fonts/sfpro/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'SFProDisplay-Bold';
		src: url(../fonts/sfpro/SFProDisplay-Bold.eot?#iefix) format('embedded-opentype'), url('../fonts/sfpro/SFProDisplay-Bold.woff') format('woff'), url('../fonts/sfpro/SFProDisplay-Bold.ttf') format('truetype'), url('../fonts/sfpro/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Hermes Regular';
		src: url(../fonts/HermesWebfont/hermesregular-webfont.ttf) format('truetype');
}

@font-face {
		font-family: 'Hermes Bold';
		src: url(../fonts/HermesWebfont/hermesbold-webfont.ttf) format('truetype');
}

/* BROE */
.errormessage-top,
.errormessage-bottom {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		letter-spacing: 0.1em;
}

.errormessage-top {
		margin-top: 20px;
		font-size: 22px;
		font-weight: bold;
}

.errormessage-bottom {
		font-size: 36px;
		font-weight: bold;
		line-height: 0.8em;
}

.errormessage-text p {
		color: #fff;
		font-weight: bold;
}

/* General */
body {
		font-family: 'Hermes Regular' !important;
		font-size: 14px;
		font-weight: 400;
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		background-image: linear-gradient(#333333, #292928);
}

.container-fluid {
		flex-grow: 1;
		margin: 0 !important;
}

a {
		text-decoration: none !important;
}

input {
		width: 100% !important;
		background-color: transparent !important;
		border: 1px solid #696969 !important;
}

		input:focus {
				background-color: #292928 !important;
		}

.bg-dark {
		background-image: linear-gradient(#333333, #292928);
}

.btn {
		border-radius: 30px !important;
		color: white !important;
}

		.btn:focus,
		.btn:active {
				outline: none !important;
				box-shadow: none;
		}

.img-circular-lg {
		width: 200px;
		height: 200px;
		background-image: url('../images/profile/profile_pic.jpg');
		background-size: cover;
		display: block;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
}

.img-circular-md {
		width: 150px;
		height: 150px;
		background-image: url('../images/profile/profile_pic.jpg');
		background-size: cover;
		display: block;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
}

.img-circular-sm {
		width: 100px;
		height: 100px;
		background-image: url('../images/profile/profile_pic.jpg');
		background-size: cover;
		display: block;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
}

.img-circular-xs {
		width: 45px;
		height: 45px;
		background-image: url('../images/profile/profile_pic.jpg');
		background-size: cover;
		display: block;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
}

.hv-container {
		display: flex;
		flex-direction: column;
}

@media screen and (min-width: 768px) {
		.hv-container {
				display: flex;
				flex-direction: row;
		}
}

/* Header */
.menu-item {
		color: white;
		padding: 0 0.8em;
		font-size: 1.2em;
}

.img-user-small {
		width: 30px;
}

.menu-divider {
		color: white;
}

.mobile-menu-item {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 15px 8px;
		display: flex;
		transition: 0.3s;
		flex-direction: column;
		letter-spacing: 0.1em;
}

		.mobile-menu-item:hover,
		.mobile-menu-item:focus {
				text-decoration: none !important;
		}

.mobile-menu-item-description {
		font-size: 24px;
		line-height: 1em;
}

.mobile-menu-item-title {
		font-size: 25px;
		font-weight: bold;
		line-height: 1em;
}

.red-line {
		width: 4em;
		height: 2px;
		background-color: #e0483e;
		border: none;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
}

.red-line-long {
		width: 80px;
		height: 2px;
		background-color: #e0483e;
		border: none;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 0;
		margin-right: 0;
		display: none;
}

.overlay {
		height: 0%;
		width: 100%;
		position: absolute;
		z-index: 1;
		top: 70px;
		left: 0;
		background-image: linear-gradient(#333333, #292928);
		overflow-y: hidden;
		transition: 0.5s;
}

.landingpage-overlay {
		top: 215px !important;
}

.overlay::after {
		content: '';
		background-image: url(../images/responsive/logo.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		opacity: 0.1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;
}

.overlay-content {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
}

.menu-items {
		margin: 0;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.overlay a:hover,
.overlay a:focus {
		color: #f1f1f1;
}

@media screen and (max-height: 450px) {
		.overlay {
				overflow-y: auto;
		}

				.overlay a {
						font-size: 20px;
				}

				.overlay .closebtn {
						font-size: 40px;
						top: 15px;
						right: 35px;
				}
}

.header {
		background-image: linear-gradient(#333333, #292928);
		height: 70px;
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: space-between;
		-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
		-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
		box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.logo-desktop {
		align-self: center;
		padding-left: 2em;
		display: none;
		width: 40%;
}

.go-back {
		align-self: center;
		padding-left: 25px;
		width: 60%;
		display: block;
		cursor: pointer;
}

.logo-mobile {
		align-self: center;
		display: block;
		width: 20%;
		text-align: center;
}

		.logo-mobile img {
				height: 45px;
		}

.header .nav {
		display: flex;
		justify-content: flex-end;
		width: 6em;
}

.nav {
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		align-self: center;
}

.header .nav {
		width: 60% !important;
		justify-content: flex-end !important;
}

		.header .nav a:hover {
				color: #e0483e !important;
		}

		.header .nav a:focus {
				color: #e0483e !important;
		}

.closebtn {
		display: none;
		width: 2em;
}

.burger {
		display: block;
		width: 37px;
		cursor: pointer;
}

.nav-mobile {
		padding-right: 25px;
}

.nav-desktop {
		display: none;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
}

.nav-desktop-inner {
		white-space: nowrap;
}

.link-to-profile {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-left: 45px;
}

.profile-dropdown {
		padding-left: 20px;
}

		.profile-dropdown img {
				padding-left: 5px;
		}

@media screen and (min-width: 768px) {
		.overlay {
				display: none;
		}

		.header {
				height: 80px !important;
		}

		.nav-desktop {
				display: flex;
		}

		.logo-desktop {
				display: block;
		}

		.logo-mobile {
				display: none;
		}

		.nav-mobile {
				display: none;
		}

		.go-back {
				display: none;
		}
}

/* Footer */
.footer {
		bottom: 0;
		right: 0;
		left: 0;
		height: auto;
		background-image: linear-gradient(#333333, #292928);
		color: white;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0;
}

.footer-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px 0;
}

.some-icon {
		margin: 0 2em;
		position: relative;
}

		.some-icon img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				transition: all 0.2s ease-in-out;
		}

		.some-icon span {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				transition: all 0.2s ease-in-out;
				background: -webkit-linear-gradient(#5c5c5c, #464646);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				font-size: 35px;
		}

		.some-icon img:hover {
				transform: translate(-50%, -50%) scale(1.3);
		}

		.some-icon span:hover {
				transform: translate(-50%, -50%) scale(1.3);
				background: -webkit-linear-gradient(#ffffff, #d8d8d8);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
		}

		.some-icon:last-of-type {
				padding: 0 0 0 1em;
		}

.footer-info {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0 0 30px 0;
}

.documents {
		padding-bottom: 40px;
}

		.documents a {
				padding-right: 1em;
				color: white;
				text-decoration: none;
		}

.company-info {
		display: flex;
		flex-direction: column;
}

.documents a:hover {
		color: white;
}

.company-info-item {
		display: flex;
		flex-direction: column;
		text-align: center;
		padding-bottom: 20px;
}

		.company-info-item a {
				color: white;
		}

				.company-info-item a:hover {
						color: white;
				}

.footer-header {
		color: #e0483e;
		text-transform: uppercase;
		font-weight: bold;
}

.some,
.documents,
.copyright {
		text-align: center;
}

@media screen and (min-width: 768px) {
		.footer {
				padding: 0 160px;
		}

		.footer-content {
				flex-direction: row;
				padding: 40px 0;
		}

		.company-info {
				flex-direction: row;
		}

		.footer-info {
				padding: 20px 0;
				flex-direction: row;
		}

		.company-info-item {
				padding-right: 3em;
				text-align: unset;
				padding-bottom: 0;
		}

		.some,
		.documents,
		.copyright {
				text-align: unset;
		}

		.documents {
				padding-bottom: 0;
		}
}

@media screen and (max-height: 767px) {
		.pagination-container {
				margin-bottom: 20px;
				margin-top: 0;
		}
}

/* Create Account */
.ca-container,
.wo-container {
		display: flex;
		justify-content: center;
}

.ca {
		text-align: center;
}

.ca-headers {
		margin: 60px 0 35px;
}

.ca-header,
.ca-subheader {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		letter-spacing: 0.1em;
}

.ca-header {
		font-size: 16px;
}

.ca-subheader {
		font-size: 25px;
		font-weight: bold;
		line-height: 0.8em;
}

.btn-fb {
		background-color: #3b5998 !important;
		font-size: 20px !important;
		width: 100%;
		height: 50px;
}

.ca-line {
		height: 1px;
		background-color: #696969;
		border: none;
		margin-top: 2.2em;
		margin-bottom: 1.5em;
}

.ca-email {
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 1.5em;
}

.ca-terms,
.ca-privacy {
		color: #fff;
		font-size: 11px;
		padding: 10px 0;
}

		.ca-terms a,
		.ca-privacy a {
				color: #e0483e;
		}

				.ca-terms a:hover,
				.ca-privacy a:hover {
						color: #e0483e;
				}

.btn-ca-signup {
		background-color: #2ebd59;
		font-size: 20px !important;
		width: 100%;
		height: 50px;
		margin: 20px 0 !important;
}

.ca-login {
		color: #fff;
		font-size: 18px;
		margin-bottom: 65px;
}

		.ca-login a {
				color: #2ebd59;
		}

				.ca-login a:hover {
						color: #2ebd59;
				}

@media screen and (min-width: 768px) {
		/*.ca-subheader {
				font-size: 2.5em;
				font-weight: bold;
		}*/
}

/* Fields */
.field {
		/* This keeps the label and input field together*/
		position: relative;
		margin-bottom: 15px;
		width: 100%;
}

.address {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
}

		.address .field:first-of-type {
				margin-right: 10px;
		}

input:not(.c-tgl) {
		padding: 26px 20px 10px 20px !important;
		width: 100% !important;
		color: #fff !important;
}

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

label {
		color: #bfbfbf;
		/* This styles the label before interaction */
		font-size: 12px;
		font-weight: 400 !important;
		position: absolute;
		left: 20px;
		top: 10px;
		/*pointer-events: none;*/
}

select {
		width: 100%;
		font-size: 20px !important;
		padding: 26px 20px 10px 20px !important;
		width: 100% !important;
		color: #fff !important;
		background-color: transparent !important;
		border: 1px solid #696969 !important;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0 !important;
		background: url(../images/forms/icn_arrow_down.svg) 96% / 4% no-repeat #eee;
}

		select:focus {
				background-color: #292928 !important;
		}

.input-locked {
		background: url(../images/forms/icn_lock.svg) 96% / 4% no-repeat #eee;
}

/* CAUTION: IE hackery ahead */
select::-ms-expand {
		display: none;
		/* remove default arrow on ie10 and ie11 */;
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0) {
		select {
				background: none\9;
				padding: 5px\9;
		}
}

@media screen and (min-width: 768px) {
		.address {
				flex-direction: row;
		}
}

/* Checkbox Slider */
.switch {
		position: relative;
		display: inline-block;
		width: 45px;
		height: 25px;
		top: 0 !important;
		left: 0 !important;
		margin-bottom: 0 !important;
		margin-right: 10px;
}

		.switch input {
				opacity: 0;
				width: 0;
				height: 0;
		}

.slider {
		position: absolute;
		pointer-events: auto;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: linear-gradient(#464646, #5c5c5c);
		-webkit-transition: 0.4s;
		transition: 0.4s;
}

		.slider:before {
				position: absolute;
				content: '';
				height: 25px;
				width: 25px;
				right: 20px;
				bottom: 0px;
				background-image: linear-gradient(#ffffff, #d8d8d8);
				-webkit-transition: 0.4s;
				transition: 0.4s;
		}

input:checked + .slider {
		background-image: linear-gradient(#c9ec87, #6cb13c);
}

input:focus + .slider {
		box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
		border-radius: 34px;
}

		.slider.round:before {
				border-radius: 50%;
		}

/* Login */
.login-settings {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		color: white;
		align-items: center;
		margin: 30px 0;
}

		.login-settings a {
				color: white;
		}

				.login-settings a:hover {
						color: white;
				}

.slider-toggle {
		display: flex;
		flex-direction: row;
		align-items: center;
}

.btn-outline {
		font-size: 20px !important;
		width: 100%;
		height: 60px;
		border: 1px solid #696969 !important;
		background: transparent;
}

.login-privacy {
		color: #fff;
		font-size: 11px;
		padding: 10px 0;
		margin-bottom: 140px;
}

		.login-privacy a {
				color: #e0483e;
		}

				.login-privacy a:hover {
						color: #e0483e;
				}

/* Profile */
.profile-container {
		position: relative;
}

.profile-save {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		padding: 15px 0 35px;
}

.btn-save {
		background-color: #2ebd59;
		font-size: 20px !important;
		width: 100%;
		height: 50px;
		order: 1;
}

.cancel {
		color: #696969;
		font-size: 20px;
		padding: 5px 30px;
		cursor: pointer;
		order: 2;
}

.profile-sidebar {
		position: absolute;
		width: 22vw;
		background-color: #292928;
		top: 0;
		bottom: 0;
		left: 0;
		display: none;
		padding: 60px 0;
}

		.profile-sidebar .img-circular-md {
				margin: 0 50px;
		}

.profile-menu {
		display: flex;
		flex-direction: column;
		padding: 30px 0;
}

.profile-menu-item {
		font-size: 16px;
		color: #696969;
		padding: 0.2em 0;
		cursor: pointer;
		padding: 5px 50px;
}

		.profile-menu-item.active {
				color: #fff;
				border-left: 2px solid #2ebd59;
		}

.subheader-profile {
		position: relative;
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.mobile-profile-dropdown {
		position: absolute;
		right: -25px;
		padding: 0 5px;
		cursor: pointer;
}

		.mobile-profile-dropdown img {
				width: 0.4em;
		}

@media screen and (min-width: 768px) {
		.btn-save {
				width: 200px;
				height: 40px;
		}

		.profile-save {
				flex-direction: row;
				padding: 0 0 50px;
		}

		.btn-save {
				order: 2;
		}

		.cancel {
				order: 1;
				margin-bottom: 0;
		}

		.mobile-profile-dropdown {
				display: none;
		}
}

@media screen and (min-width: 992px) {
		.profile-sidebar {
				display: block;
		}
}

/* Workuts */
.wo-header {
		display: flex;
		flex-direction: column;
		margin-top: 35px;
		align-items: center;
}

.wo-image {
		width: 150px;
}

.wo-intro {
		display: flex;
		flex-direction: column;
		padding: 0;
		align-items: center;
		width: 100%;
}

@media screen and (max-width: 768px) {
		.wo-intro {
				margin: 15px 0 15px 0;
		}
}

.wo-title-section {
		display: flex;
		flex-direction: column;
		align-items: center;
}

		.wo-title-section .dropdown-menu {
				left: -192px !important;
				top: 30px !important;
				height: 14rem;
		}

.wo-title {
		color: #fff;
		font-size: 20px;
}

.btn-follow-desktop {
		font-size: 14px !important;
		width: 80px;
		height: 25px;
		border: 1px solid #696969 !important;
		background: transparent;
		padding: 2px 12px !important;
		display: none;
		margin: 0 20px;
		display: none !important;
		color: #696969 !important;
}

		.btn-follow-desktop:hover {
				color: #fff !important;
		}

.btn-follow-mobile {
		font-size: 20px !important;
		width: 100%;
		height: 50px;
		border: 1px solid #696969 !important;
		background: transparent;
		display: inline-block !important;
		color: #696969 !important;
		margin: 30px 0 10px !important;
}

.wo-facts {
		display: flex;
		flex-direction: row;
		color: #696969;
		font-size: 14px;
		flex-wrap: wrap;
		justify-content: center;
}

		.wo-facts strong {
				margin-left: 7px;
				margin-right: 7px;
		}

.wo-facts-item {
		color: #9B9B9B;
		font-size: 14px;
		letter-spacing: 0.5px;
		padding-left: 2px;
		padding-right: 2px;
}

		.wo-facts-item:first-child {
				padding-left: 0px;
		}

		.wo-facts-item:last-child {
				padding-right: 0px;
		}

.wo-description {
		color: #fff;
		width: 100%;
		overflow: hidden;
}

.line-clamp {
		display: none;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
}

.read-more {
		visibility: hidden;
		color: #e0483e;
		cursor: pointer;
}

		.read-more:hover {
				color: #e0483e;
				cursor: pointer;
		}

		.read-more:focus {
				color: #e0483e;
		}

.ellipsis-active {
		color: #700;
}

.wo-camp-1 {
		border: 1px solid #696969;
		border-radius: 10px;
		padding: 10px;
		margin-bottom: 40px;
		background-image: linear-gradient(#333333, #292928);
}

@media screen and (max-width: 768px) {
		.wo-camp-1 {
				margin-bottom: 20px;
		}

		.right-element img {
				width: 20px !important;
				cursor: pointer;
		}
}

.wo-camp-header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
}

.wo-camp-intro {
		width: 16px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
}

		.wo-camp-intro img {
				width: 16px;
		}

.wo-camp-titles {
		display: flex;
		flex-direction: column;
		color: #fff;
		text-align: center;
		line-height: 15px;
		letter-spacing: 1.31px;
		padding-left: 16px;
}

.wo-camp-title {
		padding-bottom: 7px;
}

		.wo-camp-title img {
				display: inline-block;
		}

.wo-camp-subtitle {
		display: none;
}


.wo-camp-program {
		margin-bottom: 35px;
}

		.wo-camp-program img,
		.wo-camp-intervals img {
				width: 100%;
		}

.wo-intro-mobile {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		display: flex;
}

@media screen and (max-width: 768px) {
		.wo-intro-mobile {
				justify-content: normal;
				font-size: 12px;
		}

				.wo-intro-mobile img {
						padding-right: 5px;
				}
}

.time-mobile {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		padding-right: 1em;
}

.wo-camp-program {
		position: relative;
}

.play-button {
		position: absolute;
		top: 60%;
		left: 50%;
		width: 50px;
		transform: translate(-50%, -50%);
}

/* --- Music begin --- */


.song-active .song-title,
.song-active .song-length {
		background: -webkit-linear-gradient(#5be092, #2ebd59);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.song-number {
		width: 20px;
		color: #fff;
		align-self: flex-end;
		line-height: 1.5em;
		display: none;
}

.song-name {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-width: 0;
}

.song-time {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		white-space: nowrap;
}

.sound-icon {
		white-space: nowrap;
}

		.song-time > div,
		.sound-icon > div {
				display: inline-block;
				margin-left: 20px;
		}

.song-artist,
.bpm {
		color: #9b9b9b;
		font-size: 11px;
}

.song-artist,
.song-title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

.song-title,
.song-length {
		color: #fff;
}

.wo-music .wo-music-title {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 3.75px;
		font-weight: bold;
}

.wo-music .wo-music-subtitle {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 2.25px;
}

.wo-music .song-number.w-20 {
		width: 20px;
}

.wo-music .song-number.w-30 {
		width: 30px;
}

.wo-music .song-number, .wo-music .song-title, .wo-music .song-length {
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 1.75px;
}

.wo-music .song-artist, .wo-music .bpm {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 1.31px;
}

.wo-camp-description {
		padding-bottom: 10px;
}

.wo-camp-program-header,
.wo-camp-description {
		color: #fff;
		text-align: center;
		font-size: 15px;
}

.wo-camp-description {
		display: none;
}

.wo-camp-description {
		padding-top: 25px;
		padding-left: 20px;
		padding-right: 20px;
}

.wo-time {
		display: none;
		color: #fff;
		font-size: 25px;
}

.wo-music {
		border: 1px solid #696969;
		border-radius: 10px;
		padding: 10px;
		margin-bottom: 60px;
		background-image: linear-gradient(#333333, #292928);
}

.wo-music-header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 15px;
}

.wo-music-icon {
		display: none;
}

.wo-music-title {
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
}

.wo-music-subtitle {
		color: #9b9b9b;
}

.song-headers {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
}

.wo-music-songs {
		display: flex;
		flex-direction: column;
}

.wo-music-song:last-child {
		border-bottom: none;
}

.wo-music-song {
		border-bottom: 1px solid #696969;
		padding: 15px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
}

@media screen and (min-width: 768px) {
		.wo-music {
				border: none;
				margin-top: 50px;
				padding: 30px 35px;
				background-image: linear-gradient(#333333, #292928);
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				align-items: center;
				box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
		}

		.wo-music-songs {
				flex-wrap: wrap;
				height: 330px;
		}

		.wo-music-song {
				width: 48%;
		}

				.wo-music-song:nth-child(-n + 5) {
						margin-right: 15px;
						display: flex;
				}

		.wo-time {
				display: block;
				padding-left: 35px;
				padding-top: 5px;
		}

		.wo-music-header {
				margin-bottom: 15px;
		}

		.wo-music-title {
				font-size: 20px;
		}

		.wo-music-icon {
				display: block;
				margin-right: 15px;
		}

		.song-headers {
				display: none;
		}

		.song-number {
				display: block;
		}
}

@media screen and (max-width: 767px) {
		.wo-music .wo-music-title {
				font-size: 14px;
		}

		.wo-music .song-title, .wo-music .song-time .song-length {
				font-size: 12px;
		}

		.wo-music .song-artist, .wo-music .song-time .bpm {
				font-size: 10px;
		}

		.wo-music-song {
				padding: 8px 0;
		}

		.wo-music .wo-music-subtitle {
				font-size: 11px;
		}
}

/* --- Music end --- */

.wo-recent-header {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: baseline;
}

.wo-recent-title {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.2rem;
}

.wo-recent-see-all {
		color: #696969;
		padding-left: 20px;
}

.red-line-title {
		width: 80px;
		height: 2px;
		background-color: #e0483e;
		border: none;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 0;
		margin-right: 0;
}

.red-line-title-sm {
		width: 40px;
		height: 2px;
		background-color: #e0483e;
		border: none;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 0;
		margin-right: 0;
}

.wo-recent-workout,
.wo-teaser-workout {
		background-image: linear-gradient(#333333, #292928);
}

.wo-recent-workouts {
		margin-top: 15px;
}

.wo-recent-workouts,
.wo-teaser-workouts {
		display: flex;
		flex-direction: column;
}

.wo-recent-workout,
.wo-teaser-workout {
		display: flex;
		flex-direction: column;
		border: 1px solid #696969;
		border-radius: 10px;
		padding: 10px;
		margin-bottom: 15px;
		text-align: center;
}

.recent-title,
.teaser-title {
		color: white;
		font-size: 20px;
}

		.teaser-title img {
				width: 23px;
				height: 23px;
		}

.recent-subtitle,
.teaser-subtitle {
		color: #9b9b9b;
		font-size: 12px;
		padding-bottom: 20px;
}

.recent-program img,
.teaser-program img {
		width: 100%;
}

.ic-preview {
		width: 100%;
		height: 90px;
		background-color: #e0483e;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
}

.ic-preview-logo {
		padding-right: 75px;
		display: none;
}

.ic-preview-headers {
		text-align: center;
}

.ic-preview-header {
		font-family: Norwester;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 25px;
		letter-spacing: 0.3rem;
		filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
}

@media screen and (max-width: 768px) {
		.ic-preview-header {
				font-size: 2rem;
		}
}


.ic-preview-subheader {
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 18px;
		filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
}

.wo-description {
		padding-top: 10px;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 19px;
		display: inline;
}

.wo-creator-description {
		/*padding-top: 10px;*/
}

.wo-creator-description-content {
		display: inline;
}

		.wo-creator-description-content span {
				display: none;
		}

.creator-description-read-more {
		display: inline;
		color: #E0483E;
}

		.creator-description-read-more:hover {
				cursor: pointer;
		}

@media screen and (max-width: 767px) {
		.wo-description {
				font-size: 12px;
				line-height: 17px;
		}
}

@media screen and (min-width: 768px) {
		.wo-intro {
				padding: 10px 10px 10px 45px;
				align-items: flex-start;
		}

		.wo-title-section {
				flex-direction: row;
		}

		.wo-header {
				flex-direction: row;
				margin: 55px 0 50px;
				align-items: unset;
		}

		.btn-follow-desktop {
				display: inline-block !important;
		}

		.btn-follow-mobile {
				display: none !important;
		}

		.red-line-long {
				display: block;
		}

		.line-clamp {
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
		}

		.read-more {
				display: inline;
				visibility: visible;
		}

		.wo-camp-title {
				font-size: 25px;
				padding-bottom: 0;
		}

		.wo-camp-subtitle {
				display: block;
				color: #9b9b9b;
		}

		.wo-intro-mobile {
				display: none;
		}

		.wo-camp-title img {
				display: none;
		}

		.wo-camp-program-header,
		.wo-camp-description {
				display: block;
		}

		.wo-camp-1,
		.wo-camp-teaser {
				border: none;
				padding: 0;
		}

		.wo-camp-header {
				padding: 8px 35px;
				background-image: linear-gradient(#333333, #292928);
				box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				align-items: center;
		}

		.wo-camp-content {
				box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
				border-radius: 10px;
				padding: 35px;
				background-image: linear-gradient(#333333, #292928);
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
		}

		.wo-camp-intro img {
				width: 40px;
		}

		.wo-camp-program {
				margin-bottom: 0;
		}

		.play-button {
				width: 142px;
		}

		.play-button-small {
				width: 115px;
				top: 58%;
		}

		.wo-recent-workouts {
				flex-direction: row;
				flex-wrap: wrap;
				margin-top: 30px;
		}

		.wo-recent-workout {
				flex-direction: column;
				background-image: linear-gradient(#333333, #292928);
				width: 48%;
				margin-bottom: 4%;
		}

				.wo-recent-workout:nth-child(odd) {
						margin-right: 4%;
				}

		.ic-preview-logo {
				display: block;
		}

		.ic-preview-header {
				font-size: 30px;
				letter-spacing: 5px;
		}
}

/* Camps */
.camp-image {
		margin-bottom: 15px;
}

		.camp-image.large {
				margin-bottom: 0px;
		}


		.camp-image img {
				border-radius: 10px;
				border: 1px solid #696969;
		}

.camp-title {
		font-size: 26px;
		color: #fff;
		letter-spacing: 0.5px;
}

.wo-camp-teaser {
		display: none;
		margin-bottom: 40px;
}

.wo-description-container-mobile {
		margin-top: 5px;
}

		.wo-description-container-mobile .read-more {
				display: inline;
				visibility: visible;
		}

		.wo-description-container-mobile .less {
				display: block;
		}

@media screen and (max-width: 768px) {
		.workout-xs-hide {
				display: none;
		}
}

@media screen and (min-width: 768px) {
		.wo-description-container-mobile {
				margin-top: 10px;
		}

		.camp-image {
				margin-bottom: 0;
		}

		.wo-teaser-workouts {
				display: none;
		}

		.wo-camp-teaser {
				display: block;
		}
}

/* Profile Overview */

.dropdown-toggle.share-workouts {
		display: none;
}

.profile-content-mobile {
		display: block;
}

.profile-content-desktop {
		display: none;
}

div.box {
		margin: 40px 0;
}

.toggle-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		cursor: pointer;
}

.toggle-title {
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 25px;
		text-transform: uppercase;
		font-weight: bold;
		padding-right: 10px;
		letter-spacing: 0.1em;
}

.dropdown-toggle.toggle-container span img {
		width: 10px;
}

.wo-body .dropdown-menu {
		left: 25px;
}

.dropdown-menu-arrow {
		top: -25px;
		left: 50%;
		width: 0;
		height: 0;
		position: relative;
}

		.dropdown-menu-arrow:before,
		.dropdown-menu-arrow:after {
				content: '';
				position: absolute;
				display: block;
				width: 0;
				height: 0;
				border-width: 7px 8px;
				border-style: solid;
				border-color: transparent;
				z-index: 1001;
		}

		.dropdown-menu-arrow:after {
				bottom: -20px;
				right: -8px;
				border-bottom-color: #464646;
		}

		.dropdown-menu-arrow:before {
				bottom: -17px;
				right: -8px;
				border-bottom-color: rgba(0, 0, 0, 0.15);
		}

.btn-group {
		width: 200px;
}

.dropdown-menu {
		background-image: linear-gradient(#464646, #5c5c5c);
		border-radius: 10px !important;
		margin: 3px 0 0 !important;
		min-width: 200px !important;
}

		.dropdown-menu li {
				text-align: center;
				padding: 0.5em;
		}

		.dropdown-menu > li > a {
				color: #fff !important;
				background: -webkit-linear-gradient(#ffffff, #d8d8d8);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				text-transform: uppercase;
				font-weight: bold !important;
				letter-spacing: 0.1em;
				-webkit-font-smoothing: antialiased;
		}

.btn-group.open .dropdown-toggle {
		box-shadow: none !important;
}

.camps-grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
}

.camp-item {
		width: 30%;
		border: 1px solid #696969;
		border-radius: 12px;
		margin-right: 1rem;
		margin-bottom: 1rem;
}

		.camp-item img {
				width: 100%;
				border-radius: 12px;
		}

.education-list {
		display: flex;
		flex-direction: column;
		text-align: center;
}

.education-item {
		display: flex;
		flex-direction: column;
		padding: 10px 0;
}

.education-title {
		color: #fff;
		font-size: 16px;
}

.education-year {
		color: #9b9b9b;
}

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

.experience-header {
		color: #fff;
		font-size: 16px;
}

.experience-paragraph {
		color: #9b9b9b;
		text-align: justify;
}

.nav,
.profile-cobtent-desktop .nav {
		text-align: center;
}

.nav-tabs {
		border-bottom: none !important;
}

		.nav-tabs ul {
				width: unset;
				display: flex;
				justify-content: center;
		}

		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:focus,
		.nav-tabs > li.active > a:hover {
				padding: 0 5px 0 5px;
				width: unset;
				color: #fff !important;
				background-color: unset !important;
				border: 1px solid transparent !important;
				border-bottom: 1px solid #e0483e !important;
		}

				.nav-tabs > li.active > a .red-underline,
				.nav-tabs > li.active > a:focus .red-underline,
				.nav-tabs > li.active > a:hover .red-underline {
						visibility: visible;
				}

.red-underline {
		width: 30px;
		height: 1px;
		background: #e0483e;
		text-align: center;
		margin-top: 10px;
		visibility: hidden;
}

.nav-tabs > li > a {
		display: flex !important;
		flex-direction: column;
		align-items: center;
}

.nav > li > a:focus,
.nav > li > a:hover {
		background-color: unset !important;
		color: #fff !important;
}

.nav-tabs > li > a:hover {
		border-color: transparent !important;
		border-bottom-color: none !important;
		border-bottom: 1px solid #e0483e !important;
}

		.nav-tabs > li > a:hover .red-underline {
				visibility: visible;
		}

.nav > li > a {
		color: #696969 !important;
}

.followers-search-field input {
		background: url(../images/profile-overview/icn_search_close.svg) 96% / 4% no-repeat #eee;
		padding: 15px 60px !important;
		border-radius: 10px;
		border-color: #4a4a4a !important;
}

.followers-search-field {
		position: relative;
		margin-top: 15px;
}

.followers-search-search {
		position: absolute;
		top: 17px;
		left: 17px;
}

.profile-teasers {
		display: flex;
		flex-direction: column;
		margin: 20px 0;
}

.profile-teaser {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 15px 0;
}

.profile-teaser-info {
		padding-left: 15px;
}

.profile-teaser-text {
		color: #fff;
		font-size: 20px;
}

.profile-teaser-facts {
		color: #696969;
		font-size: 14px;
}

.icon-grey-bg {
		position: relative;
		background-image: linear-gradient(#464646, #5c5c5c);
		border-radius: 50%;
		width: 90px;
		height: 90px;
		margin-bottom: 5px;
		cursor: pointer;
}

.icon-dark-bg {
		/* position: relative; */
		background-image: linear-gradient(#333333, #292928);
		border-radius: 50%;
		width: 50px;
		height: 50px;
		margin-bottom: 5px;
		cursor: pointer;
		position: absolute;
		transform: translate(0%, -35%);
		transition: all 0.2s ease-in-out;
}

.icon-grey-bg {
		position: absolute;
		transform: translate(0%, -35%);
		transition: all 0.2s ease-in-out;
}

		.icon-dark-bg:hover,
		.icon-grey-bg:hover {
				transform: translate(0%, -35%) scale(1.1);
		}

		.icon-grey-bg img,
		.icon-dark-bg img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				transition: all 0.2s ease-in-out;
		}

		.icon-grey-bg span,
		.icon-dark-bg span {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				transition: all 0.2s ease-in-out;
				background: -webkit-linear-gradient(#ffffff, #d8d8d8);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
		}

		.icon-dark-bg:hover img,
		.icon-grey-bg:hover img {
				transform: translate(-50%, -50%) scale(1.1);
		}

		.icon-dark-bg:hover span,
		.icon-grey-bg:hover span {
				transform: translate(-50%, -50%) scale(1.1);
		}

.icon-dark-bg img {
		height: 20px;
}

.icon-dark-bg span {
		font-size: 20px;
}

.icon-grey-bg span {
		font-size: 35px;
}

.icon-grey-bg img {
		height: 40px;
		max-width: 60px;
}

.socials-grid,
.share-grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
}

.socials-grid {
		margin: 0 40px;
}

.share-grid-desktop {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		margin: 0 13px;
}

.social-icon-title {
		margin-top: 6.5rem;
}

.socials-grid .social-icon-title {
		margin-top: 7rem;
}

.socials-item,
.share-item {
		width: 50%;
		flex-direction: column;
		display: flex;
		color: white;
		align-items: center;
		margin-bottom: 55px;
}

.share-item-desktop {
		flex-direction: column;
		display: flex;
		color: white;
		align-items: center;
		padding: 0 7px;
		width: 65px;
		font-size: 11px;
		margin-top: 1rem;
}

.share-profile-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: white;
		margin: 15px 0;
}

.share-profile-title {
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: bold;
}

.profile-content-mobile .btn-group {
		width: 248px !important;
}

.m-overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 2;
		top: 0;
		right: 0;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.3);
		overflow-x: hidden;
		transition: 0.5s;
		box-shadow: -4px 0 4px rgba(0, 0, 0, 0.1);
}

.m-overlay-content {
		position: relative;
		height: 100vh;
		width: 100%;
		text-align: center;
		background-image: linear-gradient(#333333, #292928);
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
}

.m-overlay a {
		padding: 15px;
		text-decoration: none;
		font-size: 18px;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: block;
		transition: 0.3s;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.1em;
}

		.m-overlay a:hover,
		.m-overlay a:focus {
				color: #f1f1f1;
		}

.m-dropdown-menu {
		padding: 0 !important;
		margin: 0 !important;
}

		.m-dropdown-menu li {
				list-style: none;
		}

@media screen and (max-height: 450px) {
		.m-overlay a {
				font-size: 20px;
		}

		.m-overlay .closebtn {
				font-size: 40px;
				top: 15px;
				right: 35px;
		}
}

.mobile-overlay {
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.3);
		overflow-x: hidden;
		transition: 0.5s;
		display: none;
}

.closemobilebtn {
		color: white;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 15%;
		display: none;
		text-align: center;
		padding-top: 20px;
		width: 15%;
}

.m-active {
		color: #e0483e;
		background: none !important;
		-webkit-text-fill-color: unset !important;
}

@media screen and (min-width: 768px) {
		.social-icon-title {
				margin-top: 4rem;
		}

		.socials-grid {
				margin: 0;
		}

		.dropdown-toggle.share-workouts {
				display: block;
		}

		.profile-content-mobile {
				display: none;
		}

		.profile-content-desktop {
				display: block;
		}

		.profile-teaser-text {
				font-size: 16px;
		}

		.profile-teaser-facts {
				font-size: 11px;
		}

		.nav li {
				padding: 0 10px 0 10px;
				width: unset;
		}

		.camp-item {
				width: 15%;
		}

		.tab-content-desktop {
				margin: 45px 0;
		}

		.camps-grid {
				margin-top: 25px;
				margin-bottom: 50px;
		}

		.education-list {
				flex-direction: row;
				text-align: left;
				flex-wrap: wrap;
		}

		.education-item {
				width: 33%;
		}

		.experience-list {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
		}

		.experience-item {
				width: 50%;
				padding-right: 30px;
		}

		.profile-teasers {
				flex-direction: row;
				flex-wrap: wrap;
		}

		.profile-teaser {
				width: 32%;
				margin: 15px 1% 15px 0;
				padding: 0;
		}

		.socials-item,
		.share-item {
				width: 120px;
				padding-right: 30px;
		}

		.share-item {
				margin-bottom: 45px;
		}

		.nav-tabs {
				border-bottom: none !important;
				margin-left: -37px;
		}

				.nav-tabs > li.active > a,
				.nav-tabs > li.active > a:focus,
				.nav-tabs > li.active > a:hover {
						border-bottom: none !important;
				}

				.nav-tabs > li > a:hover {
						border-bottom: none !important;
				}
}

/* Webplayer intro */
.webplayer-intro {
		background-image: linear-gradient(#333333, #292928);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 100vh;
}

.webplayer-intro-text {
		text-align: center;
		color: white;
		padding: 20px;
}

@media screen and (min-width: 768px) {
		.webplayer-intro-text {
				font-size: 22px;
		}

		.webplayer-intro-logo img {
				height: 100px;
		}
}

/* Webplayer download */
.webplayer-download {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 100vh;
		text-align: center;
		padding: 30px 0;
}

.webplayer-header {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 16px;
		letter-spacing: 0.1em;
		line-height: 1em;
}

.webplayer-subheader {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: bold;
		font-size: 25px;
		letter-spacing: 0.1em;
		line-height: 1em;
		padding-bottom: 15px;
}

.webplayer-headers p {
		color: #fff;
		font-size: 16px;
		margin-top: 15px;
		margin-bottom: 60px;
}

.samples {
		display: flex;
		flex-direction: column;
		align-items: center;
}

.sample {
		position: relative;
		text-align: center;
		color: white;
		border-radius: 20px;
		width: 95%;
}

.sample-headers {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.sample img {
		width: 100%;
		border-radius: 20px;
}

.sample-overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(rgba(51, 51, 51, 0.6), rgba(41, 41, 40, 0.6));
		border-radius: 20px;
}

.sample-headers {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.sample-header {
		font-size: 30px;
		letter-spacing: 0.1em;
		line-height: 1em;
}

.sample-subheader {
		font-size: 42px;
		font-weight: bold;
		line-height: 1em;
		letter-spacing: 0.1em;
}

.download-btns {
		margin-top: 15px;
		margin-bottom: 15px;
		display: flex;
		flex-direction: row;
}

.download-btn img {
		width: 90%;
}

.sample:first-of-type {
		margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
		.samples {
				flex-direction: row;
		}

		.download-btns {
				margin-top: 60px;
		}

		.sample:first-of-type {
				margin-right: 20px;
				margin-bottom: 0;
		}

		.sample:last-of-type {
				margin-left: 20px;
		}

		.webplayer-header {
				font-size: 42px;
				line-height: 1em;
		}

		.webplayer-subheader {
				font-size: 69px;
				line-height: 1em;
				padding-bottom: 20px;
		}

		.webplayer-headers p {
				font-size: 22px;
		}

		.sample-header {
				font-size: 42px;
		}

		.sample-subheader {
				font-size: 69px;
				font-weight: bold;
		}
}

/* Webplayer program */
.webplayer-time {
		text-transform: uppercase;
		display: flex;
		flex-direction: column;
		padding: 15px;
}

		.webplayer-time:first-child {
				align-items: flex-start;
		}

		.webplayer-time:last-child {
				align-items: flex-end;
		}

				.webplayer-time:last-child .webplayer-time-title {
						color: #5c5c5c;
				}

				.webplayer-time:last-child .webplayer-timestamp {
						background: -webkit-linear-gradient(#5c5c5c, #464646);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
				}

.webplayer-time-title {
		color: white;
		font-size: 9px;
		font-weight: bold;
		letter-spacing: 0.2em;
}

.webplayer-timestamp {
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 25px;
		line-height: 1em;
}

.teaser-ribbon {
		text-align: center;
		margin: 20px 0;
}

.teaser-ribbon-header .teaser-gradient {
		font-family: Norwester;
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 25px;
}

.teaser-ribbon-header .teaser-red {
		color: #e0483e !important;
		font-size: 25px;
		font-family: Norwester;
		text-transform: uppercase;
		margin-left: -4px;
}

.teaser-ribbon-subheader {
		font-family: Norwester;
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 15px;
}

.wp {
		overflow: hidden;
}

.wp-ribbon {
		display: flex;
		height: 20vh;
		margin: 0 -7vw;
}

		.wp-ribbon .wp-ribbon-container {
				flex: 1;
				height: 100%;
				transform: skew(10deg);
				overflow: hidden;
				display: flex;
				text-decoration: none;
		}

		.wp-ribbon .wp-ribbon-container {
				margin-left: 1vh;
		}

				.wp-ribbon .wp-ribbon-container.ribbon-desktop {
						display: none !important;
				}

				.wp-ribbon .wp-ribbon-container .wp-ribbon0 {
						background-image: linear-gradient(#464646, #5c5c5c);
						background-repeat: no-repeat;
						background-position: center;
						background-size: cover;
						width: 140%;
						height: 100%;
						display: block;
						/* optionnal */
						/*object-fit: cover;
  object-position:center center;*/
						transform: skew(-10deg);
						margin: 0 -20% 0 -20%;
						position: absolute;
				}

				.wp-ribbon .wp-ribbon-container .wp-ribbon1 {
						background-image: url(../images/webplayer-download/img_the_player.png);
						background-repeat: no-repeat;
						background-position: center;
						background-size: cover;
						width: 110%;
						height: 100%;
						display: block;
						/* optionnal */
						/*object-fit: cover;
  object-position:center center;*/
						transform: skew(-10deg);
						margin: 0 -5% 0 -5%;
						position: absolute;
				}

				.wp-ribbon .wp-ribbon-container .wp-ribbon2 {
						background-image: url(../images/webplayer-download/img_the_journey.png);
						background-repeat: no-repeat;
						background-position: center;
						background-size: cover;
						width: 95%;
						height: 100%;
						display: block;
						/* optionnal */
						/*object-fit: cover;
  object-position:center center;*/
						transform: skew(-10deg);
						margin: 0 -20% 0 -5%;
						position: absolute;
				}

.webplayer-program-headers.r-2 {
		margin-left: 60px !important;
}

.wp-ribbon .wp-ribbon-container .webplayer-program-headers {
		position: relative;
		margin: auto;
		text-align: center;
		padding: 0.5em;
		transform: skew(-10deg);
		text-transform: uppercase;
		background: -webkit-linear-gradient(#ffffff, #d8d8d8);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.wp-ribbon .wp-ribbon-container .sample-header {
		font-size: 25px;
}

.wp-ribbon .wp-ribbon-container .sample-subheader {
		font-size: 30px;
}

.wp-ribbon .wp-ribbon-container .sample-overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(rgba(51, 51, 51, 0.6), rgba(41, 41, 40, 0.6));
		border-radius: 0;
}

.wp-ribbon .wp-ribbon-container .teaser-ribbon {
		position: relative;
		margin: auto;
		text-align: left;
		padding: 0.5em;
		transform: skew(-10deg);
}

.webplayer-program-header-desktop {
		display: none;
		flex-direction: row;
		justify-content: space-between;
		padding: 20px;
}

.webplayer-program-header.header {
		display: flex;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.webplayer-logo-desktop img {
		width: 200px;
}

.webplayer-overlay.overlay {
		display: block !important;
		height: 100%;
		top: 0;
}

		.webplayer-overlay.overlay::after {
				background-image: none;
		}

.webplayer-footer {
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
}

.teaser-ribbon-header {
		letter-spacing: 0.2em;
}

.teaser-ribbon-subheader {
		letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
		.wp-ribbon .wp-ribbon-container.ribbon-desktop {
				display: flex !important;
				flex: 2;
		}

		.teaser-ribbon {
				display: none;
		}

		.wp-ribbon {
				height: 25vh;
		}

				.wp-ribbon .wp-ribbon-container .teaser-ribbon {
						display: block;
				}

		.webplayer-program-header-desktop {
				display: flex;
		}

		.webplayer-program-header.header {
				display: none;
		}

		.program-header-desktop-time {
				display: flex;
				flex-direction: column;
		}

		.webplayer-time:first-child {
				align-items: flex-start;
				padding: 0 0 5px;
				order: 1;
		}

		.webplayer-time:last-child {
				align-items: flex-start;
				padding: 0 0 5px;
				order: 0;
		}

		.webplayer-time-title {
				font-size: 14px;
		}

		.webplayer-timestamp {
				font-size: 37px;
		}

		.wp-ribbon .wp-ribbon-container .sample-header {
				font-size: 25px;
		}

		.wp-ribbon .wp-ribbon-container .sample-subheader {
				font-size: 42px;
		}

		.wp-ribbon .wp-ribbon-container .teaser-ribbon .teaser-ribbon-header {
				letter-spacing: 0.1em;
				font-size: 32px;
		}

		.wp-ribbon .wp-ribbon-container .teaser-ribbon .teaser-ribbon-subheader {
				letter-spacing: 0.2em;
		}

		.wp-ribbon .wp-ribbon-container .teaser-ribbon .teaser-ribbon-header .teaser-gradient {
				font-size: inherit;
		}

		.wp-ribbon .wp-ribbon-container .teaser-ribbon .teaser-ribbon-header .teaser-red {
				font-size: inherit;
				margin-left: -9px;
		}

		.webplayer-overlay.overlay {
				display: block !important;
				height: 100%;
				top: 0;
		}

				.webplayer-overlay.overlay::after {
						content: '';
						background-image: url(../images/responsive/logo.svg);
						background-repeat: no-repeat;
						background-position: center;
						background-size: cover;
						opacity: 0.1;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						position: absolute;
						z-index: -1;
				}

		.webplayer-footer {
				position: fixed;
				bottom: 0;
				right: 0;
				left: 0;
		}
}

/******* email setting page start  *******/
a.notifacation_ball {
		padding-right: 0px;
}

.ca-headers p {
		margin: 15px auto 0px;
		letter-spacing: 1.42px;
		color: #FFFFFF;
		font-size: 13px;
		line-height: 32px;
		width: 530px;
}

form.ca-form label {
		padding: 0px 15px;
}

form.ca-form .padding-left label {
		float: left;
		padding-left: 5px;
}

form.ca-form input[type="email"] {
		height: 60px;
}

form.ca-form button.btn-add {
		border-radius: 0 !important;
		border: 0;
		height: 60px;
		font-size: 14px !important;
}

.make_primary_btn {
		right: 100px;
		color: #696969;
		font-size: 12px;
		font-weight: 400 !important;
		position: absolute;
		top: 10px;
		letter-spacing: 0.86px;
		background-color: transparent;
		border: none;
		padding: 0px;
}

.delete_btn {
		right: 40px;
		color: #696969 !important;
		font-size: 12px;
		font-weight: 400 !important;
		letter-spacing: 0.86px;
		position: absolute;
		top: 10px;
		background-color: transparent;
		border: none;
		padding: 0px;
}

.padding-left {
		padding-left: 5px;
}

.resend_confirmation {
		color: #696969;
		font-size: 12px;
		font-weight: 400 !important;
		position: absolute;
		bottom: -20px;
		left: 5px;
		letter-spacing: 0.86px;
		background-color: transparent;
		border: none;
		padding: 0px;
}

.delete_btn_bottom {
		right: 15px;
		top: auto;
		bottom: -20px;
}

/******* 404 error page start  *******/
.notifacation_ball_bullet {
		background-color: #E0483E;
		width: 8px;
		height: 8px;
		float: right;
		position: relative;
		right: 7px;
		top: 2px;
		border-radius: 100%;
}

.errormessage-text p {
		font-weight: 400;
		font-size: 16px;
		letter-spacing: 1.42px;
		margin: 0px;
}

a.btn.btn-go-back {
		background: transparent linear-gradient(0deg, #464646 0%, #5C5C5C 100%) 0% 0% no-repeat padding-box;
		color: #FFFFFF;
		margin: 70px 0px 100px 0px;
		text-align: center;
		font-size: 22px;
		letter-spacing: 3px;
		padding: 11px 0px 5px;
		width: 300px;
		height: 60px;
		border-radius: 30px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
}

		a.btn.btn-go-back:hover {
				background: #2ebd59;
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s;
		}
/******* manage connections error page start  *******/
.padding-right {
		padding-right: 0px;
}

.manage_width {
		width: 713px;
}

.manage_conections_conect {
		text-align: left;
		margin: 60px 0px;
}

		.manage_conections_conect img {
				width: 100%;
		}

		.manage_conections_conect h3 {
				color: #fff;
				font-size: 16px;
				letter-spacing: 0.5px;
				margin: 0px;
				font-weight: 400;
		}

				.manage_conections_conect h3 small {
						color: #fff;
				}

		.manage_conections_conect h4 {
				color: #9B9B9B;
				font-size: 13px;
				letter-spacing: 0.5px;
				font-weight: 400;
				margin: 5px 0px 10px;
		}

				.manage_conections_conect h4 strong {
						color: #fff;
						font-weight: 400;
				}

		.manage_conections_conect p {
				color: #fff;
				font-size: 13px;
				font-weight: 400;
				letter-spacing: 0.5px;
				margin: 20px 0px 18px;
		}

		.manage_conections_conect ol {
				color: #9B9B9B;
				font-size: 13px;
				font-weight: 400;
				letter-spacing: 0.41px;
				padding-left: 60px;
		}

				.manage_conections_conect ol li {
						list-style: disc;
						padding-left: 35px;
				}

.box_connection_error {
		color: #FFFFFF;
		border: 1px solid #E0483E;
		font-size: 13px;
		font-weight: 400;
		display: inline-block;
		letter-spacing: 0.5px;
		width: 100%;
		padding: 6px 10px 5px;
		margin: 20px 0px 0px;
}

.manage_conections_box {
		float: left;
		width: 100%;
		border-bottom: 1px solid #696969;
		margin-bottom: 40px;
		padding-bottom: 40px;
}

		.manage_conections_box:last-child {
				border-bottom: none;
		}

.manage_conections_box_img {
		float: left;
		width: 80px;
		margin-right: 20px;
}

.manage_conections_box_tx {
		float: left;
		width: 418px;
		margin-right: 20px;
}

.manage_conections_box_btn {
		float: left;
		width: 250px;
}

.connect_btn {
		border: 1px solid #696969;
		background-color: transparent;
		border-radius: 0 !important;
		width: 100%;
		letter-spacing: 1.53px;
		padding: 9px 0px;
}

		.connect_btn:hover {
				border: 1px solid #696969;
				background-color: #696969;
		}

.manage_conections_box_btn span {
		display: block;
		color: #9B9B9B;
		font-size: 13px;
		text-align: center;
		letter-spacing: 1.31px;
		margin-top: 8px;
}
/*** new page css start ***/
.img-circular-xs.profile2 {
		background: url(../images/download/brian.svg) no-repeat;
}

.banner-section {
		background: #E0483E;
}

.banner-inner-content {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		max-width: 946px;
		margin: 0 auto;
		min-height: 400px;
		-moz-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
}

.banner-content {
		text-align: center;
}

.banner-img {
		text-align: right;
		float: right;
}

		.banner-img img {
				max-width: 100%;
		}

.banner-content h2 {
		background: transparent linear-gradient(180deg, #FFFFFF 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		/* text-shadow: 0px 2px 4px #00000080; */
		text-transform: uppercase;
		font-size: 31px;
		letter-spacing: 4px;
		font-weight: 600;
}

		.banner-content h2 span {
				font-weight: bold;
				/*display: block;*/
				font-size: 55px;
				letter-spacing: 4px;
		}

.banner-content p {
		font-size: 18px;
		letter-spacing: 0.4px;
		line-height: 22px;
		text-align: center;
		color: #292928;
}

		.banner-content p a {
				color: #fff;
				transition: 0.4s;
		}

				.banner-content p a:hover, .banner-content p a:focus {
						color: #292928;
				}

.download-apps-main {
		background: transparent linear-gradient(180deg, #FFFFFF 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
		padding: 68px 0;
}

.apps {
		margin: 26px 0 0 0;
}

.apps-inner {
		max-width: 630px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding: 0 15px;
}

		.apps-inner h3 {
				font-size: 24px;
				font-weight: bold;
				color: #292928;
				margin-top: 0;
		}

		.apps-inner p {
				font-size: 16px;
				line-height: 22px;
		}

.apps ul {
		padding: 0;
		margin: 0;
}

.apps-inner .versions {
		margin-top:30px;
}

.apps-inner .versions p {
		font-size: 14px;
		line-height: 22px;
}

		.apps ul li {
				display: inline-block;
				vertical-align: middle;
				margin-left: 15px;
		}

				.apps ul li:first-child {
						margin-left: 0;
				}

.services-tab {
		background: transparent linear-gradient(180deg, #333333 0%, #292928 100%) 0% 0% no-repeat padding-box;
		padding: 75px 0;
}

		.services-tab .nav-tabs h4 {
				font-size: 16px;
				letter-spacing: 1px;
				line-height: 15px;
				text-align: center;
				margin-bottom: 2px;
		}

		.services-tab .nav-tabs > li > a {
				color: #FFFFFF;
				font-size: 12px;
				letter-spacing: 1px;
				line-height: 15px;
				text-align: center;
		}

				.services-tab .nav-tabs > li > a span {
						font-size: 12px;
						font-weight: 400;
				}

.services-inner {
		max-width: 730px;
		padding: 0 15px;
		margin: 0 auto;
}

.services-tab .nav.nav-tabs {
		margin: 0;
		display: flex;
		justify-content: center;
}

.services-tab .tab-content {
		text-align: center;
		color: #fff;
		margin: 40px 0 0 0;
}

		.services-tab .tab-content h3 {
				font-size: 24px;
				font-weight: bold;
		}

.services-tab p {
		font-size: 16px;
		line-height: 22px;
		max-width: 675px;
		margin: 0 auto;
}

.tab-img {
		margin-bottom: 35px;
}

.service-box {
		margin: 45px 0 0 0;
}

		.service-box ul {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				padding: 0;
				margin: 0;
		}

				.service-box ul li {
						float: left;
						width: 33.33%;
						display: inline;
						padding: 7px;
				}

.service-content {
		background: transparent linear-gradient(180deg, #FFFFFF 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
		border-radius: 5px;
		padding: 4px;
}

		.service-content h4 {
				font-size: 16px;
				color: #292928;
				font-weight: bold;
		}

				.service-content h4 span {
						font-weight: 400;
						display: block;
						padding: 8px 0 5px 0;
				}

		.service-content i {
				font-style: normal;
				display: block;
				font-size: 12px;
				font-weight: 400;
		}

.windows, .app-store, .google-play {
		background-repeat: no-repeat;
		height: 25px;
		width: 25px;
		margin-top: 4px;
}

.windows {
		background-image: url(../images/download/windows.svg);
}



.app-store {
		background-image: url(../images/download/app-store.svg);
}



.google-play {
		background-image: url(../images/download/google-play.svg);
}



.apps a {
		border: 1px solid #707070;
		border-radius: 5px;
		letter-spacing: 0.3px;
		font-size: 10px;
		color: #292928;
		font-family: 'SFProDisplay';
		display: flex;
		align-items: center;
		text-align: left;
		background-size: 25px;
		background-position: 10px center;
		padding: 0px 10px 5px;
}

.nav-app:hover {
		background-color: #fff;
		color: #292928;
}

.apps .windows p {
		padding-left: 33px;
}

.apps p {
		display: table;
		padding-left: 10px;
		font-size: 10px;
		letter-spacing: 0.3px;
		margin: 0;
}

.apps a span {
		display: block;
		font-family: 'SFProDisplay-Bold';
		font-size: 18px;
		margin-top: -6px;
		line-height: normal;
}

/*** new page css end ***/
/******* responsive css start  *******/

@media screen and (max-width:992px) {
		.padding-left {
				padding-left: 15px;
		}

		.make_primary_btn {
				top: 15px;
				right: 90px;
		}

		.delete_btn {
				top: 15px;
				right: 30px;
		}

		.resend_confirmation {
				position: relative;
				bottom: 0px;
				left: 0px;
				padding: 0px;
				margin: -10px 0px 10px;
				float: left;
		}

		.delete_btn_bottom {
				right: 0px;
				top: auto;
				bottom: 0px;
				position: relative;
				float: right;
				margin: -10px 0px 10px;
		}

		form.ca-form.email_set_form label {
				padding: 0px 15px;
				position: relative;
				left: 0px;
				top: auto;
				bottom: 55px;
				float: left;
				width: 100%;
				text-align: left;
		}
		/******* manage connections error page start  *******/
		.manage_width {
				width: 100%;
		}

		.manage_conections_box_tx {
				width: 50%;
				margin-right: 20px;
		}

		.manage_conections_box_btn {
				float: right;
				width: 250px;
		}
		/******* new page css start *******/
		.banner-content h2 span {
				font-size: 50px;
		}

		.banner-content h2 {
				font-size: 23px;
		}

		.banner-inner-content .col-md-5 {
				padding-left: 0;
		}

		.banner-inner-content {
				min-height: 350px;
		}

		.link-to-profile {
				padding-left: 38px;
		}
}

.header {
		justify-content: center !important;
}

.header-center {
		width: 1170px;
		display: flex;
}

.content-area {
		max-width: 1170px;
}

.footer-center {
		padding-left: 28px;
		padding-right: 28px;
}

.mobile-right-menu {
		z-index: 1;
		position: absolute;
		width: 250px;
		margin: 0 0 0 0;
		/*padding: 100px;*/
		padding-top: 0;
		right: 0px;
		background-image: linear-gradient(#333333, #292928);
		-webkit-font-smoothing: antialiased;
		color: white;
		webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
		box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
		display: none;
		height: 100vh;
}

.mobile-right-menu-header {
		height: 70px;
		border-left: 1px solid #4f4a4a;
		text-align: right;
}

.mobile-right-menu-content {
		font-size: 18px;
}

		.mobile-right-menu-content > ul {
				list-style-type: none;
				margin-left: 0;
				padding-left: 0;
		}

				.mobile-right-menu-content > ul > li {
						margin: 15px;
				}

						.mobile-right-menu-content > ul > li > a, .mobile-right-menu-content > ul > li > a:active, .mobile-right-menu-content > ul > li > a:visited {
								color: white !important;
						}

								.mobile-right-menu-content > ul > li > a:hover {
										color: #e0483e !important;
								}

.mobile-right-menu-close {
		width: 20px;
		margin-top: 20px;
		margin-right: 20px;
}

.mobile-right-menu-divider {
		width: 4em;
		height: 2px;
		background-color: #e0483e;
		border: none;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		text-align: left;
		margin-left: 0;
}

.top-divider {
		margin-top: 0;
}

.mobile-right-menu-open .mobile-right-menu-close {
		cursor: pointer;
}

.li-download-provider {
		cursor: pointer;
}

.p-start-download {
		display: none;
}

@media screen and (min-width: 768px) {
		.footer {
				flex-direction: row;
				padding: 0 0px !important;
				justify-content: center;
		}
}

@media screen and (min-width: 768px) {
		.footer-center {
				max-width: 1170px;
				width: 100%;
		}
}


@media screen and (max-width:767px) {
		/******* email setting page start  *******/
		.ca-headers p {
				font-size: 13px;
				line-height: 26px;
				width: 100%;
		}

		form.ca-form.email_set_form label {
				padding: 0px 20px;
		}

		/******* manage connections error page start  *******/
		.manage_conections_box_tx {
				width: 60%;
		}
		/******* new page css start *******/
		.banner-inner-content {
				display: inline-block;
				vertical-align: middle;
				width: 100%;
				text-align: center;
				padding: 60px 15px 40px;
		}

		.banner-img {
				text-align: center;
				float: none;
				display: inline-block;
				width: 100%;
				margin-bottom: 30px;
				vertical-align: middle;
		}

		.banner-content h2 span {
				font-size: 45px;
		}

		.tab-img > img {
				max-width: 350px;
				width: 100%;
		}

		.services-tab .nav-tabs > li.active > a, .services-tab .nav-tabs > li:focus > a, .services-tab .nav-tabs > li > a:hover {
				border-bottom: 0 !important;
		}

		.banner-content h2 {
				font-size: 24px;
		}
		/* .apps ul li {
        float: left;
        width: 50%;
        margin: 0;
        padding: 10px;
    } */
		.banner-img img {
				max-width: 300px;
				width: 100%;
		}

		.apps ul li {
				margin-left: 9px;
		}
		/* .apps a{
        width: 100%;
    } */
		.download-apps-main {
				padding: 35px 0 45px;
		}

		.banner-inner-content .col-md-5 {
				padding-left: 0;
				padding-right: 0;
		}

		.service-box ul li {
				width: 50%;
		}

		.banner-inner-content .col-md-7 {
				padding: 0;
		}

		.services-tab p {
				font-size: 14px;
		}
}

@media screen and (max-width:639px) {
		.banner-content h2 span {
				font-size: 40px;
		}

		.apps ul li:nth-child(4) {
				margin: 0;
				padding-top: 10px;
				display: block;
		}

		.service-box ul li {
				width: 100%;
		}
}

@media screen and (max-width:479px) {
		/******* email setting page start  *******/
		form.ca-form input[type="email"] {
				font-size: 16px !important;
				padding: 20px 11px 5px !important;
		}

		/******* 404 error page start  *******/
		a.btn.btn-go-back {
				margin: 50px 0px 70px 0px;
				width: 100%;
		}

		/******* manage connections error page start  *******/
		.manage_conections_box_img {
				width: 19%;
				margin-right: 15px;
		}

		.manage_conections_box_tx {
				width: 75%;
				margin-right: 0px;
				margin-bottom: 15px;
		}

		.manage_conections_conect ol {
				padding-left: 20px;
		}

				.manage_conections_conect ol li {
						padding-left: 15px;
						margin-bottom: 5px;
				}

		.manage_conections_box_btn {
				float: none;
				width: 250px;
				display: table;
				margin: 0px auto;
		}
		/******* new page css start *******/
		.banner-content h2 {
				font-size: 17px;
		}

		.apps ul li {
				margin-left: 0;
				width: 50%;
				float: left;
				padding: 5px;
		}

				.apps ul li a > img {
						max-width: 100%;
						height: 43px;
				}

				.apps ul li:nth-child(4) {
						margin-left: 0;
						padding-top: 5px;
				}

		.services-tab .nav-tabs > li {
				width: 100% !important;
		}

		.banner-content h2 span {
				font-size: 35px;
		}

		.services-tab .nav-tabs > li > a {
				display: inline-block;
		}

		.services-tab .nav.nav-tabs {
				display: inline-block;
				vertical-align: middle;
		}

		.apps a span {
				font-size: 14px;
		}

		.apps a {
				width: 100%;
				background-size: 19px !important;
		}

		.apps .windows p {
				padding-left: 30px;
		}
}

body {

}

.sticky {
    position: sticky;
}
    .sticky.bot {
        bottom: 0;
    }

@media screen and (max-width: 768px) {
    .wo-camp-program {
        margin-bottom: 10px;
    }
}

.wo-description-container-mobile {
		font-size: 15px;
		letter-spacing: 1.64px;
		line-height: 18px;
}

.wo-description .line-clamp {
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 0px;
		text-align: justify;
}

    .wo-description .line-clamp p {
        margin: 0;
    }

.wo-time, .wo-camp-title {
		font-size: 25px;
		line-height: 30px;
}

@media screen and (min-width: 768px){
		.wo-time, .wo-camp-title {
				letter-spacing: 2.73px;
		}
}

@media screen and (max-width: 768px) {
		.wo-time, .wo-camp-title {
				font-size: 12px;
				line-height: unset;
		}
		.wo-camp-title img {
				padding-right: 5px;
		}
}

.wo-camp-subtitle {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1.53px;
    font-weight: bold;
		padding: 5px 0 5px 0;
}

.wo-camp-program-header {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1.64px;
		padding-top: 10px;
}

@media screen and (max-width: 767px) {
    .wo-camp-teaser {
        display: block;
        height: 0;
        width: 0;
        opacity: 0;
        margin: 0;
        padding: 0;
    }
}

.pagination-container {
		align-items: center;
}
@media screen and (min-height: 767px) {
		.pagination-container {
				margin-bottom: 50px;
		}
}

.pagination-container button {
		display: flex;
		justify-content: center;
		font-size: 1.6vw !important;
		font-size: 25px !important;
		padding: 12px;
		height: 100%;
		background-image: linear-gradient(#333,#292928);
		box-shadow: 0 0 4px rgb(0 0 0 / 50%);
}

@media screen and (max-width: 767px) {
    .pagination-container button.btn-takethetour {
        font-size: 3.2vw !important;
    }
}


.summary-image-section {
		margin-top: 10px;
		width: 150px;
		height: 150px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
}

		.summary-image-section.camp-image-border {
				box-sizing: border-box;
				border: 1px solid #696969;
				border-radius: 12px;
				background: linear-gradient(180deg, #333333 0%, #292928 100%);
				box-shadow: 0 0 4px 0 rgba(41, 41, 40, 0.3);
		}

		.summary-image-section .wo-image {
				border-radius: 50%;
				background-size: cover;
				min-width: 100%;
				min-height: 100%;
		}

		.summary-image-section .camp-image {
				background-repeat: no-repeat;
		}

		.summary-image-section .camp-text {
				width: 150px;
				color: #FFFFFF;
				font-size: 14px;
				letter-spacing: 0;
				line-height: 15px;
				text-align: center;
				text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		}

		.summary-image-section.stretch .camp-image {
				background-size: cover;
				min-width: 65%;
				min-height: 65%;
				width: auto;
				height: auto;
		}

		.summary-image-section.stretch .camp-text {
				display: none;
		}

		.summary-image-section.center .camp-image {
				background-size: contain;
				background-position: center;
				width: 60px;
				height: 60px;
		}
		.summary-image-section .camp-image.large {
				width: 100px;
				height: 100px;
		}

.right-element img {
		width:35px;
		cursor:pointer;
}

@media screen and (min-width: 768px) {
		.summary-image-section.center .camp-image {
				margin-bottom: 15px;
		}
		.summary-image-section .camp-image.large {
				margin-bottom: 0px;
		}
}
.workout-detailed-intensity-time {
		display: flex;
		overflow: unset;
}
.workout-detailed-intensity-time span {
		line-height: normal;
		font-size: 9px;
}

.clickable {
		cursor: pointer;
}
.overflow-unset {
		overflow: unset !important;
}

.lh-0 {
		line-height: 0;
}

.position-absolute {
		position: absolute;
}