:root {
	--f12: 0.75rem;
	--f14: 0.875rem;
	--f16: 1rem;
	--f18: 1.125rem;
	--f20: 1.25rem;
	--f46: 2.875rem;
	--f60: 2.75rem;

	--s9:  0.5625rem;
	--s10: 0.6875rem;
	--s12: 0.75rem;
	--s15: 0.9375rem;
	--s25: 1.5625rem;
	--s30: 1.875rem;
	--s35: 2.1875rem;
	--s40: 2.5rem;
	--s50: 3.125rem;

	--g-green: #129793 !important;
	--g-green-light: #65BCB9 !important;
	--g-green-light-sec: #E8F5F4 !important;
	--g-black: #2A2A27 !important;
	--g-orange: #ff7260 !important;
	--g-orange-dark: #FF6352 !important;
	--g-grey: #eaebed !important;
	--g-grey-dark: #657171 !important;
	--g-grey-darker: #505D5D !important;
	--g-grey-light: #edeff7 !important;
    --g-yellow-esx: #fcd447 !important;
    --g-purple-esx: #5337AE !important;
    --g-new-purple-esx: #EDEBF7 !important;

	--g-shadow: 0px 8px 16px 0px rgb(0 0 0 / 8%) !important;

    --Typography-Family:
        "Avenir",
        "Avenir Next",
        Inter,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Helvetica,
        Arial,
        system-ui,
        sans-serif;
}

.body-acasa {
    --bs-gutter-x: 24px !important;
}

/* 100-300 Light */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Light.woff2") format("woff2"),
    url("../fonts/Avenir-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* 100-300 Light Italic */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Light-Oblique.woff2") format("woff2"),
    url("../fonts/Avenir-Light-Oblique.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* 400 Roman */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Roman.woff2") format("woff2"),
    url("../fonts/Avenir-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Digital Numbers';
    src: url('../fonts/DigitalNumbers-Regular.woff2') format('woff2'),
        url('../fonts/DigitalNumbers-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: 
        url("../fonts/fa-brands-400.woff2") format("woff2"), 
        url("../fonts/fa-brands-400.ttf") format("truetype"); 
}

/* 400 Roman Italic */
/* @font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Roman-Oblique.woff2") format("woff2"),
    url("../fonts/Avenir-Roman-Oblique.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
} */

/* 500 Medium */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Medium.woff2") format("woff2"),
    url("../fonts/Avenir-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 500 Medium Italic */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Medium-Oblique.woff2") format("woff2"),
    url("../fonts/Avenir-Medium-Oblique.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* 600-800 Heavy */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Heavy.woff2") format("woff2"),
    url("../fonts/Avenir-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 600-800 Heavy Italic */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Heavy-Oblique.woff2") format("woff2"),
    url("../fonts/Avenir-Heavy-Oblique.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* 900 Black */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Black.woff2") format("woff2"),
    url("../fonts/Avenir-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* 900 Black Italic */
@font-face {
  font-family: "Avenir";
  src:
    url("../fonts/Avenir-Black-Oblique.woff2") format("woff2"),
    url("../fonts/Avenir-Black-Oblique.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

html {
	font-size: 16px !important;
}

body, .textSize {
    font-size: 1rem !important;
}

a,
a:hover {
    color: var(--g-green);
}

.contact-us a:hover {
    color: var(--g-green);
}

.row {
    --bs-gutter-x: 24px !important;
}

/***************
 * page: acasa *
 ***************/
.body-acasa .accordion-button::after {
	background-image: url('../img/home/arrow.svg') !important;
	background-position: center !important;
	background-size: 2.25rem !important;
}

.body-acasa #see-gyms {
	padding-top: var(--s12) !important;
	padding-bottom: var(--s12) !important;
}

.body-acasa #facemsafiebine {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.body-acasa .mobile-row-icons img {
	height: 1.2rem !important;
}

.body-acasa .mobile-row-icons .rounded-pill {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.body-acasa .timer {
	overflow-y: clip;
}

.body-acasa #span-before {
	position: relative;
	top: -1rem;
}

.body-acasa #span-after {
	position: relative;
	bottom: -1.25rem;
}

/******************
 * page: register *
 ******************/
body.body-register div.register-component.vh-min-75 {

}

@media screen and (max-width: 768px) {
    body.body-register div.register-component.vh-min-75 {
        min-height: inherit;
    }
}

.body-register .options-plan-center > .sm-shadow {
	box-shadow: none !important;
    border: 1px solid #D7D6D5;
    border-radius: 16px !important;
}

.body-register .form-floating > .form-control ~ label {
	color: #969E9E !important;
}

.body-register .form-control:focus {
	border-color: var(--g-orange) !important;
}

.body-register #form-finalizeaza-profilul-detalii .form-control:focus {
	border-color: var(--g-green) !important;
}

.body-register #form-finalizeaza-profilul-detalii .form-control:invalid {
    border-color: var(--g-orange) !important;
}

.body-register .otpDiv #timer_code #timer {
	margin-left: 0 !important;
}

.body-register .register-component {
	padding-left: 0;
	padding-right: 0;
}

.body-register .register-component > .container {
	max-width: revert !important;
	padding-left: 0;
	padding-right: 0;
}

.body-register .register-component .register-swiper {
	height: 100% !important;
	padding-left: 0;
	padding-right: 0;
}

.body-register #monthly-price {
	transition: all 0.2s;
}

.body-register #monthly-price.scale {
	font-size: 1.2rem;
}

.body-register #form-incepe-gratis #btn-placeorder,
.body-register #form-incepe-gratis .bg-primary:not(:disabled) {
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08)) !important;
    background: var(--Brand-Primary, #FCD447) !important;  
    color: #2A2A27 !important;
}

.body-register #form-incepe-gratis .form-control:focus {
    border-color: #FCD447 !important;
}

.body-register .popover {
    background: #000 !important;  
}

.body-register .popover-arrow::before,
.body-register .popover-arrow::after, {
    border-top-color: #000 !important;
}

.body-register.b2c #form-incepe-gratis {
    max-width: 100%;
}

.body-register #form-incepe-gratis .nav-pills .nav-link {
    background-color: #fff;
}

/* TODO: group code to be easier to navigate */

.popover {
    font-size: 1rem !important;
    background-color: var(--g-green) !important;
    background-clip: padding-box !important;
    border: none !important;
    border-radius: 0.5rem !important;
	max-width: 350px !important;
}

.popover-body {
    padding: 1rem 0.8rem !important;
    color: white !important;
}

.bs-popover-top > .popover-arrow::before {
    border-top-color: #000 !important;
}

.bs-popover-top > .popover-arrow::after {
    border-top-color: #000 !important;
}

.popover-arrow::before,
.popover-arrow::after {
    display: none !important;
}

.popover-header {
    padding: 1rem 0.8rem 0 0.8rem !important;
    background-color: initial;
    color: white !important;
    border-bottom: none !important;
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.pill-shape-input {
	border-radius: 50px !important;
}

.rounded-all-smaller {
	border-radius: 0.75rem !important;
}

.form-control {
	font-size: var(--f16) !important;
}

.btn {
	font-weight: 600 !important;
	border-radius: 50px !important;
    padding-top: var(--s10) !important;
    padding-bottom: var(--s10) !important;
}

.btn:hover {
	box-shadow: none !important;
}

.bg-yellow-esx{
    background-color: var(--g-yellow-esx) !important;
    border-color: var(--g-yellow-esx) !important;
    color: #2A2A27 !important;
}

.bg-purple-esx{
    background-color: var(--g-purple-esx) !important;
}

.bg-new-purple-esx{
    background-color: var(--g-new-purple-esx) !important;
}

.text-purple-esx{
    color: var(--g-purple-esx);
}

.bg-light-purple{
    background-color: #F7F7FB !important;
}

.bg-primary {
	background-color: var(--g-orange) !important;
	border-color: var(--g-orange) !important;
    color: #fff !important;
}

.bg-primary:hover {
    opacity: .9;
}

.btn-outline-dark {
	background: white;
	border: 1px solid var(--g-grey) !important;
}

.rounded-pill {
	border-radius: 50px !important;
}

.icons .rounded-pill {
	box-shadow: var(--g-shadow) !important;
	background: white;
	border: 1px solid transparent !important;
}

.icons .rounded-pill:hover {
	box-shadow: none !important;
	background: white;
	border: 1px solid var(--g-purple-esx) !important;
}

.body-acasa .hover:hover{
    color: var(--g-purple-esx) !important;
}

.body-pret-abonament .hover:hover {
    color: var(--g-purple-esx) !important;
} 

.body-acasa .icons .rounded-pill:hover > .iconHover {
	filter: invert(28%) sepia(64%) saturate(748%) hue-rotate(221deg) brightness(92%) contrast(96%) !important; 
}

.icons .rounded-pill:hover > .iconHover {
	filter: invert(43%) sepia(73%) saturate(398%) hue-rotate(129deg) brightness(97%) contrast(112%) !important;
}

.pad_2-5 {
    padding: 2.5rem!important;
}

.no-margin-fix {
	margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mb-small {
	margin-bottom: 1rem !important;
}

.mb-medium {
	margin-bottom: 1.65rem !important;
}

.badge {
    font-size: 1.05em !important;
}

.pill-shape.fix_pill {
	margin-left: 0;
    border-radius: 4px;
}

.hover:hover > .fix_pill {
	background: var(--g-new-purple-esx);
	color: var(--g-purple-esx);
}

.border-info {
    border-color: var(--g-green)!important;
}

.g-dark-grey {
	color: var(--g-grey-dark);
}

.g-dark-grey-transparent {
	color: #657171A0;
}

.font-size-small {
	font-size: 0.95rem !important;
}

.g-mleft-0 {
	margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.g-mleft-2 {
	margin-left: 2% !important;
}

.g-mtop-1 {
	margin-top: 1rem !important;
}

.g-fsize-3_2 {
	font-size: 3rem !important;
}

.g-fsize-2 {
	font-size: 2rem !important;
}

.g-talgn-cen {
	text-align: center !important;
}

.g-btn-scc {
    margin-right: unset !important;
    width: 60% !important;
    margin-top: 5% !important;
}

.g-success-cont {
	height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    place-content: center !important;
	padding: 30px !important;
}

.form-control.invalid:not(:placeholder-shown) {
	border-color: #dc3545;
}

.form-control:invalid:not(:placeholder-shown) {
	border-color: #dc3545;
}

.g-autoh {
	height: auto;
}

.g-steps-column-fix {
	display: flex;
    flex-direction: column;
	margin-right: 1.25rem !important;
}

div.steps-title {
	margin-bottom: var(--s15);
}

span.steps-title {
	font-size: 1rem;
	font-weight: 600;
}

.g-steps-fix {
	margin-top: 0.6rem !important;
	padding: var(--s12) var(--s15) !important;
	margin-bottom: 0.6rem !important;
    font-weight: 600;
    border-radius: 50px;
    border: unset !important;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.g-steps-fix:hover {
	text-decoration: none !important;
}

.g-steps-fix {
	color: #7C8585 !important;
}

.g-steps-column-fix .hover:hover {
	color: unset !important;
}

.g-steps-fix > .number-circle {
	border: 2px solid var(--g-grey-light);
}

.body-incearca-gratis #steps-progress {
	width: 100%;
	background-color: #F7F7FB;
}

.body-incearca-gratis #progressBar {
    background-color: #5337AE !important;
}

.body-incearca-gratis #steps-progress > div {
	width: 20%;
	height: 3px;
	background-color: #5337AE;
}

.body-incearca-gratis .hover:hover {
    color: #5337AE !important;
}

.active-tab.g-steps-fix {
    box-shadow: var(--g-shadow);
	color:var(--g-black) !important;
}

.incearca-gratis .links .active-tab {
	border-radius: 50px;
}

.incearca-gratis .bodySwiper .swiper-slide {
	opacity: 1;
}

.incearca-gratis .bodySwiper .right-arrow, .incearca-gratis .bodySwiper .left-arrow {
	z-index: 120;
}

.incearca-gratis .bodySwiper .swiper-slide-active img {
	border: 3px solid transparent !important;
	border-radius: 0 !important;
}

.incearca-gratis .bodySwiper .swiper-slide img {
	background-color: #F7F7F7;
    max-height: 148px;
    object-fit: cover;
}

.incearca-gratis .bodySwiper .swiper-slide-active .tooltiptext {
	visibility: hidden !important;
}

.incearca-gratis .bodySwiper .tooltiptext {
	width: revert !important;
}

.body-incearca-gratis h1 {
	font-size: 2rem !important;
	margin-top: unset !important;
	margin-bottom: 10px !important;
    color: #5337AE;
}

.g-subtitle {
	margin-top: unset !important;
	margin-bottom: var(--s50) !important;
	width: 50% !important;
	margin: auto;
}

.g-options {
	margin-top: unset !important;
}

.g-w50 {
	width: 50% !important;
}

.g-fix-margin-left {
	margin-left: unset !important;
}

.g-w30	{ width: 30%;}
.g-w100 { width: 70%; }

.body-incearca-gratis span.helper {
	height: 7rem;
}

.steps-options {
	display: initial;
    flex-direction: initial;
}

.skill-card.h-desktop-100.p-4.pointer {
	padding: var(--s40) var(--s12) var(--f20) var(--s12) !important;
}

.skill-card.h-desktop-100.p-4.pointer > img {
    padding-bottom: var(--s25) !important;
    padding-top: unset !important;
}

.skill-card.h-desktop-100.p-4.pointer > p {
	margin-bottom: unset!important;
    font-weight: 600;
}

.g-options a:hover {
	color: var(--g-green) !important;
	text-decoration: none !important;
}

.body-incearca-gratis .g-options a:hover {
    color: #5337AE !important;
}

.body-incearca-gratis .form-control:invalid:not(:placeholder-shown) {
    border-color: #dc3545 !important;
}

.body-incearca-gratis .bg-primary:not(:disabled) {
    background-color: #FCD447 !important;
    border-color: rgba(71, 70, 66, 0.10) !important;
    color: #2A2A27 !important;
}

.previous-tab {
	color: var(--g-black) !important;
}

.g-grid-fix {
	grid-template-rows: min-content;
}

.g-form-btn-fix {
	margin-top: var(--f60) !important;
}

.g-form-fix {
	margin-top: var(--s12) !important;
    margin-bottom: 0 !important;
}

.bt:disabled, .btn207-primary:disabled, .btn-primary:disabled {
	opacity: 1 !important;
    color: #BDBCBB !important;
	box-shadow: unset !important;
    border: 1px solid rgba(71, 70, 66, 0.10) !important;
    background: #ECECEC;
}

.black-color.fw-bold.position-absolute.input-span {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 1.5rem 0.5rem;
}
.incearca-gratis .nav-pills .active-link {
    color: #5337AE !important;
}

.position-relative {
	position: relative;
}

.notif-counter {
	right: 0;
	left: auto;
	line-height: 18px;
    display: inline-block;
}

#showEmailLogin {
  	-webkit-border-top-right-radius: 26px;
    -webkit-border-top-left-radius: 26px;
    -moz-border-top-right-radius: 26px;
    -moz-border-top-left-radius: 26px;
	box-shadow: 0 1px 3px -2.4px gray;
}

#showEmailLogin:hover {
	color: #39a8a5;
	transition: 0.2s;
	border-color: #39a8a5;
}

#phoneLogIn {
	-webkit-border-top-right-radius: 24px;
    -webkit-border-top-left-radius: 24px;
    -moz-border-top-right-radius: 24px;
    -moz-border-top-left-radius: 24px;
	-moz-border-bottom-left-radius: 24px;
	box-shadow: 0 1px 3px -2.4px gray;
}

#phoneLogIn:hover {
	color:#39a8a5;
	transition: 0.2s;
	border-color:#39a8a5;
}

#timerWrapper {
	border-radius: 25px;
}

#secondTimeWrapper {
	border-radius: 25px;
}

#emailLogInForm {
	padding: 1em;
    height: 5%;
    overflow: hidden;
}

#phoneLogInForm {
	padding: 1em;
    height: 5%;
    overflow: hidden;
}

.container-fluid {
	z-index: 9999;
}

#container-fluid {
	width: 600px;
}

#workoutHeader {
	font-size: 60px;
	width: 450px;
	font-weight: bold;
	letter-spacing: -1px;
	color: var(--g-green);
}

.infoText {
	font-weight: normal;
	font-size: 16px;
}

#workoutBanner {
	background-size: 90% 90%;
}

#phone {
  border: none !important;
  border-bottom: 1px solid #D7D6D5 !important;
  background-color: transparent !important;
  width: 100%;
  outline: 0;
  border-radius: 0;
}

#phone:focus {
    border-color: #5337AE !important;
}

input,
input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder {
    font-size: 15px;
}

.containerWrapp {
    padding: 10px;
    margin: 0 auto;
    max-width: 500px;
}

.esxPartners {
	font-size: 32px;
	padding: 25px;
    margin: 0 auto;
    max-width: 400px;
}

.esxInfo {
	font-size: 18px;
	padding: 10px;
    margin: 0 auto;
    max-width: 340px;
}

.inscrie-te-acum {
	position: absolute;
	bottom: 20px;
    display: block;
    padding: 15px;
    width: 95%;
}

.mapHover {
	filter: brightness(20%);
}

.iconLoop:hover {
    filter: invert(43%) sepia(73%) saturate(398%) hue-rotate(129deg) brightness(97%) contrast(112%);
}

.iconHover:hover {
	filter: invert(43%) sepia(73%) saturate(398%) hue-rotate(129deg) brightness(97%) contrast(112%);
}

.rightMap {
	position: absolute;
	left: 30px;
}

.sidebarOverlay {
	z-index:999;
}

.scrollableSidebar{
    overflow-x: hidden;
    overflow-y: auto;
}

.freeTry {
	font-size: 1rem;
	font-weight: 400;
}

.goToAccount {
	margin: auto;
}

.textSize {
	font-size: 12px;
}

.background {
	background-size: 95% 87.5%;
}

.resize {
	width: 80px;
    height: auto;
}

.gapBtn {
	position: absolute;
	bottom: 250px;
}

.stores {
	position: absolute;
	bottom: 80px;
}

.title-incepe-gratis {
	font-size: 25px;
    margin-bottom: 50px;
}

#btn-incearca-gratis {
	--bs-gutter-x: revert;
	--bs-gutter-y: revert;
	display: revert;
	flex-wrap: revert;
	margin-right: revert;
	margin-left: revert;
	margin-top: 5rem;
}

#btn-incearca-gratis a {
	display: inline !important;
	padding: 0.75rem 1.5rem !important;
}

body, h1, h2, h3, h4, h5, h6 {
	font-family: var(--Typography-Family) !important;
}

#ce-este-about {
	background-color: #f7f7fb;
}

.fw-400{
    font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

.a-fw-normal {
	font-weight: 400 !important;
}

.fs-1-25 {
	font-size: 1.25rem !important;
}

.subscribe-btn {
	padding: .375rem 1.25rem !important;
}

#ce-este-banner.vh-100 {
	min-height: 100vh !important;
	height: revert !important;
}

#ce-este-banner > .mobile-only {
	padding-left: 0;
	padding-right: 0;
}

.body-user .workout-bg-gradient{
    background-color: white;;
}

/* .workout-bg-col, .bg-F7F7FB {
	background-color: #f7f7fb;
} */

.workout-bg-gradient, .tic-tac-bg-gradient, .gradient-bg {
	/* background-image: linear-gradient(#f7f7fb, #ffffff); */
}

.pb-84{
    padding-bottom: 84px;;
}

.mt-68{
    margin-top: 68px;
}

.workout-bg {
	/* background-image: url('../img/workouts/shape.png') !important; */
	background-size: auto 85% !important;
	margin-bottom: 0 !important;
}

.workout-bg img {
	width: 90% !important;
}

#workoutBanner {
	margin-bottom: 0 !important;
}

#ce-este-banner-img-container {
	padding-top: 10rem;
}

#ce-este-banner-img-container img {
	width: 90% !important;
}

.a-w-90 {
	width: 90% !important;
}

.my-9 {
	margin-top: 9rem !important;
	margin-bottom: 9rem !important;
}

.mt-4rem {
	margin-top: 4rem !important;
}

#ce-este-mobile-bg > h1 {
	font-weight: 800 !important;
}

#header-visitor-start a.btn {
	padding-left: 16px !important;
	padding-right: 16px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    white-space: nowrap;
}

#header-visitor-login a.btn {
	padding-left: 23px !important;
	padding-right: 23px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    white-space: nowrap;
}

.px-4-5 {
	padding-left: 2.25rem;
	padding-right: 2.25rem;
}

#home-about img {
    width: 75px !important;
	height: 75px !important;
}

#acasa-map {
	background-color: #f7f7fb;
}

#acasa-map .desktop-only .icons {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	flex-wrap: wrap;
}

#acasa-map .desktop-only .icons::after {
	content: '';
	flex: auto;
}

#acasa-map .desktop-only .icons .rounded-pill {
	margin-left: 0 !important;
	margin-right: 0rem !important;
	box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 15%) !important;
}

#subscription-benefits > p {
	color: var(--g-grey-dark) !important;
}

.g-grey-dark {
	color: var(--g-grey-dark) !important;
}

.g-black {
	color: var(--g-black) !important;
}

#accordionFlushExample .accordion-item > .accordion-header {
	font-weight: 700 !important;
}

#accordionFlushExample .accordion-body {
	padding-top: 0.5rem !important;
	color: var(--g-black) !important;
}

.accordion-flush .accordion-item:first-child {
	border-top: 1px solid rgba(0,0,0,.125) !important;
}

.accordion-flush .accordion-item:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}

.desktop-swiper ~ hr {
	width: 90%;
	color: rgba(0, 0, 0, .50);
}

.mobile-swiper ~ hr {
	width: 100% !important;
	color: rgba(0, 0, 0, .50);
}

.swiper-button-next::after, .swiper-button-prev::after {
	color: var(--g-black);
	font-size: 1.25rem;
	font-weight: 900;
}

.swiper-button-next, .swiper-button-prev {
	background-color: #505d5d23;
	background-image: url('../img/home/swiper-button.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1rem;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
}

#testimoniale .swiper-button-next, #testimoniale .swiper-button-prev {
    background-size: 5px;
	width: 2rem;
	height: 2rem;
}

#testimoniale .swiper-button-next {
    right: 0;
}

#testimoniale .swiper-button-prev {
    left: 0;
}

.swiper-button-prev {
	transform: rotate(180deg);
}

.swiper-button-next::after, .swiper-button-prev::after {
	content: none;
}

.desktop-navigation > div > div {
	width: revert !important;
}

.desktop-navigation > div > div > div {
	gap: 1rem;
}

.desktop-navigation > div > div > div > div {
	width: 4.5rem !important;
}

.mobile-navigation {
	width: revert !important;
}

.mobile-navigation > div {
	gap: 1rem;
	justify-content: center;
}

.mobile-navigation > div > div {
	width: 2.5rem !important;
	padding: 0 !important;
}

.home-map-view {
	background-image: url('../img/home/map-new-purple-1.svg') !important;
}

.bg-home-group-pic {
	/* background-image: url('../img/home/bg-top-left.png'),  url('../img/home/bg-top-right.svg'),  url('../img/home/bg-bottom-left.png') !important; */
	background-position: left top, right top, left bottom;
	background-size: 100% auto;
	background-color: var(--g-new-purple-esx);
}

.body-user .video-card {
	height: 100%;
}


.body-user .youtube-player {
	height: revert !important;
}

.color-7C8585 {
	color: #7C8585 !important;
}

.color-657171 {
	color: var(--g-grey-dark) !important;
}

.register-swiper .otp, .login-swiper .otp {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.register-swiper .otp > input, .login-swiper .otp > input {
	max-width: 325px;
	margin: 0.2rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.register-swiper .otp > input, .login-swiper .otp > input,
.body-register #form-register-phone input {
	display: inline-block;
	border-bottom: 1px solid #D7D6D5;
	border-radius: 0 !important;
}

.register-swiper .otp > input, .login-swiper .otp > input:focus,
.body-register #form-register-phone input:focus {
    border-color: var(--g-green) !important;
    box-shadow: none !important;
}

#form-incearca-gratis .begin-select-city > label.label-grayed-out {
	color: #969E9E !important;
}

.otp > input::placeholder {
	font-weight: 700;
	color: var(--g-black);
}

.register-swiper .otp > input:focus::placeholder, .login-swiper .otp > input:focus::placeholder {
	color: transparent;
}

#price-zero {
	font-weight: 800 !important;
	font-size: 4rem !important;
}

.body-register #partitioned, .body-reset #partitioned {
	display: none;
}

#recaptcha-container > div > div {
	margin: 0 auto;
}

.bg-green-light-sec {
	background-color: var(--g-green-light-sec);
}

.py-0-75 {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}

.body-companii-in-forma .benefits{
    padding-top: 146px;
    padding-bottom: 146px;
}

.body-companii-in-forma .centre-partenere{
    padding-bottom: 48px;
    margin: 0 !important;
}

.body-companii-in-forma .benefits .title-benefits{
    font-size: 52px !important;
}

.py-68{
    padding-top: 68px;
    padding-bottom: 68px;
}

.mt-242{
    margin-top: 242px !important;
}

.gap-200{
    gap: 200px;
}

.inverted{
    filter: brightness(0%);
}

.bg-white-section .py-2 {
    overflow-x: hidden;
}

.bg-white-section img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.bg-white-section .logos-wrapper {
    overflow-x: hidden;
}

.bg-white-section img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.bg-white-section img:hover {
    transform: scale(1.05);
}

.body-companii-in-forma .owl-stage{
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
  .logos-carousel {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }

  .logos-carousel .owl-stage-outer,
  .logos-carousel .owl-stage,
  .logos-carousel .owl-item {
    display: contents !important;
  }
}

#subscription .rounded-top {
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
}

#subscription .rounded-bottom {
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
}

#subscription > div:first-child {
	padding-bottom: 0 !important;
}

#pachet #subscription > div:first-child {
    padding-bottom: 100px !important;
}

.body-alege-oras .modal-content {
	border-radius: 1.25rem !important;
}

.body-alege-oras #continue-button {
	padding-left: 4.5rem !important;
	padding-right: 4.5rem !important;
}

.body-alege-oras .btn-close, .body-adauga-o-sala .btn-close, .body-contact .btn-close {
	opacity: 1 !important;
}

#select2-select2-container-container {
	color: #969E9E;
}

.body-alege-oras .select2-selection__arrow b {
	display: none;
}

.body-alege-oras .select2-selection__arrow {
	color: transparent;
	content: 'x';
	background-image: url('../img/home/arrow.svg') !important;
	background-position: center !important;
	background-size: 2.25rem !important;
}

.modal {
	z-index: 9999 !important;
}

#searchGymResults {
	font-size: 1.1rem;
	column-count: 2;
}

#searchGymResults > div > a {
	position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

#searchGymResults > * {
	break-inside: avoid;
	page-break-inside: avoid;
}

#searchGymResults > div > a > img {
	position: absolute;
	left: -1.5em;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.sali-partenere-modal {
	background-color: #052D2F;
}

.sali-partenere-modal form > div {
	border-color: #F2F2F2 !important;
}

#seachModalInput {
	font-size: 1.1rem;
	color: #F2F2F2 !important;
}

#seachModalInput::placeholder {
	color: #F7F7FB !important;
	font-size: 1.1rem;
}

#searchSpan1 {
	padding: 0 !important;
}

.body-user .btn-antrenamente {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.body-user .types span {
	color: var(--g-grey-dark) !important;
	background-color: #F7F7FB !important;
    font-size: 14px;
}

.body-user #topfam_button_11 .btn,
.body-user #topbar_button_11 .btn,
.body-user #topfem_button_11 .btn,
.body-user #toplive_button_11 .btn {
	box-shadow: none !important;
}

.body-user .trial-bg .btn {
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}

.body-user .menu > div > div.desktop-only:nth-child(2) > div > a:nth-child(2) {
	color: var(--g-purple-esx) !important;
}

.body-user .menu > div > div.desktop-only:nth-child(2) > div > a:nth-child(2) > span.pill-shape {
	color: var(--g-purple-esx) !important;
	background-color: var(--g-new-purple-esx) !important;
}

#scroll-top {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 99;
	font-size: 1.5rem;
	border: none;
	outline: none;
	background-color: var(--g-purple-esx);
	color: var(--g-green-light-sec);
	cursor: pointer;
	padding: 0.25rem 0.75rem;
	border-radius: 50%;
	transition: 0.5s;
}

#scroll-top.active {
	visibility: visible;
	opacity: 1;
}

.fix-swiper {
	display: grid !important;
}

.premium-lock {
	bottom: 0 !important;
}

.body-sali-partenere .mySwiper2 {
	overflow: visible;
}

.body-sali-partenere .mySwiper2 .swiper-pagination {
	bottom: -1.75rem !important;
}

.body-sali-partenere .mySwiper2 .swiper-pagination-bullet {
	background-color: #F2F2F2 !important;
	margin: 0 0.8rem;
}

.body-sali-partenere .mySwiper2 .swiper-pagination-bullet-active {
	background-color: var(--g-green) !important;
	transform: scale(1.75);
}

.body-sali-partenere #activeListing, .body-sali-partenere #activatedGym {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.body-sali-partenere .mobile-row-icons > div:not(.active-add-premium) {
	border: 2px solid white;
}

.body-sali-partenere .mobile-row-icons > div > .row > div:last-child {
	padding-left: 0.5rem;
}

.body-sali-partenere .mobile-row-icons svg {
	overflow: visible;
}

.body-sali-partenere .mobile-row-icons > .active-category-icon {
	border: 2px solid var(--g-green) !important;
}

#searchResultsContainer {
	padding-bottom: 15rem;
}

#searchResults > div, #searchResults1 > div {
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 0.25rem !important;
	padding-top: 0rem !important;
}

#searchResults .lock, #searchResults1 .lock {
	width: 1.25rem;
	padding-left: 0.5rem;
}

#searchResults .directions, #searchResults1 .directions {
	width: 1rem;
}

.search-result-grid {
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 2fr 7fr 2fr;
}

.search-result-grid > * {
	padding: 0;
}

.search-result-grid .result-map-icon {
	grid-row-start: 1;
	grid-row-end: 3;
	display: flex;
	align-items: center;
}

.search-result-grid .result-map-icon > img {
	grid-row-start: 1;
	grid-row-end: 3;
	height: 3rem !important;
}

.search-result-grid .result-location-name > a > h5 {
	display: flex;
	align-items: center;
}

.search-result-grid .result-address {
	font-size: 0.9rem;
}

.body-sali-partenere .try-free-bottom {
	position: sticky;
	bottom: 75px;
}

.map-buttons {
	bottom: 4vh;
	right: 2vw;
	width: 30px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
}

.map-buttons .zoom-controls {
	background-color: white;
	border-radius: 1.5rem;
	padding: 0.5rem;
}

.map-buttons .location-icon {
	position: revert;
}

.map-buttons .location-icon img {
	background-color: white;
	border-radius: 50%;
	padding: 1rem;
}

.body-sali-partenere .trial-bg {
	margin-left: 0 !important;
}

.body-register .register-component,
.body-register .register-component .swiper-slide:nth-child(3) > div:first-child {
	display: flex;
	overflow-y: hidden !important;
	background-image: url('../img/home/bg-top-left.webp'),  url('../img/home/bg-top-right.svg'),  url('../img/home/bg-bottom-left.webp') !important;
	background-position: left top, right top, left bottom;
	background-repeat: no-repeat;
	background-color: #F7F7FB;
}

.register-component > .container {
	flex-grow: 1;
}

.h-100 {
	height: 100% !important;
}

.body-sali-partenere #add-premium {
	box-shadow: none !important;
}

.body-sali-partenere .locked-div img {
	width: 1.5rem;
}

.color-E5E5E5 {
	color: #E5E5E5 !important;
}

.body-sali-partenere #mySidenav a {
	font-weight: 700 !important;
}

.body-sali-partenere #mySidenav a {
	border: none;
}

.body-sali-partenere #mySidenav .sidenav-links a,
.body-sali-partenere #mySidenav .download-links a {
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}

.body-sali-partenere #mySidenav .sidenav-links a {
	border-top: 1px solid var(--g-grey);

}

.body-sali-partenere #mySidenav .sidenav-links a:last-of-type {
	border-bottom: 1px solid var(--g-grey);
}

.body-sali-partenere #mySidenav .download-links .btn {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.w-3 {
	width: 3rem !important;
}

.body-sali-partenere #iconsRow svg .h-fill,
.body-sali-partenere .gym_filters_icon_background {
	transition: none;
}

.discount-bg {
	background-color: #FF8679;
}

.discount-bg, .inactive-bg {
	margin-left: 0 !important;
}

.discount-bg .btn, .inactive-bg .btn {
	background-color: white !important;
	color: black !important;
	font-weight: 400 !important;
}

.discount-bg img {
	width: 5rem !important;
	height: 5rem !important;
}

.inactive-bg {
	background-image: url('/web/assets/img/map/inactive-banner.png');
	background-size: cover;
}

.body-incearca-gratis .form-floating label, .body-contact .form-floating input + label {
	color: #969E9E;
}

.incearca-gratis .links a {
	display: flex !important;
	flex-direction: row;
	align-items: center;
}

.rounded-4 {
	border-radius: 1rem !important;
}

.profile .active-card {
	transform: scale(1.1);
}

.body-modify-your-subscription #copy-value + .subscribe-btn {
	padding: 0.375rem 1.25rem !important;
	top: 5px !important;
	height: revert !important;
}

.profile .nav-pills .active-link {
	color: var(--g-green) !important;
}

#entry30 h6, #entry8 h6 {
	font-weight: 700;
	font-size: 1.4rem;
}

#entry30 h6 + p, #entry8 h6 + p {
	font-weight: normal;
	font-size: 1rem;
	color: var(--g-grey-dark);
}

#entry30 > .col-3 > .card, #entry8 > .col-3 > .card {
	height: 100%;
	cursor: pointer;
}

#entry30 > .col-3 > .card:not(.active-card), #entry8 > .col-3 > .card:not(.active-card) {
	border: 3px solid white;
}

.body-modify-your-subscription .btn-outline-secondary {
	border-color: var(--g-green) !important;
}

.body-modify-your-subscription a[href="/user/modify-your-subscription.html"] {
	color: var(--g-green);
}

.cancel1abonament {
	margin-right: 2.25rem;
}

.profile-badge.border-info {
	border-color: var(--g-grey) !important;
    padding: 7px !important;
}

.profile-badge.border-info:hover {
	border-color: var(--g-purple-esx) !important;
}

.profile-badge .username {
	color: black !important;
}

.profile-badge:hover .username {
	color: var(--g-purple-esx) !important;
}

.nav-subscription-large {
	padding: 0.75rem;
	border-radius: 20px;
}

.nav-subscription-large > div {
	padding: 0 !important;
}

.nav-subscription-large > div:nth-child(2) > div:first-child > div > div > p:nth-child(2) {
	color: var(--g-black) !important;
}

.nav-subscription-large > div:nth-child(2) > div:first-child > div > div > button {
	font-weight: 700 !important;
}

.register-swiper {
	display: none;
	height: 90% !important;
}

.register-swiper .swiper-slide {
	height: 100% !important;
}

#swiper-slide-3, #swiper-slide-4, #swiper-slide-5 {
	overflow-y: scroll;
}

.rounded-phone, .rounded-harder {
	border-radius: 2rem;
}

.btn-chko-vouch::after {
	left: 190px !important;
}

.popover-body .close-popover {
	margin-bottom: 1rem;
	font-weight: 700;
	color: white;
	float: right;
	cursor: pointer;
}

.rounded-top-lighter {
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
}

.rounded-bottom-lighter {
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.rounded-bottom-smaller {
	border-bottom-left-radius: 0.75rem !important;
	border-bottom-right-radius: 0.75rem !important;
}

.register-component .nav-pills .active-link {
	color: #5337AE !important;
}

.flex-1 {
	flex: 1 1 0%;
}

.grow-2 {
	flex-grow: 2;
}

.text-gray-darker {
	color: var(--g-grey-darker) !important;
}

.text-dark {
	color: var(--g-black) !important;
}

.body-membership #row-add-card .credit-card {
	padding: 2rem !important
}

.body-membership #row-add-card #submit.disabled {
	pointer-events: initial;
	box-shadow: none !important;
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
	color: inherit !important;
}

.body-membership .payment-card {
	border-color: var(--g-green);
	border-width: 2px;
}

.body-membership .payment-card:checked {
	background-color: white;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10.629" height="10.629" viewBox="0 0 10.629 10.629"%3E%3Cpath id="Path" d="M4.815,9.629A4.815,4.815,0,1,1,9.629,4.815,4.821,4.821,0,0,1,4.815,9.629Z" transform="translate(0.5 0.5)" fill="%235337AE" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/%3E%3C/svg%3E%0A');
}

.body-membership .payment-card:not(:checked) + label > div > svg {
	filter: grayscale(1) opacity(0.9);
}

.body-membership .payment-card:not(:checked) + label .expiration-date {
	color: #D1D1D1 !important;
}

.body-membership .payment-card + label .last-4 {
	letter-spacing: 0.2rem;
	font-weight: 400;
}

.body-membership #checkbox-premium .checkmark {
	display: inline-block;
	position: revert;
}

.body-membership .checkbox-container {
	padding-left: 0;
}

.body-membership .checked-row-img {
	width: 25px;
	display: flex;
	justify-content: center;
}

.checkbox-container input:checked ~ .checkmark::after {
	display: none;
}

.checkbox-container input:checked ~ .checkmark {
	background-image: url('/web/assets/img/register/checkmark.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.simple-bg {
	background-image: url('/web/assets/img/about/simple-bg.png') !important;
	background-size: 100% 90% !important;
}

.bg-grey-darker {
	background-color: #F2F2F2 !important;
}

.border-radius-5px {
	border-radius: 5px !important;
}

.fb-button {
	background-color: #1291F3 !important;
	border: none;
}

.linkedin-button {
	background-color: #0074B2 !important;
	border: none;
}

.body-ajutor-pentru-saraci .notification i {
	color: var(--g-green) !important;
}

.bonus-img-gradient {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(0deg, rgba(0,0,0,0.500437675070028) 0%, rgba(0,0,0,0.39959733893557425) 20%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
}

.sub-description {
	z-index: 3;
}

.pt-abonamente {
	padding-top: 2.25rem !important;
}

.w3-sidebar {
	z-index: 100;
}

.fs-3rem {
	font-size: 3rem !important;
}

.body-ajutor-pentru-saraci #exampleModal .modal-dialog {
	max-width: 45rem;
}

.body-ajutor-pentru-saraci #exampleModal .btn-close,
.body-bonus .modal-dialog .btn-close {
	opacity: 1 !important;
}

.body-adauga-o-sala #exampleModal .modal-dialog,
.body-contact .modal-dialog,
.body-bonus .modal-dialog {
	max-width: 37.5rem;
}

.body-bonus .ckbox {
	height: 24px;
}

@media (min-height: 600px) {
	.body-adauga-o-sala #workout-mobile-bg ~ .workout-bg-col > .btn {
		position: absolute;
		bottom: 25px;
		width: calc(100% - 30px) !important;
		left: 50%;
		transform: translateX(-50%);
	}
}

.tic-tac-bg {
	background-position: bottom right !important;
	background-size: auto 90% !important;
}

input#floatingData, input#floatingHeight, input#floatingWeight, input#floatingPrenume, input#floatingEmail,
.form-floating input[type="text"].form-control,
.form-floating input[type="email"].form-control,
.form-floating input[type="password"].form-control {
	border-radius: unset !important;
	font-weight: 600;
}

#form-finalizeaza-profilul input,
#form-profile input {
    padding-right: 40px !important;
}

.form-select {
	padding-left: 0;
}

.form-floating>.form-select~label  {
	transform: scale(.80) translateY(-1rem) translateX(-0.1rem);
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
	padding-top: var(--s25) !important;
    padding-bottom: var(--s9) !important;
    font-size: var(--f16) !important;
    color: var(--g-black);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
	color: var(--g-grey-darker);
	opacity: 1 !important;
	padding: 1rem 0rem;
}

.form-floating > label {
	padding: 1.75rem 0rem;
}

.form-floating > .form-control,
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
	padding-left: 0rem !important;
	padding-right: 0rem !important;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
	transform: scale(.85) translateY(-.75rem) translateX(0) !important;
	padding: 1rem 0rem !important;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select:not(:placeholder-shown) ~ label  {
	color: var(--g-grey-darker) !important;
}

.body-incearca-gratis .form-floating > .form-control,
.body-incearca-gratis .form-floating > .form-control:focus,
.body-incearca-gratis .form-floating > .form-control:not(:placeholder-shown) {
	height: revert !important;
	padding-top: 1rem !important;
	padding-bottom: 0rem !important;
	font-size: 1rem !important;
	color: var(--g-black);
	line-height: 3;
}

.form-floating input:-webkit-autofill,
.form-floating input:-webkit-autofill:hover,
.form-floating input:-webkit-autofill:focus,
.form-floating input:-webkit-autofill:active {
	transition: -webkit-box-shadow 0s !important;
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}

.form-floating input:autofill {
  	background-color: white !important;
}

.form-floating input:-webkit-autofill {
    background-color: white !important;
}

#seachModalInput:-webkit-autofill,
#seachModalInput:-webkit-autofill:hover,
#seachModalInput:-webkit-autofill:focus,
#seachModalInput:-webkit-autofill:active {
	caret-color: white !important;
	transition: -webkit-box-shadow 0s !important;
	-webkit-text-fill-color: white !important;
    -webkit-box-shadow: 0 0 0 50px #052D2F inset !important;
}

#seachModalInput:autofill {
	color: white !important;
  	background-color: #052D2F !important;
}

#seachModalInput:-webkit-autofill {
	color: white !important;
    background-color: #052D2F !important;
}


.required {
	color: var(--g-orange) !important;
}

.form-select-fix {
	border-radius: 0 !important;
	border: none !important;
	border-bottom: 2px solid #f2f2f2 !important;
	background-image: url('/web/assets/img/register/location.svg');
	background-position-y: bottom 0.75rem !important;
	background-size: 16px 16px !important;
	box-shadow: none !important;
}

.form-select-fix:focus {
	border-color: var(--g-orange) !important;
	outline: 0 !important;
}

.body-sali-partenere .mobile-row-icons, .body-sali-partenere #iconsRowContainer {
	scrollbar-width: none;
}

.body-sali-partenere .mobile-row-icons::-webkit-scrollbar, .body-sali-partenere #iconsRowContainer::-webkit-scrollbar {
	display: none;
}

.hide-scrollbar {
	scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
	display: none;
}

.body-adauga-o-sala .form-floating > input.form-control ~ label {
	color: #969E9E !important;
}

.body-adauga-o-sala .form-floating > .form-control:not(:placeholder-shown) ~ label {
	color: var(--g-grey-darker) !important;
	opacity: 1 !important;
	padding: 1rem 0.75rem;
}

.linkedin-button, .fb-button {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.body-sali-partenere .mobile-row-icons {
	margin-left: 0.75rem;
	z-index: 1;
	touch-action: pan-x;
}

body, body * {
	touch-action: pan-x pan-y !important;
}

.body-incearca-gratis .body-select .tooltiptext {
	width: auto !important;
	left: 50% !important;
	transform: translate(-50%, 0) !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.body-alege-oras #mobile-select-button > img {
	transform: rotate(180deg);
}

.body-alege-oras #mobile-select-button > p:first-child {
	display: none;
	color: var(--g-grey-darker);
	position: absolute;
	top: -30px;
	font-size: 0.875rem;
}

.mobile-select, .mobile-select-city {
	opacity: 0;
	background-color: white;
	z-index: 99999;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 1rem;
	height: 85vh;
	transform: translateY(85vh);
	transition: all 0.4s ease-in-out;
	overflow-y: auto;
}

.body-sali-partenere .mobile-select-city {
	height: 100vh;
    transform: translateY(-100%);
}

.mobile-select.mobile-select-open, .mobile-select-city.mobile-select-open {
	opacity: 1;
	transform: translateY(55px);
}

.mobile-city-search-bg {
	opacity: 0;
	z-index: -1;
	background-color: #052D2F;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.2s;
}

.mobile-select-city.mobile-select-open + .mobile-city-search-bg {
	z-index: 99998;
	opacity: 0.9;
}

.body-sali-partenere .mobile-select-city ul > li.is-selected {
    color: var(--g-green);
}

.body-sali-partenere .mobile-select-city ul > li.is-selected > svg > path,
.body-sali-partenere .mobile-select-city ul > li.is-selected > svg > g {
    stroke: var(--g-green);
}

.body-sali-partenere .mobile-select-city ul > li > .checkmark {
    display: none;
    margin-left: auto;
}

.body-sali-partenere .mobile-select-city ul > li.is-selected > .checkmark {
    display: block;
}

.body-alege-oras {
	overflow: none;
}

.body-sali-partenere .mobile-count-gyms img {
	box-shadow: 0px 7px 10px 0px rgb(255 114 96 / 32.5%);
}

.body-sali-partenere .mobile-row-icons p {
	font-size: 1rem;
}

.body-sali-partenere {
	min-height: 100%;
    min-height: -moz-available;          /* WebKit-based browsers will ignore this. */
    min-height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    min-height: stretch;
	touch-action: none;
}

.body-sali-partenere .locked-div {
	user-select: none;
	pointer-events: none;
}

.sali-partenere .bottom-row {
    margin-left: 3rem !important;
    bottom: 2rem !important;
    width: 90%;
}

.sali-partenere #searchSpan + input::placeholder {
	color: #969E9E !important;
}

.sali-partenere #searchSpan + input,
.sali-partenere #searchSpan + input::-webkit-input-placeholder,
.sali-partenere #searchSpan + input::-moz-placeholder,
.sali-partenere #searchSpan + input::placeholder {
	font-size: 1rem;
}

.sali-partenere #searchSpan + input {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.body-contact .contact-us {
	background-color: white !important;
}

.body-contact .contact-us select {
	border-bottom: 1px solid #eeeef0;
	border-radius: unset !important;
	background-position: right 0.75rem bottom 0.75rem !important;
}

.body-contact .contact-us button[type="button"].btn {
	box-shadow: none !important;
}

.body-reset #show-password {
	position: absolute;
	right: 0rem;
	top: 1.5rem;
	cursor: pointer;
}

.body-reset input#floatingPass[type="password"] ~ #show-password > #password-hidden,
.body-reset input#floatingPass[type="text"] ~ #show-password > #password-shown {
	display: block;
}

.body-reset input#floatingPass[type="password"] ~ #show-password > #password-shown,
.body-reset input#floatingPass[type="text"] ~ #show-password > #password-hidden {
	display: none;
}

.mobile-map-menu-toggle img {
	transition: transform 0.5s ease-in;
}

.upside-down {
	transform: rotate(180deg);
}

.body-contact .modal-dialog .modal-body > p {
 padding-left: 2rem;
 padding-right: 2rem;
}

.body-contact .modal-dialog button[type="submit"] {
	width: 50%;
}

.slider-points {
	display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px; /* half of point size */
    right: -10px;
    align-items: center;
    justify-content: space-between;
}

.slider-points > div {
	height: 20px;
    width: 20px;
    background-color: #E5E5E5;
    border-radius: 50%;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
    transition: all .3s;
}

.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-active {
    transition: none;
}

.ui-slider {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    height: .4rem;
    border: 1px solid #E5E5E5;
    background: #E5E5E5;
    color: #E5E5E5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-slider-handle {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    text-align: left;
    font-size: 1.1em;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    width: 1.75rem;
    height: 1.75rem;
    top: -0.8rem;
    margin-left: -.725rem;
    border: 1px solid #d3d3d3;
    background: var(--g-green);
    font-weight: normal;
    color: var(--g-green);
    transition: all .3s;
    left: 100%;
}

.ui-slider-handle:focus-visible {
	outline: 4px solid #00000026;
}

.body-faq .nav-fill > .nav-link {
	flex: revert !important;
}

.body-faq .nav-fill {
	justify-content: space-between;
}

.body-ambasadori a{
    color: var(--g-purple-esx);
}

.body-faq .nav-link {
	padding-bottom: 0.4rem;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.1rem;
	border-bottom: none;
}

.body-legal a{
    color: var(--g-purple-esx);
}

.body-legal a:hover{
    color: var(--g-purple-esx);
}

.body-faq .nav-link:hover{
    color: var(--g-purple-esx) !important;
}

.body-faq .nav-pills .active{
    color: var(--g-purple-esx) !important;
}

.body-faq .accordion-body a{
    color: var(--g-purple-esx);
}

.body-faq .nav-pills .active, .body-faq .nav-link:hover {
	border-bottom: 3px solid var(--g-purple-esx);
}

.body-faq .accordion-header {
	font-weight: 700;
}

.body-faq .accordion-button::after {
	background-image: url("../img/arrow.svg") !important;
	background-size: 100%;
	background-position: center center;
}

.body-faq .accordion-button {
	padding-left: 0;
	padding-right: 0;
	font-size: 24px;
}

.body-faq .accordion-body {
	padding-left: 0;
	padding-right: 0;
}

.body-faq .accordion-body {
	padding-top: 0;
}

.body-faq .accordion-body p {
    margin-bottom: 0px !important;
}

.sali-partenere .location-close-icon {
	width: 100%;
	height: 50px;
	margin-bottom: -50px;
}

.sali-partenere .location-close-icon > div {
	right: 5px;
	top: 5px;
	width: 40px;
	height: 40px;
}

.sali-partenere .mobile-only.view-all {
	position: sticky;
	bottom: 0;
	z-index: 11;
	/* height: 7rem; */
	overflow: hidden;
	-webkit-box-shadow: 0px -5px 5px 5px rgba(0,0,0,0.075);
	box-shadow: 0px -5px 10px 5px rgba(0,0,0,0.075);
}

.body-sali-partenere #activatedGym .border {
	border-color: var(--g-grey);
}

.sali-partenere #defaultView {
	padding-bottom: 5rem;
}

.body-sali-partenere .map-card-gallery .swiper-pagination-bullets {
	bottom: 0;
}

.body-sali-partenere .map-card-info {
    margin-top: 1rem !important;
    margin-bottom: 1rem;
}

.body-sali-partenere #activeListing .map-card-info {
    margin-top: 2rem !important;
    margin-bottom: 0 !important;
}

.location-premium-grayed-out {
	color: darkgray !important;
}

.location-premium-grayed-out > img {
	filter: brightness(0.65);
}

.sali-partenere .map-card-categories {
	z-index: 10;
	top: 5px;
	left: 5px;
}

.sali-partenere .map-card-categories span {
	background: rgb(60 60 60 / 30%) !important;
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: capitalize;
	padding: 3px 5px !important;
}

.sali-partenere-modal .modal-content {
	background-color: #052D2F !important;
}

.body-modify-your-subscription .fb-div, .body-membership .fb-div {
	top: 0 !important;
	bottom: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: auto 0;
	left: revert !important;
}

.body-modify-your-subscription .fb-div > i, .body-membership .fb-div > i {
	margin: 0 !important;
}

.body-modify-your-subscription .fb-button, .body-membership .fb-button {
	padding: var(--s10) 1.5rem !important;
}

.body-reset .otpDiv > #divOuter > #divInner {
	display: flex;
	justify-content: center;
}

.body-reset #partitioned {
	background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 15%, rgba(255,114,96,1) 15%, rgba(255,114,96,1) 85%, rgba(255,255,255,0) 85%, rgba(255,255,255,0) 100%);
	padding-left: calc(25px - 1ch/2);
	background-size: 50px 1px;
	background-position: left bottom;
	letter-spacing: calc(50px - 1ch);
	width: 300px !important;
	max-width: 300px !important;
	min-width: 300px !important;
	box-sizing: border-box;
}

#subscription .subscription-card-content {
	border-top-right-radius: 20px !important;
	border-top-left-radius: 20px !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.body-pret-abonament #subscription {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.subscription-message {
	display: none;
	color: #7C8585;
}

.body-pret-abonament .subscription-message {
	display: block;
}

#subscription .btn > span:nth-child(2) {
	display: none;
}

.body-pret-abonament #subscription .btn > span:nth-child(2) {
	display: block;
}

.body-pret-abonament .tooltip,
.body-sali-partenere .tooltip {
	border-radius: 0 !important;
	opacity: 1;
}

.body-membership .fb-button {
	border: 1px solid #1291F3 !important
}

.body-membership .modal-dialog {
	max-width: 560px;
}

.body-membership .dots {
	letter-spacing: 0.2rem;
}

.body-sali-partenere .see-full-list {
	z-index: 11 !important;
}

.z-index-11 {
	z-index: 11 !important;
}

.body-membership .active-link a, 
.body-membership .active-link i,
.body-pachete-si-programe .active-link a,
.body-pachete-si-programe .active-link i {
	color: var(--g-green) !important;
}

.body-membership .active-link .membership-nav-icon > *,
.body-pachete-si-programe .active-link .membership-nav-icon > * {
	stroke: var(--g-green) !important;
}

.body-ambasadori #trial {
	padding-top: 1rem !important;
    margin-top: 100px;
}

#ambasadoriWrapper .row {
    gap: 20px 0;
}

.body-ambasadori #trial a.btn {
	margin-bottom: 0 !important;
}

.body-ambasadori .ambassador-card {
	height: 100%;
}

.body-ambasadori .ambassador-card > a > img {
	margin-bottom: 2rem !important;
}

.body-ambasadori .ambassador-card > p {
	padding-bottom: 1.5rem !important;
}

.body-membership .inactive-card span, .body-membership .inactive-card i {
	color: #969E9E !important;
}

.header-guest, .header-visitor {
    padding-top: 16px;
    padding-bottom: 16px;
}

.contact-us > div, .body-ambasadori .bg-ambassador > div {
	padding-top: 10rem !important;
}

.body-contact .contact-us > div {
    padding-top: 100px !important;
    padding-bottom: 0 !important;
}

.body-contact .contact-us h1 {
    font-size: 60px !important;
}

.body-pret-abonament #subscription {
    padding-top: 50px;
}

.faqs-page h1 {
    margin-bottom: 46px !important;
}

.body-faq .nav-link{
    font-size: 18px !important;
    font-weight: 800 !important;
}

.contact-us h1 {
    margin-bottom: 5rem;
}

.body-press .contact-us h1{
    margin-bottom: 1.5rem !important;
}

.body-press .contact-us{
    background-color: var(--g-new-purple-esx);
}

.body-contact .contact-us h1 {
    margin-bottom: 60px;
}

.body-contact #form-contact {
    margin-top: 0;
}

.body-press .card, .body-press .press_card, .body-press .card.contact > div {
	margin: 1rem 0;
}

.body-press .footer > .container > .row {
	margin: 0;
}

.border-purple{
    border-color: var(--g-new-purple-esx) !important;
}

.body-tic-tac\.php a{
    color: var(--g-purple-esx);
}

.body-membership .profile-badge {
	border-color: var(--g-purple-esx) !important;
}

.body-membership .profile-badge .username {
	color: var(--g-purple-esx) !important;
}

.body-membership #nav-subscription .btn {
	font-weight: 700 !important;
}

.body-membership #nav-subscription .text-success {
	color: var(--g-green) !important;
}

.body-incearca-gratis .steps-options * {
	font-weight: 700;
}

.two-image {
	overflow: hidden;
}

.two-image > img {
	object-fit: cover;
	object-position: top;
	transform-origin: top;
}

.two-image .before {
	right: 40px !important;
}

.two-image .after {
	left: 40px !important;
}

.two-image #bottom-fade {
	display: block;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px -15px 20px 5px rgba(255, 255, 255, 0.925);
    z-index: 100;
    position: absolute;
}

#mySidenav {
	z-index: 11 !important;
}

#burger-menu-close-btn, #burger-menu-open-btn {
	transition: all 0.25s ease-in-out;
}

#searchResultsContainer {
	height: 100%;
	overflow: auto !important;
}

.body-alege-oras .resize-animation-stopper *,
.body-sali-partenere .resize-animation-stopper * {
	animation: none !important;
	transition: none !important;
}

.bodySwiper .chosen-overlay {
	position: absolute;
	display: grid;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	grid-template-columns: auto 198.62px auto;
	z-index: 100;
}

.bodySwiper .chosen-overlay > div:first-child, .bodySwiper .chosen-overlay > div:last-child {
	background-color: white;
	opacity: 0.5;
}

.bodySwiper .chosen-overlay .tooltiptext {
	left: 50% !important;
	z-index: 20000;
	margin-left: 0 !important;
	visibility: visible;
	padding-left: 1rem;
	transform: translateX(-50%);
	padding-right: 1rem;
}

.bodySwiper .chosen-overlay .chosen-box {
	height: 100%;
	border: 3px solid var(--g-green);
	border-radius: 12px;
}

.body-incearca-gratis .bodySwiper .chosen-overlay .chosen-box {
    border: 3px solid #5337AE;
}

.notification-indicator {
    color: white;
    position: absolute;
    top: -12px;
    right: -12px;
    background-color: var(--g-orange);
    border: 2px solid white;
    border-radius: 50%;
    width: 1.35rem;
    height: 1.35rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 10px;
}

.notification + .notification-indicator {
	width: 1.75rem;
	height: 1.75rem;
	font-size: 0.9rem;
}

#userLoginEmailrequiredPhone input {
	border-radius: 0;
}

#userLoginEmailrequiredPhone .intl-tel-input .country-list,
#userLoginEmailrequiredPhone .intl-tel-input .iti-arrow {
	display: none;
}

.body-bug input:focus::placeholder {
	color: #a9a9a9 !important;
}

#faq .accordion-body, #faq .accordion-header > .accordion-button {
	/* font-size: 1.25rem !important; */
    padding-left: 0;
    padding-right: 0;
}

#guarantee img {
    width: 100px !important;
    height: 100px !important;
}

.fs-0_9rem {
	font-size: 0.9rem;
}

.fs-0_875rem {
	font-size: 0.875rem;
}

.fs-0_813rem {
	font-size: 0.813rem
}

.fs-0_75rem {
	font-size: 0.75rem;
}

.fs-1_125rem {
	font-size: 1.125rem;
}

.fs-2rem {
	font-size: 2rem;
}

.px-1_25rem {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.body-sali-partenere .mobile-only .menu .btn {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}

.body-pret-abonament .benefits img {
	height: 70px;
	width: 70px;
}

.body-pret-abonament .differences img {
	height: 185px;
}

.bg-members .row > div {
    margin-left: 15px;
}

#guarantee .mt-100 {
    margin-top: 60px;
}

.body-membership #form-profile .form-floating > .form-control:focus ~ label,
.body-membership #form-profile .form-floating > .form-control:not(:placeholder-shown) ~ label {
	transform: scale(.85) translateY(-1rem) translateX(0) !important;
}

.body-sali-partenere input#mobile-search-city,
.body-alege-oras input#mobile-search,
.body-incearca-gratis input#mobile-search {
	caret-color: #FD6D5B;
}

.color-969696 {
	color: #969696;
}

/* TODO: vezi de unde vine justify-content-between acolo și înlocuiește la sursă */
.body-sali-partenere .gym-list > .justify-content-between.rounded-all {
	justify-content: start !important;
	border-radius: 1rem !important;
}

.body-sali-partenere .gym-list {
	margin-bottom: 2.2rem !important;
}

.body-incearca-gratis .begin-select-city #mobile-select-button {
	height: 66px !important;
    border-bottom: 2px solid #f2f2f2 !important;
    font-weight: 600;
}

/* zoom is non-standard! it should be removed from everywhere. */
.intl-tel-input {
	zoom: revert !important;
}

.intl-tel-input .selected-flag {
	width: 100px !important;
	padding-left: 0 !important;
	display: flex;
	align-items: center;
}

.intl-tel-input .selected-flag .selected-dial-code {
	font-size: 1.5rem;
	color: var(--g-black);
	padding-left: 42px !important;
}

.intl-tel-input .selected-flag .iti-arrow {
	transform: scale(1.5);
	left: 28px;
}

.intl-tel-input #phone {
	padding-left: 110px;
}

.intl-tel-input #phone,
.intl-tel-input #phone::placeholder {
	font-size: 1.5rem !important;
}

.intl-tel-input #phone::placeholder {
	color: #969E9E;
}

#allListings #searchSpan + input {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 14px !important;
    box-shadow: none !important;
}

#box-choose-ab {
    padding-bottom: 30px;
}

#mySidenav > .position-relative {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.body-sali-partenere #mySidenav {
    z-index: 50 !important;
    margin-top: 0;
    padding-top: 100px;
}

#corporate-code {
    border: 1px solid #D7D6D5;
    border-radius: 12px !important;
    text-align: center;
}

#corporate-code h2 {
    color: #2A2A27;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.body-bonus .text-2A2A27 {
    color: #2A2A27 !important;
}

#form-login-phone #corporate-code p {
    color: #656460;
    font-size: 14px;
    max-width: 280px;
    margin: 0 auto;
    margin-top: 16px;
}

#corporateCodeModal button {
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08)) !important;
    background: var(--Brand-Primary, #FCD447) !important;
    color: #2A2A27;
    padding: 12px 24px !important;
}

#corporateCodeModal button:hover {
    opacity: .9;
}

#corporateCodeModal input {
    border: 0;
    border-bottom: 2px solid #BDBCBB;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 24px;
    margin-top: 24px;
    text-align: center;
    font-size: 24px !important;
    letter-spacing: 15px;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    text-transform: uppercase;
}

#corporateCodeModal input::placeholder {
    color: #91908E !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

#corporateCodeModal button {
    font-weight: 700 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.5;
    box-shadow: none !important;
}

#corporateCodeModal button:disabled {
    background-color: #fff !important;
    color: #CACACA !important;
    border: 1px solid rgba(71, 70, 66, 0.10) !important;
}

#corporate-code .btn {
    padding: 8px 36px !important;
    background-color: #2A2A27;
    border-color: #2A2A27;
}

#corporate-code {
    margin-top: 42px !important;
    padding: 12px 14px !important;
}

.contact-us + #corporate-code {
    margin-top: 60px !important;
    padding: 12px 24px !important;
}

@media screen and (max-width: 500px) {
    .contact-us + #corporate-code {
        padding: 12px !important;
        text-align: left;
    }

    .contact-us + #corporate-code .btn { 
        padding: 8px 20px !important;
    }
}

#corporateCodeModal .modal-content {
    border-radius: 16px !important;
    padding: 24px !important;
}

#corporateCodeModal h2 {
    color: var(--Colour-Content-Primary, #2A2A27);
    text-align: center;
    /* Label/Medium */
    font-family: var(--Typography-Family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
    margin-bottom: 0;
}

#corporateCodeModal p {
    margin-bottom: 0;
    margin-top: 24px;
    text-align: center;
    color: #656460;
    font-size: 14px;
}

#corporateCodeModal .modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 15px;
    height: 15px;
}

#corporateCodeModal .modal-dialog {
    max-width: 420px;
}

.short-container #corporate-code {
    padding: 24px !important;
}

.fs-68{
    font-size: 68px;
}

.fs-48{
    font-size: 48px;
}

.fs-16{
    font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.mobile-break{
    display: none;
}

.body-register #avantaje > div {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

@media (hover: hover) {
	#entry30 > .col-3 > .card:hover, #entry8 > .col-3 > .card:hover {
		border: 3px solid #ff7260;
	}

	.sali-partenere .premium-button:hover {
		color: var(--g-green) !important;
	}

	.sali-partenere .premium-button:hover #lock {
		stroke: var(--g-green) !important;
	}

	.sali-partenere .premium-button.add-premium:hover {
		color: white !important;
	}

	.sali-partenere .premium-button.add-premium:hover #lock {
		stroke: white !important;
	}
}

@media (hover: none) {
	.sali-partenere .premium-button {
		color: #212529;
	}

	.sali-partenere .premium-button:active {
		color: var(--g-green) !important;
	}

	.sali-partenere .premium-button:active #lock {
		stroke: var(--g-green) !important;
	}

	.sali-partenere .premium-button#add-premium:active {
		color: white !important;
	}

	.sali-partenere .premium-button#add-premium:active #lock {
		stroke: white !important;
	}

	.btn-outline-dark:hover {
		color: revert;
		border: revert;
	}

	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon) {
		color: revert !important;
	}

	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon) .gym_filters_icon_background {
		stroke: #f7f7fb !important;
	}

	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:hover .shape,
	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:hover .h_stroke,
	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:active .shape,
	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:active .h_stroke {
		fill: revert !important;
	}

	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:hover .gym_filters_icon_background,
	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:hover .h_fill,
	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:active .gym_filters_icon_background,
	.body-sali-partenere #iconsRow > .hover:not(.active-category-icon).center-me:active .h_fill {
		fill: white !important;
	}

     .body-sali-partenere .mobile-row-icons > .active-category-icon .shape path{
        fill:#129793;
    }
}

@media (min-width: 768px) {
	.select-city-modal .select2-results > .select2-results__options {
		max-height: min(330px, 30vh) !important;
	}

    .body-inregistrare .select-city-modal .select2-results > .select2-results__options {
        max-height: 210px !important;
    }

	.body-register .register-component .swiper-slide:not(:nth-child(3)) {
		margin-top: 50px;
	}

	.body-sali-partenere #iconsRow:not(.show-all-icons) div:nth-child(n + 5)  {
		visibility: hidden;
	}

	.body-incearca-gratis #steps-back {
		border: 1px solid var(--g-grey);
		width: 55px;
		height: 55px;
		background-color: white;
		border-radius: 50%;
		transform: rotate(180deg);
		display: block !important;
	}

	.body-incearca-gratis #steps-back:disabled img {
		filter: opacity(0.5);
	}

	#searchGymResults {
		column-count: 3;
	}

	.py-md-100 {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.my-md-100 {
		margin-top: 100px;
		margin-bottom: 100px;
	}

	.mt-md-9 {
		margin-top: 9rem !important;
	}

	.my-md-9 {
		margin-top: 9rem !important;
		margin-bottom: 9rem !important;
	}

	.body-sali-partenere .try-free-bottom {
		bottom: 25px;
	}

    .menu .avatar {
        width: 32px !important;
        height: 32px !important;
        object-fit: cover;
        padding: 2px !important;
    }
}

.blog .box-layout h2.pret-abonament-blog{
    color: #5337AE;
    font-size: 46px;
    font-style: normal;
    font-weight: 900;
}

@media (min-width: 992px) {
	#searchGymResults {
		column-count: 4;
	}
}

@media (min-width: 768px) {
	.sali-partenere #allListings {
		padding-top: 7rem;
	}

	.sali-partenere .location-close-icon {
		top: 50px;
	}

	.g-steps-column-fix {
		width: 65% !important;
		margin-bottom: 3.75rem !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	.sali-partenere #defaultView {
		padding-bottom: 12.5rem;
	}

	.sali-partenere .location-close-icon > div {
		right: 25px;
		top: 25px;
	}

	.before-open {
		display: none;
	}

	.vh-md-100 {
		min-height: 100vh !important;
	}

	.fs-md-3rem {
		font-size: 3rem !important;
	}

	.incearca-gratis .tooltiptext {
		left: 62.5% !important;
	}

	.register-component .left-arrow {
		width: 50px !important;
		height: 50px !important;
	}

	#trial a.btn {
		padding-top: 1.2rem !important;
		padding-bottom: 1.2rem !important;
	}

	.fs-md-6 {
		font-size: 1rem !important;
	}

	.fs-md-5 {
		font-size: 1.25rem !important;
	}

	.fs-md-4 {
		font-size: calc(1.275rem + .3vw) !important;
	}

	.fs-md-3 {
		font-size: 1.75rem!important;
	}

	.fs-md-1 {
		font-size: calc(1.375rem + 1.5vw)!important;
	}

	.w-desktop-70 {
		width: 70% !important;
	}

	.body-acasa #guarantee > div > div:nth-child(2) {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: stretch;
		gap: 3rem;
	}

	.body-acasa .guarantee-benefit {
		flex: 1 1 0;
		width: revert !important;
		flex-basis: 0;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.body-acasa .guarantee-benefit > div {
		height: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#subscription-benefits ~ div > button {
		padding-top: 1.25rem !important;
		padding-bottom: 1.25rem !important;
	}
}

@media (max-width: 1199px) {
	.body-acasa .timer {
		font-size: 5rem;
	}

	.body-sali-partenere #allListings > div {
		width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 1300px) {
    .body-companii-in-forma .brands{
        display: none;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

.body-companii-in-forma .brands{
    padding-top: 86px !important;
    padding-bottom: 86px !important;
}


.body-companii-in-forma .icons{
    padding-top: 86px !important;
    padding-bottom: 86px !important;
}

.body-companii-in-forma #blog section{
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

.body-companii-in-forma #blog{
    padding-bottom: 0px;
    padding-top: 0px;
}

.body-companii-in-forma #general-form-wrapper{
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

.body-companii-in-forma #general-form-wrapper form{
    margin-bottom: 0px !important;
}

.body-companii-in-forma .benefits h2 {
    font-size: 52px !important;
}

.body-faq .fs-1_125rem{
    font-size: 24px !important;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .workout-bg img {
        width: 100% !important;
    }
    .body-user .fs-desktop-24{
        font-size: 16px !important;
    }

    .body-user .mt-68{
        margin-top: 34px !important;
    }

    .body-user .fs-1_125rem{
        font-size: 16px !important;
    }

    .body-user .fs-14{
        font-size: 14px !important;
    }

    .body-faq .fs-1_125rem{
        font-size: 14px !important;
    }

    .body-user .pb-84{
        padding-bottom: 62px !important;
    }

    .body-user .fs-desktop-44{
        font-size: 24px !important;
    }

    .body-companii-in-forma .fs-24{
        font-size: 24px !important;
    }

    .body-companii-in-forma .training-flexibility p{
        padding-top: 24px !important;
    }

    .body-companii-in-forma .section-fitness-access{
        padding-bottom: 48px !important;
        padding-top: 0px !important;
    }

    .body-companii-in-forma .section-fitness-access div{
        padding-top: 0px !important;
    }

    .body-companii-in-forma .brands{
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .body-companii-in-forma .icons{
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .body-companii-in-forma #general-form-wrapper{
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .body-companii-in-forma .benefits h2 {
        font-size: 24px !important;
    }

    #guarantee .mt-100{
        margin-top: 24px;
    }

    #pachet #subscription > div:first-child{
        padding-bottom: 0 !important;
    }
    
	#form-incearca-gratis .swiper-fade .swiper-slide {
		overflow-y: hidden !important;
	}

	.body-incearca-gratis .swiper-slide-active .fat {
		font-weight: 700;
	}

	.body-incearca-gratis .side-menu .links {
		margin-top: 56px !important;
	}

	.incearca-gratis .links .previous-tab .number-circle {
		background-color: var(--g-grey-light);
		color: #7C8585;
	}

	.incearca-gratis .links .previous-tab p {
		color: #7C8585;
	}

	.body-incearca-gratis .swiper-button-next-unique {
		top: 30%;
		right: 0;
	}

	.body-incearca-gratis .swiper-button-prev-unique {
		top: 30%;
		left: 0;
	}

	.incearca-gratis .g-options .nav-pills {
		margin-bottom: 30px !important;
	}

	.color-657171-mobile {
		color: var(--g-grey-dark) !important;
	}

	.ambassador-modal .swiper-back {
		left: -5px;
	}

	.ambassador-modal .swiper-next {
		right: -5px;
	}

	.body-ambasadori .ambassador-card {
		box-shadow: none;
		border-radius: 0 !important;
		background-color: transparent !important;
	}

	.body-ambasadori .ambassador-card > a > img {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
		padding: .5rem;
		object-fit: cover;
	}

	.body-ambasadori .ambassador-card > p {
		padding-bottom: 0 !important;
	}

	.bg-ambassador .col-6 {
		width: 50% !important;
	}

	.body-ajutor-pentru-saraci .free-package > .container {
		margin-top: 5rem;
	}

	#entry30 > .col-3 > .card:not(.active-card), #entry8 > .col-3 > .card:not(.active-card) {
		border: 1px solid var(--g-green);
	}

	.profile .active-card {
		border-width: 2px;
	}

	#entry30 h6, #entry8 h6 {
		font-size: 1.125rem !important;
	}

	#entry30 p.fs-0_875rem, #entry8 p.fs-0_875rem {
		font-size: 0.875rem !important;
	}

	.body-modify-your-subscription #box-choose-ab .w-250-mobile {
		width: 250% !important;
	}

	.body-bonus .ckbox {
		font-size: 0.875rem;
	}

	.body-bonus .illustration-pic {
		display: flex;
		justify-content: center;
	}

	.body-bonus .illustration-pic img {
		margin-top: -20px;
		width: 90% !important;
	}

	.body-bonus input#to,
	.body-bonus input#to::placeholder {
		font-size: 12px !important;
		color: #969696;
        font-weight: 400 !important;
	}

	#searchGymResults {
		font-size: 1rem !important;
	}

	input#seachModalInput,
	input#seachModalInput::placeholder,
	input#seachModalInput::-webkit-input-placeholder,
	input#seachModalInput::-moz-placeholder {
		font-size: 1rem !important;
	}

	.body-pret-abonament #trial h1 {
		font-weight: 700 !important;
	}

	.body-pret-abonament #trial a.btn {
		font-weight: 700 !important;
	}

	#faq .accordion-body, #faq .accordion-header > .accordion-button {
		font-size: 0.875rem !important;
	}

	.fs-mobile-0_875rem {
		font-size: 0.875rem;
	}

	.fs-mobile-1_125rem {
		font-size: 1.125rem;
	}

	.fs-mobile-2rem {
		font-size: 2rem;
	}

	.body-pret-abonament .abonamente h5.secondary-color {
		font-weight: 800 !important;
	}

	.body-pret-abonament .abonamente > div:first-child {
		margin-top: 0;
	}

	.body-sali-partenere #gymListCol {
		padding-bottom: 3rem;
	}

    .body-sali-partenere .gym-list > div.banner-promo {
        padding: 0 !important;
    }

	.body-sali-partenere .gym-list a {
		font-size: 1rem;
		font-weight: 700 !important;
	}

	.body-sali-partenere .gym-list h2 {
		font-size: 1.3rem;
		margin-bottom: 1.3rem;
		font-weight: 800 !important;
		line-height: 1.5;
	}

	.body-reset .otpDiv #partitioned {
		padding-left: calc(17.5px - 1ch/2) !important;
		letter-spacing: calc(35px - 1ch) !important;
		max-width: 210px !important;
		width: 210px !important;
		min-width: 210px !important;
		background-size: 35px 1px !important;
	}

	.map-buttons .location-icon > div {
		width: 45px !important;
		height: 45px !important;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
	}

	.map-buttons .location-icon > div > svg {
		width: 19px;
		height: 19px;
	}

	.body-sali-partenere .icon-premium {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.sali-partenere .map-col {
		touch-action: none;
		margin-top: 56px !important;
		height: calc(100% - 200px) !important;
	}

	#entries-selector, #entry30-wrapper, #entry8-wrapper {
		position: relative;
		left: calc(-50vw + 50%);
		width: 100vw !important;
	}

	.bg-white-mobile {
		background-color: white;
	}

    .bg-white-section-mobile{
        background-color: white !important;
    }

    .pt-0-mobile{
        padding-top: 0px !important;
    }

    .pb-48-mobile{
        padding-bottom: 48px;
    }

    .pt-24-mobile{
        padding-top: 24px !important;
    }

    .py-24-mobile{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .body-companii-in-forma .benefits{
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .body-companii-in-forma .benefits .title-benefits {
        padding-bottom: 24px !important;
        font-size: 24px !important;
    }

    .body-companii-in-forma .benefits .description-benefits {
        padding-top: 0px !important;
    }

    .py-48-mobile{
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

	.pt-100-mobile {
		padding-top: 100px;
	}

	.sali-partenere #activeListing {
		border-top-left-radius: 0.75rem !important;
		border-top-right-radius: 0.75rem !important;
	}

	.sali-partenere .map-info-col {
		transition: 0.4s transform !important;
	}

	.sali-partenere .map-info-col.smaller-menu {
		position: fixed !important;
	}

	#activeListing.smaller-menu + .map-col {
		height: 90% !important;
	}

	.map-buttons.lower-map-buttons {
		bottom: calc(env(safe-area-inset-bottom) + 150px);
	}

	.body-user .btn-antrenamente {
		width: 85% !important;
	}

	.bodySwiper .chosen-overlay {
		left: -500px;
		right: -500px;
	}

	.body-incearca-gratis #male {
		border-bottom-left-radius: 5rem;
		border-top-left-radius: 5rem;
	}

	.body-incearca-gratis #female {
		border-bottom-right-radius: 5rem;
		border-top-right-radius: 5rem;
	}

	.body-incearca-gratis .form-floating > .form-control ~ label,
	.body-incearca-gratis .form-floating > .form-control:not([value=""]) ~ label,
	.body-incearca-gratis #floatingData ~ label {
		color: #969E9E !important;
	}

	.body-incearca-gratis .side-menu {
		padding-left: 0;
		padding-right: 0;
	}

	.body-incearca-gratis .side-menu .links {
		background-image: url('/web/assets/img/incearca-gratis/mobile-bg.png');
		background-position: bottom left;
		background-size: contain;
		background-color: #F7F7FB;
	}

	.body-incearca-gratis .side-menu .steps-options {
		scrollbar-width: none;
		margin-bottom: 0.75rem;
		padding-right: 2rem;
	}

	.body-incearca-gratis .side-menu .steps-options::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

	.body-incearca-gratis button.steps-back {
		border: none !important
	}

	.body-sali-partenere #mobile-search1 {
		/* top: 0;
		bottom: 0;
		left: 0;
		right: 0; */
		z-index: 11;
		background-color: white;
		padding-top: 72px;
		transition: all 0.5s;
		height: 100vh;
		transform: translateY(100vh);
		opacity: 0;
		/* display: none; */
	}


	.body-sali-partenere #mobile-search-form1 > form > .input-group {
		box-shadow: 0 .25rem .5rem rgba(0,0,0,.10) !important;
	}

	.body-sali-partenere #searchResultsContainer1 .mobile-count-gyms > div {
		padding-left: 0;
		padding-right: 0;
	}

	.body-sali-partenere #searchResultsContainer1::-webkit-scrollbar-track {
		margin-top: revert !important;
		margin-bottom: 3rem !important;
	}

	.body-sali-partenere #mobile-search1.search-active {
		display: flex !important;
		flex-direction: column;
		transform: translateY(0);
		opacity: 1;
	}

	.body-sali-partenere .download-links {
		bottom: 100px;
	}

	.sali-partenere #iconsRow {
		flex-wrap: nowrap;
		overflow: visible;
	}

	.sali-partenere #iconsRowContainer {
		overflow: scroll;
	}

	.sali-partenere #iconsRow p {
		font-size: 0.875rem;
	}

	.sali-partenere > div > .map-info-col {
		height: 100% !important;
		padding-bottom: 0 !important;
		top: 0 !important;
		transform: translateY(calc(100% - 50px)) !important;
	}

	.sali-partenere > div > .map-info-col.no-count {
		transform: translateY(calc(100% - 50px)) !important;
	}

	.sali-partenere > div > .map-info-col:not(.mobile-disable-y-scrolling) {
		top: 0 !important;
		transform: translateY(60px) !important;
	}

	.map-buttons {
		bottom: 160px;
		right: 30px;
	}

	.sali-partenere #iconsRowContainer {
		padding-bottom: 1rem;
	}

	.steps-options > a {
		padding: 0.5rem !important;
		margin-left: 0.75rem !important;
		margin-right: 0.75rem !important;
	}

	.steps-options > a > p {
		white-space: nowrap;
	}

	.incearca-gratis .tooltiptext {
		left: 10% !important;
	}

	.nowMaleBodySwiper, .nowFemaleBodySwiper, .targetMaleBodySwiper, .targetFemaleBodySwiper {
		overflow: visible !important;
	}

	.mobile-overflow-x-hidden {
		overflow-x: hidden !important;
	}

	.incearca-gratis .side-menu {
		background-image: url(../img/incearca-gratis/background.svg);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.body-sali-partenere #activatedGym {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

    #searchBar{
        top: 75px;
        position:fixed !important;
    }

	.body-sali-partenere .coplata p {
		margin-bottom: 0.25rem !important;
	}

	.body-user .types {
		display: none;
	}

	.body-user #box-antrenamente > div > div:nth-child(3),
	#topfam_more > div:not(:last-child),
	#topfem_more > div:not(:last-child),
	#topbar_more > div:not(:last-child),
	#toplive_more > div:not(:last-child) {
		flex-wrap: nowrap;
		overflow-x: scroll;
		overflow-y: visible;
		flex-direction: row;
	}

	.body-acasa .trial-bg {
		background-image: url('../img/home/7-day-mobile-bg.png') !important;
	}

	.body-alege-oras .modal-header {
		padding: 1.2rem;
	}

	.body-alege-oras .modal-body {
		margin-bottom: 0 !important;
		padding-top: 0 !important;
	}

	.body-acasa #accordionFlushExample {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.body-acasa .members {
		overflow: hidden !important;
	}

	.body-acasa .members img {
		width: 100% !important;
		position: relative;
	}

	#trial a.btn {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.steps-options {
		display: flex;
		flex-direction: row;
	}

	.incearca-gratis .side-menu {
		background-position: bottom left, bottom left;
		background-repeat: no-repeat, no-repeat;
		background-size: cover, cover;
	}

	div.steps-title {
		margin-top: var(--s30);
		text-align: center;
	}

	.g-w30, g-w100 { width: 100%; }

	.g-steps-column-fix {
	    /*flex-direction: row;*/
	}

	.g-fsize-3_2 {
		font-size: 2rem !important;
	}

	.g-btn-scc {
		width: 100% !important;
		margin-top: 10% !important;
	}

	.g-autoh {
		height: auto;
		margin-left: -1.75rem;
		width: 100vw !important;
		max-width: unset;
	}

	body.body-pret-abonament {
		overflow-x: hidden !important;
	}

	#ce-este-banner {
		padding-top: 25px !important;
	}

	#ce-este-banner > .mobile-only {
		max-width: revert;
	}

	#ce-este-banner.about-bg {
		background-image: none;
	}

	#ce-este-mobile-bg {
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 150% 75%;
	}

	#workout-mobile-bg {
		/* background-image: url('../img/workouts/shape.png'); */
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 150% 50%;
	}

	.workout-bg {
		background-image: none !important;
	}

	.phone-bg {
		background-image: none !important;
	}

	.register-swiper .swiper-slide > div {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.register-component > .container {
		background-color: white !important;
	}

	.register-swiper .swiper-slide > div > div {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#form-register-phone {
		margin-top: 0 !important;
	}

	#form-register-phone input#phone {
		border-radius: 0 !important;
	}

	#recaptcha-container {
		display: inline-block;
		transform: revert !important;
		-webkit-transform: revert !important;
		margin-top: 2rem !important;
	}

	.steps-options {
		overflow: auto;
	}

	#objective-selector {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	#objective-selector > .col-4 {
		width: revert !important;
	}

	#objective-selector .skill-card {
		display: flex;
		flex-direction: row;
		gap: 1rem;
		align-items: center;
		padding: 1rem !important;
	}

	#objective-selector .skill-card > img {
		width: revert !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.body-register > .container-fluid,
	.body-register > .container-fluid > .container,
	.body-register > .container-fluid > .container > div > div:nth-child(2) {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.body-register > .container-fluid > .container {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.body-register > .menu > div {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 1rem;
		flex-wrap: nowrap;
	}

	.body-register > .menu .fa-arrow-left {
		border: 1px solid var(--g-grey);
		border-radius: 50%;
		padding: 1rem;
		font-size: 1.25rem;
		color: var(--g-black);
	}

	.body-register #form-incepe-gratis > div  {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.body-register #avantaje > div {
		display: flex;
		flex-direction: row;
		gap: 1rem;
	}

	#btn-placeorder-container {
		margin: 0 !important;
	}

    .body-register #form-incepe-gratis #btn-placeorder {
        margin-bottom: 0 !important;
    }

	.body-acasa .map-row {
		height: max-content !important;
	}

	.body-acasa .map-row .home-map-view {
		height: 450px !important;
	}

	.zero-ron {
		font-size: 2rem !important;
	}

	#subscription-benefits ~ div > button {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	#subscription-header h1 {
		font-size: 2rem !important;
	}

	.body-acasa #subscription-header ~ div {
		padding-bottom: 0 !important;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.two-image .after {
		left: 0 !important;
	}

	.two-image .before {
		right: 0 !important;
	}
}

@media (max-width: 575px) {
	.body-alege-oras #exampleModal .modal-dialog {
		margin: 1.25rem;
	}
}

@media (max-width: 600px) {
    .body-pret-abonament .width-mobile-only{
        min-width: 22px;
    }
    
	.body-press .row {
		margin-left: revert;
		margin-right: revert;
	}
}

@media (min-width: 1750px) {
	.companii-subtitle {
		width: 60% !important;
        font-weight: 400;
	}
}

/* xxsmall: any screen that less wide than an iPhone SE 2nd gen. */
@media (max-width: 375px) {
	.fs-xxs-5 {
		font-size: 1.25rem;
	}
}

body {
    font-weight: 400;
    padding-right: 0 !important;
}

.body-alege-oras .mobile-select ul > li.is-selected,
.body-incearca-gratis .mobile-select ul > li.is-selected,
#userLoginEmailfakeInfo .mobile-select ul > li.is-selected,
.body-pret-abonament .mobile-select ul > li.is-selected,
.body-register .mobile-select ul > li.is-selected,
.body-benefits.b2c .mobile-select ul > li.is-selected {
    color: var(--g-green);
}

.body-alege-oras .mobile-select ul > li.is-selected > svg > path,
.body-alege-oras .mobile-select ul > li.is-selected > svg > g,
.body-incearca-gratis .mobile-select ul > li.is-selected > svg > path,
.body-incearca-gratis .mobile-select ul > li.is-selected > svg > g,
#userLoginEmailfakeInfo .mobile-select ul > li.is-selected > svg > path,
#userLoginEmailfakeInfo .mobile-select ul > li.is-selected > svg > g,
.body-pret-abonament .mobile-select ul > li.is-selected > svg > path,
.body-pret-abonament .mobile-select ul > li.is-selected > svg > g,
.body-register .mobile-select ul > li.is-selected > svg > path,
.body-register .mobile-select ul > li.is-selected > svg > g,
.body-benefits.b2c .mobile-select ul > li.is-selected > svg > path,
.body-benefits.b2c .mobile-select ul > li.is-selected > svg > g {
    stroke: var(--g-green);
}

#userLoginEmailfakeInfo .border-bottom {
    border-color: #f2f2f2 !important;
}

.body-alege-oras .mobile-select ul > li > .checkmark,
.body-incearca-gratis .mobile-select ul > li > .checkmark,
#userLoginEmailfakeInfo .mobile-select ul > li > .checkmark,
.body-pret-abonament .mobile-select ul > li > .checkmark,
.body-register .mobile-select ul > li > .checkmark,
.body-benefits.b2c .mobile-select ul > li > .checkmark,
.body-corporate-services .mobile-select ul > li > .checkmark {
    display: none;
    margin-left: auto;
}

.body-alege-oras .mobile-select ul > li.is-selected > .checkmark,
.body-incearca-gratis .mobile-select ul > li.is-selected > .checkmark,
#userLoginEmailfakeInfo .mobile-select ul > li.is-selected > .checkmark,
.body-pret-abonament .mobile-select ul > li.is-selected > .checkmark,
.body-register .mobile-select ul > li.is-selected > .checkmark ,
.body-benefits.b2c .mobile-select ul > li.is-selected > .checkmark{
    display: block;
    position: relative;
    border: 0;
    border-radius: 0;
    width: inherit;
    height: inherit;
    top: inherit;
    left: inherit;
}

.body-companii-in-forma .benefits h2 > i {
    font-size: 32px;
}

.benefits .col-10 h2 {
    margin-left: calc(calc(var(--bs-gutter-x) * -1) - 32px);
}

.form-floating label {
    color: #a9a9a9 !important;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out,color .1s ease-in-out;
}

/* .form-floating > .form-control:not([value=""]) ~ label {
    color: var(--g-grey-darker) !important;
} */

.body-faq a:hover {
    color: var(--g-purple-esx) !important;
}

#pfppic {
    width: 160px;
    height: 160px;
}

#mapRow::-webkit-scrollbar {
    height: 3px;
}

#mapRow::-webkit-scrollbar-thumb {
    background: transparent;
    transition: .4s all;
}

#mapRow::-webkit-scrollbar-track {
    background: transparent;
    transition: .4s all;
}

#mapRow.scroll-active::-webkit-scrollbar-thumb {
    background: #A7ADAD;
}

#mapRow.scroll-active::-webkit-scrollbar-track {
    background: #F2F2F2;
}

.bg-ambassador {
    background-image: url(../img/ambassador/background.svg);
    background-position: top 100px right;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.body-ambasadori .bg-ambassador > div.trial,
.body-ambasadori .bg-ambassador > div.app-reviews {
    padding-top: 0 !important;
}

#testimoniale .container-fluid.my-100 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#searchGymResults > div > a > i {
    position: absolute;
    left: -1.5em;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    font-size: 15px;
}

.body-acasa #top {
    overflow: hidden;
}

.body-acasa #top > .container-fluid {
    min-height: 100vh;
}

.icon-premium.active-add-premium svg path {
    stroke: var(--g-green);
}

.icon-premium.active-add-premium p {
    color: var(--g-green);
}

.icon-premium {
    border: 2px solid #fff;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    transition: .4s all;
}

.icon-premium.active-add-premium {
    border: 2px solid var(--g-green);
}

.btn-desktop-login {
    border: 1px solid #fff;
}

.btn-desktop-login:hover {
    background-color: #fff;
    color: var(--g-green);
    border-color: var(--g-green) !important;
}

.zoom-controls svg:hover path {
    fill: var(--g-green);
}

.map-buttons .location-icon > div {
    background-color: white;
    border-radius: 50%;
    padding: 1rem;
    width: 60px;
    height: 60px;
    text-align: center;
}

.map-buttons .location-icon:hover > div > svg path {
    fill: var(--g-green);
}

.title-incepe-gratis {
    font-size: 28px;
    color: #2A2A27;
}

#header-visitor-login a:hover,
.nu-am-timp-btn:hover {
    background-color: #fff;
    border: 1px solid var(--g-purple-esx) !important;
    color: var(--g-purple-esx);
}

#top .magnifier {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -12%);
    z-index: 8;
}

#top .banner-content-mobile {
    z-index: 10;
}

.begin-select-city #mobile-select-button {
    height: 50px !important;
    display: flex;
    align-items: center;
}

.begin-select-city #mobile-select-button svg {
    width: 16px;
}

.begin-select-city #mobile-select-button svg path {
    fill: #657171;
}

#form-incearca-gratis .form-floating > .form-control:not([value=""]) ~ label {
    color: #969E9E !important;
}

.begin-select-city svg path {
    opacity: .6;
}

.begin-select-city-selector .mobile-select {
    height: auto;
    position: relative;
    padding: 0;
    margin-top: 15px;
    max-height: 0;
    transform: none;
}

.begin-select-city-selector .mobile-select.mobile-select-open {
    max-height: 40vh;
    border-radius: 20px;
}

.begin-select-city-selector .mobile-select::-webkit-scrollbar-track {
    margin-top: 60px;
    margin-bottom: 10px;
}

.begin-select-city-selector .mobile-select::-webkit-scrollbar-thumb,
.begin-select-city-selector .mobile-select::-webkit-scrollbar-track {
    display: none;
}

.begin-select-city-selector .mobile-select.scroll-active::-webkit-scrollbar-thumb,
.begin-select-city-selector .mobile-select.scroll-active::-webkit-scrollbar-track {
    display: block;
}

.begin-select-city-selector .select2-selection__arrow b {
	display: none;
}

.begin-select-city-selector .select2-selection__arrow {
	color: transparent;
	content: 'x';
	background-image: url('../img/home/arrow.svg') !important;
	background-position: center !important;
	background-size: 2.25rem !important;
}

.begin-select-city-selector .selector-arrow {
    transform: rotate(180deg);
    transition: .4s transform;
}

.begin-select-city-selector .selector-arrow.selector-opened {
    transform: none;
}

.body-incearca-gratis #exampleModal1 .select2-results .select2-results__option--disabled,
#userLoginEmailfakeInfo .select2-results .select2-results__option--disabled {
    display: none;
}

.select-city-modal .select2-results li {
    display: flex;
    gap: 10px;
    align-items: center;
}

.select-city-modal .select2-results li svg {
    height: 45px;
    padding: 12px;
    overflow: visible;
    display: block;
    flex: 45px 0;
    background-color: #F8F8F8;
    border-radius: 45px;
}

.select-city-modal #select2-select2-container-container {
    font-size: 16px;
}

.select-city-modal .select2-results__option--highlighted.select2-results__option--selectable {
    transition: .4s all;
}

.select-city-modal .select2-results__option:after {
    content: '';
    background-image: url(/web/assets/img/checkmark.svg);
    width: 16px;
    height: 13px;
    margin-left: auto;
    margin-right: 10px;
    opacity: .1;
}

.body-inregistrare .select-city-modal .select2-results__option:after {
    background-image: url(/web/assets/img/checkmark-purple.svg);
}

.body-inregistrare .form-control:focus,
.body-incearca-gratis .form-control:focus {
    border-color: #5337AE !important;
}

.body-inregistrare .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
}

.body-inregistrare .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    font-size: 12px;
    color: #ced4da;
    transform: translate(-25%, -25%);
}

.body-inregistrare .is-invalid .select2-selection {
    border-color: #dc3545 !important;
}

.select-city-modal .select2-results__option--selected:after {
    opacity: 1;
}

.select-city-modal .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #EAEBED !important;
    padding: 10px 15px 10px 42px;
    background-color: #fff;
    background-image: url(/web/assets/img/search.svg);
    background-repeat: no-repeat;
    background-position: left 13px center;
    background-size: 16px;
    line-height: 1.5;
}

.select-city-modal .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    top: 1px;
    position: relative;
}

.select-city-modal select + .select2-container .select2-selection__arrow {
    transition: .4s all;
}

.select-city-modal select + .select2-container.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg);
}

.select-city-modal > .select2-container {
    box-shadow: 0px 0 32px rgb(12 20 61 / 6%);
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    margin-top: 1px;
}

.body-inregistrare .select-city-modal > .select2-container {
    border: 1px solid #5337AE;
    margin-top: 0;
    z-index: 10;
}

.select-city-modal .select2-results__option {
    padding: 5px 10px;
}

.select-city-modal .select2-search--dropdown {
    padding: 10px;
}

.select-city-modal .select2-container--default .select2-results__option--selected {
    background-color: inherit;
}

.select-city-modal .select2-results li svg.current-location {
    padding: 14px;
}

.select-city-modal .select2-results li svg.current-location path {
    fill: #657171;
    transition: .4s all;
}

.select-city-modal .select2-results li svg.pin-location path,
.select-city-modal .select2-results li svg.pin-location g {
    stroke: #657171;
    transition: .4s all;
}

.select-city-modal .select2-results__option--highlighted.select2-results__option--selectable svg.current-location path {
    fill: var(--g-green);
}

.select-city-modal .select2-results__option--highlighted.select2-results__option--selectable svg.pin-location path,
.select-city-modal .select2-results__option--highlighted.select2-results__option--selectable svg.pin-location g {
    stroke: var(--g-green);
}

.body-inregistrare .select-city-modal .select2-results__option--highlighted.select2-results__option--selectable svg.pin-location path,
.body-inregistrare .select-city-modal .select2-results__option--highlighted.select2-results__option--selectable svg.pin-location g {
    stroke: #5337AE;
}

#form-city label {
    color: #a9a9a9;
}

.body-inregistrare .form-control:invalid:not(:placeholder-shown) {
    border-color: #dc3545 !important;
}

.ab-extra-selections img.lock {
    transform: scale(1.5);
    position: absolute;
    right: 10px;
}

.footer-mobile.mobile-only .accordion-button::after {
    display: none;
}

.footer-mobile.mobile-only .accordion-icon {
    display: flex;
    align-items: center;
}

.footer-mobile.mobile-only .icon-up {
    display: none;
}

.footer-mobile.mobile-only .accordion-button:not(.collapsed) .icon-up {
    display: inline-block;
}

.footer-mobile.mobile-only .accordion-button:not(.collapsed) .icon-down {
    display: none;
}

.footer-mobile.mobile-only .accordion-collapse {
    overflow: hidden;
}

.footer-mobile.mobile-only .accordion-body a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.footer-mobile.mobile-only .accordion-body a:last-child {
    margin-bottom: 32px !important;
}

.footer-mobile.mobile-only .accordion-header {
    border-bottom: 0.5px solid #BDBCBB;
}

.footer-mobile .accordion-flush .accordion-item:last-child .accordion-collapse{
    padding-bottom: 0px;
}

.footer-mobile.mobile-only .accordion-body{
    padding-bottom: 0;
}

.footer-mobile.mobile-only .accordion-body a.last-element{
    margin-bottom: 0px !important;
}

.tel-form input {
    border: 0;
    background-color: #FFF;;
    padding-left: 25px;
}

.tel-form button {
    z-index: 4 !important;
}

#form-profile label {
    padding-left: 0;
    padding-top: 5px;
}

#form-profile input:disabled {
    background: transparent;
}

#form-profile select {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 2px solid #f2f2f2;
}

#form-profile #btn-profile {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}

.inbox-arrow-down {
    vertical-align: middle;
}

#box-payment-method .add-payment-method {
    border: 1px solid #EAEBED !important;
}

.body-register .otpDiv #timer_code #timer {
    margin-left: -5px;
}

.otpDiv .otp input::placeholder {
    font-size: 24px;
    font-weight: 400;
}

.otpDiv .otp input {
    background: transparent;
    font-size: 28px !important;
    letter-spacing: 14px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.otpLoginDiv #error2 .alert {
    text-align: center;
}

#error2.alert-danger > .alert {
    padding: 0 !important;
    margin-bottom: 0;
}

.box-discount > h4 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-chko-vouch {
    margin-right: 3px;
    position: relative;
    vertical-align: middle;
}

.body-register .accordion .h-30 {
    height: 74px;
}

.accordion-button {
    font-size: 18px;
}

.btn-chko-vouch + a {
    vertical-align: middle;
    line-height: 1;
}

#form-incepe-gratis hr {
    background-color: #EAEBED;
    opacity: 1;
}

#form-incepe-gratis {
    margin-bottom: 50px;
}

.body-register.b2c #form-incepe-gratis {
    margin-bottom: 0px;
}

.popover-body .close-popover {
    margin-top: 2rem;
    display: inline-block;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow {
    bottom: calc(-0.5rem - 0px);
}

.accordion-item {
    border-color: #EAEBED;
}

.btn-chko-vouch::after {
    right: -50px !important;
    left: inherit !important;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    font-size: 14px;
}

.body-sali-partenere #mySidenav {
    z-index: 50 !important;
}

.swiper-button-prev-unique {
    position: absolute;
    left: -27.5px;
    width: 55px;
    height: 55px;
    padding: 0;
    line-height: 50px;
    border: 1px solid #EAEBED;
    border-radius: 100%;
    z-index: 10;
    /* top: 125px; */
    top: 25%;
    background: #fff;
    transform: rotate(180deg);
}

.swiper-button-next-unique {
    position: absolute;
    right: -27.5px;
    width: 55px;
    height: 55px;
    padding: 0;
    line-height: 50px;
    border: 1px solid #EAEBED;
    border-radius: 100%;
    z-index: 10;
    /* top: 125px; */
    top: 25%;
    background: #fff;
}

.incearca-gratis .fix-swiper {
    position: relative;
}

.ambassador-modal {
    max-height: 100vh;
    height: 100vh;
    overflow: hidden;
}

.body-membership #nav-subscription:not(.nav-subscription-large) > .row > div {
    text-align: center;
}

.body-membership #nav-subscription:not(.nav-subscription-large) > .row > div p.fw-bold {
    font-weight: 400 !important;
}

.body-membership #nav-subscription:not(.nav-subscription-large) > .row > div p.text-muted {
    color: #2A2A27 !important;
}

.body-membership .nav-links a[href="/user/logout.html"] img {
    position: relative;
    top: -2px;
}

#nav-subscription i.fa.fa-circle.f-s-5 {
    vertical-align: middle;
    color: #D1D1D1;
}

#nav-subscription {
    font-weight: 400;
    border-radius: 10px;
    padding: 16px 10px;
}

#nav-subscription-upgrade-pro {
    padding: 4px;
    padding-left: 16px;
    color: #044744;
    font-weight: 400;
    border-radius: 99px;
    border: 1px solid var(--Colour-Stroke-Transparent, rgba(71, 70, 66, 0.10));
    background: var(--colour-esxnew-yellow-50, #FEF6DA);
}

@media screen and (min-width: 768px) {
    .col-md-8 #nav-subscription-upgrade-pro {
        padding: 8px;
        padding-left: 24px;
    }
}

#nav-subscription-upgrade-pro .row {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

#nav-subscription-upgrade-pro .col-7 {
    padding-left: 0;
}

#nav-subscription-upgrade-pro .row > div {
    padding: 0;
    max-width: 100%;
    width: auto;
    flex: 0 1 auto;
}

#nav-subscription-upgrade-pro .row > div p {
    display: flex;
    align-items: center;
    gap: .3rem;
}

#nav-subscription-upgrade-pro svg {
    cursor: pointer;
    outline: 0 !important;
}

#nav-subscription-upgrade-pro .col-5 {
    padding-right: 0;
    text-align: right;
}

#nav-subscription-upgrade-pro a.btn {
    background-color: #FCD447 !important;
    border-color: #FCD447 !important;
    color: var(--Colour-Common-Primary, #2A2A27) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 20px;
    max-width: 100%;
    white-space: nowrap;
    padding: 12px 16px !important;
    box-shadow: none !important;
}

#nav-subscription .text-muted {
    color: var(--g-black) !important;
}

#nav-subscription.nav-subscription-large .text-success {
    color: var(--g-green) !important;
}

#nav-subscription.nav-subscription-large .text-warning {
    color: #E58257 !important;
}

#nav-subscription .subscription-img-icon {
    vertical-align: sub;
    margin-left: 3px;
}

/* #nav-subscription .row.mx-auto {
    margin-right: calc(var(--bs-gutter-x) * -.5) !important;
    margin-left: calc(var(--bs-gutter-x) * -.5) !important;
} */

#nav-subscription .row.mx-auto {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.card-inactive-alert .rounded-circle {
    width: 45px;
    height: 45px;
    padding: 12px !important;
}

.card-inactive-alert > div {
    gap: 10px !important;
    border-radius: 10px !important;
}

.card-inactive-alert.card-type-hold h6.fw-700 a {
    color: #E58257 !important;
}

.card-inactive-alert.card-type-inactiv h6.fw-700 a {
    color: #EC4837 !important;
}

.card-inactive-alert h6 {
    margin-bottom: 5px;
    line-height: 1.375;
}

#nav-subscription:not(.nav-subscription-large) .row.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

#nav-subscription:not(.nav-subscription-large) .row .col-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.ckbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 2px solid var(--g-purple-esx);
    background-color: transparent;
    border-radius: 24px;
    transition: .4s all;
}

.ckbox input:checked ~ .checkmark {
    background-color: var(--g-purple-esx);
}

.ckbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.ckbox input:checked ~ .checkmark:after {
    display: block;
}

.ckbox .checkmark:after {
    width: 10px;
    height: 8px;
    background-image: url(../img/ckbox-check.svg);
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}

.body-bonus .fb-button {
    background-color: #3C5A99 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 18px !important;
}

.body-bonus .fb-button .fb-div {
    border: 1px solid #fff;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    left: 5px;
}

.body-user .workout-bg {
    background-position: right bottom;
    background-size: auto 100% !important;
}

#invite-friends .share-buttons .btn {
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: .75em !important;
}

#invite-friends .share-buttons .fb-button {
    background-color: #3C5A99 !important;
    border-color: #3C5A99 !important;
}

#invite-friends .share-buttons .fb-button:hover {
    background-color: #4267B2 !important;
    border-color: #4267B2 !important;
}

#invite-friends h5 {
    font-size: 18px;
    line-height: 1.28;
}

#box-antrenamente .btn.bg-transparent:hover {
    border-color: var(--g-purple-esx) !important;
    color: var(--g-purple-esx);
}

.bg-white-section{
    background-color: #F7F7FB;
}

.youtube-play {
    background: #fff;
    width: 37px;
    height: 37px;
    margin: 0;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.youtube-play:after {
    content: '';
    background: url(/web/assets/img/play.svg) no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}

#copy-value + #copy {
    top: 8px !important;
    height: 48px !important;
    right: 8px;
}

#copy-value {
    border-color: #EAEBED;
    padding: 5px 30px;
    height: 64px;
}

.sweet-alert {
    padding: 15px;
    border-radius: 5px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.sweet-alert span {
    position: relative;
}

.sweet-alert-success {
    background-color: var(--g-green);
    color: #fff;
}

.sweet-alert-error {
    background-color: #dc3545;
    color: #fff;
}

.sweet-alert-success span:before {
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/web/assets/img/sweetalert-check.svg);
    vertical-align: middle;
}

.sweet-alert-error span:before {
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/web/assets/img/sweetalert-exclamation.svg);
    vertical-align: middle;
}

.sweet-alert .close {
    width: 12px;
    height: 12px;
    margin-left: auto;
    background-image: url(/web/assets/img/sweetalert-close.svg);
}

img[src="/web/assets/img/logo.svg"] {
    width: 100%;
    height: auto;
    max-width: 120px;
    margin: 0 auto;
}    

.body-incearca-gratis img[src="/web/assets/img/logo.svg"] {
    margin-left: 0;
}

img[src="/web/assets/img/logo-mobile.svg"] {
    width: 100%;
    max-width: 50px;
    height: auto;
}

#facemsafiebine .desktop-swiper img {
    /* height: 216px; */
    object-fit: contain;
}

#facemsafiebine .mobile-swiper img {
    height: 138px;
    object-fit: contain;
}

textarea.border-danger {
    animation: shake 0.2s ease-in-out 0s 2;
}

@keyframes shake {
    0% { margin-left: 0rem; }
    25% { margin-left: 0.5rem; }
    75% { margin-left: -0.5rem; }
    100% { margin-left: 0rem; }
}

.consistent-height .tab-content {
    display: flex;
}

.consistent-height .tab-content > .tab-pane {
    display: block;
    visibility: hidden;
    margin-right: -100%;
    width: 100%;
    }

.consistent-height .tab-content > .active {
    visibility: visible;
}

.sm-shadow {
    box-shadow: 0px 3px 6px #00000029;
}

#recenzii a img {
    box-shadow: 0 6px 12px #00000014;
    border-radius: 16px;
    border: 1px solid #E0E0E0;
}

.body-acasa #timer-container .timer {
    position: relative;
    top: 0;
    align-items: end !important;
    min-height: 120px;
}

.cst-timer {
    width: 100%;
    height: 80px;
    display: block;
    position: absolute;
    color: #2A2A27;
    max-width: 232px;
    margin-left: auto;
}
.cst-timer * {
    cursor: default;
}
.cst-timer h3 {
    width: 100%;
    font-size: 26px;
    letter-spacing: 4px;
    text-align: center;
}
.timer--clock {
    width: 100%;
    position: relative;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
}
.timer--clock .clock-display-grp {
    width: 100%;
    position: relative;
}
.timer--clock .clock-display-grp .number-grp {
    width: auto;
    display: block;
    height: 80px;
    float: left;
    overflow: hidden;
}
.timer--clock .clock-display-grp .number-grp .number-grp-wrp {
    width: 100%;
    position: relative;
}
.timer--clock .clock-display-grp .number-grp .number-grp-wrp .num {
    width: 100%;
    position: relative;
    height: 80px;
}
.timer--clock .clock-display-grp .number-grp .number-grp-wrp .num p {
    width: auto;
    display: table;
    font-size: 80px;
    line-height: 90px;
    font-weight: 800;
    margin-right: 3px;
}
.timer--clock .clock-separator {
    width: auto;
    float: left;
    display: block;
    height: 80px;
}
.timer--clock .clock-separator p {
    width: auto;
    display: table;
    font-size: 80px;
    line-height: 90px;
    font-weight: 800;
    margin-right: 3px;
}
.cst-timer h4 {
    width: 100%;
    font-size: 10px;
    letter-spacing: 6px;
    text-align: center;
    padding-top: 25px;
    float: left;
}

.body-press #header-visitor-start span {
    color: #212529;
    font-family: var(--Typography-Family);
    font-weight: 700;
}

.body-press #header-visitor-login span {
    color: #212529;
    font-weight: 700;
    font-size: 1rem;
    font-family: var(--Typography-Family);
}

.body-press #header-visitor-login a:hover span {
    color: var(--g-purple-esx);
}

.begin-select-city-selector .mobile-select input {
    padding: 2px;
}

.scroll-padding-mobile-select {
    box-shadow: 0 0 32px rgb(12 20 61 / 6%);
    border-radius: 20px;
    margin-top: 1px;
    opacity: 0;
    visibility: hidden;
    padding: 0 !important;
}

.scroll-padding-mobile-select.mobile-select-open {
    padding: 20px 15px 0px 15px !important;
    opacity: 1;
    visibility: visible;
}

.begin-select-city-selector .mobile-select input::placeholder {
    font-size: 16px;
    color: #7a858566;
}

.begin-select-city-selector .mobile-select.mobile-select-open .gap-2 {
    gap: 10px !important;
}

.begin-select-city-selector .mobile-select {
    margin-top: 0;
}

#form-incepe-gratis .color-657171,
#form-incepe-gratis .text-dark {
    color: #2A2A27 !important;
}

#form-incepe-gratis .btn-chko-vouch {
    color: #243434 !important;
    font-weight: 400 !important;
}

#subscription #subscription-benefits > div > p {
    color: #657171 !important;
}

.text-black {
    color: var(--g-black) !important;
}

.body-acasa #harta {
    overflow: hidden;
}

.fp-overflow::-webkit-scrollbar {
    width: 0px !important;
}

.fp-overflow::-webkit-scrollbar-thumb {
    display: none !important;
    width: 0px !important;
}

#triggerUploadBtn:hover, #triggerUploadBtn:focus {
    color:var(--g-green);
    border-color:var(--g-green) !important;
}

.custom-subscription-view {
    padding-top: 10px;
}

.custom-subscription-view > div {
    width: 100%;
    padding: 1rem;
    border-radius: 10px;
    background-color: #e8f5f4;
    border-color: #e8f5f4;
    color: var(--g-black);
    font-size: 16px;
    display: flex;
    gap: 10px;
    position: relative;
}

.custom-subscription-view > div > a {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    top: -10px;
    right: -10px;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
}

.custom-subscription-view > div > a > img {
    width: 10px;
    height: 10px;
}

.icon-sauna svg {
    overflow: visible;
}

/* .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label,
.body-incearca-gratis .form-floating > .form-control ~ label, .body-incearca-gratis .form-floating > .form-control:not(:placeholder-shown) ~ label {
    transform: scale(.80) translateY(-1rem) translateX(0) !important;
    padding: 1rem 0rem !important;
} */

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label {
    transform: scale(.80) translateY(-1rem) translateX(-0.1rem) !important;
    padding: 1rem 0rem !important;
}

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

.pt-abonamente h5 {
    border-bottom: 2px solid currentColor;
    display: inline-block;
    text-decoration: none;
}
.pt-abonamente h5 img {
    vertical-align: baseline;
    display: inline-block;
    margin-right: 5px;
}

.pt-abonamente [data-subscription] {
    cursor: pointer;
}

.body-pret-abonament .tooltip,
.body-sali-partenere .tooltip {
    z-index: 99999;
}

.body-pret-abonament .tooltip .close-popover,
.body-sali-partenere .tooltip .close-popover {
    z-index: 99999;
}

.body-pret-abonament #searchGymResults a,
.body-sali-partenere #searchGymResults a {
    padding-right: 20px;
}

.body-pret-abonament #searchGymResults a span,
.body-sali-partenere #searchGymResults a span {
    display: inline-block;
    margin-left: 5px;
    opacity: 0;
    transition: .1s all;
}

.body-pret-abonament #searchGymResults a:hover span,
.body-sali-partenere #searchGymResults a:hover span {
    opacity: 1;
}

.tooltip-pro .tooltip-inner {
    background-color: var(--g-green) !important;
}

.tooltip-pro.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--g-green) !important;
}

.tooltip-pro.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--g-green) !important;
}

.tooltip-standard .tooltip-inner {
    background-color: #eaebed !important;
    color: #2A2A27 !important;
}

.tooltip-standard.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #eaebed !important;
}

.tooltip-standard.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #eaebed !important;
}

.tooltip-inner .lock {
    width: 12px;
    vertical-align: inherit;
}

#saliPartenereModal .modal-header {
    padding: 2rem 1rem;   
}

#saliPartenereModal .modal-header > .d-flex {
    gap: 30px;
    align-items: center;
}

#checkbox-premium.checkbox-container input ~ .checkmark {
    border-color: #2A2A27;
}

#checkbox-premium.checkbox-container input:checked ~ .checkmark, 
#checkbox-year.checkbox-container input:checked ~ .checkmark {
    border-color: var(--g-black);
    background-color: var(--g-black);
}

.body-register .gym-counter.scale {
    font-size: 1.2rem;
}
.body-register .gym-counter {
    transition: all 0.2s;
    font-weight: 700;
}

.body-register .nav-link:hover {
    color: #5337AE !important;
}

.ab-extra-selections strong {
    color: #2A2A27;
}

.body-inregistrare .select2-results__option--highlighted.select2-results__option--selectable,
.body-inregistrare .select2-results__option--selected.select2-results__option--selectable {
    color: #5337AE !important;
}

#price-txt2 {
    line-height: 1.45;
}

.body-inregistrare .bg-primary:not(:disabled) {
    background-color: #FCD447 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #243434 !important;
}

#toate-abonamentele .ribbon-primary {
    display: none;
}

#toate-abonamentele .abonamente > div {
    position: relative;
}

.ribbon-secondary {
    position: absolute;
    left: 1rem;
    top: 0;
    width: calc(100% - 2rem);
    height: 100%;
    background: var(--g-purple-esx);
    z-index: -1;
    border-radius: 25px;
    text-align: left;
    border: 1px solid white;
}

.ribbon-secondary span {
    transform: rotate(-45deg);
    position: relative;
    display: inline-block;
    top: 8px;
    left: 8px;
    font-weight: 800;
    color: #FFF;
    font-size: 20px;
}

.ribbon-secondary + .pt-abonamente {
    border-top-left-radius: 125px;
    height: 100%;
}

.body-incearca-gratis.modal-open {
    height: 100vh;
    overflow-y: hidden;
}

.credit-card {
    max-width: 580px;
    padding: 40px 100px !important;
}

.credit-card .form-group.text-start {
    font-size: 12px;
    color: #2A2A27;
}

#hide-country {
    top: -135px;
}

.form-control:invalid:not(:placeholder-shown) {
    border-color: var(--g-green);
}

#form-login .form-control:invalid:not(:placeholder-shown) {
    border-color: #dc3545;
}

.form-control.invalid:invalid:not(:placeholder-shown) {
    border-color: #dc3545;
}

#form-contact .form-control:invalid:not(:placeholder-shown),
#form-companii-in-forma .form-control:invalid:not(:placeholder-shown),
#form-adauga-o-sala .form-control:invalid:not(:placeholder-shown) {
    border-color: #EC4837;
}

.form-control[type='email']:invalid:not(:placeholder-shown),
.form-control[type='password']:invalid:not(:placeholder-shown) {
    border-color: #dc3545;
}

.otpDiv .otp input::placeholder {
    color: #7C8585 !important;
    font-size: 16px;
}

.body-membership.modal-open {
    padding-right: 0px !important;
    overflow-y: hidden;
    /* height: 100vh; */
}

.tooltip-inner {
    background-color: black !important;
}

.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: black !important;
}

.tooltip.show {
    opacity: 1;
}

.tooltip .tooltip-inner {
    padding: 1rem 0.8rem !important;
    font-size: 1rem;
    border-radius: 0.5rem !important;
}

#timerWrapper h1 {
    min-height: 48px;
}

.begin-select-city-selector .selector-placeholder span {
    color: #6c757d !important;
}

.referral-reducere-aplicata i {
    font-size: 25px;
    color: #5337AE;
}

.referral-reducere-aplicata {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.ambassador-modal .swiper-slide img,
.ambassador-modal .swiper-slide iframe {
    height: calc(100vh - 90px);
}

.ambassador-modal .swiper-slide img {
    object-fit: cover;
    object-position: center;
}

.ambassador-modal .swiper-next,
.ambassador-modal .swiper-back {
    transform: translateY(-50%);
}

.ambassador-modal .swiper-close {
    z-index: 99;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    padding: 1rem;
}

.body-pret-abonament .muzica-pentru-sala {
    position: relative;
}

.body-pret-abonament .muzica-pentru-sala img {
    -webkit-filter: blur(4px) grayscale(100%) brightness(50%);
    -moz-filter: blur(4px) grayscale(100%) brightness(50%);
      -o-filter: blur(4px) grayscale(100%) brightness(50%);
     -ms-filter: blur(4px) grayscale(100%) brightness(50%);
         filter: blur(4px) grayscale(100%) brightness(50%); 
}

.body-pret-abonament .muzica-pentru-sala:before {
    content: 'În curând';
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 400;
}

#geolocationModal {
    background-color: transparent;
    position: absolute;
}

#geolocationModal .modal-content {
    border-radius: 1.25rem;
}

#geolocationModal .btn-close {
    position: absolute;
    right: -15px;
    padding: 6px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 15px;
    top: -15px;
    background-color: #fff;
    background-size: 10px;
    opacity: 1;
    cursor: pointer;
    z-index: 10;
}

#footer .footer-tab-columns > div > a {
    margin-top: 0 !important;
}
#footer .footer-tab-columns > div {
    display: flex;
    flex-direction: column;
}

body.body-contact a[href*="/contact.html"],
body.body-companii-in-forma a[href*="/companii-in-forma.html"],
body.body-ambasadori a[href*="/ambasadori.html"],
body.body-pret-abonament a[href*="/pret-abonament.html"],
body.body-ce-este a[href*="/ce-este.html"],
body.body-user a[href*="/user/antrenamente-fitness-acasa.html"],
body.body-ajutor-pentru-saraci a[href*="/user/ajutor-pentru-saraci.html"] {
    color: var(--g-purple-esx) !important;
}

.body-companii-in-forma .modal-dialog {
	max-width: 37.5rem;
}

.body-companii-in-forma .modal-dialog button[type="button"].btn-primary {
    width: 50%;
}

.body-companii-in-forma .btn-close {
    opacity: 1 !important;
}

#swipe-hint {
    padding-top: 30px;
    padding-bottom: 15px;
    position: relative;
    z-index: 9999;
    background-color: #fff;
}

#swipe-hint a {
    color: var(--g-green);
    font-weight: 900;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    text-align: center;
}

#swipe-hint .bounce {
    position: relative;
}

.bounce {
	-webkit-animation: bounce 1.5s infinite;
}
@-webkit-keyframes bounce {
	0% {
		bottom: 5px;
	}
	25%,
	75% {
		bottom: 15px;
	}
	50% {
		bottom: 20px;
	}
	100% {
		bottom: 0;
	}
}

.p-text-left {
    text-align: left;
}

.floatingCustomError {
    display: none;
    font-size: 14px;
    color: #EC4837 !important;
}

.body-incearca-gratis .floatingCustomError {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .body-incearca-gratis .header-guest .col-md-3 {
        padding: 0;
    }
}

.body-membership #form-profile .form-control:invalid {
    border-color: #dc3545;
}

.referral-text a {
    color: #FF7260;
}

.hai-sa-incepem-swiper-slide .form-control:invalid:not(:placeholder-shown) {
    border-color: #dc3545;
}

#nav-subscription #successMessage .alert.text-danger {
    margin-bottom: 0;
    padding: 0;
    margin-top: 15px;
}

.body-register .form-control:invalid:not(:placeholder-shown) {
    border-color: var(--g-orange) !important;
}

#form-finalizeaza-profilul .form-floating > span {
    transition: .4s all;
}

#form-finalizeaza-profilul input:placeholder-shown ~ span {
    opacity: .5;
}

.body-membership .edit-profile,
.body-membership .payment-method,
.body-membership .feedback,
.body-pachete-si-programe .pachete-programe-wrapper {
    max-width: 1500px !important;
    width: 100% !important;
}

#form-finalizeaza-profilul.check-submit-form input:invalid {
    border-color: #dc3545 !important;
}

#menuOpen2 {
    cursor: pointer;
}

#creste-notorietatea {
    white-space: nowrap;
}

.body-adauga-o-sala .inscriete-acum,
.body-ce-este .freeTry,
.body-ambasadori .btn-primary {
    font-weight: 700 !important;
}

.body-ambasadori h1 {
    font-weight: 800 !important;
}

.sali-partenere #defaultView .bg-light-green h5 {
    font-size: 18px;
}

.body-sali-partenere #iconsRow:not(.show-all-icons) div:nth-child(n + 5) {
    visibility: visible;
}

#allAvailableActivities h5 {
    user-select: none;
}

#allAvailableActivities h5:hover svg path {
    stroke: #5337AE;
}

.body-sali-partenere #header-visitor-login a:hover {
    background-color: #fff;
}

.otpDiv #error2 {
    text-align: center;
}

.esx-loading {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 50vh;
    background-color: #fff;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.esx-loading-icon {
    width: 50px;
    height: 50px;
    background: url(/web/assets/img/logo.svg) center no-repeat;
    background-size: contain;
    position: relative;
    top: 15px;
}

.esx-loading-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #232323;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: loadingrotate 1s linear infinite;
    margin-left: 0;
    position: absolute;
}

@keyframes loadingrotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.trial-bg-active {
    background-image: none;
    background-color: #FF8679;
}

.trial-bg-inactive {
    background-image: url('../img/home/7-day-trial-inactive-bg.png');
}

.trial-bg-inactive a.btn {
    background-color: white !important;
    color: black !important;
}

#trial > .container > .row {
    min-height: 67px;
}

#resetResendPassword a {
    color: var(--g-orange) !important;
}

.trial-bg-active .discount-bg {
    flex-wrap: wrap;
}

#activateNewSubscriptionNow .modal-content,
#paymentSubscriptionSucceded .modal-content,
#personalizeProfile .modal-content {
    border-radius: 10px;
}

#activateNewSubscriptionNow .checkmark,
#paymentSubscriptionSucceded .checkmark,
#personalizeProfile .checkmark {
    position: relative;
    top: 0;
    transform: none;
    left: 0;
    border-radius: 50%;
    width: 136px;
    height: 136px;
    border: 0;
    margin: 0 auto;
    margin-bottom: 30px;
}

#activateNewSubscriptionNow #modal-content-acces-pro-2 h3 {
    padding-top: 0;
    font-size: 24px;
    font-weight: 900;
    color: #2A2A27;
    max-width: 217px;
    margin-bottom: 20px;
    padding-top: 35px;
}

#activateNewSubscriptionNow #modal-content-acces-pro-2 .text-bold {
    color: #505D5D;
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 25px;
    line-height: 1.33;
}

.cst-hai {
    position: relative;
}

.cst-hai .hai-1 {
    width: calc(100% - 55px);
    margin-left: 55px;
    display: none;
}
.cst-hai .hai-2 {
    position: absolute;
    left: 0;
    display: none;
}

#activateSubscriptionLater2:hover {
    background-color: transparent;
    border: 1px solid var(--g-green) !important;
    color: var(--g-green);
}

#activateNewSubscriptionNow .acces-pro-box .checkmark,
#paymentSubscriptionSucceded .acces-pro-box .checkmark,
#personalizeProfile .acces-pro-box .checkmark {
    top: -100px;
    position: relative;
    margin-bottom: -70px;
}

#activateNewSubscriptionNow .acces-pro-box,
#paymentSubscriptionSucceded .acces-pro-box,
#personalizeProfile .acces-pro-box {
    background: #E8F5F4;
    margin-top: 90px;
    border-radius: 12px;
    padding: 16px;
}

#activateNewSubscriptionNow .acces-pro-badge,
#paymentSubscriptionSucceded .acces-pro-badge,
#personalizeProfile .acces-pro-badge {
    text-align: center;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #000;
}

#activateNewSubscriptionNow .modal-dialog,
#paymentSubscriptionSucceded .modal-dialog,
#personalizeProfile .modal-dialog {
    justify-content: center;
    transform: none;
}

#activateNewSubscriptionNow.fade.show,
#paymentSubscriptionSucceded.fade.show,
#personalizeProfile.fade.show {
    opacity: 1 !important;
}

#activateNewSubscriptionNow .inner-content,
#paymentSubscriptionSucceded .inner-content,
#personalizeProfile .inner-content {
    padding-top: 0;
}

#activateNewSubscriptionNow .modal-body,
#paymentSubscriptionSucceded .modal-body {
    padding: 16px;
}

#personalizeProfile .modal-body {
    padding: 24px;
}

#personalizeProfile .modal-close {
    margin-bottom: 16px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-left: auto;
    align-items: center;
}

#personalizeProfile .modal-close svg {
    width: 12px;
    height: 12px;
}

#personalizeProfile .progressbar {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}

#activateSubscriptionLater {
    float: right;
    cursor: pointer;
}

#activateNewSubscriptionNow h3,
#paymentSubscriptionSucceded h3 {
    font-size: 20px;
    font-weight: 900;
    color: var(--g-green);
    max-width: 210px;
    text-align: center;
    margin: 0 auto;
    line-height: 1.2;
    margin-bottom: 30px;
    padding-top: 30px;
}

#personalizeProfile h3 {
    color: #2A2A27;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 16px;
}

#personalizeProfile p {
    margin-bottom: 40px;
    font-weight: 400;
    text-align: center;
}

#personalizeProfile .link {
    text-align: center;
    color: var(--Colour-Content-Primary, #2A2A27);
    font-family: var(--Typography-Family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    display: block;
    padding: 12px 24px;
    margin-top: 12px;
}

#activateNewSubscriptionNow .modal-content,
#paymentSubscriptionSucceded .modal-content {
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='409' viewBox='0 0 335 409'%3E%3Cpath id='backgroundPopup' d='M11987,7948h-315a10.01,10.01,0,0,1-10-10V7549a10.012,10.012,0,0,1,10-10h117c0,.15,0,.313,0,.5a40.5,40.5,0,1,0,81,0c0-.167,0-.334,0-.5h117a10.012,10.012,0,0,1,10,10v389A10.01,10.01,0,0,1,11987,7948Z' transform='translate(-11662.001 -7538.999)' fill='%23fff'/%3E%3C/svg%3E%0A"); */
    background-color: #fff;
    width: 361px;
    background-repeat: no-repeat;
    background-position: center;
}

#personalizeProfile .modal-content {
    background-color: #fff;
    width: 480px;
    background-repeat: no-repeat;
    background-position: center;
}

#activateNewSubscriptionNow .text-bold,
#paymentSubscriptionSucceded .text-bold,
#personalizeProfile .text-bold {
    font-weight: 400;
    font-size: 16px;
    color: #505D5D;
}

#activateNewSubscriptionNow .text-bold span,
#paymentSubscriptionSucceded .text-bold span,
#personalizeProfile .text-bold span {
    font-weight: 700;
}

#activateNewSubscriptionNow .alert,
#paymentSubscriptionSucceded .alert,
#personalizeProfile .alert {
    font-size: 14px;
    text-align: center;
    padding: 11px;
}

#activateNewSubscriptionNow p,
#paymentSubscriptionSucceded p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}

#activateNewSubscriptionNow p.text-center,
#paymentSubscriptionSucceded p.text-center,
#personalizeProfile p.text-center {
    margin-top: 0;
    font-weight: 700;
    color: #505D5D;
}

#activateSubscriptionNow1,
#activateSubscriptionNow,
#activateSubscriptionLater2 {
    font-weight: 700 !important;
    font-size: 17px;
}

button.dismissPaymentSubscriptionSucceded,
button.dismissPaymentSubscriptionFailed,
button.dismissPersonalizeProfile {
    margin-top: 30px;
}

.dismissPaymentSubscriptionSucceded,
.dismissPaymentSubscriptionFailed,
.dismissPersonalizeProfile {
    cursor: pointer;
}

.modifica-abonamentul-button,
.modifica-abonamentul-button:hover,
.modifica-abonamentul-button:focus {
    background-color: #969E9E;
    color: #fff;
}

.modifica-abonamentul-in-pro-button,
.modifica-abonamentul-in-pro-button:hover,
.modifica-abonamentul-in-pro-button:focus {
    background-color: #FCD447 !important;
    border-color: #FCD447 !important;
    color: var(--Colour-Common-Primary, #2A2A27) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    max-width: 100%;
    white-space: nowrap;
    box-shadow: none !important;
}

#cancel1abonament .modal-content,
#refundabonament .modal-content {
    /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='409' viewBox='0 0 335 409'%3E%3Cpath id='backgroundPopup' d='M11987,7948h-315a10.01,10.01,0,0,1-10-10V7549a10.012,10.012,0,0,1,10-10h117c0,.15,0,.313,0,.5a40.5,40.5,0,1,0,81,0c0-.167,0-.334,0-.5h117a10.012,10.012,0,0,1,10,10v389A10.01,10.01,0,0,1,11987,7948Z' transform='translate(-11662.001 -7538.999)' fill='%23fff'/%3E%3C/svg%3E%0A"); */
    border: 0;
    background-size: cover;
    max-width: 327px;
    margin: 0 auto;
    border-radius: 15px;
}

#cancel1abonament .close,
#refundabonament .close {
    opacity: 1;
}

#refundabonament .close {
    right: 0;
}

#cancel1abonament .modal-header {
    padding: 24px;
    padding-bottom: 0;
}

#cancel1abonament .modal-header .modal-title,
#refundabonament .modal-header .modal-title {
    /* font-size: 24px;
    font-weight: 900;
    text-align: center; */
    font-size: 20px;
    font-weight: 900;
    color: var(--g-green);
    max-width: 210px;
    text-align: center;
    margin: 0 auto;
    line-height: 1.2;
    margin-bottom: 0;
    padding-top: 30px;
}

#cancel1abonament .modal-body {
    padding: 15px 20px;
}

#cancel1abonament #modal-content-hold-box3 {
    padding-top: 20px;
}

#cancel1abonament #modal-content-hold-box3 h2 {
    font-size: 18px;
    line-height: 1.38;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 15px;
}

#cancel1abonament .hold-text {
    color: #E58257;
    font-weight: 900;
}

#cancel1abonament .hold-price {
    font-size: 22px;
    font-weight: 900;
    display: block;
    line-height: 1.36;
    margin-top: 5px;
}

#cancel1abonament #modal-content-hold-box3 ul {
    padding-left: 0;
}

#cancel1abonament #modal-content-hold-box3 ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    text-align: left;
    font-size: 14px;
}

#cancel1abonament #modal-content-hold-box3 ul li p {
    margin-bottom: 0;
}

#cancel1abonament #modal-content-hold-box3 ul li:not(:last-child) {
    margin-bottom: 15px;
}

#cancel1abonament #modal-content-hold-box3 ul li:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_9668' data-name='Group 9668' transform='translate(13095 4001)'%3E%3Cpath id='Path' d='M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Z' transform='translate(-13095 -4001)' fill='%235337AE'/%3E%3Cpath id='Path-2' data-name='Path' d='M4.3,7.407,11.355.351a1.211,1.211,0,0,1,1.7,0,1.2,1.2,0,0,1,0,1.693L5.15,9.952a1.2,1.2,0,0,1-1.693,0L.351,6.843A1.2,1.2,0,1,1,2.043,5.15Z' transform='translate(-13089.699 -3993.804)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    flex: none;
}

.cancel2abonament {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 5px;
    display: block;
    color: #2A2A27 !important;
}

#cancel1abonament .btn-subbtn {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    display: block;
    color: #2A2A27 !important;
    border: 0;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
    outline: none;
    background: transparent !important;
}

.holdabonament2 {
    font-size: 17px !important;
    font-weight: 700 !important;
}

#cancel1abonament .modal-body .row #modal-content-hold-box2,
#cancel1abonament .modal-body .row #modal-content-hold-box4 {
    font-size: 14px;
    text-align: center;
    padding-top: 20px;
}

#cancel1abonament .modal-body .row #modal-content-hold-box4 {
    padding-top: 0;
    font-size: 16px;
}

#cancel1abonament .modal-body .row #modal-content-hold-box4 .duedate {
    color: #E58257;
}

.body-modify-your-subscription #modal-content-hold-box3 button.onhold,
.body-modify-your-subscription button.nu-anula {
    font-size: 17px;
    font-weight: 700 !important;
}

#cancel1abonament .modal-body .row #modal-content-hold-box4 h4 {
    font-size: 17px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#modal-content-cancel2 h1,
#refundabonament h1 {
    max-width: 100% !important;
    padding-top: 15px !important;
}

#modal-content-cancel2 .modal-header,
#refundabonament .modal-header {
    padding-top: 45px;
    margin: 0 auto;
}

#modal-content-cancel2 .modal-body {
    padding-top: 20px;
}

#refundabonament .modal-body {
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

#refundabonament .modal-body p {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.refund-help-link {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #2A2A27;
    align-items: center;
    text-decoration: none !important;
}

.refund-help-link:hover {
    color: #2A2A27;
}

.refund-help-link img {
    flex: none;
}

.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
    border-bottom-color: var(--g-green) !important;
}

.refund-help-links {
    display: flex;
    flex-direction: column;
    margin-top: 45px;
    margin-bottom: 40px;
    gap: 15px;
}

#nav-subscription.nav-subscription-type-guest {
    padding: 0;
    background: transparent !important;
}

#nav-subscription.nav-subscription-type-guest .col-md-12:first-child {
    background-color: #FFEDDD;
    padding: 15px 25px;
    border-radius: 10px;
    text-align: center;
}

#nav-subscription.nav-subscription-type-guest .btn {
    margin-top: 10px !important;
}

#nav-subscription.nav-subscription-type-guest .col-md-12:last-child {
    padding: 0;
}

#nav-subscription.nav-subscription-type-guest .row {
    margin: 0 !important;
}

#nav-subscription.nav-subscription-type-guest .text-muted {
    font-size: 15px;
    font-weight: 600;
    padding-top: 2px;
}

.color-g-green {
    color: var(--g-green) !important;
}

#nav-subscription .btn {
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 1.4;
}

.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}

.referral-reducere-aplicata {
    cursor: pointer;
}

.referral-reducere-aplicata.not-appl i:before {
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 2px solid;
    border-radius: 100%;
    line-height: 28px;
}

.reactiveazaAutohold {
    border: 0;
    background: transparent;
    color: #5337AE;
    font-size: 13px;
    margin-right: 2.25rem;
}

.input-group-voucher + .referral-reducere-aplicata.not-appl {
    margin-top: 30px;
}

.iti {
    width: 100%;
}

.sali-partenere #defaultView::-webkit-scrollbar-track {
    margin-top: 2rem;
    margin-bottom: 12rem;
}

.body-acasa .mobile-row-icons .rounded-pill {
    color: #2A2A27;
}

.box-discount {
    border-radius: 1rem !important;
}

#subscription .shadow-lg.rounded-all {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F5F9;
    overflow: hidden;
}

.body-ambasadori .ambassador-card img {
    width: 200px !important;
    height: 200px;
}

#triggerUploadBtn {
    color: #a9a9a9;
}

#triggerUploadBtn.file-uploaded {
    color: var(--g-black);
    border-color: var(--g-black) !important;
}

.ml-auto {
    margin-left: auto !important;
}

.ml-0 {
    margin-left: 0 !important;
}

#recaptcha-container,
.g-recaptcha {
    display: none;
}

#adaugaVoucherModal .text-bold {
    font-weight: 600;
    color: var(--g-black);
}

#adaugaVoucherModal button {
    font-weight: 700 !important;
}

#adaugaVoucherModal input {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid var(--g-orange) !important;
}

#adaugaVoucherModal .modal-close,
#resendCodeModal .modal-close {
    padding: 0 2rem;
    position: absolute;
    right: 0;
    top: 20px;
    float: right;
    text-align: right;
    cursor: pointer;
    z-index: 10;
}

#resendCodeModal h2 {
    font-weight: 700;
    font-size: 32px;
    color: #2A2A27;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

#resendCodeModal .modal-content {
    border-radius: 16px;
}

#resendCodeModal button {
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    width: 100%;
    text-align: left;
    padding: 22px 0px;
    border-bottom: 1px solid #D7D6D5;
    font-weight: 700;
    color: #2A2A27;
}

#resendCodeModal button:last-child {
    border-bottom: 0;
}

#resendCodeModal button svg {
    margin-left: 8px;
    margin-right: 12px;
}

#voucherWrapper .error-message {
    color: #dc3545;
    font-size: 15px;
    margin-top: 3px;
    margin-bottom: 0;
}

#voucherAplicat {
    margin-bottom: 10px;
    position: relative;
}

#voucherAplicat:after {
    content: '';
    position: absolute;
    right: 0;
    width: 7px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.065' height='14.13' viewBox='0 0 8.065 14.13'%3E%3Cpath id='Path' d='M0,0,5.651,5.651,0,11.3H0' transform='translate(1.414 1.414)' fill='none' stroke='%23657171' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
    top: 50%;
    transform: translateY(-50%);
}

#voucherSubmitMessage {
    font-size: 16px;
}

.voucher-area a {
    color: inherit !important;
}

#voucher-err div {
    margin-bottom: 0;
}

#voucher-err div p {
    margin-bottom: 0;
}

.pill-shape.fix_pill {
    white-space: nowrap;
    font-weight: 400;
    padding: 2px 7px;
    top: 24px;
}

.refund-img {
    max-width: 100%;
    margin-bottom: 10px;
    width: 150px;
    max-height: 140px;
    object-fit: contain;
}

#mobile-select-button p {
    color: #a9a9a9;
}

#mobile-select-button p {
    color: #a9a9a9;
    font-size: 15px;
    margin-left: -5px;
}

#form-finalizeaza-profilul-detalii #mobile-select-button p {
    margin-left: 0;
}

#form-finalizeaza-profilul-detalii #mobile-select-button svg {
    margin-right: 15px;
}

#mobile-select-button .text-completed {
    color: var(--g-black);
    margin-left: 0;
}

.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;
}

.body-register .otpDiv #error2 {
    background: transparent;
    border-color: transparent;
    margin-bottom: 0;
}

#voucher-cod {
    max-width: 160px;
    line-height: 1.7;
}

#voucher-cod::placeholder {
    color: #91908E;
}

.header-visitor .desktop-only .vertical-center,
.header-guest .desktop-only .vertical-center {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 24px;
    margin-left: 40px;
}

.header-guest .desktop-only .vertical-center {
    gap: 64px;
}

.header-guest .desktop-only .vertical-center.small-gap {
    gap: 24px;
}

.removeVoucher {
    cursor: pointer;
}

#topfem_more .mb-4,
#topfam_more .mb-4,
#topbar_more .mb-4 {
    margin-bottom: 0 !important;
}

#referralModal .modal-content {
    overflow: hidden;
}

#referralModal .modal-content > div {
    display: flex;
}

#referralModal .modal-header {
    position: absolute;
    right: 0;
    z-index: 10;
}

#referralModal .modal-header .btn-close {
    opacity: 1;
}

#referralModal .modal-body {
    padding-top: 80px;
}

#referralModal .modal-body h2 {
    margin-left: 30px;
    margin-right: 30px;
}

#referralModal .referral-features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 60px;
    margin-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
}

#referralModal .rf-mob {
    display: none;
}

#referralModal .referral-features .item {
    background-color: #E7F4F4;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
    text-align: left;
    padding: 16px 8px;
}

#referralModal .referral-features .item p {
    margin-bottom: 0;
    padding-right: 5px;
}

#faq .accordion-flush .accordion-item .accordion-button {
    font-size: 1.125rem;
    padding-left: 0;
}

#referralModal .referral-features .item img {
    width: 64px;
}

#nav-facebook img {
    border-radius: 10px;
}

.body-pret-abonament #subscription .subscription-card-content {
    border-radius: 0 !important;
}

#pachet h2 {
    margin-bottom: 3rem;
}

.header-visitor > div,
.header-guest > div {
    margin-left: 56px;
    margin-right: 56px;
}

.body-sali-partenere .menu {
    padding-right: 3px !important;
}

.semi-logo {
    display: none !important;
}

.w3-sidebar {
    display: none;
}

#menuBars, #menuClose {
    cursor: pointer;
}

html.overflow-hidden .header-guest, html.overflow-hidden .header-visitor {
    padding-right: 3px !important;
}

.banner-oferta-b2c {
    padding-left: 0;
    padding-right: 0;
}

.banner-oferta-b2c img {
    width: 100%;
    border-radius: 16px;
}

.banner-promo {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 768px) {
    .body-acasa .banner-promo {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.banner-promo img {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.banner-promo img.desktop-only {
    max-width: 100%;
    max-height: 156px;
    width: auto;
    display: block;
    margin: 0 auto;
}

#beneficii .banner-promo img {
    margin-bottom: 90px;
}

.banner-promo a {
    display: block;
}

.body-membership .banner-promo {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.membership-sidebar {
    position: relative;
}

#nav-subscription #successMessage {
    position: fixed;
    background-color: #052D2F;
    color: #fff;
    padding: 16px;
    transform: translate(-10px, 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    width: 440px;
    bottom: 100px;
    transition: .35s opacity, .35s visibility;
    z-index: 99999;
}

.close-notification {
    cursor: pointer;
}

#nav-subscription .successMessageContent img {
    margin-right: 5px;
}

.successMessageContent {
    display: flex;
}

.successMessageContent p {
    margin-bottom: 0;
}

.body-sali-partenere #activatedGym .alerta p {
    margin-bottom: 0;
}

#hide-phone {
    max-width: 1000px;
}

#existingAccountModal {
    color: #505D5D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#existingAccountModal .modal-header {
    padding-bottom: 0;
    margin-bottom: 70px;
}

#existingAccountModal .modal-body {
    padding-top: 0;
    padding: 2em;
}

#existingAccountModal .modal-body p {
    margin-bottom: 8px;
}

#existingAccountModal .modal-body div {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 43px;
}

#existingAccountModal .modal-body button {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    padding-bottom: 17px;
    padding-top: 17px;
    border-bottom: 1px solid #CBCBCB;
    font-weight: 700;
    background-image: url(/web/assets/img/register/swipe.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
    color: #505D5D;
}

#existingAccountModal .modal-title {
    color: #2A2A27;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

#existingAccountModal .modal-title span {
    color: #5337AE;
}

#switchAccount,
#switchAccountEfta {
    color: #5337AE;
    text-align: right;
    /* Link/Purple Medium */
    font-family: var(--Typography-Family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    text-decoration-line: underline;
    display: block;
    text-align: center; 
}

#switchAccount img,
#switchAccountEfta img {
    margin-left: 3px;
}

.body-reactivate-account {
	background-image: url('../img/home/bg-top-left.webp'),  url('../img/home/bg-top-right.svg'),  url('../img/home/bg-bottom-left.webp') !important;
	background-position: left top, right top, left bottom;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #F7F7FB;
    display: block;
}

.body-reactivate-account #wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.body-reactivate-account form {
    max-width: 500px;
    align-self: center;
    border-radius: 7px;
    padding: 40px;
    background-color: #fff;
    border-radius: 2.25rem;
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 15px;
    margin-right: 15px;
}

.body-reactivate-account h2 {
    color: #2A2A27;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 20px;
}

.body-reactivate-account p {
    color: #505D5D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
}

.body-reactivate-account form input {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    padding-bottom: 17px;
    padding-top: 17px;
    border-bottom: 1px solid #CBCBCB;
    font-weight: 700;
    background-image: url(/web/assets/img/register/swipe.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
    color: #505D5D;
    text-transform: capitalize;
}

.body-reactivate-account .my-account {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px;
}

.body-reactivate-account .my-account img {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 1px solid #D7D6D5;
    padding: 3px;
}

.body-reactivate-account .my-account p {
    color: #2A2A27;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.download-links.position-absolute.w-100 {
    bottom: 0;
}

#ptn {
    background-image: url(/web/assets/img/ptn.png);
    background-size: cover;
    background-position: center top;
    padding-top: 108px;
    padding-bottom: 108px;
}

#efta {
    padding-top: 45px;
    padding-bottom: 45px;
}

#efta img {
    max-width: 100%;
}

#ptn h2 {
    color: var(--Content-InversePrimary, #FFF);
    text-align: center;

    /* Display/Small */
    font-family: var(--Typography-Family);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px; /* 118.182% */
    margin-bottom: 16px;
}

#ptn h5 {
    color: var(--Content-InversePrimary, #FFF);
    text-align: center;
    /* Heading/X Small */
    font-family: var(--Typography-Family);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margin-bottom: 40px;
    font-family: var(--Typography-Family) !important;
}

#ptn a.btn {
    display: flex;
    width: 246px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 99px;
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08));
    background: var(--Brand-Primary, #FCD447);
    font-weight: 500 !important;

    /* butoane harta\ butoane filled */
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--Typography-Family) !important;
}

#ptn a.btn:hover {
    background: #ebbd26;
    border-color: #ebbd26;
}

.iti__country-list {
    max-height: 120px !important;
}

.iti-mobile .iti--container {
    top: 56px !important;
    bottom: 0px !important;
    left: 0 !important; 
}

.iti-mobile .iti--container .iti__country-list {
    max-height: 100% !important;
}

.selected-ab {
    color: #7C8585;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.body-register .selected-ab {
    display: none;
}

.ab-extra-selections {
    display: flex;
    flex-direction: column;
    gap: 5.76px;
}

.ab-extra-selections label {
    margin-bottom: 0;
    border-radius: 12px;
    border: 0.72px solid var(--Colour-Stroke-Transparent, rgba(71, 70, 66, 0.10));
    padding: 12px;
    max-width: 350px;
    padding-left: 45px;
    font-size: 14px;
    display: flex;
    gap: 3px;
    align-items: center;
    flex-wrap: wrap;
}

.ab-extra-selections label .checkmark {
    top: 12px;
    left: 12px;
    width: 20px;
    height: 20px;
}

.ab-extra-selections label input:checked ~ .checkmark {
    background-size: 10px;
}

.ab-extra-selections #checkbox-year {
    background: #fff;
}

.ab-extra-selections #checkbox-premium {
    background: var(--colour-esxnew-yellow-50, #FEF6DA);
    display: flex;
    justify-content: space-between;
}

.body-modify-your-subscription .banner-promo {
    margin-bottom: 30px;
}

.body-membership .banner-promo {
    margin-bottom: 20px;
}

.ptn-products p {
    color: #505D5D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.ptn-heading {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #5337AE;
    margin-bottom: 8px;
    text-align: center;
    position: relative;
}

.ptn-heading a {
    font-size: .875rem;
    margin-right: 1rem;
    position: absolute;
    left: 0;
}

.ptn-subheading {
    font-size: 16px;
    line-height: 24px;
    color: #505d5d;
    margin-bottom: 24px;
    text-align: center;
}

.ptn-products .nav-pills .nav-link {
    flex: 0 1 auto;
    border-radius: 0;
    border-bottom: 0;
    padding: 16px 24px;
    position: relative;
    color: #505D5D !important;
    transition: .25s all;
}

.ptn-products .nav-pills .nav-link.active,
.ptn-products .nav-pills .nav-link:hover {
    color: #5337AE !important;
}

.ptn-products .nav-pills .nav-link:after {
    content: '';
    display: block;
    width: calc(100% - 16px);
    height: 2px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: -1px;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 8px 8px 0px 0px;
    transition: .25s all;
}

.ptn-products .nav {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 40px !important;
}

.ptn-products .nav-pills .nav-link.active:after,
.ptn-products .nav-pills .nav-link:hover:after {
    background-color: #5337AE;
}

.ptn-products .ptn-order-date {
    color: #2A2A27;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 16px;
}

.ptn-products .ptn-product:not(:last-child) {
    margin-bottom: 32px;
}

.ptn-products .card {
    border-radius: 12px;
    border: 1px solid var(--Stroke-Opaque, #E0E0E0);
    background: var(--Background-Primary, #FFF);
    /* border: 0;
    background-color: #f8f8f8; */
    overflow: hidden;
}

.ptn-products .card .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.client-info {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    padding: 16px;
}

.order-ptn-modal .client-info .client-avatar img {
    border-radius: 50%;
}

.client-info .redirect-to-expert {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.ptn-products .client-info .client-name h6 {
    color: #2A2A27;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}

.order-ptn-modal .order-location .order-location-box img {
    border-radius: 12px;
    object-fit: cover;
}

#activatedGym .premium-lock {
    padding: 0 !important;
    height: 30px !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esx-watermark {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 99;
    left: 24px;
    bottom: 24px;
}

.premium-lock + .esx-watermark {
    bottom: 54px;
}

.ptn-products .client-info .client-name p {
    color: #505D5D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.ptn-products .info-icons {
    margin-left: auto;
    display: flex;
    gap: 8px;
}

.ptn-products .client-info .client-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.order-description span.toggle-button {
    cursor: pointer;
    color: var(--Brand-Secondary, #5337AE);
    text-decoration: underline;
    margin-left: 5px;
}

.ptn-products .ptn-order-info {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: #E7F4F4;
    margin-left: 16px;
    margin-right: 16px;
    cursor: pointer;
}

.ptn-order-contact-expert {
    background: var(--Extension-Yellow-100, #FEF6D7);
    display: flex;
    padding: 9px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    cursor: pointer;
}

.ptn-order-contact-expert p {
    color: var(--Content-Secondary, #505D5D);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.ptn-order-contact-expert .btn-validate {
    display: flex;
    padding: 8px 21px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-spacii-8, 8px);
    border-radius: var(--Radius-radii-button, 999px);
    border: 1px solid var(--Colour-Stroke-Transparent, rgba(71, 70, 66, 0.10));
    background: var(--Colour-Extension-Background-BrandPrimary, #FCD447);
    line-height: 1;
    font-weight: 700;
    color: #2A2A27;
    font-size: 14px;
    margin-left: auto;
}

.ptn-order-info.inactive {
    filter: grayscale(1);
    opacity: .6;
    background: #e4e4e4;
}

.ptn-products .ptn-order-info .ptn-order-label {
    color: #505D5D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px;
}

.ptn-products .ptn-order-info .ptn-order-end-date {
    color: #5337AE;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.ptn-products .ptn-order-info .ptn-order-valability {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 99px;
    border: 1px solid #5337AE;
    color: #5337AE;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.ptn-products .ptn-order-more-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
    padding: 16px;
}

.ptn-products .ptn-order-more-info .ptn-order-more-info-link {
    color: #2A2A27;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.ptn-products .ptn-order-more-info .ptn-order-price {
    color: #2A2A27;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.ptn-products .ptn-order-details .ptn-program-info {
    color: #2A2A27;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    gap: 12px;
}

.ptn-products .nav-products {
    display: none;
    flex-direction: column;
    gap: 16px;;
}

.ptn-products .nav-products.active {
    display: flex;
}

.ptn-tooltip-container {
    display: inline-block;
    cursor: pointer;
}

.ptn-tooltip {
    position: absolute;
    bottom: calc(100% + 7px);
    left: 50%;
    transform: translateX(-50%);
    background: black;
    color: var(--Content-InversePrimary, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    left: calc(100% + 10px);
    line-height: 24px;
    padding: 10px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: .25s;
}

.ptn-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 20px);
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.ptn-tooltip-container:hover .ptn-tooltip {
    opacity: 1;
    visibility: visible;
}

.order-ptn-modal .modal-content {
    border-radius: 16px;
    background: #FFF;
    overflow-y: scroll;
    overflow-x: hidden;
}

.order-ptn-modal .note-container button,
#order-ptn-report .note-container button {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 99px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border: 1px solid var(--Stroke-Opaque, #E0E0E0);
    background: var(--Background-Primary, #FFF);
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.06);
    color: #2A2A27;
    margin-left: auto;
    transition: .25s all;
}

#order-ptn-report .note-container button {
    margin-top: auto;
    margin-left: 0;
    padding: 12px 16px;

    border-radius: 99px;
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08));
    background: var(--Brand-Primary, #FCD447);

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.order-ptn-modal .note-container button:disabled,
#order-ptn-report .note-container button:disabled {
    background: var(--Background-Tertiary, #EEE);
    box-shadow: none !important;
    border: 1px solid transparent;
    color: #CACACA;
}

.order-ptn-modal .note-container textarea,
#order-ptn-report .note-container textarea {
    width: 100%;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.5;
    padding: 8px;
    resize: none;
    overflow: hidden;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #E0E0E0;
    outline: 0 !important;
}

.order-ptn-modal .note-container p,
#order-ptn-report .note-container p {
    color: var(--Content-Tertiary, #969E9E);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
}

.order-ptn-modal .modal-wrapper {
    height: 680px;
    max-height: calc(100vh - 5rem);
}

#order-ptn-report form {
    height: calc(680px - 153px);
    max-height: 40vh;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.order-ptn-modal .alert {
    border-radius: 12px;
    border: 0;
    display: flex;
    padding: 16px;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    align-self: stretch;
    margin-bottom: 0;
}

.order-ptn-modal .alert .alert-content {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.order-ptn-modal .alert .alert-content a {
    color: #505D5D;
    font-weight: 700;
    text-decoration: underline;
}

.order-ptn-modal .alert .alert-actions {
    width: 100%;
}

.order-ptn-modal .alert .alert-actions a {
    width: 100%;
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08));
    background: var(--Brand-Primary, #FCD447);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    padding: 12px 16px;
    color: #2A2A27;
}

.order-ptn-modal .alert p {
    margin-bottom: 0;
    color: #505D5D;
}

.order-ptn-modal .alert p .pin {
    font-weight: 700;
}

.order-ptn-modal h4 {
    color: var(--Content-Primary, #2A2A27);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.order-ptn-modal .alert.alert-warning {
    background: var(--Extension-Yellow-100, #FEF6D7);
}

.order-ptn-modal .alert.alert-success {
    background: #DAEFE5;
    color: #505D5D;
}

.order-ptn-modal .modal-header .btn-close {
    border-radius: 99px;
    border: 1px solid var(--Stroke-Opaque, #E0E0E0);
    background-color: var(--Background-Primary, #FFF);
    background-size: 12px;
    opacity: .75;
    position: relative;
    margin: 0;
    padding: 8px;
    margin-left: auto;
}

.order-ptn-modal .modal-header {
    display: flex;
    padding: 16px 24px 24px 24px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: #E7F4F4;
}

.order-ptn-modal .modal-header .modal-title {
    color: var(--Content-Primary, #2A2A27);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.order-ptn-modal hr {
    width: 100%;
    color: #CBCBCB;
    margin: 0;
}

.order-price-and-valability {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.order-price-and-valability p {
    margin-bottom: 0;
}

.order-ptn-modal .order-heading {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.order-ptn-modal .order-types {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.order-ptn-modal .order-types .order-location {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #fff;
    border: 1px solid #5337AE;
    padding: 6px 12px 6px 8px;
    border-radius: 99px;
}

.order-ptn-modal .order-types .order-status {
    display: flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #CACACA;
    padding: 6px 12px 6px 8px;
    border-radius: 99px;
}

.order-ptn-modal .order-types .order-status.active {
    border: 1px solid #5337AE;
}

.order-ptn-modal .order-types p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

.order-ptn-modal .call-to-actions {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
}

.order-ptn-modal .call-to-actions a {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 99px;
    border: 1px solid var(--Stroke-Opaque, #CBCBCB);
    background: var(--Background-Primary, #FFF);
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.06);
    color: var(--Content-Primary, #2A2A27);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.order-ptn-modal .order-types .order-location p {
    color: var(--Brand-Secondary, #5337AE);
}

.order-ptn-modal .order-types .order-status p {
    color: #CACACA;
}

.order-ptn-modal .order-types .order-status.active p {
    color: var(--Brand-Tertiary, #5337AE);
}

.order-ptn-modal .client-info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.order-ptn-modal .client-name h6 {
    margin-bottom: 0;
    color: var(--Content-Secondary, #505D5D);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.order-ptn-modal .client-avatar img {
    width: 32px;
    height: 32px;
}

.order-ptn-modal .modal-body {
    padding: 40px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex-shrink: 0;
    align-self: stretch;
}

.order-ptn-modal .order-steps {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.order-ptn-modal .order-steps h4 {
    margin-bottom: 4px;
}

.order-ptn-modal .order-step {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 13px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Stroke-Opaque, #E0E0E0);
    background: var(--Background-Primary, #FFF);
}

.order-ptn-modal .order-step h6 {
    color: var(--Content-Primary, #2A2A27);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}

.order-ptn-modal .order-step p {
    color: var(--Content-Secondary, #505D5D);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.order-ptn-modal .order-step-icon {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: var(--Background-Secondary, #F2F2F2);
}

.order-ptn-modal .order-step-icon img {
    width: 20px;
    height: 20px;
}

.order-ptn-modal .order-notes-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
}

.order-ptn-modal .order-notes-list .order-note:first-child {
    margin-top: 35px;
}

.order-ptn-modal .order-note {
    display: flex;
    padding: 16px 12px;
    gap: 8px;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Stroke-Opaque, #E0E0E0);
    background: var(--Background-Secondary, #F2F2F2);
}

.order-ptn-modal .order-note p {
    color: var(--Content-Primary, #2A2A27);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.order-ptn-modal .order-note p.order-note-date {
    color: var(--Content-Secondary, #505D5D);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
}

.order-ptn-modal .order-note p {
    margin-bottom: 0;
}

.order-ptn-modal .order-message-box {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Stroke-Opaque, #E0E0E0);
    background: var(--Background-Primary, #FFF);
}

.order-ptn-modal .order-message-box p {
    margin-bottom: 0;
}

.order-ptn-modal .order-message-box .order-link-box {
    padding: 12px;
    overflow: hidden;
    color: var(--Brand-Secondary, #5337AE);
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    flex-direction: row;
    border-radius: 8px;
}

.order-ptn-modal .order-message-box .order-link-box a {
    color: var(--Brand-Secondary, #5337AE) !important;
}

.order-ptn-modal .order-message-box .order-link-box .clipboard {
    margin-left: auto;
    cursor: pointer;
}

.order-ptn-modal .order-location .order-location-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
    position: relative;
}

.order-ptn-modal .order-location .order-location-box > a {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.order-ptn-modal .order-location .order-location-box > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.order-ptn-modal .order-location .order-location-box .order-location-type {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.order-ptn-modal .order-location .order-location-box > img {
    width: 68px;
    height: 68px;
}

.order-ptn-modal .order-location .order-location-box h6 {
    color: var(--Content-Primary, #2A2A27);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}

.order-ptn-modal .order-location .order-location-address {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
}

.order-ptn-modal .order-location .order-location-box p {
    overflow: hidden;
    color: var(--Content-Secondary, #505D5D);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 1px;
}

.order-ptn-modal .order-location .order-location-box .order-location-type .order-location-type-details {
    display: flex;
    align-items: center;
    gap: 4px;
}

.order-ptn-modal .order-location .order-location-box p {
    margin-bottom: 0;
}

.order-ptn-modal .order-report {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    cursor: pointer;
}

.order-ptn-modal .order-report p {
    color: var(--Brand-Secondary, #5337AE);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 0;
}

#order-ptn-report .modal-content {
    border-radius: 16px;
}

#order-ptn-report .modal-header .btn-close {
    border-radius: 99px;
    border: 1px solid var(--Stroke-Opaque, #E0E0E0);
    background-color: var(--Background-Primary, #FFF);
    background-size: 12px;
    opacity: .75;
    position: relative;
    margin: 0;
    padding: 8px;
    margin-left: auto;
    right: -24px;
}

#order-ptn-report .modal-header {
    display: flex;
    padding: 16px 40px 16px 40px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

#order-ptn-report .modal-body {
    padding: 0 40px 24px 40px;
}

#order-ptn-report .modal-body p {
    margin-bottom: 40px;
}

#order-ptn-report .modal-header .modal-title {
    color: var(--Content-Primary, #2A2A27);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

html.modal-open {
    overflow: hidden;
}

.footer-download-links {
    /* gap: 20px; */
    display: flex;
}

#footer .footer-tab-columns > div > .footer-download-links > a{
    margin-top: 0 !important;
}

#confirmationModal .modal-wrapper,
#unvalidatedPackagesModal .modal-wrapper {
    height: auto;
}

#confirmationModal .modal-header,
#unvalidatedPackagesModal .modal-header {
    background: transparent;
}

#unvalidatedPackagesModal .modal-header {
    gap: 0;
}

#unvalidatedPackagesModal .modal-header .btn-close {
    border: 0;
}

#confirmationModal .modal-body a.btn,
#unvalidatedPackagesModal .modal-body a.btn {
    width: 100%;
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08));
    background: var(--Brand-Primary, #FCD447);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    padding: 12px 16px;
    color: #2A2A27;
}

#confirmationModal .modal-body,
#unvalidatedPackagesModal .modal-body {
    padding: 32px;
    padding-top: 0;
    text-align: center;
}

#confirmationModal .modal-body p,
#unvalidatedPackagesModal .modal-body p {
    margin-bottom: 0;
}

#confirmationModal .modal-body p a,
#unvalidatedPackagesModal .modal-body p a {
    color: #505D5D;
    font-weight: 700;
    text-decoration: underline;
}

#map-carousel {
    position: relative;
    height: 156px;
    display: flex;
    justify-content: center;
}

#map-carousel .banner-sidemap {
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

#map-carousel .banner-sidemap.active {
    visibility: visible;
    opacity: 1;
}

.body-acasa #map-carousel {
    height: auto;
}

.body-acasa #map-carousel .banner-sidemap {
    position: relative;
}

.gym-list .banner-sidemap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    border-radius: 16px;
    padding: 0 !important;
}

.gym-list .banner-sidemap.banner-guest {
    background-image: url(/web/assets/img/map/banner-guest-bg.png);
}

.gym-list .banner-sidemap.banner-inactive {
    background-image: url(/web/assets/img/map/banner-inactive-bg-small.png);
}

.gym-list .banner-sidemap.banner-active {
    background-image: url(/web/assets/img/map/banner-active-bg-small.png);
}

.gym-list .banner-sidemap a {
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    gap: 32px;
    align-items: center;
    height: 100%;
}

.banner-sidemap img {
    max-height: 80px;
}

.body-acasa .banner-promo img.desktop-only {
    max-height: inherit;
}

.gym-list .banner-sidemap h2 {
    font-size: 18px;
    font-weight: 700 !important;
    margin: 0;
    color: #fff;
    line-height: 24px;
}

.gym-list .banner-sidemap p {
    font-size: 14px;
    font-weight: 600 !important;
    margin: 0;
    color: #fff;
}

.gym-list .banner-sidemap.banner-inactive h2 {
    color: #2A2A27;
}

.gym-list .banner-sidemap.banner-active h2,
.gym-list .banner-sidemap.banner-active p {
    color: #2A2A27;
}

.trial-template.container {
    /* max-width: 100%; */
    /* padding: 0; */
}

.body-acasa .trial-template.container {
    margin-top: 40px;
}

.trial-template.container #map-banner .banner-sidemap {
    max-width: 100%;
    /* border-radius: 0; */
}

.trial-template.container #map-carousel .banner-sidemap a {
    height: 100%;
}

.trial-template.container #map-banner {
    padding: 0 !important;
}

#map-banner .banner-sidemap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 156px;
    border-radius: 16px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    max-width: 1188px;
}

#map-banner .banner-sidemap.banner-guest {
    background-image: url(/web/assets/img/map/banner-guest-bg.png);
}

#map-banner .banner-sidemap.banner-inactive {
    background-image: url(/web/assets/img/map/banner-inactive-bg.png);
}

#map-banner .banner-sidemap.banner-active {
    background-image: url(/web/assets/img/banner-30ron.png);
    align-items: inherit;
}

.trial-template.container #map-banner .banner-sidemap.banner-active {
    /* display: none; */
}

#map-banner .banner-sidemap h2 {
    font-size: 32px;
    font-weight: 700 !important;
    margin: 0;
    color: #fff;
    line-height: 40px;
}

#map-banner .banner-sidemap.banner-inactive h2 {
    color: #2A2A27;
}

#map-banner .banner-sidemap.banner-active h2,
#map-banner .banner-sidemap.banner-active p {
    color: #2A2A27;
}

#map-banner .banner-sidemap.banner-active p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.body-acasa #map-banner .banner-sidemap a {
    padding-left: 0;
    padding-right: 0;
}

#map-banner .banner-sidemap a {
    width: 100%;
    padding: 24px;
    display: flex;
    gap: 32px;
    align-items: center;
}

#map-banner .banner-sidemap.banner-promo a {
    padding: 0;
}

#map-banner .banner-sidemap button {
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08)) !important;
    background: var(--Brand-Primary, #FCD447) !important;
    color: #2A2A27 !important;
    margin-left: auto;
    box-shadow: none !important;
    white-space: nowrap;
}

#map-banner .banner-sidemap.banner-inactive button {
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08)) !important;
    background: var(--Brand-Secondary, #5337AE) !important;
    color: #fff !important;
}

#map-banner .banner-sidemap.banner-active button {
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08)) !important;
    background: var(--Brand-Secondary, #5337AE) !important;
    color: #fff !important;
}

.m-16{
    margin: 16px !important;
}

.banner-recomanda-30ron {
    padding: 0 24px;
}

.banner-recomanda-30ron a {
    display: block;
    overflow: hidden;
}

.banner-recomanda-30ron img {
    max-width: 100% !important;
    max-height: 120px !important;
    display: block;
    margin: 0 auto;
    border-radius: 16px;
}

.banner-sidemap.banner-active.active a {
    display: block;
}

#form-inregistrare {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 124px;
    padding-bottom: 90px;
}

#form-inregistrare > .container {
    max-width: 420px;
}

#form-inregistrare .container {
    padding-left: 0;
    padding-right: 0;
}

#form-inregistrare .container > .row > div {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

#form-inregistrare .form-control {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: transparent;
}

#form-inregistrare p small {
    font-size: 12px;
}

.body-reset .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.body-reset .container-fluid > .container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.body-reset .container-fluid > .container > .row > div {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

.body-reset .container-fluid.pt-100 {
    padding-top: 24px;
}

.address-autocomplete-wrapper .dropdown-item {
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 10px;
}

.address-autocomplete-wrapper .dropdown-item svg {
    width: 20px;
    height: 20px;
}

.address-autocomplete-wrapper .icon-dropdown {
    padding: 10px;
    line-height: 1;
    background: #f6f6f6;
    border-radius: 100%;
}

.login-swiper {
    max-width: 420px;
    margin: 0 auto;
}

.login-swiper .btn {
    font-weight: 700 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.login-swiper h1 {
    color: #2A2A27;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 16px;
    font-weight: 900;
}

.login-swiper h5 {
    color: #2A2A27;
    font-size: 16px;
    line-height: 24px;
}

.login-swiper .phone-number-container {
    margin-top: 75px;
}

.login-swiper .form-group {
    margin-top: 32px;
}

.login-swiper .contact-us {
    margin-top: 32px;
}

.login-swiper .contact-us a,
#form-inregistrare .contact-us a {
    text-decoration: underline;
    font-weight: 700;
    color: #5337AE !important;
}

#form-inregistrare .secondary-color {
    color: #5337AE !important;
}

#form-inregistrare a {
    color: #5337AE !important;
}

#phone {
    font-size: 24px !important;
    font-weight: 400;
    padding-top: 7px;
}

#corporate-code p {
    margin-top: 24px;
    margin-bottom: 0;
}

#phone::placeholder {
    color: #BDBCBB !important;
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    font-size: 24px;
    margin-left: 10px !important;
    order: 3;
}

.iti__arrow {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M0.75 0.75L6.75 6.75L12.75 0.75" stroke="%23656460" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 14px !important;
    height: 8px !important;
    border: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px !important;
}

.iti__selected-flag {
    padding: 0 !important;
}

#introdu-codul .back-button {
    width: 10px;
}

#introdu-codul .back-button i {
    font-size: 16px;
}

.body-reset .secondary-color {
    color: #5337AE !important;
}

.body-reset .bg-primary:not(:disabled) {
    background-color: #FCD447 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #243434 !important;
}

.body-reset .login-swiper .otp > input:focus {
    border-color: #5337AE !important;
}

.form-floating>label {
    border: 0;
}

.relative {
    position: relative !important;
}

#modal-content-cancel3{
    max-width: unset !important;
    width: 375px;
    padding: 16px;
}

.modal-header-hold{
    display: flex;
    padding: 24px 0;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}

.modal-header-hold h3{
    color: var(--Colour-Content-Primary, #2A2A27);
    text-align: center;
    font-family: 'Avenir', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px; 
}

.modal-header-hold button{
   align-self: flex-start;
}

.options-stop-renewal div input{
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 99px;
    border: 1px solid var(--Colour-Stroke-Opaque, #D7D6D5);
    background: var(--Colour-Background-Primary, #FFF);
    flex-shrink: 0;
    padding: 4px;
    position: relative;
}

.options-stop-renewal input[type="radio"]:checked::after {
    content: "";
    width: 14px;
    height: 14px;
    background: #5337AE;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.options-stop-renewal input[type="radio"]:checked {
    border: 2px solid #5337AE;
}

.btn-new-stop-renewal{
    display: flex !important;
    padding: var(--Padding-paddi-12, 12px) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: var(--Spacing-spacii-8, 8px) !important;
    border-radius: 99px !important;
    background: var(--colour-esxnew-yellow-500, #FCD447) !important;
    margin:24px;
    color: var(--Colour-Content-Primary, #2A2A27) !important;
    font-family: 'Avenir', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px; 
}

.options-stop-renewal{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.options-stop-renewal div{
    display: flex;
    align-items: center;
    gap: 8px;
}

.options-stop-renewal div label{
    color: #243434;
    font-family: 'Avenir', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    padding: 0 !important;
    margin: 0 !important;
}

.options-stop-renewal div label p{
     padding: 0 !important;
    margin: 0 !important;
}

#other-reason{
    color: var(--Functional-Inactive, #243434);
    border: 2px solid #CBCBCB;
    outline: none;
}

#other-reason::placeholder {
    color: var(--Functional-Inactive, #CACACA);
    font-family: 'Avenir', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.btn-new-stop-renewal:disabled {
    background: #c2c2c2 !important;
    color: #fff !important;
    border: 1px solid var(--Stroke-Transparent, rgba(0, 0, 0, 0.08)) !important;
    cursor: not-allowed !important;
}

.max-caractere-motiv{
    font-size: 12px;
}

.adyen-checkout-form-instruction,
.adyen-checkout-contextual-text,
.adyen-checkout__card__brands {
    display: none !important;
}

@media screen and (max-width: 1200px) {
    #creste-notorietatea {
        white-space: normal;
    }
}

@media only screen and (min-width: 992px) {
    #cum-functioneaza {
        padding-top: 150px !important;
    }

    #cum-functioneaza .col-md-6 h4 {
        font-size: 20px !important;
    }

    #cum-functioneaza h2 {
        font-size: 46px !important;
    }

    #top .features {
        margin-top: 35px !important;
    }

    #acasa-map .content {
        margin-bottom: 35px;
    }

    #acasa-map .content h4 {
        font-size: 20px;
        margin-bottom: 30px !important;
    }

    #acasa-map .desktop-only .icons .rounded-pill p {
        font-size: 18px !important
    }

    #acasa-map .desktop-only .icons .rounded-pill {
        padding: 7px 13px !important;
    }

    #acasa-map .desktop-only .icons .rounded-pill img {
        max-width: 30px;
        height: auto;
        max-height: 27px;
    }

    #acasa-map .icons + div {
        margin-top: 65px;
    }

    .home-map-view-filter {
        opacity: 60%;
    }

    #garantie p {
        font-size: 18px !important;
    }

    .body-acasa .fs-desktop-60 {
        font-size: 46px !important;
    }

    #member-count h2 {
        font-size: 46px !important;
    }

    .home-map-view-filter ~ img {
        display: block;
    }

    .home-map-view-filter ~ svg {
        position: relative;
    }

    .iconLoop:hover {
        filter: none;
    }

    .home-map-view-filter:hover ~ svg circle,
    .home-map-view-filter ~ svg:hover circle {
        fill: var(--g-purple-esx);
    }

    .home-map-view-filter:hover ~ svg path,
    .home-map-view-filter ~ svg:hover path {
        fill: #fff;
        stroke: #fff;
    }

    #top .sm-shadow {
        box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 15%) !important;
    }

    #timer-container h3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: 10px !important;
    }

    #timer-container h1 {
        font-size: 48px !important;
        margin-bottom: 0 !important;
    }    

    #timer-container .btn-incepe-gratis {
        display: flex;
        justify-content: end;
    }

    #timer-container .btn-incepe-gratis a {
        max-width: 265px;
        max-height: 64px;
        padding: 22px !important;
        font-size: 18px;
        font-weight: 700 !important;
        line-height: 1;
    }

    #acasa-map .desktop-only .icons {
        gap: 18px;
        max-width: 650px;
    }

    #acasa-map h2 {
        font-size: 46px !important;
    }

    #nu-am-timp h4 {
        font-size: 20px;
        font-weight: 700;
    }

    #testimoniale h4 {
        font-size: 20px;
    }

    #faq h4 {
        font-size: 20px;
    }

    .option-plan-center-list .gnt-txt img {
        margin-right: 10px;
    }

    .element-continue-city-selector {
        margin-top: 0;
        margin-bottom: 40px !important;
        padding: 0 !important;
    }
    
    .tooltip .close-popover {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .trial-bg-active .discount-bg .flex-grow-1 {
        display: none;
    }

    .trial-bg-active .discount-bg {
        justify-content: center !important;
        gap: 15px !important;
    }

    .trial-bg-inactive .container-bg-inactive {
        justify-content: center !important;
        gap: 0 !important;
        flex-wrap: wrap;
    }

    .home-map-view {
        background-image: url('../img/home/map-new-purple-1.svg') !important;
        min-height: 400px;
    }
}

@media only screen and (max-width: 768px) {
    #form-inregistrare {
        padding-top: 90px;
    }

    #price-zero {
        font-size: 3rem !important;
    }

    #map-banner .banner-sidemap.banner-active {
        background: transparent !important;
    }

    .trial-template.container #map-carousel .banner-sidemap a {
        min-height: 156px;
    }

    .trial-template.container {
        padding-left: 24px;
        padding-right: 24px;
    }

    #top + .banner-promo {
        padding-top: 0;
        padding-bottom: 20px;
    }
    
    .banner-promo {
        padding-top: 50px;
        background-color: #fff;
    }

    .banner-sidemap img {
        max-height: 60px;
        max-width: 60px;
    }

    #beneficii .banner-promo {
        padding-top: 0;
    }

    #recenzii .bg-grey {
        background: transparent !important;
    }

    #map-banner .banner-sidemap h2 {
        font-size: 18px;
        font-weight: 700 !important;
        margin: 0;
        color: #fff;
        line-height: 24px;
    }

    #map-banner .banner-sidemap p {
        font-size: 14px;
        font-weight: 600 !important;
        margin: 0;
        color: #fff;
    }

    #map-banner .banner-sidemap button {
        display: none !important;
    }

    .container #map-banner {
        padding-left: 10px;
        padding-right: 10px;
    }

    #map-banner .banner-sidemap {
        min-height: auto;
    }

    #top .banner-promo {
        padding-top: 0;
        margin-top: -35px;
        margin-bottom: 20px;
        position: fixed;
        max-width: 400px;
        left: 0;
        right: 0;
    }

    #top .banner-promo img {
        max-height: 100px;
    }

    .body-membership .banner-promo {
        /* padding-left: 15px !important; */
        /* padding-right: 15px !important; */
    }

    .bg-mobile {
        background-image: url(../img/home/phone-730.webp);
        background-size: auto 70%;
        background-position: center;
    }

    .home-map-view-filter {
        opacity: 40%;
    }

    .w-auto-mobile {
        width: auto !important;
    }

    .body-incearca-gratis .menu .my-4,
    .body-register .menu .my-4 {
        margin-top: 1.15rem!important;
        margin-bottom: 1.15rem!important;
    }

    .benefits-root {
        font-size: 10px !important;
    }

    .body-benefits a>.subs {
        width: 95vw;
    }

    .body-benefits .g_logo>a>img {
        width: 150px;
        margin-bottom: 30px;
    }

    .body-benefits .l_header {
        padding-top: 80px !important;
    }

    .body-benefits .l_header h1 {
        margin-top: 0;
        margin-bottom: 60px;
    }

    .body-benefits .home-map-view {
        height: 450px !important;
    }

    .body-benefits .home-map-view p {
        color: var(--g-black) !important;
    }

    .body-benefits .l_header h1 {
        font-size: 3rem;
    }

    #ptn {
        background-image: url(/web/assets/img/ptn-mobile.png);
        padding-top: 55px;
        padding-bottom: 55px;
    }

    #ptn h2 {
        font-size: 28px;
        line-height: 36px; /* 128.571% */
    }

    #ptn h5 {
        font-size: 16px;
        line-height: 24px; /* 150% */
    }
}

.body-bonus .fs-mobile-24{
    font-size: 46px !important;
}

.body-bonus .text-2A2A27{
    font-size: 18px;
}

.body-bonus .nav-link{
    font-size: 18px !important;
}

@media only screen and (min-width: 768px) {
    .body-bonus .tab-content {
        margin-bottom: 200px;
        max-height: 322px;
    }

    #steps-back {
        transition: .4s opacity;
    }

    #steps-back:disabled {
        opacity: 0;
        visibility: hidden;
    }

    #trial a.btn {
        font-size: 18px !important;
        font-weight: 700 !important;
    }
}

@media only screen and (max-width: 767px) {
    .footer-mobile.mobile-only .accordion{
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .trial-bg-active h3,
    .trial-bg-inactive h3 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.4;
        margin-bottom: 0 !important;
    }

    .sali-partenere .map-info-col {
        height: 70vh;
        position: absolute !important;
        transform: translateY(0) !important;
        top: calc(100% - 210px);
        transition: .4s all;
    }

    .sali-partenere .map-info-col:not(.mobile-disable-y-scrolling) {
        transform: translateY(calc(-100% + 210px)) !important;
    }

    .body-register .register-component > .container {
        background-color: transparent !important;
    }

    #form-incepe-gratis .options-plan-center {
        order: 0;
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    #form-incepe-gratis .options-plan {
        order: 1;
        padding-left: 0;
        padding-right: 0;
    }

    #form-incepe-gratis > .row {
        padding: 0 !important;
    }

    #form-incepe-gratis .option-plan-center-list {
        width: 90%;
        margin: 0 auto !important;
    }

    #form-incepe-gratis .option-plan-center-list .gnt-txt img {
        margin-right: 0;
    }

    .register-swiper {
        padding: 0;
    }

    .register-component #form-incepe-gratis .nav-pills .active-link{
        border-width: 2px !important;
    }

    #form-incepe-gratis hr {
        background-color: #707070;
        opacity: .10;
    }

    .register-swiper #accordionFlushExample > .accordion-item > .accordion-header {
        font-weight: 600 !important;
    }

    #form-incepe-gratis + #accordionFlushExample {
        margin-bottom: 0 !important;
    }

    #form-incepe-gratis + #accordionFlushExample .h-30 {
        display: none;
    }

    .begin-select-city > div {
        line-height: 1.25;
        padding: 1rem 0.75rem;
    }
/*
    .begin-select-city p {
        color: #7C8585;
        opacity: .8;
    } */

    .begin-select-city svg:hover path {
        fill: var(--g-green);
        opacity: .6;
    }

    .begin-select-city-selector #continue-city-selector,
    .begin-select-city-selector #continue-button {
        margin-top: 1.5rem!important;
    }

    .body-ajutor-pentru-saraci .simple-bg {
        background-image: inherit !important;
        overflow: hidden;
    }

    .sim-inbox-message {
        left: -15px;
        position: relative;
        width: calc(100% + 30px) !important;
        max-width: inherit;
    }

    .sim-inbox-message > div {
        margin-top: 0 !important;
        box-shadow: 0 22px 55px rgb(0 0 0 / 16%) !important;
        border-radius: 38px !important;
    }

    #timerWrapper,
    #secondTimeWrapper {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        background-color: #F7F7FB !important;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .px-mobile-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .body-ajutor-pentru-saraci .bg-white-gradiant {
        background: inherit;
        margin-top: -100px;
        padding-top: 60px;
        background-color: #fff;
        position: relative;
        overflow: hidden;
        z-index: 30;
    }

    .body-ajutor-pentru-saraci .bg-white-gradiant .nav {
        margin-left: -12%;
        margin-right: -17%;
    }

    #timerWrapper .col-1, #secondTimeWrapper .col-1 {
        padding: 0;
        width: auto;
    }

    #timerWrapper .col-2, #secondTimeWrapper .col-2 {
        width: auto;
    }

    #timerWrapper h1, #secondTimeWrapper h1 {
        font-size: 36px;
    }

    .body-ajutor-pentru-saraci .bg-white-gradiant h1 br {
        display: none;
    }

    .box-discount > h4 > span:nth-child(2) {
        float: none!important;
        display: block;
        margin-top: 20px;
    }

    .body-adauga-o-sala .contact-us > div {
        padding-top: 1rem !important;
    }

    .body-adauga-o-sala .form-floating > input.form-control ~ label {
        padding: 1.75rem 0rem;
    }

    #form-adauga-o-sala {
        display: flex;
        flex-direction: column;
    }

    #form-adauga-o-sala .form-group-message {
        order: 7;
    }
    #form-adauga-o-sala .form-group-submit {
        order: 6;
    }
    #form-adauga-o-sala .form-group-detalii {
        order: 5;
    }
    #form-adauga-o-sala .form-group-telefon {
        order: 4;
    }
    #form-adauga-o-sala .form-group-email {
        order: 3;
    }
    #form-adauga-o-sala .form-group-nume-sala {
        order: 2;
    }
    #form-adauga-o-sala .form-group-nume {
        order: 0;
    }
    #form-adauga-o-sala .form-group-oras {
        order: 1;
    }

    .bonus-hero {
        text-align: center;
    }

    .bonus-hero h1 {
        color: var(--g-green);
    }

    .body-bonus .illustration-pic img {
        /* margin-bottom: 20px; */
    }

    .body-bonus .fs-mobile-24 {
        font-size: 24px !important;
    }

    .body-bonus .text-2A2A27 {
        color: #2A2A27 !important;
        font-size: 14px;
    }

    .body-bonus .nav-pills {
        font-size: 18px !important;
        font-weight: 400;
    }

    .body-bonus #btn-send-recomanda {
        width: 100% !important;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    #form-recomanda .border-light-grey {
        border: 1px solid #EAEBED;
        border-radius: 28px !important;
    }

    .body-bonus .earn-rons-bg {
        background-image: inherit;
    }

    .body-bonus .illustration-pic {
        /* background-image: url(../img/earn-rons/bg-transparent.svg); */
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .body-bonus .share-wrapper {
        padding: 0 25px;
    }

    .corporate-bg > .container h1 {
        margin-bottom: 24px !important;
        letter-spacing: -0.1px;
        font-weight: 900 !important;
        line-height: 32px;
    }

    .corporate-bg {
        background-position: top 100px left 75%;
    }

    .body-companii-in-forma .bg-white-gradiant {
        background: transparent;
    }

    .body-companii-in-forma .benefits h2 > i {
        font-size: 25px;
        margin-right: 7px;
    }

    .corporate-bg {
        background-image: none;
    }

    .body-companii-in-forma .mentine-in-forma > .vertical-center > div:last-child {
        width: calc(100% - 3rem) !important;
    }

    .body-companii-in-forma .corporate-bg {
        /* min-height: inherit !important;
        height: auto !important; */
    }

    .body-companii-in-forma .mentine-in-forma {
        padding-bottom: 48px;
    }

    #form-incepe-gratis .btn-chko-vouch + a {
        position: relative;
    }

    #form-incepe-gratis .input-group-voucher {
        height: auto;
    }

    #form-incepe-gratis + .accordion .accordion-body, #form-incepe-gratis + .accordion .accordion-button {
        padding: 15px;
    }

    .popover.recurrent-subscription {
        max-width: 250px !important;
    }

    .bg-mobile {
        height: 100%;
        position: fixed;
        width: 540px;
        top: 0;
        left: 0;
        transform: translate3d(0,0,0) !important;
        z-index: -1;
    }
    
    #top .home-bg h1 {
        position: fixed;
        margin-right: 15px;
        font-size: 28px;
        letter-spacing: -0.01em;
        line-height: 1.28;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
        z-index: -1;
        max-width: 540px;
    }

    #top.hide-fixed .home-bg h1 {
        visibility: hidden;
    }

    #top.hide-fixed .bg-mobile {
        visibility: hidden;
    }

    #top.hide-fixed .home-bg .banner-promo {
        visibility: hidden;
    }

    #cum-functioneaza {
        margin-top: -1px;
        z-index: 10;
        position: relative;
        background-color: #fff;
    }
        
    .header-visitor .row {
        justify-content: space-between;
    }

    .header-visitor .text-left,
    .header-visitor .text-right {
        width: auto;
    }

    #header-visitor-start a.btn {
        margin-left: 0;
    }

    .banner-content-mobile .banner-features {
        margin-bottom: 32px;
    }

    .banner-content-mobile .banner-link-apps {
        display: flex;
        margin-top: 25px;
        gap: 8px;
        justify-content: center;
    }

    #home-about h4 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
        font-weight: 400 !important;
    }

    #home-about h4.about-title {
        font-weight: 700 !important;
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }

    #home-about h2 {
        line-height: 1.28;
    }

    #home-about p,
    #nu-am-timp p {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1.33;
    }

    #home-about p:last-child,
    #nu-am-timp p:last-child {
        margin-bottom: 0;
    }

    #home-about h4.about-title,
    #nu-am-timp h5 {
        margin-top: 24px !important;
        margin-bottom: 12px !important;
        line-height: 1.33;
        font-size: 24px !important;
    }

    #home-about img {
        margin: 0 !important;
    }

    #faq{
        padding-top: 42px !important;
        padding-bottom: 42px !important;
        margin: 0 !important;
    }

    #blog{
        padding-top: 42px;
        padding-bottom: 42px;
    }

    #home-about > .row {
        gap: 42px;
    }

    #cum-functioneaza {
        padding-bottom: 0 !important;
        padding-top: 42px !important;
    }

    #acasa-map .fs-4 {
        font-size: 18px !important;
        line-height: 1.33;
        margin-bottom: 12px;
        font-weight: 400 !important;
    }

    #acasa-map .fs-1 {
        font-size: 26px !important;
        line-height: 1.28;
        margin-bottom: 0;
    }

    #acasa-map .map-row > div:first-child {
        padding-top: 38px !important;
        padding-bottom: 28px !important;
    }

    #nu-am-timp img {
        width: 80px !important;
        height: 80px !important;
    }

    #nu-am-timp .col-md-2 {
        text-align: center;
    }

    .body-acasa .map-row .home-map-view {
        height: 424px !important;
    }

    #mapRow .ms-4 {
        margin-left: 24px !important;
    }

    #nu-am-timp h2{
        line-height: 1.33;
        margin-bottom: 12px;
    }

    #nu-am-timp h4 {
        line-height: 1.33;
        margin-bottom: 12px !important;
        font-weight: 400 !important;
        font-size: 18px;
    }

    #nu-am-timp .col-md-6 {
        margin: 0 !important;
    }

    #nu-am-timp .nu-am-timp-items {
        gap: 42px;
    }

    #beneficii {
        padding-bottom: 10px !important;
        padding-top: 42px !important;
    }

    /* #nu-am-timp .nu-am-timp-items .col-md-2 {
        width: auto;
    }

    #nu-am-timp .nu-am-timp-items .col-md-2 img {
        width: 70px !important;
        height: 70px
    } */
    
    .body-acasa #subscription > .container {
        padding: 0 !important;
    }

    .body-acasa #subscription > .container > .row {
        padding: 0 !important;
        --bs-gutter-x: 0 !important;
    }

    .body-acasa #subscription #subscription-header h2 {
        font-size: 24px !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    .body-acasa #subscription .col-md-5 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .body-acasa #subscription .col-md-6 {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .body-acasa #subscription .subscription-card-content {
        padding:24px !important;
        padding-top: 48px !important;
    }

    #subscription .subscription-card-content .btn {
        font-size: 16px !important;
        /* font-weight: 500 !important; */
    }

    #subscription #subscription-benefits > p {
        font-size: 16px !important;
        font-weight: 400;
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }

    #subscription .shadow-lg.rounded-all {
        border-radius: 20px !important;
    }

    #subscription #subscription-benefits > div > * {
        font-size: 16px;
        font-weight: 400;
        color: #657171 !important;
    }

    #toate-abonamentele > div{
        padding: 42px 0;
    }

    .fs-mobile-24{
        font-size: 24px !important;
    }

    .pb-24{
        padding-bottom: 24px !important;
    }

    .text-center-mobile{
        text-align: center;
    }

    .fs-mobile-18{
        font-size: 18px !important;
    }

    .fs-mobile-16{
        font-size: 16px !important;
    }

    .img-mobile{
        max-height: 100px;
        height: 100% !important;
    }

    .abonamente{
        gap: 24px;
    }

    #subscription-advantage > div{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #subscription-advantage > div > .row.pb-5{
        padding-bottom: 24px !important;
    }

    #subscription-advantage .row.pb-5 + .pb-5{
        padding-bottom: 42px !important;
    }

    #subscription-advantage .pb-5 ~ .pb-3 {
        padding-bottom: 24px !important;

    }

    #subscription-advantage {
        padding-bottom: 42px !important;
    }

    .mobile-break{
        display: block;
     }

    h4.my-3.fw-700.fs-4{
        font-size: 24px !important;
        margin: 24px 0 24px 0 !important;
    }

    #bonus-section{
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    
    #bonus-section > div > .pt-5{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #different-esx > div > .pb-5{
        padding-bottom: 24px !important;
    }

    .differences{
        padding-bottom: 42px !important;
    }

    .body-pret-abonament #facemsafiebine h4{
        font-size: 18px !important;
    }

    .body-pret-abonament .blog .box-layout h2{
        margin: 42px 0 24px 0 !important;
    }

    .body-pret-abonament .blog{
        margin-bottom: 0 !important;
    }

    .body-pret-abonament #training-pic{
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .body-pret-abonament .mobile-font{
        font-size: 16px !important;
    }

    .body-pret-abonament .helper-div{
        justify-content: normal !important;
    }

    .body-pret-abonament .helper-div .btn-vezi-sali{
        width: 100%;
    }

    #subscription #subscription-benefits > div {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #subscription #subscription-benefits > p > span {
        font-size: 16px;
    }

    .body-acasa #subscription #subscription-benefits img {
        margin-left: 0 !important;
    }

    .body-acasa #subscription #subscription-benefits + div {
        padding: 0;
        margin-bottom: 0 !important;
    }

    .body-acasa #subscription .subscription-card-content .fs-4 {
        font-size: 20px !important;
        margin-bottom: 40px !important;
    }

    #subscription .subscription-card-content h1 {
        font-size: 48px !important;
        line-height: 1.17;
        margin-bottom: 5px !important;
    }

    #subscription .subscription-card-content h5 {
        font-size: 16px !important;
    }

    .body-acasa #subscription .subscription-card-header span {
        font-size: 20px !important;
        font-weight: 400 !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    #garantie h2 {
        margin-bottom: 0;
    }

    #garantie .bg-white {
        border-radius: 20px !important;
        padding: 32px 0 !important
    }
     
    #garantie .bg-white p {
        margin-top: 24px !important;
        font-size: 18px !important;
        line-height: 1.33; 
        margin-left: 17px !important;
        margin-right: 17px !important;
        margin-bottom: 0 !important;
    }

    #garantie .bg-white .col-md-8.mx-auto {
        padding: 0 !important;
    }

    #garantie .guarantee-benefit.mb-mobile-4 {
        margin-bottom: 24px !important;
    }

    #garantie .guarantee-benefit {
        padding: 0 !important;
    }

    #garantie .bg-white .mt-4,
    #garantie .bg-white .mb-4 {
        margin: 0 !important;
    }

    #garantie .guarantee-disclaimer {
        margin-bottom: 0 !important;
    }

    #garantie .col-md-8.mt-5 {
        margin-top: 24px !important;
        margin-bottom: 42px !important;
    }

    #garantie .py-100 {
        padding-bottom: 0 !important;
        padding-top: 42px;
        padding-left: 24px;
        padding-right: 24px;
    }

    #trial a.btn {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1;
        margin-top: 17px !important;
        width: auto !important;
        margin-left: auto;
        margin-right: auto;
        display: table !important;
    }

    #trial h1 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.4;
        margin-bottom: 0 !important;
    }

    #facemsafiebine h4 {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

    #facemsafiebine h2 {
        margin-bottom: 0;
        font-size: 24px;
    }

    #facemsafiebine .mobile-swiper {
        margin-top: 24px !important;
    }

    #facemsafiebine .mobile-navigation > div {
        gap: 28px;
        justify-content: space-between;
        margin: 0 !important;
    }

    #facemsafiebine .mobile-swiper ~ hr {
        margin-bottom: 24px !important;
    }

    #recenzii .row {
        gap: 24px;
        padding: 0 24px;
    }

    .mobile-navigation {
        padding: 0 24px;
    }

    #member-count h1 {
        line-height: 1.28;
        margin-bottom: 13px;
    }

    #faq h4 {
        font-weight: 400 !important;
        margin-bottom: 12px !important;
        font-size: 18px;
    }

    #faq h2 {
        line-height: 1.28;
        margin-bottom: 0;
        margin: 0 auto;
    }

    #faq .accordion-body,
    .faqs-page .accordion-body {
        font-size: 14px !important;
    }

    #faq .accordion-body p {
        font-size: 14px !important;
    }

    #faq .accordion-header > .accordion-button,
    .faqs-page .accordion-header > .accordion-button {
        font-size: 14px !important;
    }

    #faq .accordion-body{
        font-size: 12px !important;
    }

    #timer-container h1.secondary-color {
        margin-bottom: 20px;
    }

    #footer .col-md-5 a img:last-child {
        width: 100% !important;
    }

    #footer .col-md-5 a {
        font-weight: 400;
        line-height: 1.25;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    #footer .col-md-5 h5 {
        margin-bottom: 25px !important;
        font-size: 14px !important;
    }

    #footer h5 {
        margin-top: 42px !important;
        margin-bottom: 24px !important;
        font-size: 16px !important;
    }

    #footer .app-esx-title {
        font-weight: 400 !important;
        margin-bottom: 15px !important;
    }

    #footer .footer-download-links {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    #footer .footer-download-links > div {
        padding: 0 !important;
    }

    .tel-form input {
        height: 48px;
    }

    .tel-form input::placeholder {
        font-size: 16px;
        font-weight: 400;
    }

    #footer .social-icons {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    
    #footer .footer {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    #footer .footer > .pt-4 {
        padding-top: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }

    .footer-details p, .footer-details a, .footer-details span {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 1.33;
    }

    .footer-details > .my-4 {
        margin: 0 !important;
    }

    .footer-details .row.mb-5 {
        margin: 0 !important;
    }

    .footer-details {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    #ce-este-about h1 {
        margin-bottom: 0 !important;
        line-height: 1.28;
    }

    #ce-este-about .row + .row {
        margin-top: 60px !important;
    }

    #ce-este-about .ce-este-items p {
        margin-bottom: 0;
    }

    #ce-este-about .ce-este-items p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
    }

    #ce-este-about .ce-este-items h4 {
        font-size: 20px;
        line-height: 1.4;
        margin-top: 30px !important;
        margin-bottom: 15px !important;
    }
    
    .body-ce-este .training-pic {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .gyms-sections h1 {
        font-weight: 800 !important;
    }

    .gyms-sections > .row {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .gyms-sections p {
        font-size: 16px !important;
        padding: 0 15px !important;
        line-height: 1.33;
        margin-bottom: 5px !important;
        font-weight: 400 !important;
    }

    .body-ce-este .training-pic-2 {
        padding-top: 50px !important;
        padding-bottom: 80px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .body-ce-este .training-pic-2 h1 {
        font-size: 24px;
        margin-bottom: 0;
        line-height: 1.33;
    }

    .body-ce-este .training-pic-2 p {
        font-size: 14px !important;
        margin-top: 17px !important;
        margin-bottom: 25px;
        line-height: 1.14 !important;
    }

    #ce-este-mobile-bg p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.33;
    }

    #ce-este-mobile-bg > h1 {
        font-weight: 800 !important;
        font-size: 28px;
        line-height: 1.28;
        margin-bottom: 48px !important;
        margin-top: 24px;
    }

    .bg-ambassador {
        padding-left: 0;
        padding-right: 0;
    }

    .bg-ambassador .col-6 {
        width: 100%;
    }

    .body-ambasadori .ambassador-card img {
        max-width: 200px;
        max-height: 200px;
        height: 100px;
        width: 100px !important;
    }

    .body-ambasadori .bg-ambassador > .pb-100 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .body-ambasadori .bg-ambassador > div.trial {
        padding-left: 25px;
        padding-right: 25px;
    }

    .body-ambasadori .bg-ambassador a.btn {
        margin-bottom: 80px !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .body-ambasadori .bg-ambassador > div.app-reviews {
        padding-top: 60px !important;
    }

    #form-contact {
        margin-top: 30px;
    }

    #btn-send-contact {
        margin-top: 44px !important;
    }
    
    .contact-us > div {
        padding-top: 106px !important;
        padding-bottom: 30px !important;
    }
    
    .body-companii-in-forma .mentine-in-forma > .helper {
        display: none;
    }

    .body-companii-in-forma .bg-white-gradiant p {
        font-weight: 400 !important;
        font-size: 18px;
        line-height: 1.3;
        margin-top: 17px;
    }

    .body-companii-in-forma .bg-white-gradiant h1 {
        font-weight: 800 !important;
        font-size: 28px;
        margin-bottom: 25px;
    }

    .body-companii-in-forma .bg-white-gradiant .mb-mobile-4 {
        margin-bottom: 32px !important;
    }

    .body-companii-in-forma > .benefits + div h4 {
        font-size: 18px !important;
        font-weight: 400 !important;
        margin-bottom: 18px !important;
    }

    .body-companii-in-forma > .benefits + div h1 {
        font-weight: 800 !important;
        font-size: 28px;
        line-height: 1.28;
        margin-bottom: 25px;
    }

    .body-companii-in-forma #form-companii-in-forma {
        margin-bottom: 120px;
    }

    .benefits .col-10 h2 {
        margin-left: calc(calc(var(--bs-gutter-x) * -1) - 32px);
        font-size: 28px;
        text-align: center;
        font-weight: 800 !important;
        margin-bottom: 25px;
    }

    .body-companii-in-forma > .benefits .col-md-1 i {
        margin: 0;
    }
    .body-companii-in-forma > .benefits .col-md-1 {
        width: auto;
        padding-right: 0;
    }

    .body-companii-in-forma > .benefits p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.33;
    }

    .body-companii-in-forma > .benefits .row.my-4 .col-10 {
        flex-grow: 1;
        margin-left: 10px;
    }
    .body-companii-in-forma > .benefits .row.my-4 {
        --bs-gutter-x: 0;
    }

    .mentine-in-forma {
        position: relative;
        overflow: hidden;
    }

    .corporate-bg.top-vh-js {
        min-height: inherit !important;
    }

    .body-termeni-si-conditii .wrap-content p {
        font-weight: 400;
        line-height: 1.33;
        font-size: 18px;
    }

    .body-termeni-si-conditii h1 {
        font-weight: 800 !important;
        font-size: 28px;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .body-politica-de-confidentialitate .wrap-content {
        font-weight: 400;
        line-height: 1.33;
        font-size: 18px;
    }

    .body-politica-de-confidentialitate h1 {
        font-weight: 800 !important;
        font-size: 28px;
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .body-politica-de-confidentialitate h3 {
        margin-bottom: 25px;
    }

    .body-reset h1 {
        font-size: 28px !important;
        margin-bottom: 10px;
    }

    .body-reset h5 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .body-reset .contact-us > .container {
        padding-left: 0;
        padding-right: 0;
    }

    .body-reset #successMessage + .form-group {
        margin-top: 50px !important;
    }

    .body-reset #successMessage + .form-group p {
        margin-bottom: 20px !important;
    }

    .body-reset form button.login {
        margin-top: 10px !important;
        font-weight: 700 !important;
    }

    .body-reset #form-login-phone + .form-group {
        margin-top: 50px !important;
    }

    .body-reset #form-login-phone + .form-group p {
        margin-bottom: 20px !important;
    }

    #showEmailLogin {
        font-size: 1rem;
    }

    .body-reset .contact-us {
        padding-left: 5px;
        padding-right: 5px;
    }

    .body-membership #form-profile > .col-10 {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .body-modify-your-subscription .mobile-scroll {
        padding-left: 10px;
        padding-right: 10px;
    }

    .body-modify-your-subscription .w-250-mobile {
        width: 350% !important;
    }

    .body-modify-your-subscription #entry30 > .col-3 > .card,
    .body-modify-your-subscription #entry8 > .col-3 > .card {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .body-modify-your-subscription #box-choose-ab {
        margin-top: 60px !important;
        padding: 0;
    }

    .body-modify-your-subscription #box-choose-ab .grow-2 {
        padding: 0;
    }

    .body-modify-your-subscription #invite-friends {
        padding: 30px !important;
    }

    .body-modify-your-subscription #invite-friends h5 {
        font-size: 1rem;
    }

    #copy-value + #copy {
        height: 38px !important;
    }

    #copy-value {
        height: 54px;
        padding: 5px 20px;
    }

    .body-modify-your-subscription .profile {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .body-incearca-gratis #steps-progress > div {
        height: 2px;
    }

    .body-incearca-gratis .steps-options * {
        font-size: 14px;
    }

    #form-incearca-gratis .vertical-center.mt-4 {
        margin-top: 30px !important;
    }

    #form-incearca-gratis #go-title + .row p,
    #form-incearca-gratis h1 + .row p {
        font-weight: 400;
        margin-bottom: 0;
    }

    #form-incearca-gratis h1 + .row {
        margin-bottom: 30px !important;
        margin-top: 15px !important;
    }

    .incearca-gratis .skill-card {
        border-color: #DEDEDE;
        border-radius: 10px;
    }

    .incearca-gratis .skill-card p {
        font-weight: 400;
    }

    .incearca-gratis .g-options .nav-pills {
        margin-bottom: 25px;
    }

    .incearca-gratis .input-span {
        right: 0;
        font-weight: 400 !important;
    }

    #form-incearca-gratis .form-floating > .form-control:not([value=""]) ~ label {
        font-weight: 400;
    }

    #banner-link-apps {
        z-index: 10;
        position: relative;
    }

    .banner-link-apps {
        display: flex;
        justify-content: center;
        background: #fff;
        gap: 8px;
        flex-direction: row-reverse;
    }

    #timer-container #span-now-mobile {
        font-size: 80px !important;
    }

    #timer-container h3 {
        /* font-weight: 500 !important; */
        margin-bottom: 15px !important;
    }

    #timer-container .col-12,
    #timer-container .col-11 {
        padding: 0;
    }

    #member-count h3.fw-600 {
        font-weight: 400 !important;
        font-size: 18px;
    }

    .mobile-row-icons p {
        font-size: 14px;
    }

    .body-acasa #subscription #subscription-header{
        padding: 42px !important;
    }

    .body-acasa .mobile-row-icons img {
        height: 16px !important;
    }

    .body-acasa .mobile-row-icons .rounded-pill {
        padding: 6px !important;
        margin: 2px !important;
    }

    .mobile-row-icons > div {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    #top .banner-content-mobile img {
        max-width: 24px;
    }

    #top .banner-content-mobile p {
        font-size: 14px;
    }

    .body-reset .mobile-fixed-position {
        position: absolute !important;
    }

    #top .banner-content-mobile:before {
        content: '';
        width: 25px;
        height: 4px;
        background: #dbdce0;
        position: absolute;
        display: inline-block;
        z-index: 9999;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 4px;
    }

    .incearca-gratis .fix-swiper {
        margin-top: 0 !important;
    }

    .showMale ~ .col-md-6.mt-5 {
        margin-top: 0 !important;
    }

    .body-incearca-gratis .mobile-fixed-position {
        position: absolute !important;
    }

    .body-incearca-gratis .side-menu .links {
        padding-top: 0 !important;
        margin-top: 80px;
        overflow: hidden;
    }

    .steps-options{
        overflow: scroll;
    }

    .body-incearca-gratis h1 {
        font-size: 28px !important;
    }

    #form-incepe-gratis .options-plan-center > div {
        box-shadow: 0px 15px 20px #00000014;
    }

    .body-register .bg-white-mobile {
        background: inherit;
        padding-left: 0;
        padding-right: 0;
    }

    #timer-container .flex-column {
        align-items: center;
        text-align: center;
    }

    #timer-container h1.secondary-color {
        font-size: 28px;
    }

    #timer-container h3 {
        font-weight: 400 !important;
        margin-bottom: 12px !important;
        font-style: normal !important;
    }
    
    .body-acasa #blog h4 {
        font-weight: 400 !important;
        font-size: 18px;
    }

    #timer-container .btn-incepe-gratis a {
        font-weight: 700 !important;
        margin-bottom: 60px;
    }

    .body-acasa #timer-container .timer {
        align-items: center !important;
        margin-bottom: 30px;
    }

    #ce-este-banner .helper {
        display: none;
    }

    #form-incearca-gratis #go-title + div {
        margin-top: 15px !important;
        margin-bottom: 30px !important;
    }

    #objective-selector .skill-card > img {
        max-width: 24px;
    }

    .incearca-gratis .number-circle {
        width: 32px;
        height: 32px;
        margin-right: 8px !important;
    }

    .incearca-gratis .links a {
        margin: 0 !important;
    }

    .body-incearca-gratis .side-menu .steps-options {
        padding-top: 24px;
        padding-bottom: 24px;
        gap: 16px;
        margin-bottom: 0;
    }

    .body-incearca-gratis .side-menu .steps-options > a:first-child {
        margin-left: 25px !important;
    }

    .stepSwiper .fix-swiper > div:last-child,
    .stepSwiper .g-options > div > div:last-child {
        margin-bottom: 25px !important;
    }

    #form-incearca-gratis .stepSwiper > div > div.swiper-slide-active:last-child h1 + .row {
        margin-bottom: 0 !important;
    }

    #form-incearca-gratis .swiper-fade .swiper-slide {
        overflow: hidden;
    }

    .body-incearca-gratis .steps-back {
        border: 1px solid #EAEBED !important;
        width: 30px;
        height: 30px;
        background-image: url(/web/assets/img/swipe-back.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-color: #f9f9f9;
        border-radius: 50%;
        margin: 0 !important;
        line-height: 1;
    }

    .body-incearca-gratis .mobile-fixed-position .col-4 {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .body-incearca-gratis .side-menu .links {
        background-position: top left;
        padding: 0 !important;
    }

    #form-incepe-gratis .options-plan-center .bg-white {
        padding: 12px !important;
        padding-top: 3px !important;
    }

    #form-incepe-gratis .options-plan-center h5.color-657171 {
        color: #2A2A2799 !important;
    }

    #form-incepe-gratis #price-txt2 {
        margin: 0 !important;
    }

    #form-incepe-gratis .option-plan-center-list .gnt-txt:first-child {
        margin-top: 30px !important;
    }

    #form-incepe-gratis .nav-pills {
        margin-bottom: 20px !important;
    }
    
    #form-incepe-gratis .option-plan-center-list .gnt-txt {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #form-incepe-gratis .option-plan-center-list {
        width: 100%;
    }

    #form-incepe-gratis .option-plan-center-list .gnt-txt i {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .title-incepe-gratis {
        font-weight: 800 !important;
        margin-top: 30px;
        margin-bottom: 0;
    }

    .title-incepe-gratis + p {
        margin-bottom: 10px;
    }

    .options-plan > p.fw-700 {
        color: #7C8585;
        margin-top: 20px !important;
    }

    .body-register .accordion .h-30 {
        height: 0 !important;
    }

    .ab-extra-selections label {
        padding: 12px;
        padding-left: 40px;
        max-width: 100%;
    }

    .ab-extra-selections label .checkmark {
        top: 12px;
        left: 12px;
        width: 20px;
        height: 20px;
    }

    #form-incepe-gratis + #accordionFlushExample .accordion-item {
        display: none;
    }

    #form-incepe-gratis + #accordionFlushExample .accordion-item:nth-child(2), #form-incepe-gratis + #accordionFlushExample .accordion-item:nth-child(3), #form-incepe-gratis + #accordionFlushExample .accordion-item:nth-child(4) {
        display: block;
    }

    #form-incepe-gratis + #accordionFlushExample {
        margin-bottom: 7px !important;
    }

    #monthly-price,
    #monthlyprice {
        transition: .4s all;
        display: inline-block;
    }

    #monthly-price.scale,
    #monthlyprice.scale {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .register-swiper > div > div:nth-child(1).swiper-slide-active,
    .register-swiper > div > div:nth-child(2).swiper-slide-active {
        background: #fff;
    }

    .register-component > div > div:first-child {
        padding-top: 0 !important;
    }

    #form-incepe-gratis {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 0;
    }

    .register-swiper .swiper-slide .bg-white.credit-card {
        border-radius: 0 !important;
        padding: 25px !important;
        margin-top: 0 !important;
    }

    .register-swiper .swiper-slide .bg-white.credit-card > form {
        padding: 0;
    }

    .register-component #bg-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .body-reset .form-floating > .form-control {
        padding-left: 0 !important;
        padding-bottom: 2px !important;
        font-size: 15px !important;
        font-weight: 400;
    }

    .body-reset .form-floating > .form-control:not(:placeholder-shown) ~ label {
        left: -1px;
    }

    .body-reset .form-floating > .form-control:not(:placeholder-shown) ~ label, 
    .body-reset .form-floating > .form-select:not(:placeholder-shown) ~ label {
        color: var(--g-grey-dark) !important;
    }

    #phoneLogIn,
    #showEmailLogin {
        box-shadow: none !important;
        border: 2px solid var(--g-green);
        color: var(--g-green);
        font-weight: 400 !important;
    }

    .body-reset .back-button i {
        font-size: 18px;
    }

    .body-reset #am-rezolvat h1 {
        margin-bottom: 0 !important;
        margin-top: 8px;
    }

    .body-acasa .banner-link-apps {
        gap: 15px;
    }

    .tooltip .tooltip-inner {
        padding: 1rem 0.8rem !important;
        font-size: 1rem;
        display: flex;
        flex-direction: column;
        gap: 20px;
        border-radius: 0.5rem !important;
    }
    
    .tooltip .close-popover {
        color: #fff;
        font-weight: 700;
        text-align: right;
    }
    
    .tooltip-inner {
        max-width: inherit;
        margin-left: 35px;
        margin-right: 35px;
    }

    .bs-tooltip-bottom .tooltip-arrow::before {
        border-bottom-color: var(--g-green) !important;
    }

    .body-pret-abonament #subscription .order-mobile-0 {
        min-height: inherit;
        margin-bottom: 30px;
    }

    .body-pret-abonament .benefits {
        gap: 24px;
        padding: 24px 0 0 0 !important;
    }

    .body-pret-abonament .benefits p:last-child {
        margin-bottom: 0;
    }

    .body-pret-abonament .differences p:last-child {
        margin-bottom: 0;
    }

    .body-pret-abonament .differences .row > div {
        margin-bottom: 0 !important;
    }

    .body-pret-abonament .differences .row {
        gap: 48px;
    }

    .body-pret-abonament .differences img {
        margin-top: 0 !important;
        margin-bottom: 25px !important;
    }

    .body-pret-abonament #facemsafiebine {
        margin: 0 !important;
    }

    .body-pret-abonament .differences img{
        width: 100%;
        object-fit: contain;
    }

    .body-pret-abonament .subscription-message {
        display: block;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100%;
    }

    #subscription .subscription-card-content {
        padding-top: 25px !important;
        padding-bottom: 15px !important;
    }

    .body-pret-abonament #accordionFlushExample {
        padding: 0;
    }

    .body-contact .modal-dialog .modal-body > p {
        padding: 0 !important;
        margin-bottom: 10px;
    }

    .body-contact .modal-dialog button[type="submit"] {
        margin-top: 20px !important;
        font-weight: 700 !important;
        box-shadow: 0px 3px 6px #00000029 !important;
        width: 212px;
    }

    .body-contact .modal-dialog .modal-body {
        margin-bottom: 0 !important;
        padding-bottom: 30px !important;
        padding-top: 0 !important;
    }

    .body-contact .success-contact-modal .modal-content {
        border-radius: 20px;
    }

    .body-contact .success-contact-modal .modal-header {
        border: none;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 9px;
    }

    .body-contact .success-contact-modal .modal-content p a {
        text-decoration: underline;
    }

    .btn-close {
        color: #2A2A27 !important;
    }

    .body-contact .modal-dialog .modal-body h1 {
        font-weight: 800 !important;
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }    

    .tooltip-inner .lock {
        display: none;
    }

    .body-pret-abonament #searchGymResults a span {
        display: none !important;
    }

    .body-pret-abonament #searchGymResults a {
        padding-right: 0;
    }

    .element-continue-city-selector {
        margin-bottom: 20px !important;
    }

    .ribbon-secondary {
        left: 0;
    }

    #register-c-logo > div {
        justify-content: space-between;
    }

    .ambassador-modal .swiper-next {
        right: -15px;
        width: 35px;
        text-align: right;
        z-index: 99;
    }

    .ambassador-modal .swiper-back {
        left: -15px;
        width: 35px;
        text-align: left;
        z-index: 99;
    }

    #form-register-phone {
        display: flex;
        flex-direction: column;
    }

    #form-register-phone .form-group {
        flex-grow: 1;
    }

    .body-ajutor-pentru-saraci .free-package h1 {
        text-align: center;
    }

    .grecaptcha-badge {
        z-index: 500;
    }

    #ce-este-banner.about-bg {
        padding-top: 0 !important;
    }

    #ce-este-banner > .mobile-only {
        padding-top: 0;
    }

    /* #ce-este-mobile-bg .text-end {
        position: absolute;
        right: 30px;
        bottom: 80px;
    } */

    #ce-este-mobile-bg {
        position: relative;
        height: calc(100% - 100px);
        padding-top: 100px;
        display: flex;
        flex-direction: column;
    }
/* 
    #ce-este-mobile-bg > div:last-child {
        margin-top: auto;
    } */

    .ce-este-bg-col a{
        position: relative;
    }

    #ce-este-mobile-bg p {
        position: relative;
        z-index: 5;
    }

    .ptn-heading {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 767px) {
    .mobile-swiper {
        width: 100%;
        height: 150px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 768px) {
    .body-faq h1{
        font-size: 24px;
    }

    .body-faq .nav-link{
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .body-acasa .home-bg {
        height: 100vh;
        height: 100dvh;
        min-height: 100dvh !important;
    }

    .banner-content-mobile {
        box-shadow: 0 0px 55px rgb(0 0 0 / 16%);
        padding: 24px !important;
    }

    .inscriete-acum {
        font-size: 14px;
    }

    #voucherAplicat {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #voucherAplicat:after {
        display: none;
    }

    .w-100-mobile {
        width: 100% !important;
    }
    
    .m-0-mobile {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    #searchGymResults > div > a {
        position: relative;
        padding-left: 1.5em;
        display: block;
    }

    #searchGymResults > div > a > img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }

    #searchGymResults > div > a > i {
        position: absolute;
        left: 0;
        top: 50%;
        bottom: 0;
        transform: translateY(-50%);
        font-size: 15px;
    }
}

@media only screen and (max-width: 576px) {
    .ambassador-modal .swiper-close {
        right: 14px;
        top: 0px;
    }

    .ambassador-modal .modal-content {
        padding: 1.75rem 1.2rem;
    }

    .bg-mobile {
        width: calc(100% - 25px);
    }

    .ptn-products .nav-pills .nav-link {
        flex: 1 1 auto;
    }
}

@media screen and (max-width: 374px) {
    #header-visitor-start a.btn {
        font-size: 0.8rem;
    }

    .banner-content-mobile .banner-link-apps {
        display: none;
    }

    .footer a[href] img {
        width: 100% !important;
        max-width: 170px;
    }

    .footer .footer-tab-columns > div {
        width: 100%;
    }

    .bg-mobile {
        background-position: center;
    }

    #top .home-bg h1 {
        font-size: 24px;
    }

    #footer .footer-download-links {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1024px) and (max-height: 768px) {
    .body-register #form-register-phone {
        zoom: 0.9;
    }
}

@media screen and (min-width: 1024px) and (max-height: 720px) {
    .body-register #form-register-phone {
        zoom: 0.8;
    }
}

@media screen and (min-width: 1024px) and (max-height: 667px) {
    .body-register #form-register-phone {
        zoom: 0.7;
    }
}

@media screen and (max-width: 375px) and (max-height: 570px) {
    .bg-mobile {
        background-size: cover;
        height: 70% !important;
    }

    .banner-features .fs-0_9rem {
        font-size: 0.7rem;
        letter-spacing: -0.1px;
    }

    .banner-call-to-action a {
        font-size: 0.8rem;
    }

    .code-sent-to {
        margin-top: 0 !important;
    }

    .code-sent-to + .otpDiv {
        margin: 10px;
    }

    .otpsend,
    .otpsend button {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 375px) and (max-height: 668px) {
    .body-pret-abonament #subscription .order-mobile-0 {
        /* zoom: 0.8; */
    }

    #menuSidebar .download-links {
        position: relative !important;
        padding-top: 30px;
        margin-top: auto;
        margin-bottom: 100px;
        bottom: 0;
    }

    .menu-link {
        border-top: 1px solid #eaebed;
        padding: 15px 5px;
        font-size: 15px;
    }

    #workoutBanner.vh-100 {
        height: auto !important;
    }
}

@media screen and (max-width: 410px) {
    .ab-reinnoire-oprita {
        font-size: 15px;
    }
    
    #nav-subscription .ab-reinnoire-oprita .btn {
        font-size: 15px;
        margin-top: 12px !important;
    }

    .ab-reinnoire-oprita:first-child {
        padding-right: 0;
    }

    .ab-reinnoire-oprita:last-child {
        padding-left: 0;
    }

    .ab-reinnoire-oprita .mt-2 {
        white-space: nowrap;
    }

    #nav-subscription .btn {
        font-size: 15px;
    }
}

@media screen and (max-width: 350px) {
    #nav-subscription {
        padding: 16px 0;
    }

    .ab-reinnoire-oprita {
        font-size: 14px;
    }

    #nav-subscription .ab-reinnoire-oprita .btn {
        font-size: 14px;
    }
}