.btn.yellow {
	color: var(--white);
	background: var(--yellow);
}
.btn.yellow:hover {
  opacity: .9;
}
.btn.yellow-outline {
  color: var(--yellow);
  border: 1px solid var(--yellow);
}
.btn.yellow-outline:hover {
  background: var(--yellow-light);
}
.weight-items {
  width: 100%;
}
.weight-items td {
  padding: 8px 0;
  vertical-align: middle;
}
.weight-items .date {
  width: 50%;
}
.weight-item .badge {
  font-size: inherit;
  font-weight: 400;
}
.weight-item .weight {
  text-align: right;
  padding-left: 20px;
  white-space: nowrap;
}
.highcharts-credits {
	display: none;
}
.header-w-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.trainings-item {
  display: flex;
  padding: 8px 24px;
  margin: 8px 0;
  border-bottom: 1px solid #F2F2F2;
  cursor: pointer;
}
.trainings-item:last-child {
  border: 0;
  margin-bottom: 0;
}
.trainings-item.locked {
  cursor: default;
}
.trainings-item .status {
  flex: 28px 0;
  margin-right: 5px;
}
.trainings-item .info {
  flex-grow: 1;
}
.trainings-item .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  transition: .15s ease-in-out;
}
.trainings-item.active .title,
.trainings-item.seen:hover .title,
.trainings-item.ready:hover .title {
  color: var(--red);
  transition: .15s ease-in-out;
}
.trainings-item.locked .title {
  color: #ABABAB;
}
.trainings-item .description {
  font-size: 14px;
  line-height: 20px;
  color: #ABABAB;
}
.trainings-item .description p {
  margin: 0;
}
.transformation .scrollbar-outer {
/*  max-height: calc(100vh - 225px);*/
}
.trainings .scrollbar-outer {
/*  max-height: calc(100vh - 183px);*/
}
.widget-spacer {
  height: 22px;
}
.trainings-item .title span {
  color: #ABABAB;
  margin-left: 5px;
}
.widget-inner {
  padding: 0 24px;
}
.weights-items-wrapper {
  padding: 0 24px;
}
#category-id {
  width: 100%;
  height: 47px;
  border: 1px solid var(--disabled);
  font-family: var(--font-regular);
  font-size: 14px;
  line-height: 20px;
  padding: 13px 46px 11px 16px;
  border-radius: 4px;
  outline: none;
  background: #fff;
}
.right-widget {
  max-width: 610px;
}
.video-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin: 10px 0 5px;
}
.video-description {
  margin-bottom: 20px;
}
.video-description p:last-child {
  margin-bottom: 0;
}
.descs {
  display: flex;
}
.desc {
  padding: 24px 0px;
  background: var(--disabled-light);
  border-radius: 20px;
  width: 112px;
  text-align: center;
  margin-right: 10px;
}
.desc:last-child {
  margin-right: 0;
}
.desc-title,
.desc-value {
  font-size: 14px;
  line-height: 20px;
}
.desc-title {
  position: relative;
  margin-bottom: 20px;
}
.desc-title:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 20px;
  height: 1px;
  margin: 0 auto;
  background: var(--disabled);
}
.transformation-widget {
  width: 100%;
  border-radius: 20px;
  padding: 24px;
  border-radius: 20px;
  background: var(--white);
}
.steps {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.step {
  display: inline-block;
  width: 48px;
  height: 6px;
  line-height: 6px;
  border-radius: 22px;
  background: var(--disabled);
  margin-right: 6px;
}
.step:last-child {
  margin-right: 0;
}
.step.active {
  background: var(--system);
}
.form-group .form-floating > .form-control, .form-group .form-floating > .form-control-plaintext, .form-group .form-floating > .form-select {
  height: 46px;
  min-height: 46px;
  line-height: 1.25;
}
.form-group .form-floating > .form-control, .form-group .form-floating > .form-control-plaintext {
  padding: 0.5rem .75rem;
}
.form-group .form-floating > .form-control-plaintext:focus, .form-group .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-group .form-floating > .form-control:focus, .form-group .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-group .form-floating > .form-control-plaintext ~ label, .form-group .form-floating > .form-control:focus ~ label, .form-group .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-group .form-floating > .form-select ~ label {
  transform: scale(.65) translateY(-.5rem) translateX(.15rem);
}
.form-group .form-floating > label {
  padding: 0.75rem .75rem;
}
.btn.btn-icon {
  padding: 4px;
}
.weight-item .diff .badge {
  width: 100%;
}
aside .bottom a:hover {
  background: var(--system-light);
}
aside .bottom a:hover .menu-item {
  color: var(--main);
}
.training-widget {
  max-width: 690px;
}
.profile hr {
  border-color: var(--light-gray);
  opacity: 1;
  margin-top: 0;
  margin-bottom: 16px;
}
.for-check {
  font-size: 14px;
  color: rgba(var(--bs-body-color-rgb),.65);
  margin-bottom: 5px;
}
.transformation-widget .highcharts-title {
  display: none;
}
.trainings-page .btn.btn-outline {
  color: var(--red);
  border: 1px solid var(--red);
}
.trainings-page .btn.btn-outline:hover {
  background: var(--red-light);
}
.btn.btn-grey-outline {
  color: var(--second);
  border: 1px solid var(--second);
}
.btn.btn-grey-outline:hover {
  background: var(--disabled-light);
}
.btn.btn-red {
  background: var(--red);
  border: 1px solid var(--red);
  color: #fff;
}
.btn.btn-red:hover {
  background: #FC6C59;
  color: #fff;
}
.grey-widget {
  width: 100%;
  background: var(--bg);
  padding: 24px;
  border-radius: 20px;
}
.grey-widget p {
  margin-bottom: 10px;
}
.grey-widget .grey {
  font-size: 14px;
}
.grey-widget hr {
  border-color: #D7D7D7;
}
.btn.btn-icon2 {
  padding: 4px 9px;
}
.widget-header2 {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 14px;
  display: none;
}
.widget-header2 span {
  font-size: 20px;
  line-height: 28px;
  vertical-align: middle;
}
.video-wrapper {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
/*.video-wrapper video {
  border: none;
  position: absolute;
  width: 100%;
  height: 100%;
}*/
.highcharts-focus-border {
  display: none;
}
.highcharts-description2 {
  text-align: center;
  margin-bottom: 20px;
}
.mejs__time {
  padding: 10px 6px !important;
}
.widget .buttons {
  display: flex;
}
.widget .buttons .wide {
  flex-grow: 1;
}
.btn-calendar {
  padding: 10px;
}
.form-floating > label.smaller {
  font-size: 0.9rem;
}
.drp-calendar.left,
.drp-calendar.right {
    display: none !important;
}
.daterangepicker .ranges li {
  white-space: nowrap;
}
.welcome {
  display: flex;
  align-items: center;
}
.welcome .avatar {
  flex: 40px;
  margin-right: 15px;
  border-radius: 100px;
}
.welcome .user {
  flex-grow: 1;
}
.notifications {
	display: inline-block;
  background: var(--green);
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.disabled .notifications {
	background: var(--disabled);
	color: #fff;
}
td.pencil {
  text-align: center;
}
td.pencil .magic-pencil {
  margin-bottom: 3px;
}
.magic-pencil {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 0;
  padding: 0;
  text-align: center;
  background: transparent;
  color: #aaa;
  transition: .15s ease-in-out;
}
.transformation .magic-pencil:hover {
  color: var(--yellow);
  transition: .15s ease-in-out;
}
aside.shrinked .sidebar {
	width: 105px;
}
aside.shrinked a {
  position: relative;
}
aside.shrinked a .notifications {
  position: absolute;
  top: 3px;
  right: -3px;
}
#main.wided {
	padding-left: 120px;
}
.file-upload {
	align-items: center;
}
.file-upload input {
   opacity: 0;
   position: absolute;
   z-index: -1;
}
.file-upload label {
  cursor: pointer;
  width: 100%;
}
.file-upload img {
  border-radius: 50%;
  width: 100%;
  height: auto;
}
.avatar-image {
  width: 92px;
  height: 92px;
  border-radius: 50%;
}
.avatar-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;  
  border-radius: 50%;
}
aside .bottom a.share span,
a.share span.icon {
	color: var(--green);
}
.input-group-btn .btn {
  border-radius: 0 4px 4px 0;
  padding: 18px 22px 16px;
}
.socials-items {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.socials-item {
  margin-right: 8px;
}
.socials-item:last-child {
  margin-right: 0;
}
.socials-item .link {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  border: 0;
}
.socials-item .link:hover {
  cursor: pointer;
  opacity: 0.85;
}
.socials-item.vkontakte .link {
  background-color: #07f;
}
.socials-item.odnoklassniki .link {
  background-color: #f70;
}
.socials-item.telegram .link {
  background-color: #64a9dc;
}
.socials-item.whatsapp .link {
  background-color: #65bc54;
}
.socials-item .icon {
  display: block;
  height: 48px;
  width: 48px;
  background-size: 48px 48px;
}
.socials-item.vkontakte .icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.878 17.304c-5.411 0-8.695-3.755-8.823-9.994h2.74c.086 4.583 2.171 6.528 3.77 6.925V7.31h2.627v3.954c1.542-.17 3.155-1.97 3.698-3.954h2.584c-.414 2.441-2.17 4.24-3.412 4.983 1.242.6 3.24 2.17 4.011 5.01h-2.84c-.6-1.898-2.07-3.369-4.04-3.569v3.57h-.315Z' fill='%23fff'/%3E%3C/svg%3E");
}
.socials-item.odnoklassniki .icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.83 10.77a3.951 3.951 0 0 1-5.604 0 3.951 3.951 0 0 1 0-5.604 3.95 3.95 0 0 1 5.604 0 3.951 3.951 0 0 1 0 5.604Zm-2.802-4.615c-.494 0-.942.2-1.271.53a1.79 1.79 0 0 0 0 2.542 1.789 1.789 0 0 0 2.543 0 1.789 1.789 0 0 0 0-2.543 1.839 1.839 0 0 0-1.272-.53Zm4.168 5.792 1.166 1.59c.059.082.047.188-.036.247-.977.8-2.119 1.33-3.308 1.613l2.249 4.332c.059.13-.024.271-.165.271H13.7a.206.206 0 0 1-.176-.118l-1.496-3.579-1.507 3.567a.181.181 0 0 1-.176.118H7.943c-.141 0-.224-.153-.165-.27l2.249-4.321a8.262 8.262 0 0 1-3.308-1.613c-.071-.06-.095-.177-.036-.248l1.166-1.589c.07-.094.188-.106.27-.035 1.096.93 2.45 1.542 3.898 1.542s2.79-.6 3.897-1.542c.094-.07.223-.06.282.035Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.socials-item.telegram .icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.socials-item.whatsapp .icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.794c0 4.304-3.517 7.794-7.855 7.794a7.87 7.87 0 01-3.796-.97L4 20l1.418-4.182a7.714 7.714 0 01-1.127-4.024C4.29 7.489 7.807 4 12.145 4S20 7.49 20 11.794zm-7.855-6.553c-3.641 0-6.603 2.94-6.603 6.553A6.48 6.48 0 006.8 15.636l-.825 2.433 2.537-.806a6.6 6.6 0 003.633 1.084c3.642 0 6.604-2.94 6.604-6.553s-2.962-6.553-6.604-6.553zm3.967 8.348c-.049-.08-.177-.128-.37-.223-.192-.095-1.139-.558-1.315-.621-.177-.064-.305-.096-.434.095a10.92 10.92 0 01-.61.749c-.112.128-.224.143-.416.048-.193-.096-.813-.297-1.549-.948a5.76 5.76 0 01-1.07-1.323c-.113-.191-.013-.295.084-.39.086-.086.192-.223.289-.334.096-.112.128-.191.192-.319s.032-.239-.016-.335c-.048-.095-.433-1.035-.594-1.418-.16-.382-.32-.318-.433-.318-.112 0-.24-.016-.369-.016a.71.71 0 00-.513.239c-.177.19-.674.653-.674 1.593s.69 1.848.786 1.976c.096.127 1.332 2.119 3.289 2.884 1.958.764 1.958.51 2.31.477.353-.031 1.14-.461 1.3-.908.16-.446.16-.829.113-.908z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.tarif h4 {
  margin: 0;
}
.tarif h4 b {
  font-size: inherit;
  color: var(--green);
}
.tarif hr {
  margin: 10px 0 15px;
}
.tarif ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tarif ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.tarif ul li svg {
  fill: var(--green);
  margin-right: 8px;
  min-width: 16px;
}
.tarif .old-price {
  text-decoration: line-through;
  color: var(--second);
  font-size: 20px;
  margin: 15px 0 10px;
}
.tarif .price {
  color: var(--primary);
  font-size: 23px;
  margin-bottom: 10px;
}
.tarif .price span {
  font-size: 16px;
}
.tarif .form-check .form-check-label,
.tarif .form-check .form-check-label * {
  font-size: 14px;
  line-height: 14px;
  color: var(--second)
}
.tarif .form-check .form-check-label a {
  border-color: var(--second);
}
.tarif .form-check-input {
	border-color: var(--main);
}
.tarif .form-check-input:checked {
	background-color: var(--green);
	border-color: var(--green);
}
.modal-body .page-header {
  display: none;
}
.modal-body .item-page * {
  font-size: 12px;
  line-height: 16px;
}
.modal-body .item-page p {
  margin-bottom: 5px;
}
.countdown-info {
  text-align: center;
  font-size: 14px;
}
.align-center {
  align-items: center;
}
.countdown {
	display: flex;
	justify-content: center;
	align-items: center;
}
.countdown .item {
  position: relative;
  font-weight: 700;
  font-size: 23px;
  line-height: 26px;
  text-align: center;
  color: var(--main);
  border-radius: 10px;
  margin: 0;
  padding: 0 3px;
  background: transparent;
  overflow: hidden;
}
.countdown .item span {
  font-size: inherit;
}
.countdown .label,
.countdown .separator:nth-child(2),
.countdown .item-hh {
  display: none;
}
.calendar-toggler {
  position: relative;
	font-size: 20px;
	line-height: 28px;
	border-bottom: 2px solid #FF82B6;
  padding-bottom: 5px;
  cursor: pointer;
  display: none;
}
.calendar-toggler svg {
  position: absolute;
  top: 0px;
  height: 24px;
  width: auto;
  right: 0;
}
.calendar-toggler.active svg {
	transform: rotate(180deg);
}
.tarif-slick .slick-slide {
/*  margin: 0 5px;*/
}
/*.tarif-slick .slick-list {
	padding: 0px 60px 0 10px !important;
}*/
.tarifs-mobile {
	display: none;
}
.tarif-wrap {
  -moz-transform: scale(.90);
  -ms-transform: scale(.90);
  -o-transform: scale(.90);
  -webkit-transform: scale(.90);
  transform: scale(.90);
  transition: 0.2s;
  margin: 20px 0;
/*	margin: 0 20px 10px;*/
}
.slick-center.tarif-wrap {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.widget.tarif {
  max-width: 400px;
}
.bubbly-button {
	appearance: none;
	position: relative;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
.bubbly-button:before, .bubbly-button:after{
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before{
  display: none;
  top: -75%;
  background-image:  
    radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle,  transparent 20%, var(--green) 20%, transparent 30%),
  radial-gradient(circle, var(--green) 20%, transparent 20%), 
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle,  transparent 10%, var(--green) 15%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%);
background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
//background-position: 0% 80%, -5% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 85% 30%;
}

.bubbly-button:after{
  display: none;
  bottom: -75%;
  background-image:  
  radial-gradient(circle, var(--green) 20%, transparent 20%), 
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle,  transparent 10%, var(--green) 15%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%),
  radial-gradient(circle, var(--green) 20%, transparent 20%);
background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
//background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
}
.bubbly-button.animate:before{
  display: block;
  animation: topBubbles ease-in-out 0.5s forwards;
  z-index: 999;
}
.bubbly-button.animate:after{
  display: block;
  animation: bottomBubbles ease-in-out 0.5s forwards;
  z-index: 999;
}

@keyframes topBubbles {
  0%{
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
    50% {
      background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;}
 100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
  background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0%{
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;}
 100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
  background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}
@media screen and (max-width: 1199px){
  .hide-lg {
    display: none;
  }
  .show-lg {
    display: block !important;
  }
	.calendar-item.active {
		display: block !important;
	  margin-top: 10px;
	}
}
@media screen and (max-width: 991px){
  body {
    width: inherit;
    height: inherit;
    overflow: visible;
  }
  aside {
    flex: 0;
    height: 0;
    overflow: hidden;
  }
  aside .sidebar {
    display: none !important;
  }
  #main {
    padding: 20px;
  }
  nav.mobile-nav {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    width: 100%;
    height: 64px;
    border-radius: 20px 20px 0 0;
    z-index: 2;
    -webkit-backface-visibility: hidden;
  }
  nav.mobile-nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 12px;
  }
  aside ul .active a, aside ul a:hover {
    background: transparent;
  }
  aside ul a .icon,
  aside .bottom a .icon {
    flex: 0 0 32px;
    width: 32px;
  }
  .main-header {
    display: none;
  }
  .transformation-page #main {
    padding: 0;
  }
  .transformation-widget {
    border-radius: 0;
    padding: 0;
  }
  .transformation .scrollbar-outer,
  .trainings .scrollbar-outer {
    max-height: 100%;
  }
  .daterangepicker.openscenter::before {
    left: unset !important;
    right: 29px !important;
  }
  .daterangepicker.openscenter::after {
    left: unset !important;
    right: 30px !important;
  }
  .daterangepicker {
    width: 142px !important;
  }
  .mejs__time {
    display: none !important;
  }
  .mobile-only {
  	display: block !important;
  }
  .no-mobile-padding #main {
	  padding: 0;
	}
	.no-mobile-padding #main .page-header {
	  margin: 20px;
	}
	.tarifs-desktop {
		display: none;
	}
	.tarifs-mobile {
		display: block;
	}
	.tarif .form-check .form-check-label, .tarif .form-check .form-check-label * {
		font-size: 12px;
		line-height: 12px;
	}
	.tarif ul li {
		margin-bottom: 5px;
	}
	.tarif ul li span {
		font-size: 14px;
		line-height: 14px;
	}
	.tarif .price span {
		display: none;
	}
	.tarif .price {
		font-size: 21px;
		white-space: nowrap;
	}
}
@media screen and (max-width: 575px){
  .trainings .buttons .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .trainings .buttons .btn:last-child {
    margin: 0;
  }
}