.inline-block {
  display: inline-block;
  vertical-align: top;
}
.light {
  font-weight: 200;
}
.regular {
  font-weight: 400;
}
.semibold {
  font-weight: 600;
}
.semibolditalic {
  font-weight: 600;
  font-style: oblique;
}
.bold {
  font-weight: 700;
}
.bolditalic {
  font-weight: 700;
  font-style: oblique;
}
.italic {
  font-style: oblique;
}
.lightitalic {
  font-style: oblique;
  font-weight: 200;
}
.light-p {
  font-weight: 200;
}
.regular-p {
  font-weight: 400;
}
.medium-p {
  font-weight: 400;
}
.semibold-p {
  font-weight: 600;
}
.bold-p {
  font-weight: 700;
}
.pseudo {
  content: "";
  position: absolute;
  display: block;
}
@charset "UTF-8";

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

[data-icon]:before {
  font-family: "treneoicons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "treneoicons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  vertical-align: middle;
  display: inline-block;
}

.icon-arrowleft:before {
  content: "\66";
}
.icon-arrowright:before {
  content: "\67";
}
.icon-articles:before {
  content: "\69";
}
.icon-back:before {
  content: "\6a";
}
.icon-basket:before {
  content: "\6b";
}
.icon-book:before {
  content: "\6c";
}
.icon-calendar:before {
  content: "\6d";
}
.icon-checked:before {
  content: "\6e";
}
.icon-library:before {
  content: "\6f";
}
.icon-finances:before {
  content: "\70";
}
.icon-envelope:before {
  content: "\73";
}
.icon-enter:before {
  content: "\74";
}
.icon-edit:before {
  content: "\75";
}
.icon-dropdown:before {
  content: "\76";
}
.icon-diary:before {
  content: "\77";
}
.icon-delete:before {
  content: "\78";
}
.icon-dashboard:before {
  content: "\79";
}
.icon-cursor:before {
  content: "\7a";
}
.icon-close:before {
  content: "\41";
}
.icon-link:before {
  content: "\42";
}
.icon-location:before {
  content: "\43";
}
.icon-logout:before {
  content: "\44";
}
.icon-measurement:before {
  content: "\45";
}
.icon-messenger:before {
  content: "\46";
}
.icon-more:before {
  content: "\47";
}
.icon-myacademy:before {
  content: "\48";
}
.icon-phone:before {
  content: "\49";
}
.icon-play:before {
  content: "\4a";
}
.icon-print:before {
  content: "\4b";
}
.icon-search:before {
  content: "\4c";
}
.icon-settings:before {
  content: "\4d";
}
.icon-star:before {
  content: "\4e";
}
.icon-videos:before {
  content: "\4f";
}
.icon-video:before {
  content: "\50";
}
.icon-trainings:before {
  content: "\51";
}
.icon-trainers:before {
  content: "\52";
}
.icon-timer2:before {
  content: "\53";
}
.icon-timer:before {
  content: "\54";
}
.icon-statistics:before {
  content: "\55";
}
.icon-user:before {
  content: "\56";
}
.icon-warning:before {
  content: "\61";
}
.icon-arrowdown:before {
  content: "\65";
}
.icon-arrowup:before {
  content: "\68";
}
.icon-add:before {
  content: "\62";
}
.icon-activity:before {
  content: "\63";
}
.icon-academy:before {
  content: "\64";
}
.icon-error:before {
  content: "\72";
}
.icon-file:before {
  content: "\71";
}
.icon-eye:before {
  content: "\57";
}
.icon-bulb:before {
  content: "\58";
}
.icon-image:before {
  content: "\59";
}
.icon-copy:before {
  content: "\5a";
}
.icon-placeholder:before {
  content: "\30";
}
.icon-blocks:before {
  content: "\31";
}
.icon-percentage:before {
  content: "\32";
}
.icon-swimming:before {
  content: "\33";
}
.icon-hockey:before {
  content: "\34";
}
.icon-running:before {
  content: "\35";
}
.icon-aerobic:before {
  content: "\36";
}
.icon-american-football:before {
  content: "\37";
}
.icon-athletics:before {
  content: "\38";
}
.icon-badminton:before {
  content: "\39";
}
.icon-baseball:before {
  content: "\21";
}
.icon-basketball:before {
  content: "\22";
}
.icon-biathlon:before {
  content: "\23";
}
.icon-boxing:before {
  content: "\24";
}
.icon-canoeing:before {
  content: "\25";
}
.icon-circuit-training:before {
  content: "\26";
}
.icon-climbing:before {
  content: "\27";
}
.icon-core:before {
  content: "\28";
}
.icon-crossfit:before {
  content: "\29";
}
.icon-curling:before {
  content: "\2a";
}
.icon-cycling:before {
  content: "\2b";
}
.icon-dancing:before {
  content: "\2c";
}
.icon-downhill-skiing:before {
  content: "\2d";
}
.icon-elliptical-trainer:before {
  content: "\2e";
}
.icon-floorball:before {
  content: "\2f";
}
.icon-football:before {
  content: "\3a";
}
.icon-frisbee:before {
  content: "\3b";
}
.icon-functional-training:before {
  content: "\3c";
}
.icon-golf:before {
  content: "\3d";
}
.icon-gymnastics:before {
  content: "\3e";
}
.icon-handball:before {
  content: "\3f";
}
.icon-horse-riding:before {
  content: "\40";
}
.icon-inline-skating:before {
  content: "\5b";
}
.icon-kitesurfing:before {
  content: "\5d";
}
.icon-lacrosse:before {
  content: "\5e";
}
.icon-martial-arts:before {
  content: "\5f";
}
.icon-mtb:before {
  content: "\60";
}
.icon-nordic-walking:before {
  content: "\7b";
}
.icon-other-activity:before {
  content: "\7c";
}
.icon-paddleboarding:before {
  content: "\7d";
}
.icon-physiotherapy:before {
  content: "\7e";
}
.icon-pilates:before {
  content: "\5c";
}
.icon-ping-pong:before {
  content: "\e000";
}
.icon-rehabilitation:before {
  content: "\e001";
}
.icon-rowing:before {
  content: "\e002";
}
.icon-rugby:before {
  content: "\e003";
}
.icon-table-tennis:before {
  content: "\e00d";
}
.icon-team-training:before {
  content: "\e00e";
}
.icon-tennis:before {
  content: "\e00f";
}
.icon-thai-box:before {
  content: "\e010";
}
.icon-trampoline:before {
  content: "\e011";
}
.icon-question-mark:before {
  content: "\e085"
}
.icon-volleyball:before {
  content: "\e012";
}
.icon-wakeboarding:before {
  content: "\e013";
}
.icon-walking:before {
  content: "\e014";
}
.icon-windsurfing:before {
  content: "\e015";
}
.icon-working-out:before {
  content: "\e016";
}
.icon-yoga:before {
  content: "\e017";
}
.icon-zumba:before {
  content: "\e018";
}

* {
  -webkit-overflow-scrolling: touch;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
html,
body {
  font-family: "Poppins", sans-serif;
}
html {
  height: 100%;
}
body {
  font-weight: 400;
  background: #F5F5F5;
  color: #3f4143;
  font-size: 15px;
  text-align: left;
  line-height: 1.6;
  padding-top: 85px;
  min-height: 100%;
  height: auto;
  position: relative;
}
@media only screen and (min-width: 1280px) {
  body {
    padding-top: 65px;
  }
}
.filter-groups {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .filter-groups {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .filter-groups .group-filter-lang {
    margin-left: 20px;
  }
}
main {
  overflow-x: hidden;
  height: 100%;
}
.underline-text {
  text-decoration: underline;
}
/*-------------GENERAL-------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 20px 0;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  font-weight: 200;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 15px;
}
h6 {
  font-size: 14px;
}
.text-green {
  color: #49c100;
}
.main-headline {
  padding: 20px 0;
  background-color: #fff;
  margin: 0 0 25px 0;
}
.main-headline h1 {
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  color: #1D1D1D;
  text-align: left;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .main-headline h1 {
    font-size: 30px;
  }
}
.main-headline h1 span {
  font-style: oblique;
  font-weight: 200;
  color: #9fa1a4;
  margin-left: 12px;
}
.main-headline h1 .h1-question {
  margin-left: 15px;
}
.main-headline h1 .trainer {
  margin: 0 0 0 10px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-style: oblique;
}
.main-headline h1 .trainer .icon {
  color: #e4e6e7;
  margin-right: 8px;
}
.main-headline .headline-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: #49c100;
}
.main-headline .edit-input {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  font-size: 20px;
}
.main-headline-detail {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .main-headline-detail + div .breadcrumbs {
    padding-top: 50px;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .main-headline .main-headline-detail-wrapper {
    display: inline-flex;
    align-items: center;
  }
}
.main-headline .main-headline-detail-wrapper .image-wrapper {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .main-headline .main-headline-detail-wrapper .image-wrapper {
    margin: 0 auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .main-headline .main-headline-detail-wrapper .trainer .image-wrapper {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
  }
}
@media only screen and (max-width: 767px) {
  .main-headline .main-headline-detail-wrapper h1 {
    margin: 20px 0;
    text-align: center;
  }
}
.main-headline .main-headline-detail-wrapper h1 small {
  display: inline-block;
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  .main-headline .main-headline-detail-wrapper .trainer {
    display: block;
    margin: 0 0 -52px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .main-headline .main-headline-detail-wrapper-mobile-centered {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
    margin: 20px 0 0;
  }
  .main-headline .main-headline-detail-wrapper-mobile-centered h1 {
    margin-top: 0 !important;
  }
  .main-headline .main-headline-detail-wrapper-mobile-centered h1,
  .main-headline .main-headline-detail-wrapper-mobile-centered h1 small {
    display: block !important;
  }
  .main-headline .main-headline-detail-wrapper-mobile-centered .image-wrapper {
    flex: 0 0 58px !important;
    margin-bottom: -40px !important;
  }
}
.main-headline-article {
  position: relative;
  margin: 0 0 90px;
  padding: 20px 0 0 !important;
  text-align: center;
}
.main-headline-article .date {
  margin: 0 0 15px;
  font-weight: 600;
  font-size: 14px;
  color: #909090;
}
.main-headline-article h1 {
  max-width: 600px;
  margin: 0 auto 20px !important;
  text-align: center;
}
.main-headline-article-back {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
  .main-headline-article-back {
    position: absolute;
    top: 30px;
    left: 40px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .main-headline-article-back {
    left: calc((100vw - 1550px) / 2);
  }
}
.main-headline-lg-m-b {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  .main-headline-lg-m-b {
    margin-bottom: 70px;
  }
}
.main-headline-none-m-b {
  margin-bottom: 0;
}
.main-headline-program h1 {
  display: block;
}
.main-headline-program h1 small {
  display: block;
  margin: 0;
}
.main-headline-program .trainer {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.main-headline-program .trainer > a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #3f4143;
}
@media only screen and (max-width: 767px) {
  .main-headline-program .trainer > a {
    display: block;
    margin: 0 0 -52px;
    text-align: center;
  }
}
.main-headline-program .trainer .image-wrapper {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  margin: 0 8px 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-headline-program .trainer h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .main-headline-program.main-headline-detail .container {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .main-headline-program.main-headline-detail .main-headline-detail-wrapper {
    flex: 1;
  }
}
.sub-headline {
  color: #50535a;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.sub-headline .icon {
  font-size: 30px;
  color: #e1e3e4;
  line-height: 0;
  margin-right: 10px;
  margin-top: -12px;
}
p {
  margin-bottom: 25px;
}
a {
  color: #49c100;
  text-decoration: underline;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #49c100;
  outline: none;
}
a.no-decoration {
  text-decoration: none;
}
a.orange-link {
  color: #ff7043;
}
b,
strong {
  font-weight: 700;
  font-weight: normal;
}
ol {
  counter-reset: item;
  margin: 0 0 35px 0;
}
ol li {
  position: relative;
  padding: 8px 0 8px 14px;
  margin: 0 0 0 20px;
  list-style-type: none;
  counter-increment: item;
  font-size: 15px;
  line-height: 1.4;
}
ol li::before {
  width: 25px;
  height: 25px;
  content: counter(item) ".";
  color: #49c100;
  text-align: center;
  display: block;
  position: absolute;
  line-height: 25px;
  left: -20px;
  top: 7px;
  font-size: 16px;
  font-weight: 700;
}
ul {
  margin: 0 0 35px 0;
}
ul li {
  position: relative;
  padding: 2px 0 2px 14px;
  margin: 0 0 0 20px;
  list-style-type: none;
}
ul li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #49c100;
  left: -11px;
  top: 12px;
}
.svg-icon {
  position: absolute;
}
.g-flex-container {
  display: flex;
  flex-wrap: wrap;
}
.form-control {
  height: 43px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dbe1e5;
  -webkit-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
}
.form-control:focus {
  border-color: #dbe1e5;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
}
.modal .form-control {
  height: 43px;
}
textarea.form-control {
  max-width: 100%;
  min-height: 80px;
  padding: 12px;
}
textarea.large {
  min-height: 300px;
}
.search-input {
  max-width: 100%;
  width: 280px;
}
.search-input .form-control {
  width: 222px;
  height: 43px;
  padding: 14px 17px 13px;
  float: none;
  border-right: 0;
  margin-right: 0;
  display: inline-block;
  border: none;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  background-color: rgba(232, 231, 231, 0.5);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #909090;
}
@media only screen and (min-width: 768px) {
  .search-input .form-control {
    width: 240px;
    font-size: 16px;
  }
}
.search-input .btn {
  background-color: #4AC102;
  border: 1px solid #4AC102;
  border-left: 0;
  height: 43px;
}
.search-input .btn.icon {
  padding: 7px 10px;
  font-size: 15px;
}
.search-input .btn.icon .icon-search:before {
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .search-input-in-conversation {
    width: 100%;
  }
  .search-input-in-conversation input {
    width: 100% !important;
  }
}
.row-0 {
  margin-right: 0;
  margin-left: 0;
}
.row-0 > [class^="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.row-5 {
  margin-right: -5px;
  margin-left: -5px;
}
.row-5 > [class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.row-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.row-10 > [class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.row-20 {
  margin-right: -20px;
  margin-left: -20px;
}
.row-20 > [class^="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}
.btn {
  line-height: 1.42857143 !important;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 18px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.btn:focus,
.btn:active {
  outline: none;
}
.btn:active:focus {
  outline: none;
}
.btn:active {
  border-color: #dbe1e5;
}
.btn.icon {
  padding: 7px 14px;
}
.btn.icon .icon {
  margin: 0;
  font-size: 18px;
}
.btn-toolbar .btn.icon {
  padding: 9px 14px;
}
.btn .icon {
  margin: 0 18px 0 0;
  line-height: 1;
}
.btn.dropdown-toggle {
  padding: 8px 18px 8px 22px;
}
.btn.dropdown-toggle .caret {
  margin-left: 10px;
}
.btn.active:focus {
  outline: none;
}
.btn[disabled] {
  opacity: 1;
  -webkit-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
}
.btn-disabled {
  background-color: #8e8f91 !important;
  color: #fff;
}
.btn-disabled:hover {
  color: #fff;
}
.open > .dropdown-toggle.btn-default:focus {
  border-color: #dbe1e5;
}
.btn-default {
  border-radius: 5px;
  border: 1px solid #efefef;
  background-color: #fffeff;
  /* Old browsers */
  -webkit-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #333 !important;
  background-size: 100% 200%;
  background-position: 0 0;
}
.btn-default:hover {
  background-position: 0 98%;
  border-color: #dbe1e5;
  background-color: #dbe1e5;
}
.btn-default:active:focus,
.btn-default:focus {
  border-color: #dbe1e5;
}
.btn-primary {
  border-radius: 5px;
  background-color: #337ab7;
  border: 1px solid #337ab7;
  color: #fff !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #2d6da3;
  border: 1px solid #2d6da3;
}
.btn-success {
  border-radius: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43af01+0,336d01+100 */
  background-color: #43af01;
  /* Old browsers */
  border: 1px solid #43af01;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  background-size: 100% 200%;
  background-position: 0 0;
  color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-position: 0 100%;
  background-color: #348801;
  border: 1px solid #348801;
}
.btn-orange {
  border-radius: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7043+0,d65f37+100 */
  background-color: #ff7043;
  /* Old browsers */
  border: 1px solid #ff7043;
  color: #fff !important;
  background-size: 100% 200%;
  background-position: 0 0;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-orange:hover {
  background-position: 0 100%;
  border: 1px solid #ff5d29;
  background-color: #ff5d29;
  color: #fff;
}
.btn-orange:active,
.btn-orange:focus {
  background-color: #f96d41;
  color: #fff;
}
.btn-blue {
  border-radius: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31b3ef+0,1da2de+100 */
  background-color: #31b3ef;
  /* Old browsers */
  border: 1px solid #31b3ef;
  color: #fff !important;
  background-size: 100% 200%;
  background-position: 0 0;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn-blue:hover {
  background-position: 0 100%;
  border: 1px solid #19aaed;
  background-color: #19aaed;
  color: #fff;
}
.btn-blue:active,
.btn-blue:focus {
  background-color: #31b3ef;
  color: #fff;
}
.btn-info {
  border-radius: 5px;
  background-color: #8c8d90;
  border: 1px solid #8c8d90;
  color: #fff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #727377;
  border: 1px solid #727377;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.btn-info:active:focus {
  background-color: #727377;
  border: 1px solid #727377;
}
.btn-warning {
  border-radius: 5px;
  background-color: #ffb300;
  border: 1px solid #ffb300;
  color: #fff !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #cc8f00;
  border: 1px solid #cc8f00;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.btn-danger {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef4747+0,eb2113+100 */
  border-radius: 5px;
  background-color: #ef4747;
  /* Old browsers */
  border: 1px solid #ef4747;
  color: #fff !important;
}
.btn-danger:hover,
.btn-danger:focus {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: 1px solid #db4141;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db4141+0,d61313+100 */
  background-color: #db4141;
  /* Old browsers */
}
.btn-danger:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc3838+0,bf1111+100 */
  background-color: #bc3838;
  /* Old browsers */
}
.btn-danger .icon-delete {
  margin: -4px 8px 0 -8px;
}
.btn-order {
  border-radius: 5px;
  background-color: #fdfefe;
  border: 1px solid #dadcdd;
  color: #3f4143 !important;
  font-weight: 600;
}
.btn-order:hover {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}
.btn-order:active {
  -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.21);
  box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.21);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.btn-chart {
  border-radius: 5px;
  background-color: #e5e8eb;
  border: 1px solid #e5e8eb;
  color: #3f4143;
}
.btn-chart:hover,
.btn-chart:focus,
.btn-chart:active {
  background-color: #caccce;
  border: 1px solid #caccce;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.btn-chart.active {
  color: #49c100;
  border-color: #49c100;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
.btn-plain {
  vertical-align: top;
  float: left;
  line-height: 0;
  color: #3f4143 !important;
  font-size: 23px;
  padding: 18px 15px 16px 2px;
}
.btn-plain .icon {
  line-height: 0;
}
.btn-plain:hover,
.btn-plain:focus {
  color: #3f4143 !important;
}
#tags button img {
  margin-left: 0;
  visibility: hidden;
}
#tags button.active img {
  margin-left: 10px;
  visibility: visible;
}
.btn-plain-general {
  line-height: 0;
  color: #8d8e90 !important;
  font-size: 23px;
  padding: 15px;
  background-color: transparent;
  border: 0;
}
.btn-plain-general .icon {
  line-height: 0;
}
.btn-plain-general:hover {
  color: #6e6f70 !important;
  outline: 0;
}
.btn-plain-general:focus {
  color: #8d8e90 !important;
  outline: 0;
}
.btn-circle {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #fff !important;
  text-align: center;
  font-size: 18px;
  padding-top: 11px;
}
.btn-circle.green {
  background-color: #41a901;
}
.btn-circle.green:hover {
  background-color: #398f04;
}
.btn-circle.red {
  background-color: #f71111;
}
.btn-circle.red:hover {
  background-color: #d81010;
}
.btn-blocks {
  padding: 10px 18px 8px;
}
.btn-blocks .icon {
  font-size: 19px;
}
.paginator {
  margin-bottom: 20px;
}
.paginator .btn {
  min-width: 55px;
  padding: 11.5px 17px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 3px;
  color: #909090;
  background-color: #fff;
  box-shadow: none;
  margin-left: 0 !important;
}
.paginator .btn:active {
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -ms-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease;
}
.paginator .btn:hover {
  background-color: rgba(144, 144, 144, 0.1);
}
.paginator .btn.active {
  background-color: #49c100;
  color: #fff;
}
.paginator .btn + .btn + .btn {
  margin-left: 1px !important;
}
@media only screen and (min-width: 1280px) {
}
.paginator.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.dropdown-menu {
  margin: 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border: 1px solid #dbe1e5;
  padding: 0;
}
.dropdown-menu > li {
  padding: 0;
  margin: 0;
}
.dropdown-menu > li::before {
  display: none;
}
.dropdown-menu > li > a {
  padding: 8px 14px;
  text-decoration: none;
  border-bottom: 1px solid #dbe1e5;
}
.dropdown-menu > li:last-child a {
  border-bottom: 0;
}
.switcher {
  margin-top: 5px;
  width: 100%;
}
.switcher .btn {
  font-size: 14px;
  border: 1px solid #dbe1e5;
  background-color: #fff;
  width: 50%;
}
.switcher .btn.active {
  background-color: #49c100;
  color: #fff;
}
.required {
  color: #f42727;
}
.select-group {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.select-group.single {
  margin-right: 0;
}
.mr-5 {
  margin-right: 5px;
}
.mt-15 {
  margin-top: 15px;
}
.mb-25 {
  margin-bottom: 25px;
}
.full-select .fstElement {
  margin: 0;
  width: 100%;
}
.full-select .fstControls {
  width: auto;
}
.full-select .fstToggleBtn {
  min-width: 100%;
}
input,
textarea,
button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
}
/*----------BLOCKS----------*/
.center-60 {
  width: 60%;
  margin: auto;
}
.center-400 {
  width: 400px;
  margin: auto;
}
/*----------ON/OFF-SWITCH---------*/
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 52px;
  height: 30px;
  background-color: #fff;
  border-radius: 60px;
  transition: background 0.4s;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 26px;
  background-color: #b1b3b5;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 22px;
  background-color: #49c100;
}
/*----------YES/NO-SWITCH---------*/
.can-toggle {
  position: relative;
}
.can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
  box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.can-toggle label .can-toggle__label-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-align: center;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-align: center;
  background: white;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  color: rgba(119, 119, 119, 0.5);
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch,
.can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #b1b3b5;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color: #b1b3b5;
}
.can-toggle input[type="checkbox"]:hover ~ label {
  color: #6a6a6a;
}
.can-toggle input[type="checkbox"]:checked ~ label:hover {
  color: #49c100;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: #49c100;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #49c100;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch,
.can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: #49c100;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #49c100;
}
.can-toggle label .can-toggle__label-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.can-toggle label .can-toggle__switch {
  -webkit-transition: background-color 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: background-color 0.5s cubic-bezier(0, 1, 0.5, 1);
  background: #b1b3b5;
}
.can-toggle label .can-toggle__switch:before {
  color: #fff;
}
.can-toggle label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0, 1, 0.5, 1);
  color: #b1b3b5;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(49px, 0, 0);
  transform: translate3d(49px, 0, 0);
}
.can-toggle label {
  font-size: 14px;
  width: 99px;
}
.can-toggle label .can-toggle__switch {
  height: 38px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 98px;
  -ms-flex: 0 0 98px;
  flex: 0 0 98px;
  border-radius: 4px;
}
.can-toggle label .can-toggle__switch:before {
  left: 49px;
  font-size: 14px;
  line-height: 38px;
  width: 49px;
  padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
  top: 0;
  left: 0;
  border-radius: 2px;
  width: 49px;
  line-height: 38px;
  font-size: 14px;
}
/*----------MULTIPLE-SELECT-(FASTSELECT)---------*/
.fstMultipleMode .fstQueryInput {
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: 33px;
  color: #3f4143;
}
.fstMultipleMode .fstQueryInputExpanded {
  padding: 0;
}
.fstMultipleMode .fstControls {
  padding: 5px;
}
.fstChoiceItem {
  font-size: 14px;
  background-color: #f6f8f9;
  border: 1px solid #dbe1e5;
  color: #3f4143;
  margin: 3px 6px 3px 0;
  padding: 2px 1.6em 2px 0.33333em;
}
.fstChoiceRemove {
  left: auto;
  right: 0;
  color: #f42727;
  font-size: 20px;
}
.fstElement,
select.userList {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 280px;
  border: none;
  text-align: left;
  margin: 0;
  background-color: rgba(232, 231, 231, 0.5);
}
select.userList {
  -webkit-appearance: none;
  float: none !important;
  height: 43px;
  padding: 0 17px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  color: #909090;
  background-position: 95% 50%;
  background-size: 11px 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='M0 1.43C0 1.076.125.722.375.445A1.319 1.319 0 012.302.394l3.208 3.2L8.695.396a1.318 1.318 0 011.927.045 1.48 1.48 0 01-.043 2.022l-4.124 4.14a1.318 1.318 0 01-1.881.003l-4.15-4.14A1.464 1.464 0 010 1.43z' fill='%23404040' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  select.userList {
    font-size: 16px;
  }
}
.fstResultItem {
  font-size: 14px;
  border: 0;
  border-bottom: 1px solid #dbe1e5;
  color: #3f4143;
}
.fstResultItem.fstFocused {
  background-color: #f6f8f9;
  border-color: #dbe1e5;
  color: #3f4143;
}
.fstResultItem.fstSelected {
  background-color: #f6f8f9;
  border-color: #dbe1e5;
  color: #3f4143;
}
.fstNoResults {
  font-size: 14px;
}
/*----------CLASSIC-SELECT---------*/
.fstToggleBtn {
  padding: 14px 17px 13px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  color: #909090;
}
@media only screen and (min-width: 768px) {
  .fstToggleBtn {
    font-size: 16px;
  }
}
.fstToggleBtn::after {
  right: 13px;
  display: inline-block;
  border: none;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='M0 1.43C0 1.076.125.722.375.445A1.319 1.319 0 012.302.394l3.208 3.2L8.695.396a1.318 1.318 0 011.927.045 1.48 1.48 0 01-.043 2.022l-4.124 4.14a1.318 1.318 0 01-1.881.003l-4.15-4.14A1.464 1.464 0 010 1.43z' fill='%23404040' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.fstActive .fstToggleBtn::after {
  transform: rotate(180deg) translateY(5px);
}
.fstSingleMode .fstQueryInput {
  font-size: 14px;
}
/*-----------PROGRESS-BAR----------*/
.progress {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #e3e7eb;
}
.progress-bar {
  -webkit-transition: all 2000ms ease;
  -moz-transition: all 2000ms ease;
  -ms-transition: all 2000ms ease;
  -o-transition: all 2000ms ease;
  transition: all 2000ms ease;
  background-color: #49c100;
  font-weight: 400;
  line-height: 24px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/*--------CHECK-BOX--------*/
input[type='checkbox'] {
  opacity: 0;
}
input[type='checkbox'] + span {
  background-image: url('../../images/checkbox-radio.png');
  background-position: 0 0;
  background-size: 26px 104px;
  background-repeat: no-repeat;
  padding-left: 32px;
  margin-left: -18px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 13px;
}
input[type='checkbox']:checked + span {
  background-position: 0 -26px;
}
input[type='radio'] {
  opacity: 0;
}
input[type='radio'] + span {
  background-image: url('../../images/checkbox-radio.png');
  background-position: 0 -52px;
  background-size: 26px 104px;
  background-repeat: no-repeat;
  padding-left: 32px;
  margin-left: -18px;
  padding-top: 2px;
  padding-bottom: 1px;
}
input[type='radio']:checked + span {
  background-position: 0 -78px;
}
label {
  font-weight: 400;
  font-weight: normal;
}
/*----------ALERTS----------*/
.alert {
  padding: 25px 25px 22px 25px;
  border: 0;
  color: #fff;
}
.alert .icon {
  font-size: 35px;
  line-height: 0.5;
}
.alert .icon-container {
  width: 55px;
  display: inline-block;
  vertical-align: top;
}
.alert .text-container {
  display: inline-block;
  vertical-align: top;
  padding: 4px 0 0 0;
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: -o-calc(100% - 80px);
  width: calc(100% - 80px);
}
.alert .text-container a {
  color: #fff;
}
.alert-info {
  display: flex;
  align-items: center;
  margin: 0 0 20px !important;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.09);
  border-radius: 20px;
  background-color: #FFC690;
}
@media only screen and (min-width: 768px) {
  .alert-info {
    margin: 0 0 40px !important;
  }
}
.alert-info .icon-container {
  flex: 0 0 45px;
  width: 45px;
  max-width: 45px;
  margin-right: 10px !important;
}
@media only screen and (min-width: 768px) {
  .alert-info .icon-container {
    margin-right: 25px !important;
  }
}
.alert-info .text-container {
  flex: 1;
  text-align: left !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  color: #AC5400;
}
.close {
  opacity: 0.5;
}
.close .icon {
  font-size: 16px;
  margin-right: 0;
}
.close:hover {
  opacity: 1;
}
.close:active,
.close:focus {
  outline: none;
}
.alert-dismissible .close {
  top: -18px;
  right: -13px;
  color: #fff;
}
.alert-dismissible .close {
  top: -18px;
  right: -13px;
  color: #fff;
}
.alert-warning {
  background-color: #ffb300;
}
.alert-success,
.alert-long-success {
  background-color: #49c100;
}
.alert-danger {
  background-color: #f42727;
}
.flash-messages {
  position: fixed;
  top: 80px;
  right: 20px;
  width: 500px;
  z-index: 9999;
}
/*----------TABLES----------*/
.table {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px;
  margin-bottom: 35px;
  width: -moz-calc(100% - 8px);
  width: -webkit-calc(100% - 8px);
  width: -o-calc(100% - 8px);
  width: calc(100% - 8px);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.table > thead > tr > th,
.table > thead > tr > td {
  background-color: #f6f8f9;
  padding: 24px 20px 20px 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: #50535a;
  font-size: 13px;
  vertical-align: middle;
}
.table > thead > tr > th.active,
.table > thead > tr > td.active {
  background-color: #f6f8f9;
  font-weight: 600;
}
.table > thead > tr > th {
  border-bottom: 2px solid #e4e6e7;
}
.table > thead > tr:first-of-type > td:first-of-type,
.table > thead > tr:first-of-type > th:first-of-type {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.table > thead > tr:first-of-type > td:last-of-type,
.table > thead > tr:first-of-type > th:last-of-type {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.table > thead > tr.active > th,
.table > thead > tr.active > td {
  background-color: #f6f8f9;
  font-weight: 600;
}
.table > tbody > tr {
  background-color: #fff;
}
.table > tbody > tr > th,
.table > tbody > tr > td {
  padding: 20px;
  vertical-align: middle;
}
.table > tbody > tr > th.active,
.table > tbody > tr > td.active {
  background-color: #f6f8f9;
  font-weight: 600;
}
.table > tbody > tr:last-of-type > th:first-of-type,
.table > tbody > tr:last-of-type > td:first-of-type {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.table > tbody > tr:last-of-type > th:last-of-type,
.table > tbody > tr:last-of-type > td:last-of-type {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.table > tbody > tr.active > th,
.table > tbody > tr.active > td {
  background-color: #f6f8f9;
  font-weight: 600;
}
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 20px;
  vertical-align: middle;
}
.table > tfoot > tr > th.active,
.table > tfoot > tr > td.active {
  background-color: #f6f8f9;
  font-weight: 600;
}
.table > tfoot > tr.active > th,
.table > tfoot > tr.active > td {
  background-color: #f6f8f9;
  font-weight: 600;
}
.table-bordered {
  border: 0;
}
/*-----------PANELS-----------*/
.panel {
  background-color: #FFFFFF;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.03);
  border: 0;
  border-radius: 0;
}
.panel-lg-m-b {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  .panel-lg-m-b {
    margin-bottom: 130px;
  }
}
.panel.finances .panel-heading .item {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  font-size: 15px;
  border-right: 2px solid #e4e6e7;
  padding-right: 20px;
  margin-right: 20px;
}
.panel.finances .panel-heading .item .icon {
  font-size: 30px;
  color: #dadcde;
  line-height: 1;
  margin-right: 15px;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.panel.finances .panel-heading .item .name {
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}
.panel.finances .panel-heading .item .value {
  color: #ff7043;
  font-weight: 700;
  font-size: 22px;
  margin: 9px 0 0 10px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
}
.panel.finances .panel-heading .item:last-child {
  padding-right: 0;
  margin-right: 0;
  border: 0;
}
.panel.finances .panel-body .table {
  margin: 0;
  width: 100%;
}
.panel.finances .panel-body .table .icon-checked {
  font-size: 25px;
  color: #49c100;
  margin-right: 25px;
  line-height: 0;
}
.panel.finances .panel-body .table .icon-close {
  font-size: 25px;
  color: #f42727;
  margin-right: 25px;
  line-height: 0;
}
.panel-title {
  color: #50535a;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 36px;
  margin-top: 2px;
}
.panel-title .icon {
  font-size: 30px;
  color: #e1e3e4;
  line-height: 0;
  margin-right: 10px;
  margin-top: -12px;
}
.panel-heading {
  padding: 15px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
.panel-default > .panel-heading {
  background-color: #fff;
  border-color: #e4e6e7;
}
.panel-body {
  padding: 0;
  border-collapse: collapse;
}
.panel-footer {
  background-color: #f6f8f9;
  border-top: 0;
}
.panel-footer--trainer-shop {
  background-color: #49c100;
}
.panel-footer--trainer-shop .title {
  color: white;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
.panel-invisible {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.panel-container {
  height: 100%;
  padding-bottom: 20px;
}
.panel-library {
  height: 100%;
  padding: 12px 12px 15px 12px;
}
.panel-library img {
  width: 100%;
}
.panel-library h5 {
  font-weight: 700;
  font-size: 14px;
  color: #3f4143;
  margin: 15px 0 0 0;
}
.panel-library .image-wrapper {
  overflow: hidden;
  margin: 0 0 15px 0;
  position: relative;
}
.panel-library .image-wrapper img {
  width: 100%;
}
.panel-library .image-container {
  position: relative;
}
.panel-library .image-container .tag {
  width: 28px;
  height: 28px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  right: 24px;
  bottom: -10px;
  text-align: center;
  padding-top: 3px;
  background-color: #49c100;
}
.panel-library .image-container .tag .icon {
  color: #fff;
}
.panel-library p {
  margin-bottom: 10px;
}
.panel-library .video {
  width: 80%;
  margin: auto;
  margin-bottom: 25px;
}
.exercise-image img {
  width: 100%;
}
.exercise-image + .exercise-image {
  margin-top: 20px;
}
.exercise-image--featured {
  position: relative;
  height: 0;
  padding-bottom: 55%;
  overflow: hidden;
  object-fit: cover;
}
.exercise-image--featured img {
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}
.panel-eshop-big {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
.panel-eshop-big #video-container {
  margin-bottom: 35px;
}
.panel-eshop-big .article-detail-content {
  margin-bottom: 35px;
}
.panel-eshop-big textarea.form-control {
  min-width: 100%;
  min-height: 400px;
}
.panel-eshop-big .video-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  margin-bottom: 60px;
}
.panel-eshop-big .video-image .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.panel-eshop-big .exercise-image {
  max-width: 100%;
  margin: 0 auto 35px;
}
.panel-eshop-big-body {
  padding: 0 15px;
}
@media only screen and (min-width: 1200px) {
  .panel-eshop-big-body {
    display: flex;
  }
}
.panel-eshop-big-body .item-video-title {
  margin-top: -2.7rem;
  color: #909090;
  margin-bottom: 5px;
}
.panel-shadow-hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
}
.panel-shadow-hover:hover {
  box-shadow: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.video-full {
  width: 100%;
}
.video-full.exercise-video .embed-responsive {
  margin-bottom: 0;
}
.video-full .embed-responsive {
  background-color: black;
}
.sticky-box-fixed {
  position: fixed;
  top: 95px;
}
.sticky-box-end {
  position: absolute;
  top: auto !important;
  bottom: 0;
}
/*
.online-program {
  margin: 0 0 30px;

  @media only screen and (min-width: 768px) {
    margin: 0 0 60px;
  }

  .fc-event-container {
    text-align: center;
  }

  .fc {
    position: relative;
    box-shadow: none;
    border-radius: 0;
  }

  .program-cover {
    z-index: 10;
  }

  .fc-row table,
  thead,
  .fc-head-container,
  .fc td, .fc th,
  .fc-body {
    border: none;
    box-shadow: none;
  }
  .fc tr:not(:last-of-type) td {
    border-bottom: 2px solid #f5f5f5;
  }
  .fc-day-header {
    border: none;
    padding: 14px 0 10px !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #404040;
    box-shadow: none;
    background-color: #E6E6E6;

    @media only screen and (min-width: 768px) {
      font-size: 16px;
    }
  }
  .fc-widget-content .fc-wk {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    background-color: @blue;
  }
  .fc-day .fc-event-container:first-of-type {
    padding-top: 0;
  }

  .fc-event {
    padding: 0 !important;
    width: 28px;
    height: 28px !important;
    margin: 15px auto;
    display: block;
    border-radius: 50%;

    @media only screen and (min-width: 768px) {
      width: 38px;
      height: 38px !important;
    }
  }
  .fc-event::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    @media only screen and (min-width: 768px) {
      width: 38px;
      height: 38px;
      font-size: 14px;
    }
  }

  .fc-event.fc-event-future.type-activity::before,
  .fc-event.fc-event-future.type-training::before {
    // background-color: #909090;
  }
}
*/
.hidden-actions-container .image-wrapper {
  position: relative;
}
.hidden-actions-container .hidden-actions {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  pointer-events: none;
}
.hidden-actions-container .hidden-actions .actions-btn-toolbar {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -25px;
}
.hidden-actions-container .hidden-actions .actions-btn-toolbar .btn-circle {
  transform: rotateY(180deg);
}
.hidden-actions-container .hidden-actions .actions-btn-toolbar .btn-circle + .btn-circle {
  margin-left: 12px;
}
.hidden-actions-container:hover .hidden-actions {
  opacity: 1;
  pointer-events: auto;
}
.hidden-actions-container:hover .hidden-actions .actions-btn-toolbar .btn-circle {
  transform: rotateY(0);
}
/*----------LIST----------*/
.list-group {
  margin-bottom: 0;
}
.list-group-item {
  border: 1px solid #e4e6e7;
  border-left: 2px solid #fff;
  text-decoration: none;
  font-size: 14px;
  padding: 12px 15px;
  border-right: 0;
}
.list-group-item::before {
  display: none;
}
.list-group-item .icon {
  margin-right: 12px;
  line-height: 1;
  font-size: 16px;
}
.list-group-item .icon.marker {
  float: right;
  font-size: 12px;
  margin-top: 6px;
}
.list-group-item:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.list-group-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.list-group-item.more {
  text-align: center;
  font-weight: 600;
  color: #3f4143;
}
.list-group-item.more .icon {
  margin-left: 10px;
  color: #c9c9c9;
}
.list-group-item.more:hover,
.list-group-item.more:focus {
  border-left: 2px solid #fafbfb;
}
.list-group-item.more:hover .icon,
.list-group-item.more:focus .icon {
  color: #49c100;
}
a.list-group-item {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #fafbfb;
  border-left: 2px solid #49c100;
  color: #49c100;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.diary {
  border-left: 1px solid #e4e6e7;
  border-right: 1px solid #e4e6e7;
  border-top: 1px solid #e4e6e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.diary .list-group-item {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: 0;
  margin: 0;
  border-bottom: 1px solid #e4e6e7;
  border-left: 2px solid #fff;
}
.diary .list-group-item .btn.icon {
  margin: 0 0 0 10px;
}
.diary .list-group-item .btn-toolbar {
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.diary .list-group-item:first-child {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.diary .list-group-item:last-child {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.diary .list-group-item:hover {
  background-color: #fafbfb;
  border-left: 2px solid #49c100;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.diary .list-group-item:hover .btn-toolbar {
  opacity: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.diary .list-group-item .timer-group {
  margin: 55px 0 0 0;
  text-align: right;
}
.diary .list-group-item .timer-group .timer-item {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  margin: 0 6px;
}
.diary .list-group-item .timer-group .timer-item span {
  display: block;
  width: 54px;
  height: 54px;
  color: #fff;
  margin: auto;
  font-weight: 400;
  font-size: 20px;
  box-sizing: border-box;
  padding: 13px 0 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-bottom: 8px;
}
.diary .list-group-item .timer-group .timer-item.green span {
  background-color: #49c100;
}
.diary .list-group-item .timer-group .timer-item.red span {
  background-color: #f42727;
}
.diary .list-group-item .timer-group .timer-item.orange span {
  background-color: #ff7043;
}
.diary .list-group-item .timer-group .timer-item.grey span {
  background-color: #d2d0d0;
}
.diary .list-group-item .timer-group .timer-item.grey-light span {
  background-color: #eee;
}
.diary .list-group-item h2 {
  font-size: 18px;
  font-weight: 700;
}
.trainings-list .list-group-item {
  min-height: 65px;
}
.trainings-list .list-group-item h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.trainings-list .list-group-item .user {
  padding-left: 40px;
  position: relative;
}
.trainings-list .list-group-item .user .image-wrapper {
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}
.trainings-list .list-group-item .training-name {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.trainings-list .list-group-item .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #898b8c;
  margin-top: 11px;
  line-height: 1.4;
}
.trainings-list .list-group-item .btn-toolbar {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: 20px;
  z-index: 2;
}
.trainings-list .list-group-item::before {
  width: 250px;
  height: 100%;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  left: auto;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  content: "";
  position: absolute;
  display: block;
  background: -moz-linear-gradient(left, rgba(250, 251, 251, 0) 0%, #fafbfb 16%, #fafbfb 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(250, 251, 251, 0) 0%, #fafbfb 16%, #fafbfb 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(250, 251, 251, 0) 0%, #fafbfb 16%, #fafbfb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafbfb', endColorstr='#fafbfb', GradientType=1);
  /* IE6-9 */
}
.trainings-list .list-group-item:hover::before {
  opacity: 1;
}
.trainings-list .list-group-item:hover .training-name {
  color: #31b3ef;
}
button.list-group-item:hover,
button.list-group-item:focus {
  background-color: #fafbfb;
  border-left: 2px solid #49c100;
  color: #49c100;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.panel-library .image-wrapper.image-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.panel-library .image-wrapper.image-16-9 img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.video-list {
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
}
.video-list .item {
  position: relative;
  counter-increment: item;
  margin: 0 0 1px;
  padding: 20px 55px 20px 65px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.03);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.video-list .item h3 {
  margin: 0;
  padding-right: 10px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.4;
  color: #404040;
}
.video-list .item::before {
  content: attr(data-video-id) ".";
  position: absolute;
  left: 20px;
  top: 50%;
  display: block;
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  line-height: 1;
  transform: translateY(-50%);
  color: #4AC102;
}
.blue-layout .video-list .item::before {
  color: #31b3ef;
}
.video-list .item.item-demo::before {
  content: "#";
}
.video-list .item .icon {
  position: absolute;
  color: #49c100;
  right: 20px;
  font-size: 41px;
  height: 41px;
  top: 50%;
  line-height: 0;
  transform: translateY(-50%);
}
.video-list .item.active {
  background-color: #f5f5f5;
}
.video-list .item.active .icon {
  color: #49c100;
}
.video-list .item:hover {
  background-color: #f5f5f5;
}
.video-list .item.demo {
  counter-increment: none;
}
.video-list .item.demo::before {
  content: "-";
}
.video-list.edit {
  margin-bottom: 100px;
}
.video-list.edit .item .btn {
  position: absolute;
  right: 8px;
  top: 50%;
  font-size: 18px;
  margin-top: 0;
  line-height: 1;
  padding: 7px 10px;
}
@media only screen and (min-width: 1280px) {
  .video-list.edit .item .btn {
    padding: 7px 14px;
  }
}
.video-list.edit .item .btn .icon {
  position: relative;
  color: #fff;
  right: auto;
  font-size: 18px;
  top: auto;
  margin-top: 0;
  line-height: 1;
  transform: none;
}
.video-list.edit .add-item {
  position: relative;
  border-top: 1px solid #e1e3e6;
}
.video-list.edit .add-item .btn {
  position: absolute;
  top: 7px;
  right: 8px;
}
.video-list.edit .add-item .btn .icon {
  margin-top: 3px;
}
.video-list-title {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #1D1D1D;
}
@media only screen and (min-width: 768px) {
  .video-list-title {
    font-size: 24px;
  }
}
.program-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.8);
}
.program-cover .btn-filled {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
/*-----------TAB-SELECT-----------*/
.tab-select .panel {
  background-color: #f6f8f9;
}
.tab-select .panel .panel-heading {
  background-color: #f6f8f9;
  border: 0;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.tab-select .panel .panel-heading h4 {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
}
.tab-select .panel .panel-heading h4 span {
  font-weight: 400;
}
.tab-select .panel .panel-heading a {
  text-decoration: none;
  color: #393c40;
  padding: 16px 15px 15px 15px;
  display: block;
}
.tab-select .panel .panel-body {
  border: 0 !important;
  padding: 15px;
}
.tab-select .panel .panel-body .btn-tag {
  background-color: #fff;
  font-weight: 400;
  padding: 10px 20px;
  -webkit-border-radius: 21px !important;
  -moz-border-radius: 21px !important;
  border-radius: 21px !important;
  margin: 0 10px 10px 0;
  outline: 0 !important;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.tab-select .panel .panel-body .btn-tag.active {
  background-color: #49c100;
  color: #fff;
  outline: 0 !important;
}
/*-----------TABS-----------*/
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs > li {
  margin: 0;
  padding: 0;
}
.nav-tabs > li::before {
  display: none;
}
.nav-tabs > li > a {
  background-color: #e5e8eb;
  color: #3f4143;
  text-decoration: none;
  border: 0;
  margin: 0;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 13px 20px;
}
.nav-tabs > li > a:hover {
  background-color: #e5e8eb;
  color: #49c100;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.nav-tabs > li.active > a {
  color: #49c100;
  border: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: 0;
  color: #49c100;
}
.nav-tabs > li + li {
  margin-left: 2px;
}
.tab-content {
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
/*-----------MENU-----------*/
.sidebar-offcanvas {
  width: 200px;
  position: fixed;
  min-height: -moz-calc(100vh - 60px);
  min-height: -webkit-calc(100vh - 60px);
  min-height: -o-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  height: -moz-calc(100vh - 60px);
  height: -webkit-calc(100vh - 60px);
  height: -o-calc(100vh - 60px);
  height: calc(100vh - 60px);
  overflow-y: auto;
  background-color: #3f4143;
  z-index: 999;
}
.sidebar-offcanvas .list-group {
  background-color: #36383a;
  margin-bottom: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #4f5153;
}
.sidebar-offcanvas .list-group .list-group-item {
  background-color: #36383a;
  border: 0;
  color: #b9bbbd;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  text-align: left;
  padding: 12px 15px 10px 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar-offcanvas .list-group .list-group-item .icon {
  font-size: 16px;
  margin-right: 17px;
  margin-top: 1px;
}
.sidebar-offcanvas .list-group .list-group-item.active,
.sidebar-offcanvas .list-group .list-group-item:hover {
  background-color: #202223;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar-offcanvas .list-group .list-group-item.active .badge,
.sidebar-offcanvas .list-group .list-group-item:hover .badge {
  color: #fff;
}
.sidebar-offcanvas .list-group .list-group-item.active .icon,
.sidebar-offcanvas .list-group .list-group-item:hover .icon {
  color: #49c100;
}
.sidebar-offcanvas .list-group .list-group-item:active {
  color: #49c100;
}
.sidebar-offcanvas .list-group .list-group-item > .badge {
  margin-top: 2px;
  background-color: #ff7043;
  font-weight: 400;
}
.sidebar-offcanvas .list-group .list-group-item:focus {
  border-left: 0;
}
.sidebar-offcanvas .bottom-group {
  background-color: transparent;
  padding-top: 15px;
  border-bottom: 1px solid #36383a;
}
.sidebar-offcanvas .bottom-group .list-group-item {
  background-color: transparent;
  font-weight: 400;
  text-transform: none;
}
.sidebar-offcanvas .add-links {
  padding: 20px 15px;
  border-top: 1px solid #4f5153;
  text-align: center;
}
.sidebar-offcanvas .add-links a {
  color: #a6a8ab;
  font-size: 13px;
  text-decoration: underline;
  display: block;
  margin-bottom: 10px;
}
.sidebar-offcanvas .add-links a:hover {
  text-decoration: none;
}
.col-offset-200 {
  padding-left: 200px;
  padding-bottom: 50px;
  position: relative;
}
.container-fluid {
  padding-left: 35px;
  padding-right: 35px;
}
.navbar {
  min-height: 65px;
}
.navbar-header p {
  margin: 0;
}
.navbar-default {
  background-color: #49c100;
  border: 0;
}
.navbar-default .navbar-brand {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 26px;
  line-height: 1;
  padding: 21px 0 0 15px;
  width: 145px;
  height: auto;
}
.navbar-default .navbar-brand img {
  width: 100%;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #fff;
}
.navbar-default .navbar-toggle {
  border: 0;
  margin: 13px 0 0 7px;
  padding: 10px 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navbar-default .navbar-toggle:hover {
  background-color: #3fa800;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle:focus:hover {
  background-color: #3fa800;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f8f8f8;
  width: 18px;
}
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
.navbar-default .navbar-nav li {
  padding: 0;
  margin: 0;
}
.navbar-default .navbar-nav li::before {
  display: none;
}
.navbar-default .navbar-nav .dropdown > a {
  height: 65px;
  padding-top: 11px;
  padding-bottom: 9px;
  padding-left: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  width: auto;
  max-width: 500px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navbar-default .navbar-nav .dropdown > a .avatar {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  line-height: 1;
  margin-right: 6px;
  width: 42px;
  height: 42px;
}
.navbar-default .navbar-nav .dropdown > a .avatar img {
  width: 100%;
}
.navbar-default .navbar-nav .dropdown > a .name {
  text-decoration: underline;
  font-weight: 600;
}
.navbar-default .navbar-nav .dropdown > a .caret {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 11px;
  height: 11px;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='M0 1.43C0 1.076.125.722.375.445A1.319 1.319 0 012.302.394l3.208 3.2L8.695.396a1.318 1.318 0 011.927.045 1.48 1.48 0 01-.043 2.022l-4.124 4.14a1.318 1.318 0 01-1.881.003l-4.15-4.14A1.464 1.464 0 010 1.43z' fill='%23ffffff' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.navbar-default .navbar-nav .dropdown > a:hover {
  color: #fff;
  background-color: #3f4143;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navbar-default .navbar-nav .dropdown > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav .dropdown > .dropdown-menu {
  width: 210px;
  background-color: #3f4143;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  padding: 0 0 1px 0;
}
.navbar-default .navbar-nav .dropdown > .dropdown-menu > li {
  padding: 0 12px;
}
.navbar-default .navbar-nav .dropdown > .dropdown-menu > li > a {
  color: #b9bbbd;
  padding: 10px 0;
  border-top: 1px solid #4f5153;
  border-bottom: 0;
  text-align: center;
  text-decoration: none;
}
.navbar-default .navbar-nav .dropdown > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown > .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open a:hover,
.navbar-default .navbar-nav > .open a:focus {
  background-color: #3f4143;
  color: #fff;
}
.navbar-default .navbar-nav .logout {
  margin-right: 15px;
  height: 65px;
  width: 65px;
  padding-top: 22px;
  padding-left: 23px;
  background-color: #44b400;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navbar-default .navbar-nav .logout .icon {
  font-size: 21px;
  color: #fff;
}
.navbar-default .navbar-nav .logout:hover {
  background-color: #3fa800;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navbar-default .navbar-nav.not-logged a {
  width: 180px;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu {
  width: 280px;
  box-sizing: border-box;
  padding: 20px;
  right: 15px;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .form-control {
  margin-bottom: 15px;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .btn-link {
  width: auto;
  padding: 9px 0;
  color: #fff;
  font-weight: 400;
  border: 0;
  font-size: 13px;
  -webkit-transition: all 0 ease;
  -moz-transition: all 0 ease;
  -ms-transition: all 0 ease;
  -o-transition: all 0 ease;
  transition: all 0 ease;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .btn-link:focus,
.navbar-default .navbar-nav.not-logged .dropdown-menu .btn-link:active {
  outline: none;
  border: 0;
  -webkit-transition: all 0 ease;
  -moz-transition: all 0 ease;
  -ms-transition: all 0 ease;
  -o-transition: all 0 ease;
  transition: all 0 ease;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .btn-default {
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -ms-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .btn-default:active {
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -ms-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .social-login {
  border-top: 1px solid #535456;
  margin-top: 23px;
  padding-top: 16px;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .social-login .item {
  color: #fff;
  padding: 6px 0 6px 30px;
  position: relative;
  font-size: 13px;
  line-height: 1;
  width: auto;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .social-login .item::before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .social-login .item.gplus {
  margin-right: 25px;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .social-login .item.gplus::before {
  background-image: url('../../images/sprite.png');
  background-position: -109px 0;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
.navbar-default .navbar-nav.not-logged .dropdown-menu .social-login .item.fb::before {
  background-image: url('../../images/sprite.png');
  background-position: -136px 0;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
/*----------DASHBOARD---------*/
.trainer-thumbs {
  background-color: #f6f8f9;
  height: auto;
  border-collapse: collapse;
}
.trainer-thumbs .trainer-thumb {
  width: 12.5%;
  border-collapse: collapse;
  float: left;
  position: relative;
  min-height: 1px;
  text-align: center;
  border-right: 1px solid #e4e6e7;
  border-bottom: 1px solid #e4e6e7;
  cursor: pointer;
  background-color: #fff;
  height: auto;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.trainer-thumbs .trainer-thumb .img-wrapper {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  margin: auto;
  margin-top: 19px;
  margin-bottom: 10px;
}
.trainer-thumbs .trainer-thumb .img-wrapper img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.trainer-thumbs .trainer-thumb .img-wrapper.no-image {
  border: 1px solid #e0e2e3;
}
.trainer-thumbs .trainer-thumb h4 {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 700;
  color: #3f4143;
}
.trainer-thumbs .trainer-thumb h5 {
  font-style: oblique;
  font-size: 13px;
  color: #898b8c;
  padding: 0 5px;
}
.trainer-thumbs .trainer-thumb:hover {
  background-color: #fafbfb;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.trainer-thumbs .trainer-thumb.add-trainer {
  background-color: #f6f8f9;
  min-height: 179px;
}
.trainer-thumbs .trainer-thumb.add-trainer .icon {
  font-size: 32px;
  margin-top: 50px;
  margin-bottom: 18px;
}
.trainer-thumbs .trainer-thumb.add-trainer:hover {
  background-color: #49c100;
}
.trainer-thumbs .trainer-thumb.add-trainer:hover h4,
.trainer-thumbs .trainer-thumb.add-trainer:hover .icon {
  color: #fff;
}
.trainer-thumbs .trainer-thumb:nth-of-type(8n+8) {
  border-right: 0;
}
.trainer-thumbs.four .trainer-thumb {
  width: 25%;
}
.trainer-thumbs.four .trainer-thumb:nth-of-type(4n+4) {
  border-right: 0;
}
.activities-overview .panel-body {
  text-align: center;
}
.activities-overview .panel-body .nav-tabs {
  margin: 28px 0;
  display: inline-block;
}
.activities-overview .panel-body .nav-tabs > li > a {
  padding: 0 12px 12px 12px;
  margin: 0 8px;
  font-weight: 600;
  font-size: 15px;
  color: #3f4143;
  border-bottom: 2px solid #fff;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.activities-overview .panel-body .nav-tabs > li.active > a {
  color: #49c100;
  border-bottom: 2px solid #49c100;
}
.activities-overview .panel-body .bars {
  margin: auto;
  margin-bottom: 15px;
}
.activities-overview .panel-body .bars .bar-container {
  width: 50px;
  height: 200px;
  background-color: #f6f8f9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 8px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.activities-overview .panel-body .bars .bar-container:last-child {
  margin-right: 0;
}
.activities-overview .panel-body .bars .bar-container .bar {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #49c100;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.activities-overview .panel-body .bars .bar-container span {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 5px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.activities-overview .tab-content {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
.activities-overview h4 {
  color: #8f9195;
  font-size: 14px;
  font-style: oblique;
}
.activities-overview .panel-footer {
  padding: 15px;
}
.activities-overview .panel-footer .statistics {
  font-size: 0;
  text-align: center;
}
.activities-overview .panel-footer .statistics .item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  padding: 10px 0;
  border-right: 2px solid #e4e6e7;
}
.activities-overview .panel-footer .statistics .item:last-child {
  border: 0;
}
.activities-overview .panel-footer .statistics .item span {
  display: block;
  color: #49c100;
  font-size: 22px;
  margin-top: 15px;
  font-weight: 700;
}
.activities-overview .panel-footer h4 {
  margin: 10px 0 0 0;
  text-align: center;
}
/*----------TRAINER-PROFILE----------*/
.rating {
  font-weight: 600;
  background-color: #ff7043;
  color: #fff;
  font-size: 12px;
  width: 41px;
  height: 41px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  box-sizing: border-box;
  text-align: center;
  border: 3px solid #fff;
}
.rating .icon {
  display: block;
  font-size: 10px;
  line-height: 0;
  margin-top: 5px;
}
.trainer-profile {
  text-align: center;
  padding-top: 25px;
}
.trainer-profile .trainer-avatar {
  width: 200px;
  height: 200px;
  margin: auto;
  position: relative;
}
.trainer-profile .trainer-avatar .image-wrapper {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.trainer-profile .trainer-avatar .image-wrapper img {
  width: 100%;
}
.trainer-profile .trainer-avatar .rating {
  position: absolute;
  top: 6px;
  left: -4px;
}
.trainer-profile .register-date {
  color: #9fa1a4;
  margin: 20px 0;
}
.trainer-profile .info-box {
  margin: 0 15px;
  border-top: 1px solid #e4e6e7;
  text-align: left;
  padding: 20px 0;
  font-weight: 600;
}
.trainer-profile .info-box .icon {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  text-align: center;
  color: #49c100;
  font-size: 18px;
}
.trainer-profile .info-box .info {
  display: inline-block;
  vertical-align: top;
}
.trainer-profile .info-box .info a {
  color: #3f4143;
  text-decoration: none;
}
.trainer-profile .info-box .info a:hover {
  text-decoration: underline;
}
.trainer-profile .info-box.address {
  font-weight: 400;
}
.trainer-profile .panel-footer {
  text-align: center;
  padding: 20px 0;
}
.trainer-profile .panel-footer .statistics {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  box-sizing: border-box;
  padding: 5px 0;
  font-weight: 700;
  color: #49c100;
  font-size: 20px;
  line-height: 1;
  border-right: 2px solid #dadcdd;
}
.trainer-profile .panel-footer .statistics:last-child {
  border: 0;
}
.trainer-profile .panel-footer .statistics span {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: #929596;
  margin: 0 0 20px 0;
}
.trainer-programme {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.trainer-programme .row {
  margin: 0;
}
.trainer-programme .flex-container {
  display: flex;
  align-items: stretch;
}
.trainer-programme .flex-container .item {
  padding: 0;
  width: 50%;
}
.trainer-programme h2 {
  font-weight: 200;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  padding: 25px 20px;
  border-bottom: 1px solid #e4e6e7;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.trainer-programme .programme-info {
  padding: 25px 20px;
  font-weight: 700;
}
.trainer-programme .programme-info .explanations {
  margin-top: 30px;
  font-style: oblique;
  color: #9a9b9f;
}
.trainer-programme .programme-tariffs {
  position: relative;
  height: 100%;
  min-height: 410px;
}
.trainer-programme .programme-tariffs .tariff {
  background-color: #49c100;
  height: 100%;
  min-height: 100% !important;
  color: #fff;
  text-align: center;
  position: relative;
}
.trainer-programme .programme-tariffs .tariff .months-count {
  font-weight: 700;
  font-size: 17px;
  width: 46px;
  height: 46px;
  margin: auto;
  border: 3px solid #fff;
  text-align: center;
  box-sizing: border-box;
  margin-top: 42px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding-top: 9px;
  position: relative;
  margin-bottom: 12px;
}
.trainer-programme .programme-tariffs .tariff .months-count::before {
  width: 32px;
  height: 1px;
  position: absolute;
  display: block;
  content: "";
  left: -35px;
  top: 50%;
  background: -moz-linear-gradient(left, rgba(157, 221, 118, 0) 0%, #9ddd76 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(157, 221, 118, 0) 0%, #9ddd76 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(157, 221, 118, 0) 0%, #9ddd76 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ddd76', endColorstr='#9ddd76', GradientType=1);
  /* IE6-9 */
}
.trainer-programme .programme-tariffs .tariff .months-count::after {
  width: 32px;
  height: 1px;
  position: absolute;
  display: block;
  content: "";
  right: -35px;
  top: 50%;
  background: -moz-linear-gradient(left, #9ddd76 0%, rgba(157, 221, 118, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9ddd76 0%, rgba(157, 221, 118, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9ddd76 0%, rgba(157, 221, 118, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ddd76', endColorstr='#009ddd76', GradientType=1);
  /* IE6-9 */
}
.trainer-programme .programme-tariffs .tariff .months-label {
  font-weight: 400;
  font-size: 13px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  position: relative;
}
.trainer-programme .programme-tariffs .tariff .months-label::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 3px;
  background-color: #41aa00;
}
.trainer-programme .programme-tariffs .tariff .price {
  font-weight: 700;
  font-size: 28px;
}
.trainer-programme .programme-tariffs .tariff .price span {
  font-weight: 400;
  font-size: 20px;
}
.trainer-programme .programme-tariffs .tariff .btn-order {
  position: absolute;
  width: 110px;
  bottom: 30px;
  left: 50%;
  margin-left: -55px;
}
.trainer-programme .programme-tariffs .tariff.active {
  background-color: #40a800;
}
.trainer-programme .programme-tariffs .tariff.active .months-label::after {
  background-color: #3b9704;
}
.trainer-programme .programme-tariffs .log-in-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 0 30px 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43b100+0,43b100+100&0+0,0.8+28,1+100 */
  background: -moz-linear-gradient(top, rgba(67, 177, 0, 0) 0%, rgba(67, 177, 0, 0.8) 28%, #43b100 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(67, 177, 0, 0) 0%, rgba(67, 177, 0, 0.8) 28%, #43b100 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(67, 177, 0, 0) 0%, rgba(67, 177, 0, 0.8) 28%, #43b100 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0043b100', endColorstr='#43b100', GradientType=0);
  /* IE6-9 */
}
.trainer-programme .programme-tariffs .log-in-overlay div {
  color: #fff;
  font-size: 14px;
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
}
.trainer-programme .programme-tariffs .log-in-overlay div span {
  font-weight: 700;
}
.trainer-programme .programme-tariffs .log-in-overlay .btn-default {
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -ms-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease;
  font-size: 17px;
  padding: 10px 36px;
}
/*-----------TRAINER-LANDING------------*/
.trainer-landing .main-headline {
  padding: 10px 0 3px;
}
.trainer-landing .main-headline .btn-toolbar {
  margin-top: 6px;
}
.trainer-landing .image-wrapper {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.trainer-landing .image-wrapper .rating {
  position: absolute;
  top: 5px;
  left: -30px;
}
.trainer-landing .name {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.trainer-landing .name h1 {
  line-height: 1;
  margin-top: 8px;
}
.trainer-landing .name span {
  display: block;
  line-height: 0.8;
  font-style: oblique;
  font-weight: 200;
  color: #9fa1a4;
  font-size: 16px;
}
.trainer-landing .trainer-profile {
  padding-top: 0;
}
.trainer-landing .trainer-profile .info-box.address {
  border: 0;
}
.trainer-landing .trainer-profile .video-full .embed-responsive {
  margin-bottom: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.trainer-landing .trainer-programme {
  margin-top: 160px;
  margin-bottom: 35px;
}
.trainer-landing .trainer-programme .programme-tariffs {
  min-height: 270px;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff {
  position: relative;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .months {
  position: absolute;
  top: -139px;
  left: 0;
  width: 100%;
  background-color: #d2d6db;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .months .months-count {
  margin-top: 21px;
  color: #5e646a;
  border-color: #5e646a;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .months .months-count::before {
  background: -moz-linear-gradient(left, rgba(139, 144, 149, 0) 0%, #8b9095 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(139, 144, 149, 0) 0%, #8b9095 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(139, 144, 149, 0) 0%, #8b9095 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008b9095', endColorstr='#8b9095', GradientType=1);
  /* IE6-9 */
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .months .months-count::after {
  background: -moz-linear-gradient(left, #8b9095 0%, rgba(139, 144, 149, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #8b9095 0%, rgba(139, 144, 149, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #8b9095 0%, rgba(139, 144, 149, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b9095', endColorstr='#008b9095', GradientType=1);
  /* IE6-9 */
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .months .months-label {
  margin-bottom: 0;
  padding-bottom: 15px;
  color: #5e646a;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .months .months-label::after {
  display: none;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff.active .months {
  background-color: #c3c8ce;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff.active .price::before {
  background-color: #3b9704;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff:first-child .months {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff:last-child .months {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .price {
  font-size: 25px;
  margin-bottom: 10px;
  padding-top: 40px;
  margin-top: 30px;
  position: relative;
  line-height: 1;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .price span {
  font-size: 14px;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .price::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #41aa00;
  width: 30px;
  height: 3px;
  top: 0;
  left: 50%;
  margin-left: -15px;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .saving {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .info {
  font-size: 13px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.4);
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .btn-order {
  top: 20px;
  bottom: auto;
  width: auto !important;
  transform: translateX(-50%);
  margin-left: 0 !important;
}
.trainer-landing .trainer-programme .programme-tariffs .tariff .btn-remote {
  width: 160px;
  margin-left: -80px;
  bottom: auto;
  top: 50%;
  margin-top: -19px;
}
.trainer-landing .trainer-programme h2 span {
  font-weight: 700;
}
.trainer-landing .trainer-programme .programme-info {
  font-weight: 400;
}
.trainer-landing .trainer-programme .plus h2 {
  border-top: 1px solid #e5e5e5;
}
.trainer-landing .trainer-programme .plus .programme-tariffs .tariff {
  background-color: #3ea200;
}
.trainer-landing .trainer-programme .plus .programme-tariffs .tariff.active {
  background-color: #3b9800;
}
.trainer-landing .trainer-programme .plus .programme-tariffs .tariff .price::before {
  background-color: #317f00;
}
.trainer-landing .trainer-programme.v3 {
  margin-top: 40px;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs {
  min-height: 350px;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .months {
  position: relative;
  top: auto;
  left: auto;
  background-color: transparent;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .months .months-count {
  color: #fff;
  border-color: #fff;
  margin-bottom: 3px;
  margin-top: 10px;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .months .months-count::before {
  background: -moz-linear-gradient(left, rgba(157, 221, 118, 0) 0%, #9ddd76 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(157, 221, 118, 0) 0%, #9ddd76 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(157, 221, 118, 0) 0%, #9ddd76 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ddd76', endColorstr='#9ddd76', GradientType=1);
  /* IE6-9 */
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .months .months-count::after {
  background: -moz-linear-gradient(left, #9ddd76 0%, rgba(157, 221, 118, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9ddd76 0%, rgba(157, 221, 118, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9ddd76 0%, rgba(157, 221, 118, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ddd76', endColorstr='#009ddd76', GradientType=1);
  /* IE6-9 */
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .months .months-label {
  color: #fff;
  padding-bottom: 0;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .price {
  margin-top: 0;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .price::before {
  display: none;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff.overflow::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 9px;
  background-color: #49c100;
  top: -9px;
  left: 0;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff.overflow:nth-of-type(1)::before {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff.overflow:nth-of-type(3)::before {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs .tariff.overflow.active::before {
  background-color: #40a800;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs.plus-tariff {
  min-height: 0;
}
.trainer-landing .trainer-programme.v3 .programme-tariffs.plus-tariff .tariff .price {
  padding-top: 20px;
  font-size: 50px;
}
/*------------TRAINER-LIST-------------*/
.menu-items-paginator {
  margin-right: 10px;
}
.menu-items-paginator .row-menu {
  background: url('../../images/svg/menu-black.svg') center center no-repeat, #fff;
  background-size: 26px auto;
  width: 43px;
  height: 43px;
}
.menu-items-paginator .row-menu.active {
  background: url('../../images/svg/menu-white.svg') center center no-repeat;
  background-size: 26px auto;
}
.menu-items-paginator .grid-menu {
  background: url('../../images/svg/second-menu-black.svg') center center no-repeat, #fff;
  background-size: 26px auto;
  width: 43px;
  height: 43px;
}
.menu-items-paginator .grid-menu.active {
  background: url('../../images/svg/second-menu-white.svg') center center no-repeat;
  background-size: 26px auto;
}
.trainer-list-item {
  margin: 0 0 20px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  color: #3f4143;
}
@media only screen and (min-width: 768px) {
  .trainer-list-item {
    margin: 0 0 10px;
  }
  .trainer-list-item:last-child {
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 992px) {
  .trainer-list-item.row-list .panel {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) {
  .trainer-list-item.row-list .image {
    width: 62px;
  }
  .trainer-list-item.row-list .image .image-wrapper {
    margin-right: 10px;
  }
  .trainer-list-item.row-list .image .image-wrapper img {
    width: 100%;
    height: auto;
  }
  .trainer-list-item.row-list .btn {
    padding: 8px 16px;
  }
}
@media only screen and (min-width: 992px) {
  .trainer-list-item.row-list .panel-body {
    width: calc(100% - 610px);
  }
}
@media only screen and (min-width: 768px) {
  .trainer-list-item.row-list .panel-body {
    display: flex;
    align-items: center;
    padding: 10px 13px;
  }
}
@media only screen and (min-width: 768px) {
  .trainer-list-item.row-list .info h2 {
    margin-bottom: 0px;
  }
  .trainer-list-item.row-list .info .category {
    margin-bottom: 0;
    font-style: italic;
  }
}
@media only screen and (min-width: 768px) {
  .trainer-list-item.row-list .panel-footer {
    padding: 5px 15px;
  }
  .trainer-list-item.row-list .panel-footer .action-buttons .left {
    width: auto;
    padding-top: 5px;
  }
  .trainer-list-item.row-list .panel-footer .action-buttons .right {
    width: auto;
    margin-left: 10px;
    padding: 5px 0 0 10px;
    border-left: 1px solid #DCE1E5;
  }
}
.trainer-list-item.row-list .image .image-wrapper {
  margin: 0 20px 0 0;
}
.trainer-list-item .image {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.trainer-list-item .image .image-wrapper {
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 20px 0 0;
}
.trainer-list-item .image .image-wrapper img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 88px;
  height: 88px;
}
.trainer-list-item .image span {
  font-size: 13px;
  color: #9fa1a4;
  margin: 2px 0 0 0;
  display: block;
  text-align: left;
}
.trainer-list-item .info {
  display: inline-block;
  vertical-align: top;
  width: -moz-calc(100% - 125px);
  width: -webkit-calc(100% - 125px);
  width: -o-calc(100% - 125px);
  width: calc(100% - 125px);
}
.trainer-list-item .info h2 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 3px;
  text-decoration: none;
}
.trainer-list-item .info .category {
  display: block;
  margin-bottom: 10px;
  font-weight: 200;
  line-height: 1;
  color: #9fa1a4;
}
.trainer-list-item .info p {
  font-size: 13px;
  color: #545658;
  padding-right: 15px;
}
.trainer-list-item .info .note {
  padding-bottom: 20px;
}
.trainer-list-item .note-btn {
  margin-bottom: 5px;
}
.trainer-list-item .panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin: 0;
  text-decoration: none;
}
.trainer-list-item .panel-body {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .trainer-list-item .panel-body {
    padding: 30px;
  }
}
.trainer-list-item .panel-footer {
  display: flex;
  align-items: center;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.03);
  background-color: #F3F3F3;
  border-top: 0;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .trainer-list-item .panel-footer {
    padding: 25px;
  }
}
.trainer-list-item .panel-footer .action-buttons {
  width: 100%;
  font-size: 0;
}
.trainer-list-item .panel-footer .action-buttons .left,
.trainer-list-item .panel-footer .action-buttons .right {
  display: inline-block;
  vertical-align: top;
}
.trainer-list-item .panel-footer .action-buttons .left .btn + .btn,
.trainer-list-item .panel-footer .action-buttons .right .btn + .btn {
  margin-left: 10px;
}
.trainer-list-item .panel-footer .action-buttons .left {
  width: 45%;
}
.trainer-list-item .panel-footer .action-buttons .right {
  width: 55%;
  text-align: right;
  position: relative;
  /*
        &::before {
          width: 1px;
          height: 22px;
          background-color: #dadcdd;
          .pseudo;
          left: 0;
          top: 50%;
          margin-top: -11px;
        }
         */
}
.trainer-list-item .panel-footer .statistics {
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  color: #404040;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .trainer-list-item .panel-footer .statistics {
    font-size: 15px;
  }
}
.trainer-list-item .panel-footer .statistics span {
  color: #49c100;
  font-weight: 700;
  font-size: inherit;
  display: inline-block;
  vertical-align: top;
}
.trainer-list-item .panel-footer .statistics:first-child {
  border-right: 1px solid #dadcdd;
  padding-right: 20px;
  margin-right: 20px;
}
.trainer-list-item .panel-footer .statistics:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
.trainer-list-item .panel-footer .rating-container {
  display: inline-block;
  vertical-align: top;
  float: right;
  margin-bottom: 18px;
}
.trainer-list-item:hover,
.trainer-list-item:focus {
  color: #3f4143;
}
.trainer-list-item-desc {
  margin: 13px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #404040;
}
.trainer-list-item-head {
  display: flex;
  align-items: center;
}
.trainer-list-item-head h2 {
  color: #404040;
}
/*-----------TRAININGS----------*/
.trainings .header {
  padding: 15px;
}
.trainings .tab-select {
  border-top: 1px solid #e1e3e4;
}
.trainings .panel-group {
  margin: 0;
}
.trainings .diary {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-right: 0;
  border-left: 0;
}
.trainings .diary .list-group-item {
  cursor: pointer;
}
.trainings .diary .list-group-item:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.trainings .diary h2,
.trainings .diary p {
  margin: 11px 0 0 0;
  line-height: 1.4;
}
.trainings .diary h2 {
  font-size: 14px;
}
.trainings .diary p {
  color: #898b8c;
}
.trainings .alert {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  padding: 18px;
  color: #50535a;
  font-weight: 600;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.trainings .alert .text-container {
  width: 100%;
  padding: 0;
  text-align: center;
}
.trainings .alert-dismissible {
  position: relative;
}
.trainings .alert-dismissible .close {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 22px;
  color: #000;
}
.trainings .alert-warning {
  background-color: #feff9f;
}
.training .panel-heading {
  background-color: #f6f8f9;
  color: #3f4143;
}
.training .panel-heading p {
  margin-bottom: 10px;
}
.training .panel-body .section {
  padding: 25px 20px;
  border-bottom: 1px dashed #d6d8d9;
}
.training .panel-body .section .in {
  padding: 4px 0 8px 26px;
  border-left: 3px solid transparent;
}
.training .panel-body .section .in h2 {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color: #3f4143;
}
.training .panel-body .section .in h3 {
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  margin: 15px 0 10px 0;
}
.training .panel-body .section .in > p {
  margin-bottom: 0;
  line-height: 1;
}
.training .panel-body .section .in .play {
  padding: 9px 10px 8px 13px;
  margin-top: 5px;
}
.training .panel-body .section .in.yellow {
  border-color: #ffb924;
}
.training .panel-body .section .in.red {
  border-color: #f42727;
}
.training .panel-body .section .in.blue {
  border-color: #57cbe4;
}
.training .panel-body .section .in .exercise {
  margin-top: 15px;
}
.training .panel-body .section .in .exercise .number {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  text-align: center;
  background-color: #e5e8eb;
  padding-top: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.training .panel-body .section .in .exercise .number:hover {
  cursor: pointer;
}
.training .panel-body .section .in .exercise .number.is-completed {
  background-color: #49c100;
  color: white;
}
.training .panel-body .section .in .exercise .info {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 20px;
  width: -moz-calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -o-calc(100% - 110px);
  width: calc(100% - 110px);
  line-break: anywhere;
}
.training .panel-body .section .in .exercise .info h3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  margin: 1px 0 2px 0;
}
.training .panel-body .section .in .exercise .info p {
  margin: 0;
  font-size: 12px;
}
.training .panel-body .section .in .exercise .play {
  margin-top: 0;
}
.training .panel-body .section .in .rest,
.training .panel-body .section .in .note {
  background-color: #e5e8eb;
  margin-top: 15px;
  padding: 8px 0 6px 6px;
}
.training .panel-body .section .in .rest .icon,
.training .panel-body .section .in .note .icon {
  color: #9c9ea0;
  font-size: 26px;
  line-height: 0;
}
.training .panel-body .section .in .rest p,
.training .panel-body .section .in .note p {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  font-size: 14px;
  margin: 0;
  padding: 1px 0 0 25px;
}
.training .panel-body .section .in .linked-exercises {
  margin-top: 15px;
  font-size: 0;
  line-height: 0;
}
.training .panel-body .section .in .linked-exercises .linked-container {
  border: 2px dashed #49c100;
  display: inline-block;
  vertical-align: top;
  padding: 3px;
  margin-left: -3px;
  box-sizing: border-box;
  margin-right: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.training .panel-body .section .in .linked-exercises .linked-container .number {
  font-weight: 600;
  font-size: 14px;
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  text-align: center;
  background-color: #e5e8eb;
  line-height: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.training .panel-body .section .in .linked-exercises .linked-container .number:hover {
  cursor: pointer;
}
.training .panel-body .section .in .linked-exercises .linked-container .number.is-completed {
  background-color: #49c100;
  color: white;
}
.training .panel-body .section .in .linked-exercises .linked-container .icon {
  color: #49c100;
  font-size: 20px;
  width: 38px;
  text-align: center;
  line-height: 0;
  margin: 9px 0 8px 0;
  height: 21px;
}
.training .panel-body .section .in .linked-exercises .linked-info {
  display: inline-block;
  vertical-align: top;
  width: -moz-calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  width: -o-calc(100% - 70px);
  width: calc(100% - 70px);
}
.training .panel-body .section .in .linked-exercises .linked-info .linked-exercise {
  margin: 0 0 38px 0;
}
.training .panel-body .section .in .linked-exercises .linked-info .linked-exercise h3 {
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  margin: 6px 0 7px 0;
}
.training .panel-body .section .in .linked-exercises .linked-info .linked-exercise p {
  margin: 0;
  font-size: 14px;
  line-height: 1;
}
.training .panel-body .section .in .linked-exercises .linked-info .linked-exercise .play {
  margin-right: -9px;
  margin-top: 0;
}
.training .panel-body .section .in .linked-exercises .linked-info .linked-exercise:last-child {
  margin: 0;
}
.training .panel-body .section:last-child {
  border: 0;
}
.small-select .fstElement {
  width: 200px !important;
}
/*---------CALENDAR-TRAINING---------*/
.calendar-training .panel-heading {
  background-color: #fff;
}
.calendar-training .panel-heading h1 {
  color: #3f4143;
  font-weight: 200;
  margin: 6px 0;
  font-size: 18px;
}
.calendar-training .panel-body .section .in {
  padding: 4px 0 8px 0;
}
.calendar-training .panel-body .section.description {
  background-color: #f6f8f9;
}
.calendar-training .panel-body .section.description p {
  color: #3f4143;
  line-height: 1.4;
}
.icon-input {
  position: relative;
  margin-bottom: 15px;
}
.icon-input .icon {
  position: absolute;
  top: 11px;
  right: 12px;
  font-size: 17px;
  color: #b9bbbd;
  pointer-events: none;
}
.icon-input .form-control {
  padding: 6px 30px 6px 12px;
}
.input-label {
  margin: 6px 0 0 -15px;
  display: inline-block;
  vertical-align: top;
}
/*-----------CREATE-TRAINING-----------*/
.create-training .panel-heading {
  padding: 20px;
}
.create-training .panel-heading h2 {
  padding-top: 16px;
  margin-bottom: 10px;
}
.create-training .tab-select {
  margin-bottom: 0;
}
.create-training .tab-select .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.create-training h2 {
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color: #3f4143;
  margin: 0 0 15px 0;
}
.create-training h2 span {
  font-weight: 400;
  font-size: 15px;
  text-transform: none;
}
.create-training .section {
  padding: 25px 20px;
  border-bottom: 1px dashed #d6d8d9;
}
.create-training .section .form-control[readonly] {
  background-color: #fff;
  cursor: pointer;
}
.create-training .section .choose-input {
  position: relative;
}
.create-training .section .choose-input .icon {
  position: absolute;
  top: 9px;
  right: 12px;
  font-size: 17px;
  color: #49c100;
  pointer-events: none;
}
.create-training .section .exercise-input {
  width: -moz-calc(100% - 58px);
  width: -webkit-calc(100% - 58px);
  width: -o-calc(100% - 58px);
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: top;
}
.create-training .section .choose-from-library {
  display: inline-block;
  vertical-align: top;
  float: right;
}
.create-training .section:last-child {
  border-bottom: 0;
}
.create-training .section:nth-of-type(2n+1) {
  background-color: #f6f8f9;
}
.create-training .section .exercise .number {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  text-align: center;
  background-color: #e5e8eb;
  padding-top: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-right: 10px;
}
.create-training .section .exercise .inputs {
  display: inline-block;
  vertical-align: top;
  width: -moz-calc(100% - 125px);
  width: -webkit-calc(100% - 125px);
  width: -o-calc(100% - 125px);
  width: calc(100% - 125px);
}
.create-training .section .link {
  margin: 0 0 8px 8px;
  cursor: pointer;
}
.create-training .section .link .icon {
  font-size: 20px;
  color: #646668;
  line-height: 1;
}
.create-training .section .link.active .icon {
  color: #49c100;
}
.create-training .section .rest {
  background-color: #e5e8eb;
  color: #3f4143;
  font-weight: 600;
  font-size: 14px;
  padding: 9px 12px 9px 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.create-training .section .rest .icon-timer {
  font-size: 26px;
  color: #9c9ea0;
  line-height: 0;
  margin-top: 7px;
  display: inline-block;
  vertical-align: top;
}
.create-training .section .rest label {
  color: #3f4143;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  margin: 12px 10px 0 10px;
  display: inline-block;
  vertical-align: top;
}
.create-training .section .rest label.normal-text {
  font-weight: 400;
}
.create-training .section .rest .increase-input {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}
.create-training .section .rest .increase-input .form-control {
  width: 50px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #dbe1e5;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.create-training .section .rest .increase-input .buttons {
  display: inline-block;
  vertical-align: top;
}
.create-training .section .rest .increase-input .buttons .btn {
  border-radius: 0;
  height: auto;
  width: 19px;
  display: block;
  box-sizing: border-box;
  padding: 0;
  line-height: 21px !important;
  font-size: 12px;
  border: 0;
  border-right: 1px solid #dbe1e5;
  border-top: 1px solid #dbe1e5;
  border-bottom: 1px solid #dbe1e5;
  background-color: #fff;
}
.create-training .section .rest .increase-input .buttons .btn:first-of-type {
  margin-bottom: -1px;
  border-bottom: 0;
}
.create-training .section .rest .increase-input .buttons .btn:last-of-type {
  line-height: 20px !important;
}
.create-training .section .rest .increase-input .buttons #minus {
  border-top: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.create-training .section .rest .increase-input .buttons #plus {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.create-training .section .note {
  background-color: #e5e8eb;
  margin: 15px 0;
  padding: 9px 12px 9px 15px;
}
.create-training .section .note .icon-messenger {
  font-size: 22px;
  color: #9c9ea0;
  line-height: 0;
  margin-top: 7px;
  display: inline-block;
  vertical-align: top;
}
.create-training .section .note label {
  font-size: 14px;
  margin: 9px 10px 0 10px;
  vertical-align: top;
  font-weight: 700;
  cursor: move;
}
.create-training .section .note .inputs {
  display: inline-block;
  width: calc(100% - 185px);
}
.create-training .section .btn-toolbar {
  margin-top: 25px;
}
.create-training .section.warm-cool .exercise + .exercise {
  margin-top: 15px;
}
.create-training .training-type-select {
  text-align: right;
}
.create-training .training-type-select .item {
  display: inline-block;
  vertical-align: top;
}
.create-training .training-type-select .item input[type="radio"] + label {
  background: none;
  background-color: #fff;
  width: 170px;
  height: 105px;
  text-align: center;
  border: 1px solid #dadcdd;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  padding-top: 70px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f8f9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f8f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f6f8f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f8f9', GradientType=0);
}
.create-training .training-type-select .item input[type="radio"] + label:hover {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fafcf9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fafcf9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #fafcf9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafcf9', GradientType=0);
  /* IE6-9 */
}
.create-training .training-type-select .item input[type="radio"] + label::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  transform: translateX(-50%);
}
.create-training .training-type-select .item input[type="radio"]:checked + label {
  background: #fff;
  border-color: #49c100;
  -webkit-box-shadow: 0px 0px 0px 1px #dadcdd;
  -moz-box-shadow: 0px 0px 0px 1px #dadcdd;
  box-shadow: 0px 0px 0px 1px #dadcdd;
}
.create-training .training-type-select .item.private input[type="radio"] + label::before {
  width: 31px;
  height: 46px;
  background-image: url('../../images/svg/lock-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  top: 17px;
}
.create-training .training-type-select .item.example input[type="radio"] + label::before {
  width: 47px;
  height: 41px;
  background-image: url('../../images/svg/board-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  top: 21px;
}
.create-training .training-type-select .item.individual {
  position: relative;
}
.create-training .training-type-select .item.individual .fstElement {
  position: absolute;
  top: 20px;
  left: 13px;
  z-index: 1;
  width: 150px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.create-training .training-type-select .item.individual .fstElement .fstToggleBtn {
  min-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}
.create-training .training-type-select .item.individual .fstElement .fstToggleBtn::after {
  right: 5px;
}
.create-training .training-type-select .item.individual.active .fstElement {
  opacity: 1;
  pointer-events: auto;
}
.create-training .training-type-select .item.individual input[type="radio"] + label::before {
  width: 30px;
  height: 45px;
  background-image: url('../../images/svg/watch-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  top: 18px;
}
.create-training .training-type-select .item.individual input[type="radio"]:checked + label::before {
  opacity: 0;
}
.create-training .training-type-select .item + .item {
  margin-left: 10px;
}
.create-training .training-type-select.single-option .item .form-control {
  position: absolute;
  width: 160px;
  left: 8px;
  top: 5px;
  z-index: 1;
}
.ui-state-default {
  padding: 0;
  margin: 0;
}
.ui-state-default::before {
  display: none;
}
.ui-state-default .exercise {
  margin-bottom: 9px;
}
.ui-state-default .exercise .number {
  cursor: move;
}
.ui-state-default .rest,
.ui-state-default .note {
  cursor: move;
}
/*-----------ESHOP-----------*/
.panel-eshop {
  margin: 0 0 20px;
}
.panel-eshop .panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  height: 100%;
}
.panel-eshop .panel-body {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.panel-eshop .panel-body::after {
  content: '';
  display: block;
  padding-bottom: 70%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.25s background-color;
  will-change: background-color;
}
.panel-eshop .panel-body h2 {
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin: 0;
  padding-right: 90px;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .panel-eshop .panel-body h2 {
    font-size: 24px;
  }
}
.panel-eshop:hover .panel-body::after {
  background-color: rgba(0, 0, 0, 0.5);
}
.panel-eshop h5 {
  font-weight: 700;
  font-size: 18px;
  color: #3f4143;
  margin: 13px 25px;
}
.panel-eshop .trainer {
  display: flex;
  align-items: flex-start;
}
.panel-eshop .trainer .image-wrapper {
  flex: 0 0 58px;
  max-width: 58px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.panel-eshop .trainer .info {
  display: inline-block;
  vertical-align: top;
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: -o-calc(100% - 60px);
  width: calc(100% - 60px);
}
.panel-eshop .trainer .info h3 {
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 5px;
  color: #404040;
}
.panel-eshop .trainer .info h4 {
  font-weight: 200;
  font-size: 14px;
  color: #909090;
  margin: 0;
}
.panel-eshop .panel-footer {
  padding: 20px;
  background-color: #fff;
}
.panel-eshop .panel-footer .price {
  font-weight: 700;
  font-size: 15px;
  color: #000;
  margin: 11px 0 0 0;
}
@media only screen and (min-width: 375px) {
  .panel-eshop .panel-footer-lg .trainer {
    position: relative;
    top: 4px;
  }
}
.panel-eshop .panel-footer-lg .reviews {
  justify-content: flex-end;
}
.panel-eshop .tag {
  position: absolute;
  bottom: 0;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  transform: translateY(30%);
  border-radius: 50%;
  color: #fff;
  background-color: #49c100;
  font-size: 25px;
  line-height: 1;
  transition: 0.25s background-color;
  will-change: background-color;
}
.panel-eshop .tag:hover {
  background-color: #368e00;
}
.panel-eshop .tag span {
  position: relative;
  top: 2px;
}
.blue-layout .panel-eshop .tag {
  background-color: #31b3ef;
}
.blue-layout .panel-eshop .tag:hover {
  background-color: #119cdc;
}
.panel-eshop .price-tag {
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
  display: inline-flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: #49C100;
  min-width: 75px;
  box-sizing: border-box;
  font-weight: 700;
}
.panel-shop-admin .panel-body::after {
  display: none;
}
.panel-shop-admin .image-wrapper {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.panel-shop-admin .image-wrapper::after {
  content: '';
  display: block;
  padding-bottom: 70%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.25s background-color;
  will-change: background-color;
}
.panel-shop-admin .adjust-element,
.panel-shop-admin .trainer {
  margin: 0 0 15px;
}
.choose-exercise {
  display: flex;
  flex-wrap: wrap;
}
.choose-exercise .col-xs-12 {
  margin: 0 0 20px;
}
.choose-exercise .panel-shadow-hover,
.choose-exercise .panel-choose-exercise {
  height: 100%;
}
.panel-choose-exercise {
  margin: 0;
}
.panel-choose-exercise .image-16-9 {
  padding-bottom: 116px;
}
.panel-choose-exercise h5 {
  padding: 0 15px 13px 15px;
  margin: 0;
}
.panel-choose-exercise .tag {
  top: 60px;
  right: 8px;
  bottom: auto;
}
.panel-choose-exercise .panel-body {
  position: relative;
  height: 100%;
}
.panel-choose-exercise .panel-body .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -39px;
  margin-top: -19px;
  z-index: 11;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.panel-choose-exercise .panel-body::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.panel-choose-exercise .panel-body::after {
  display: none;
}
.panel-choose-exercise:hover .panel-body .btn {
  opacity: 1;
}
.panel-choose-exercise:hover .panel-body::before {
  opacity: 1;
}
.eshop-header .btn-custom-group {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .eshop-header .btn-custom-group {
    text-align: right;
  }
}
.eshop-header .buy {
  padding: 8px 30px;
}
.eshop-header .price {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 6px 0 0 20px;
  display: inline-block;
  vertical-align: top;
}
.eshop-header .rating {
  margin: -2px 0 0 10px;
}
/*-----------MESSENGER------------*/
.contacts .panel-heading .search-input {
  width: 100%;
}
.contacts .panel-heading .search-input .form-control {
  width: 100%;
}
.contacts .panel-body .contact {
  padding: 15px;
  cursor: pointer;
  border-bottom: 1px solid #e4e6e7;
  display: block;
  color: #3f4143;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contacts .panel-body .contact .image-container {
  width: 50px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.contacts .panel-body .contact .image-container .image-wrapper {
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.contacts .panel-body .contact .image-container .image-wrapper img {
  width: 100%;
}
.contacts .panel-body .contact .image-container .image-wrapper.no-image {
  border: 1px solid #e4e6e7;
}
.contacts .panel-body .contact .image-container .badge {
  position: absolute;
  background-color: #ff7043;
  right: 6px;
  bottom: -2px;
}
.contacts .panel-body .contact.active,
.contacts .panel-body .contact:hover {
  background-color: #f6f8f9;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contacts .panel-body .contact a {
  text-decoration: none;
}
.contacts .panel-body .contact a h2 {
  color: #3f4143;
}
.contacts .panel-body h2 {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  font-size: 14px;
  margin: 11px 0 0 0;
}
.messages .conversation {
  padding: 20px 13px;
  border-left: 2px solid #fff;
  position: relative;
  border-bottom: 1px solid #e4e6e7;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.messages .conversation .image-container {
  width: 60px;
  display: inline-block;
  vertical-align: top;
}
.messages .conversation .image-container .image-wrapper {
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.messages .conversation .image-container .image-wrapper img {
  width: 100%;
}
.messages .conversation .image-container .image-wrapper.no-image {
  border: 1px solid #e4e6e7;
}
.messages .conversation .message {
  display: inline-block;
  vertical-align: top;
  width: -moz-calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  width: -o-calc(100% - 70px);
  width: calc(100% - 70px);
}
.messages .conversation .message h2 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 0;
}
.messages .conversation .message .date {
  color: #b9bbbd;
}
.messages .conversation .message p {
  margin-bottom: 0;
}
.messages .conversation:hover {
  border-left: 2px solid #49c100;
  background-color: #f6f8f9;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.messages .conversation:hover .btn-toolbar {
  opacity: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.messages .conversation .btn-toolbar {
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.messages .conversation .textarea-toggle {
  display: none;
}
.messages .conversation textarea.form-control {
  min-height: 66px;
  max-height: 240px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .messages .conversation input[type="submit"] {
    width: 100%;
  }
}
.messages .conversation--current {
  background-color: #e4e6e7;
  border-left-color: #e4e6e7;
}
.conv-user-info {
  display: flex;
}
@media only screen and (min-width: 1200px) {
  .conv-user-info {
    margin-bottom: 5px;
  }
}
/*----------MODALS-----------*/
.modal {
  overflow-y: auto;
  z-index: 1000000;
}
.modal-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}
.modal-title {
  font-weight: 400;
  font-size: 23px;
  color: #3f4143;
}
.modal-header {
  padding: 20px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
.modal-header .close {
  margin-top: 5px;
  opacity: 1;
}
.modal-header .close .icon {
  font-size: 23px;
  color: #49c100;
}
.modal-header .close:focus,
.modal-header .close:active {
  outline: none;
}
.modal-body {
  background-color: #f0f3f6;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 25px;
}
.modal-body b,
.modal-body strong {
  font-weight: 700;
}
.modal-body textarea.form-control {
  margin-bottom: 20px;
}
.modal-body h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 17px;
}
.modal-body label {
  margin-bottom: 10px;
  font-weight: 600;
}
.modal-body .fstElement {
  width: 100%;
  margin: 0 0 15px 0;
}
.modal-body .fstControls {
  width: auto;
}
.modal-body .tab-select .panel .panel-heading {
  background-color: #fff;
}
.modal-body .image-wrapper {
  margin-bottom: 15px;
}
.modal-body .image-wrapper img {
  width: 100%;
}
.modal-slim-body .modal-body {
  padding: 0;
}
.modal-slim-body .modal-body .btn-group {
  padding: 25px;
}
.modal-option .user-events {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-option .head-row {
  margin-bottom: 5px;
}
.modal-option .user-event-row {
  padding: 5px 0;
}
.modal-option .user-event-row:before {
  display: none;
}
.modal-option .green {
  color: green;
}
.modal-option .red {
  color: red;
}
.modal-option li.row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.modal-option li.row:last-of-type {
  border-bottom: none;
}
.modal-new-exercise .modal-body {
  padding-left: 10px;
  padding-right: 10px;
}
.modal-new-exercise .modal-body h2 {
  margin-bottom: 10px;
}
.modal-new-exercise .modal-body textarea.form-control {
  min-height: 380px;
}
.modal-new-exercise .pad-container {
  padding-left: 12px;
  padding-right: 12px;
}
.modal-add .modal-body {
  padding-left: 10px;
  padding-right: 10px;
}
.modal-add .modal-body h2 {
  margin-bottom: 10px;
}
.modal-add .modal-body textarea.form-control {
  min-height: 120px;
}
.modal-add .pad-container {
  padding-left: 12px;
  padding-right: 12px;
}
.modal-upload-exercise .modal-body {
  min-height: 530px;
  max-height: 530px;
  padding: 0;
}
.modal-upload-exercise .modal-body .scroll-box {
  overflow: hidden;
}
.modal-upload-exercise .modal-body .scroll-box.scroll-box-panels {
  height: 530px;
  padding: 20px;
}
.modal-upload-exercise .modal-body .scroll-box.scroll-box-package {
  height: 340px;
  border-top: 2px solid #d6dee3;
  border-bottom: 2px solid #d6dee3;
  margin-top: 15px;
  margin-bottom: 22px;
}
.modal-upload-exercise .modal-body .panel-eshop .image-wrapper {
  margin-bottom: 10px;
}
.modal-upload-exercise .modal-body .panel-eshop .image-wrapper .tag {
  bottom: -8px;
  right: 15px;
  transform: translateY(0%);
}
.modal-upload-exercise .modal-body .panel-eshop .image-wrapper .tag .icon {
  margin-left: 0;
}
.modal-upload-exercise .modal-body .panel-eshop h5 {
  margin: 10px 15px;
}
.modal-upload-exercise .modal-body .panel-eshop .trainer {
  margin: 0 15px 10px 15px;
}
.modal-upload-exercise .modal-body .panel-eshop .panel-footer {
  padding: 10px 15px;
}
.modal-upload-exercise .modal-body .panel-eshop .panel-footer .btn {
  float: right;
}
.modal-upload-exercise .modal-body .panel-eshop .panel-footer h6 {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #3f4143;
  margin: 11px 0 0 0;
}
.modal-upload-exercise .modal-body .panel-shadow-hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.modal-upload-exercise .modal-body .package-detail {
  background-color: #e8ecef;
  padding: 20px;
  height: 530px;
}
.modal-upload-exercise .modal-body .package-detail h3 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.modal-upload-exercise .modal-body .package-detail .trainer {
  font-style: oblique;
  font-size: 14px;
}
.modal-upload-exercise .modal-body .package-detail .trainer .icon {
  color: #31b3ef;
  margin-right: 5px;
}
.modal-upload-exercise .modal-body .package-detail .price {
  text-align: right;
  font-size: 14px;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item input {
  display: none;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item input:checked + label::after {
  transform: scale(1);
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item label {
  display: block;
  margin-bottom: 0;
  height: 50px;
  padding: 10px 15px 10px 45px;
  position: relative;
  cursor: pointer;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item label span {
  font-size: 16px;
  font-weight: 200;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item label .play {
  padding: 6px 9px 2px 9px;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item label .play .icon {
  font-size: 10px;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item label::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  left: 10px;
  top: 50%;
  margin-top: -10px;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item label::after {
  content: "";
  position: absolute;
  display: block;
  width: 13px;
  height: 9px;
  background-image: url('../../images/svg/check-blue.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  left: 14px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  transform: scale(0);
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item.all label {
  height: 40px;
  background-color: #d6dee3;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item.all label span {
  display: block;
  font-weight: 700;
  margin-top: -1px;
  font-size: 14px;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item.all label span.text-right {
  max-width: 100%;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item + .item {
  border-top: 1px solid #d6dee3;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item.added label {
  pointer-events: none;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item.added label span:last-child {
  font-weight: 600;
  font-style: oblique;
  float: right;
  font-size: 14px;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item.added label::before {
  background-color: #d6dee3;
  border-color: #bfc6ca;
}
.modal-upload-exercise .modal-body .package-detail .exercise-list .item.added label::after {
  background-image: url('../../images/svg/check-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
.modal-upload-exercise .modal-body .package-detail .if-empty {
  width: 62%;
  margin: auto;
  padding-top: 150px;
  position: relative;
  margin-top: 125px;
  font-size: 16px;
  text-align: center;
  font-style: oblique;
}
.modal-upload-exercise .modal-body .package-detail .if-empty b {
  font-weight: 700;
  font-style: oblique;
}
.modal-upload-exercise .modal-body .package-detail .if-empty::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url('../../images/svg/box-circle.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 134px;
  height: 134px;
  top: 0;
  left: 50%;
  margin-left: -67px;
}
.modal-delete .modal-content {
  background-color: #de1c0f;
}
.modal-delete .modal-header {
  border-bottom: 0;
}
.modal-delete .modal-header .modal-title {
  color: #fff;
}
.modal-delete .modal-header .close {
  text-shadow: none;
}
.modal-delete .modal-header .close .icon {
  color: #860d05 !important;
}
.modal-delete .modal-body {
  background-color: #ef413f;
  color: #fff;
  position: relative;
}
.modal-delete .modal-body .bin-icon {
  width: 212px;
  height: 202px;
  position: absolute;
  background-image: url('../../images/svg/bin.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  top: -94px;
  left: 280px;
}
.modal-delete .modal-body p {
  width: 200px;
  font-weight: 600;
  font-style: oblique;
  padding-top: 20px;
  line-height: 1.2;
  margin-bottom: 50px;
}
.modal-delete .modal-body .btn {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c71509+0,c71509+100 */
  background: #c71509;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c71509 0%, #c71509 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c71509 0%, #c71509 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c71509 0%, #c71509 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c71509', endColorstr='#c71509', GradientType=0);
  /* IE6-9 */
}
.modal-delete .modal-body .btn:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a50808+0,a50808+100 */
  background: #a50808;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a50808 0%, #a50808 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a50808 0%, #a50808 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a50808 0%, #a50808 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a50808', endColorstr='#a50808', GradientType=0);
  /* IE6-9 */
}
.modal-invite .grey-box {
  background-color: #e8ecef;
  padding: 180px 35px 40px 35px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 25px;
  position: relative;
}
.modal-invite .grey-box p {
  font-style: oblique;
  font-size: 16px;
}
.modal-invite .grey-box p b {
  font-weight: 700;
  font-style: oblique;
}
.modal-invite .grey-box .person-icon {
  position: absolute;
  width: 134px;
  height: 134px;
  left: 50%;
  margin-left: -67px;
  top: 26px;
  background-image: url('../../images/svg/person-circle.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
.modal-choose-activity .btn {
  width: 100%;
  padding: 78px 0 15px 0;
  position: relative;
  font-size: 14px;
}
.modal-choose-activity .btn::before {
  content: "";
  position: absolute;
  display: block;
}
.modal-choose-activity .btn.training::before {
  width: 44px;
  height: 42px;
  background-image: url('../../images/svg/training-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  left: 50%;
  margin-left: -22px;
  top: 23px;
}
.modal-choose-activity .btn.activity::before {
  width: 45px;
  height: 41px;
  background-image: url('../../images/svg/activity-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  left: 50%;
  margin-left: -22px;
  top: 25px;
}
.modal-choose-activity .btn.diary::before {
  width: 32px;
  height: 44px;
  background-image: url('../../images/svg/diary-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  left: 50%;
  margin-left: -16px;
  top: 18px;
}
/*-----------MODAL-RATING---------*/
.br-theme-bootstrap-stars .br-widget {
  height: 40px;
  white-space: nowrap;
  margin: 10px 0 40px 0;
}
.br-theme-bootstrap-stars .br-widget a {
  font: normal normal normal 43px/1 'Glyphicons Halflings';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 7px;
}
.br-theme-bootstrap-stars .br-widget a:after {
  content: '\e006';
  color: #dbdde0;
}
.br-theme-bootstrap-stars .br-widget a.br-active:after {
  color: #49c100;
}
.br-theme-bootstrap-stars .br-widget a.br-selected:after {
  color: #49c100;
}
.br-theme-bootstrap-stars .br-widget .br-current-rating {
  display: inline-block;
  vertical-align: top;
  font-weight: 200;
  color: #8d8f92;
  font-size: 20px;
  margin: 10px 0 0 15px;
}
.br-theme-bootstrap-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-bootstrap-stars .br-widget a:after {
    content: '\e007';
    color: black;
  }
  .br-theme-bootstrap-stars .br-widget a.br-active:after,
  .br-theme-bootstrap-stars .br-widget a.br-selected:after {
    content: '\e006';
    color: black;
  }
}
/*----------ARTICLES---------*/
.panel-articles {
  margin: 0 0 20px;
}
.panel-articles .panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin: 0;
}
.panel-articles .panel-head {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: 0.25s opacity;
  will-change: opacity;
}
.panel-articles .panel-head:hover {
  opacity: 0.7;
}
.panel-articles .panel-head::after {
  content: '';
  display: block;
  padding-bottom: 48%;
}
.panel-articles .panel-body {
  padding: 18px 18px 0;
  min-height: 210px;
}
.panel-articles .panel-body .image-wrapper {
  overflow: hidden;
}
.panel-articles .panel-body .image-wrapper img {
  width: 100%;
}
.panel-articles .panel-body .article-preview h2 {
  margin: 0;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  color: #1D1D1D;
}
@media only screen and (min-width: 768px) {
  .panel-articles .panel-body .article-preview h2 {
    font-size: 24px;
  }
}
.panel-articles .panel-body .article-preview h2 a {
  color: #1D1D1D;
  text-decoration: none;
  transition: 0.25s color;
  will-change: color;
}
.panel-articles .panel-body .article-preview h2 a:hover {
  color: #49c100;
}
.panel-articles .panel-body .article-preview h2::after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  margin: 17px 0;
  background-color: #49c100;
}
.blue-layout .panel-articles .panel-body .article-preview a:hover {
  color: #31b3ef;
}
.blue-layout .panel-articles .panel-body .article-preview::after {
  background-color: #31b3ef;
}
.panel-articles .panel-body .article-preview p {
  margin: 0;
  font-weight: 200;
  font-size: 14px;
  line-height: 1.625;
  color: #909090;
}
@media only screen and (min-width: 768px) {
  .panel-articles .panel-body .article-preview p {
    font-size: 16px;
  }
}
.panel-articles .date {
  font-size: 14px;
  font-weight: 600;
  color: #909090;
  text-align: right;
}
.panel-articles .panel-footer {
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .panel-articles .panel-footer {
    padding: 30px 20px;
  }
}
.panel-articles .panel-footer .trainer {
  display: flex;
  align-items: center;
}
.panel-articles .panel-footer .trainer .image-wrapper {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.panel-articles .panel-footer .trainer .info {
  display: inline-block;
  vertical-align: top;
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: -o-calc(100% - 60px);
  width: calc(100% - 60px);
}
.panel-articles .panel-footer .trainer .info h3 {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  color: #404040;
}
.panel-articles .panel-footer .trainer .info h4 {
  font-weight: 200;
  font-size: 14px;
  color: #909090;
  margin: 0;
}
.article-date {
  width: 100px;
  height: 100px;
  background-image: url('../../images/sprite.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 750px 750px;
  box-sizing: border-box;
  padding: 30px 0 0 0;
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  color: #1e1e1e;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.article-date span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #9fa1a4;
  margin: 8px 0 0 0;
}
.article-detail .main-image-wrapper {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1280px) {
  .article-detail .main-image-wrapper {
    margin-bottom: 48px;
  }
}
.article-detail .main-image-wrapper img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.article-detail-content {
  overflow: auto;
}
.article-detail-content h1 {
  margin: 0 0 20px;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #1D1D1D;
}
@media only screen and (min-width: 1280px) {
  .article-detail-content h1 {
    font-size: 30px;
  }
}
.article-detail-content h2 {
  margin: 0 0 20px;
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #1D1D1D;
}
@media only screen and (min-width: 1280px) {
  .article-detail-content h2 {
    font-size: 24px;
  }
}
.article-detail-content h3 {
  margin: 0 0 16px;
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #1D1D1D;
}
@media only screen and (min-width: 1280px) {
  .article-detail-content h3 {
    font-size: 20px;
  }
}
.article-detail-content p,
.article-detail-content ul,
.article-detail-content ol,
.article-detail-content p li,
.article-detail-content ul li,
.article-detail-content ol li {
  font-size: 14px;
  line-height: 1.875;
  color: #707070;
}
@media only screen and (min-width: 1280px) {
  .article-detail-content p,
  .article-detail-content ul,
  .article-detail-content ol,
  .article-detail-content p li,
  .article-detail-content ul li,
  .article-detail-content ol li {
    font-size: 16px;
  }
}
.article-detail-content p + h1,
.article-detail-content ul + h1,
.article-detail-content ol + h1,
.article-detail-content p + h2,
.article-detail-content ul + h2,
.article-detail-content ol + h2,
.article-detail-content p + h3,
.article-detail-content ul + h3,
.article-detail-content ol + h3 {
  margin-top: 30px;
}
.article-detail-content p {
  margin: 0 0 20px;
}
.article-detail-content ul li::before {
  width: 7px;
  height: 7px;
}
@media only screen and (min-width: 768px) {
  .article-detail-content ul li::before {
    top: 11px;
  }
}
@media only screen and (min-width: 1280px) {
  .article-detail-content ul li::before {
    top: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .article-detail-content ol li {
    padding-left: 25px;
  }
}
.article-detail-content ol li::before {
  content: counter(item);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 3px 0 0;
  border-radius: 50%;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background-color: #49c100;
}
@media only screen and (min-width: 768px) {
  .article-detail-content ol li::before {
    top: 3px;
    width: 34px;
    height: 34px;
    font-size: 16px;
  }
}
.article-detail-content strong {
  font-weight: 700;
  color: #1D1D1D;
}
.article-detail-content img {
  display: block;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 auto 20px;
  padding: 0 20px;
}
.article-detail-content table {
  margin: 0 auto 20px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .article-detail-content table {
    margin: 0 auto 40px;
  }
}
.article-detail-content table th,
.article-detail-content table td {
  text-align: center;
  vertical-align: middle;
  padding: 20px 10px;
  font-weight: 700;
}
.article-detail-content table th {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #31b3ef;
}
.article-detail-content table th:not(:last-of-type) {
  border-right: 1px solid #fff;
}
.article-detail-content table td {
  font-weight: 700;
  font-size: 14px;
  border-bottom: 1px solid #F5F5F5;
  color: #404040;
  background-color: #fff;
}
.article-detail-content table td:not(:last-of-type) {
  border-right: 1px solid #F5F5F5;
}
.blue-layout ul li::before {
  background-color: #31b3ef;
}
.blue-layout .signature .author-statistics .statistics {
  color: #31b3ef;
}
.share-article h4 {
  font-weight: 200;
  font-size: 14px;
  margin: 2px 20px 0 0;
  display: inline-block;
  vertical-align: top;
}
.share-article .social-iframe {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.share-article .panel-body {
  padding: 15px 20px 10px 20px;
}
.signature {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .signature {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .signature .panel-body > .row {
    display: flex;
  }
}
.signature h2 {
  text-align: center;
  line-height: 170px;
  position: relative;
  background-color: #f6f8f9;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}
.signature .image-container {
  position: relative;
  margin: 0 0 20px;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .signature .image-container {
    margin: 0 20px 0 0;
  }
}
.signature .image-container .image-wrapper {
  width: 115px;
  height: 115px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.signature .image-container .image-wrapper img {
  width: 100%;
  margin: 0;
}
.signature .image-container .rating {
  position: absolute;
  z-index: 5;
  top: -6px;
  left: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: none;
  background-color: #31b3ef;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #fff;
}
.signature .author-info h3 {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  color: #404040;
}
.signature .author-info h4 {
  margin: 0;
  font-weight: 200;
  font-size: 14px;
  color: #909090;
}
.signature .author-info p {
  margin: 0 0 15px;
  font-weight: 200;
  font-size: 13px;
  color: #909090;
}
@media only screen and (min-width: 768px) {
  .signature .author-info p {
    font-size: 16px;
  }
}
.signature .author-info p:last-of-type {
  margin: 0;
}
.signature .author-info span {
  font-size: 13px;
  display: block;
  color: #9fa1a4;
}
.signature .author-statistics {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: 170px;
  height: 100%;
  text-align: center;
  background-color: #EBEBEB;
}
.signature .author-statistics::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 28px;
  bottom: 28px;
  width: 1px;
  background-color: #C8C8C8;
}
.signature .author-statistics .statistics {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  padding: 10px;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #4AC102;
}
.signature .author-statistics .statistics span {
  display: block;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #404040;
}
.signature-head {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .signature-head {
    display: flex;
    align-items: flex-start;
    padding: 20px 0 20px 20px;
  }
}
.author-info-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.author-info-add {
  text-align: right;
  font-weight: 200;
  font-size: 14px;
  color: #909090;
}
/*----------CALENDAR----------*/
#calendar {
  margin: auto;
  margin-bottom: 25px;
}
.fc-toolbar.fc-header-toolbar {
  padding: 20px 20px 20px 25px;
  background-color: #fff;
  margin: 0;
  border-top: 1px solid #e8eaed;
  border-left: 1px solid #e8eaed;
  border-right: 1px solid #e8eaed;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-toolbar.fc-header-toolbar h2 {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 18px;
  color: #3f4143;
  line-height: 1;
  margin-top: 11px;
}
.fc-button:focus {
  outline: none;
}
.fc {
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.fc button {
  padding: 6px 18px;
  height: auto;
}
.fc-day-header {
  background-color: #f6f8f9;
  padding: 16px 0 13px 0 !important;
  font-weight: 400;
  text-transform: uppercase;
  color: #3f4143;
  font-size: 13px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.fc-today-button {
  background-color: #3e9f02;
  color: #fff;
  background-image: none;
  border: 1px solid #3e9f02;
}
.fc-state-default.fc-corner-right {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fc-state-default.fc-corner-left {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fc-day-number {
  font-weight: 400;
  font-size: 16px;
  margin: 5px 5px 0 0;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  box-sizing: border-box;
  padding: 2px 0 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.fc-today {
  background: none !important;
}
.fc-today .fc-day-number {
  color: #fff;
  background-color: #49c100;
}
.fc-more {
  padding: 3px 10px 3px 30px !important;
  position: relative;
  border: 0;
  height: 24px !important;
  font-size: 14px;
  line-height: 1.3;
  box-sizing: border-box;
  display: inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #dbdbdb;
  color: #3e3e3e !important;
}
.fc-more::before {
  position: absolute;
  display: block;
  font-weight: 400;
  content: "+";
  color: #fff;
  font-size: 20px;
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 12px 0 0 0;
  background-color: #b9b9b9;
  line-height: 0;
}
.fc-sat {
  background-color: #f6f8f9;
}
.fc-sun {
  background-color: #f6f8f9;
  color: #f42727;
}
.fc-event-container {
  overflow: hidden;
}
.fc-event {
  padding: 3px 10px 3px 30px !important;
  position: relative;
  border: 0;
  height: 24px !important;
  box-sizing: border-box;
  display: inline-block;
  color: #fff !important;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.fc-event::before {
  position: absolute;
  display: block;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 4px 0 0 0;
}
.fc-event.event-completed {
  background-color: #49c100;
}
.fc-event.event-completed::before {
  background-color: #3da101;
}
.fc-event.event-incomplete {
  background-color: #f42727;
}
.fc-event.event-incomplete::before {
  background-color: #c31515;
}
.fc-event.type-training::before {
  content: "T";
}
.fc-event.type-training.type--group-calendar::before {
  content: "ST";
}
.fc-event.type-activity::before {
  content: "A";
}
.fc-event.type-activity.type--group-calendar::before {
  content: "SA";
}
.fc-event.type-diary {
  background-color: #ff7043;
  width: 30px;
  height: 30px !important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 0 !important;
  position: absolute;
  top: 7px;
}
.fc-event.type-diary::before {
  content: "D";
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
  padding: 0;
  font-size: 14px;
}
.fc-event.type-diary .fc-content {
  display: none;
}
.fc-event.type-diary.event-completed,
.fc-event.type-diary.event-incomplete {
  background-color: #ff7043;
}
.fc-event.type-diary.event-completed::before,
.fc-event.type-diary.event-incomplete::before {
  background-color: transparent;
}
.fc-event.fc-event-future.type-activity,
.fc-event.fc-event-future.type-training {
  background-color: #eeeeee;
  color: #3f4143 !important;
}
.fc-event.fc-event-future.type-activity::before,
.fc-event.fc-event-future.type-training::before {
  background-color: #d2d0d0;
}
.fc-event.fc-event-today.type-activity.event-incomplete,
.fc-event.fc-event-today.type-training.event-incomplete {
  background-color: #eeeeee;
  color: #3f4143 !important;
}
.fc-event.fc-event-today.type-activity.event-incomplete::before,
.fc-event.fc-event-today.type-training.event-incomplete::before {
  background-color: #d2d0d0;
}
.fc-more-popover .fc-event {
  vertical-align: top;
}
.fc-more-popover .fc-event.type-diary {
  position: relative;
  top: auto;
  width: 24px;
  height: 24px !important;
}
.fc-more-popover .fc-event.type-diary::before {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.fc-list-item.event-incomplete .fc-list-item-title a {
  background-color: #f42727;
}
.fc-list-item.event-incomplete .fc-list-item-title a::before {
  background-color: #c31515;
}
.fc-list-item.event-completed .fc-list-item-title a {
  background-color: #49c100;
}
.fc-list-item.event-completed .fc-list-item-title a::before {
  background-color: #3da101;
}
.fc-list-item .fc-list-item-title a {
  position: relative;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  padding: 3px 10px 3px 35px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.fc-list-item .fc-list-item-title a::before {
  display: block;
  position: absolute;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 4px 0 0 0;
}
.fc-list-item.type-training .fc-list-item-title a::before {
  content: "T";
}
.fc-list-item.type-activity .fc-list-item-title a::before {
  content: "A";
}
.fc-list-item.type-diary .fc-list-item-title a {
  background-color: #ff7043;
}
.fc-list-item.type-diary .fc-list-item-title a::before {
  content: "D";
  background-color: #da5a32;
}
.fc-list-item.fc-event-future.type-activity .fc-list-item-title a,
.fc-list-item.fc-event-future.type-training .fc-list-item-title a {
  background-color: #eeeeee;
  color: #3f4143 !important;
}
.fc-list-item.fc-event-future.type-activity .fc-list-item-title a::before,
.fc-list-item.fc-event-future.type-training .fc-list-item-title a::before {
  background-color: #d2d0d0;
}
.fc-list-item.fc-event-today.type-activity.event-incomplete .fc-list-item-title a,
.fc-list-item.fc-event-today.type-training.event-incomplete .fc-list-item-title a {
  background-color: #eeeeee;
  color: #3f4143 !important;
}
.fc-list-item.fc-event-today.type-activity.event-incomplete .fc-list-item-title a::before,
.fc-list-item.fc-event-today.type-training.event-incomplete .fc-list-item-title a::before {
  background-color: #d2d0d0;
}
.fc-ltr .fc-list-item-marker {
  display: none;
}
.fc-list-table td {
  padding-left: 8px;
}
.online-program[v-cloak] {
  display: none;
}
.online-program .fc-event-container {
  padding-top: 10px;
}
@media (max-width: 767px) {
  .online-program td.fc-day {
    padding-top: 15px !important;
    height: auto !important;
    min-height: 55px;
  }
}
.online-program .fc-day .fc-event-container:first-of-type {
  padding-top: 34px;
}
.online-program .fc-event {
  pointer-events: auto;
  min-height: 24px !important;
  min-width: 24px !important;
  display: inline-block;
}
.online-program .fc-event:before {
  display: inline-block;
}
.header-text {
  display: inline-block;
  vertical-align: top;
  padding: 7px 0 0 30px;
  font-weight: 600;
  font-size: 14px;
}
.header-text .large {
  font-weight: 700;
  font-size: 22px;
  padding: 0 0 0 5px;
  line-height: 1;
}
.header-text .red {
  color: #f42727;
}
.header-text .green {
  color: #49c100;
}
.header-text .small-grey {
  color: #939699;
  font-weight: 400;
  font-size: 13px;
  padding: 0 0 0 5px;
}
.header-text-container {
  text-align: right;
  display: inline-block;
  vertical-align: top;
  float: right;
}
.calendar-legend {
  margin-bottom: 25px;
}
.calendar-legend h2 {
  margin-bottom: 5px;
}
.calendar-legend .item {
  position: relative;
  padding: 10px 0 10px 40px;
}
.calendar-legend .item::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  left: 0;
  top: 50%;
  margin-top: -12px;
}
.calendar-legend .item p {
  margin-bottom: 0;
}
.calendar-legend .item.green::before {
  background-color: #49c100;
}
.calendar-legend .item.red::before {
  background-color: #f42727;
}
.calendar-legend .item.grey::before {
  background-color: #d2d0d0;
}
.calendar-legend .item.orange::before {
  background-color: #ff7043;
}
.calendar-switch {
  display: none;
}
.calendar-switch .btn {
  width: 33.3333%;
}
.calendar-agenda {
  display: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.calendar-agenda ul {
  margin-bottom: 20px;
}
.calendar-agenda ul li {
  padding: 8px;
  margin: 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.calendar-agenda ul li::before {
  display: none;
}
.calendar-agenda ul li.calendar-agenda__day {
  background-color: #eee;
  font-weight: bold;
}
.calendar-agenda .calendar-agenda__item {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  color: #000;
  padding: 2px 15px 3px 35px;
  border-radius: 15px;
  position: relative;
  text-decoration: none;
  background-color: #eeeeee;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.calendar-agenda .calendar-agenda__item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  padding-top: 3px;
  background-color: #d2d0d0;
  color: #fff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  font-weight: 400;
}
.calendar-agenda .calendar-agenda__item:hover {
  color: #fff;
}
.calendar-agenda .calendar-agenda__item + .activity-toolbar__item {
  margin-left: 5px;
}
.calendar-agenda .calendar-agenda__item--training::before {
  content: "T";
}
.calendar-agenda .calendar-agenda__item--green {
  background-color: #49c100;
  color: #fff;
}
.calendar-agenda .calendar-agenda__item--green::before {
  background-color: #3da101;
}
.calendar-agenda .calendar-agenda__item--green:hover {
  background-color: #368e00;
}
.calendar-agenda .calendar-agenda__item--green:hover::before {
  background-color: #2a6e01;
}
.calendar-agenda .calendar-agenda__item--activity::before {
  content: "A";
}
.calendar-agenda .calendar-agenda__item--red {
  background-color: #f42727;
  color: #fff;
}
.calendar-agenda .calendar-agenda__item--red::before {
  background-color: #c31515;
}
.calendar-agenda .calendar-agenda__item--red:hover {
  background-color: #dd0b0b;
}
.calendar-agenda .calendar-agenda__item--red:hover::before {
  background-color: #951010;
}
.calendar-agenda .calendar-agenda__item--diary {
  background-color: #ff7043;
  color: #fff;
}
.calendar-agenda .calendar-agenda__item--diary::before {
  background-color: #da5a32;
  content: "D";
}
.calendar-agenda .calendar-agenda__item--diary:hover {
  background-color: #ff4910;
}
.calendar-agenda .calendar-agenda__item--diary:hover::before {
  background-color: #b84521;
}
.calendar-statistics {
  margin-bottom: 20px;
}
.calendar-statistics .box {
  height: 130px;
  background-color: #e8ebf0;
  padding: 25px 0 25px 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.calendar-statistics .box.user {
  background-color: #e0e4ea;
  padding-left: 95px;
  margin-left: 35px;
}
.calendar-statistics .box.user .main-text {
  margin-top: 9px;
  max-width: 160px;
}
.calendar-statistics .box.user .main-text h2 {
  margin-bottom: 4px;
}
.calendar-statistics .box .image-wrapper {
  width: 100px;
  height: 100px;
  position: absolute;
  left: -35px;
  top: 15px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.calendar-statistics .box .main-text {
  display: inline-block;
  vertical-align: top;
  margin-top: 21px;
}
.calendar-statistics .box .main-text h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
}
.calendar-statistics .box .main-text h3 {
  font-size: 14px;
  color: #898b8c;
  font-style: oblique;
  margin-bottom: 0;
}
.calendar-statistics .box .user-info {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #cad3db;
  margin-top: 7px;
}
.calendar-statistics .box .user-info span {
  display: block;
  font-size: 14px;
  color: #898b8c;
}
.calendar-statistics .box .bars {
  margin-left: 80px;
  display: inline-block;
  vertical-align: top;
}
.calendar-statistics .box .bars .bar-container {
  width: 40px;
  height: 80px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 8px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.calendar-statistics .box .bars .bar-container:last-child {
  margin-right: 0;
}
.calendar-statistics .box .bars .bar-container .bar {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #49c100;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.calendar-statistics .box .bars .bar-container span {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 5px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.calendar-statistics .box .bars .bar-container.empty span {
  color: #3f4143;
}
.if-empty-calendar,
.if-empty-e-learning {
  width: 780px;
  margin: auto;
  padding: 260px 150px 100px 150px;
  position: relative;
  margin-top: 100px;
  font-size: 16px;
  text-align: center;
  background-color: #e0e4ea;
  font-style: oblique;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.if-empty-calendar b,
.if-empty-e-learning b {
  font-weight: 700;
  font-style: oblique;
}
.if-empty-calendar::before,
.if-empty-e-learning::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url('../../images/svg/bicycle-circle.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 134px;
  height: 134px;
  top: 100px;
  left: 50%;
  margin-left: -67px;
}
.if-empty-e-learning {
  padding: 100px 140px 100px 140px;
}
.if-empty-e-learning::before {
  display: none;
}
.if-empty-e-learning img {
  width: 134px;
  height: 134px;
  margin: 0 0 30px 0;
}
.if-empty-calendar .fstElement,
.choose-activity-content .fstElement,
#frm-calendarActivityForm .fstElement,
#frm-onlineProgramForm-eventTrainingForm .fstElement,
.fstElement-currency .fstElement,
.modal .fstElement {
  background-color: #fff;
}
.choose-activity-content .fstElement {
  width: 100%;
}
.fstElement-currency {
  padding-left: 10px;
}
.fstElement-currency .fstElement {
  width: 100px;
}
.css-video-image-16-9 {
  padding-bottom: 55%;
}
/*---------DATETIMEPICKER---------*/
.bootstrap-datetimepicker-widget ul li {
  margin: 0;
  padding: 0;
}
.bootstrap-datetimepicker-widget ul li::before {
  display: none;
}
.bootstrap-datetimepicker-widget table td.active {
  background-color: #49c100;
}
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #49c100;
}
.bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #49c100;
}
/*-------------TRAINERS-MAP--------------*/
#map {
  width: 100%;
  min-height: 100%;
  padding-bottom: 40%;
}
.map-trainer-info {
  width: 380px;
  margin: 0;
  display: block;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}
/*--------INPUTFILE-------*/
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.no-js .inputfile + label {
  display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  margin-right: 0.25em;
}
/*-----------BOOTSTRAP-AUTOCOLUMNS------------*/
.col-xs-auto,
.col-xs1-auto,
.col-sm-auto,
.col-md-auto,
.col-lg-auto,
.col-xs-auto-right,
.col-xs1-auto-right,
.col-sm-auto-right,
.col-md-auto-right,
.col-lg-auto-right,
.col-middle {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-middle {
  display: table;
}
.col-xs-auto {
  float: left;
}
.col-xs-auto-right {
  float: right;
}
@media (min-width: 480px) {
  .col-xs1-auto {
    float: left;
  }
  .col-xs1-auto-right {
    float: right;
  }
}
@media (min-width: 768px) {
  .col-sm-auto {
    float: left;
  }
  .col-sm-auto-right {
    float: right;
  }
}
@media (min-width: 992px) {
  .col-md-auto {
    float: left;
  }
  .col-md-auto-right {
    float: right;
  }
}
@media (min-width: 1200px) {
  .col-lg-auto {
    float: left;
  }
  .col-lg-auto-right {
    float: right;
  }
}
/*------------SUPERADMIN------------*/
.superadmin-statistics {
  line-height: 0;
  font-size: 0;
}
.superadmin-statistics .item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
  margin: 20px 0 15px 0;
  text-align: center;
}
.superadmin-statistics .item:first-child {
  border-right: 2px solid #e4e6e7;
}
.superadmin-statistics .item .name {
  font-size: 15px;
  font-weight: 600;
  color: #3f4143;
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
}
.superadmin-statistics .item .value {
  color: #ff7043;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
}
.superadmin-statistics .item .value span {
  font-weight: 400;
  font-size: 15px;
}
/*-------------NESTED-SORTABLE---------------*/
.sortable {
  margin: 0;
  background-color: #f6f8f9;
}
.sortable li {
  margin: 0;
  padding: 0;
}
.sortable li::before {
  display: none;
}
.sortable .item {
  line-height: 38px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px 20px;
  border-bottom: 1px solid #e4e6e7;
  border-left: 2px solid #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  cursor: move;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sortable .item:hover {
  background-color: #f6f8f9;
  border-left: 2px solid #ff7043;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sortable .item:hover .btn-toolbar {
  opacity: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sortable .item .btn-toolbar {
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.mjs-nestedSortable-branch ol li .item {
  padding: 10px 20px 10px 50px;
  text-transform: none;
}
.mjs-nestedSortable-branch ol li .item::before {
  position: absolute;
  content: "\74";
  display: block;
  left: 18px;
  top: 20px;
  font-size: 18px;
  font-family: "treneoicons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*----------ACCOUNT--------*/
.account .section {
  border-bottom: 1px solid #e4e6e7;
  padding: 20px;
}
.account .section h4,
.account .section h4 label {
  margin: 0;
  line-height: 38px;
  font-weight: 700;
  font-size: 14px;
  color: #3f4143;
}
.account .section:last-child {
  border: 0;
}
.account .section .password span {
  font-size: 30px;
  line-height: 1;
}
.account .section p {
  margin: 0;
  margin-top: 6px;
}
.account .section.image .image-wrapper {
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid #e0e2e3;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.account .section.image .image-wrapper img {
  width: 100%;
}
.account .section.image h4,
.account .section.image .upload {
  margin-top: 35px;
}
/*-------LOADING------*/
.loading {
  width: 30px;
  height: 30px;
  background-image: url('../../images/loading.svg');
  background-size: 30px;
  margin: auto;
}
.modal-loading {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000000000000000;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
}
.modal-loading .modal-dialog {
  width: 130px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.modal-loading .modal-dialog .loading {
  margin-top: 20px;
  margin-left: 13px;
  display: inline-block;
  vertical-align: top;
}
.modal-loading .modal-dialog span {
  display: inline-block;
  vertical-align: top;
  margin: 24px 0 0 13px;
}
/*-------ORANGE-LAYOUT-------*/
.orange-layout .navbar-default .navbar-nav .logout {
  background-color: #ff5d29;
}
.orange-layout a {
  color: #ff7043;
}
.orange-layout a:hover,
.orange-layout a:focus {
  color: #ff7043;
}
.orange-layout a.list-group-item {
  color: #555;
}
.orange-layout a.list-group-item:hover,
.orange-layout a.list-group-item:focus {
  color: #ff7043;
  border-left: 2px solid #ff7043;
}
.orange-layout a.list-group-item.more:hover,
.orange-layout a.list-group-item.more:focus {
  border-left: 2px solid #fafbfb;
}
.orange-layout a.list-group-item.more:hover .icon,
.orange-layout a.list-group-item.more:focus .icon {
  color: #ff7043;
}
.orange-layout .navbar-default {
  background-color: #ff7043;
}
.orange-layout .navbar-default .navbar-nav .logout:hover {
  background-color: #dc3500;
}
.orange-layout .navbar-default .navbar-toggle:hover {
  background-color: #f53b00;
}
.orange-layout .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.orange-layout .navbar-default .navbar-toggle:focus:hover {
  background-color: #f53b00;
}
.orange-layout .sidebar-offcanvas .list-group .list-group-item.active,
.orange-layout .sidebar-offcanvas .list-group .list-group-item:hover {
  border-left: 0;
}
.orange-layout .sidebar-offcanvas .list-group .list-group-item.active .icon,
.orange-layout .sidebar-offcanvas .list-group .list-group-item:hover .icon {
  color: #ff7043;
}
.orange-layout .sidebar-offcanvas .list-group .list-group-item:active {
  color: #ff7043;
}
.orange-layout .btn-tag.active {
  background-color: #ff7043 !important;
}
.orange-layout .modal-header .close .icon {
  color: #ff7043;
}
.orange-layout .bootstrap-datetimepicker-widget table td.active {
  background-color: #ff7043;
}
.orange-layout .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ff7043;
}
.orange-layout .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #ff7043;
}
.orange-layout .nav-tabs > li.active > a {
  color: #ff7043;
}
.orange-layout .nav-tabs > li > a:hover {
  color: #ff7043;
}
.orange-layout .trainer-list-item .panel-footer .statistics span {
  color: #ff7043;
}
.orange-layout .paginator .btn.active {
  background-color: #ff7043;
}
.orange-layout .helper-box .bulb {
  background-color: #ff7043;
}
.orange-layout .diary .list-group-item:hover {
  border-left: 2px solid #ff7043;
}
.orange-layout .settings-menu li.active {
  background-color: #ff7043;
}
.orange-layout .panel-eshop .image-wrapper .tag {
  background-color: #ff7043;
}
.orange-layout .messages .conversation:hover {
  border-left: 2px solid #ff7043;
}
.orange-layout .switcher .btn.active {
  background-color: #ff7043;
}
.orange-layout .create-training .training-type-select .item input[type="radio"]:checked + label {
  border-color: #ff7043;
}
.orange-layout .btn-blue,
.orange-layout .btn-filled {
  color: #fff;
  background-color: #ff7043;
  border-color: #ff7043;
}
.orange-layout .btn-blue:hover,
.orange-layout .btn-filled:hover {
  color: #fff;
  background-color: #ff5d29;
  border-color: #ff5d29;
}
.orange-layout .activities-overview .panel-footer .statistics .item span {
  color: #ff7043;
}
.orange-layout .menu-notifications.open .dropdown-toggle,
.orange-layout .menu-notifications .dropdown-toggle:focus,
.orange-layout .menu-notifications .dropdown-toggle:hover,
.orange-layout .menu-notifications .dropdown-menu::before {
  background-color: #ff5d29 !important;
}
.orange-layout .panel-eshop .tag {
  background-color: #ff7043;
}
.orange-layout .program-header__content h2::after {
  background-color: #ff7043;
}
.orange-layout .main-headline .headline-icon {
  background-color: #ff7043;
}
.orange-layout .btn-solid-green {
  border-color: #ff7043;
}
.orange-layout .btn-solid-green:focus,
.orange-layout .btn-solid-green:hover {
  color: #fff;
  background-color: #ff7043;
}
.orange-layout .video-list .item::before {
  color: #ff7043;
}
.orange-layout .video-list .item .icon {
  color: #ff7043;
}
.orange-layout .summary-detail__progress span {
  background-color: #ff7043;
}
.orange-layout .panel-articles .panel-body .article-preview h2::after {
  background-color: #ff7043;
}
.orange-layout .panel-articles .panel-body .article-preview h2 a:hover {
  color: #ff7043;
}
.orange-layout .panel-library .image-container .tag {
  background-color: #ff7043;
}
/*-------BLUE-LAYOUT-------*/
.blue-layout a {
  color: #31b3ef;
}
.blue-layout a:hover,
.blue-layout a:focus {
  color: #31b3ef;
}
.blue-layout a.list-group-item {
  color: #555;
}
.blue-layout a.list-group-item:hover,
.blue-layout a.list-group-item:focus {
  color: #31b3ef;
  border-left: 2px solid #31b3ef;
}
.blue-layout a.list-group-item.more:hover,
.blue-layout a.list-group-item.more:focus {
  border-left: 2px solid #fafbfb;
}
.blue-layout a.list-group-item.more:hover .icon,
.blue-layout a.list-group-item.more:focus .icon {
  color: #31b3ef;
}
.blue-layout .navbar-default {
  background-color: #31b3ef;
}
.blue-layout .navbar-default .navbar-nav .logout {
  background-color: #119cdc;
}
.blue-layout .navbar-default .navbar-nav .logout:hover {
  background-color: #0d7aad;
}
.blue-layout .navbar-default .navbar-toggle:hover {
  background-color: #0f8bc4;
}
.blue-layout .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.blue-layout .navbar-default .navbar-toggle:focus:hover {
  background-color: #0f8bc4;
}
.blue-layout .sidebar-offcanvas .list-group .list-group-item.active,
.blue-layout .sidebar-offcanvas .list-group .list-group-item:hover {
  border-left: 0;
}
.blue-layout .sidebar-offcanvas .list-group .list-group-item.active .icon,
.blue-layout .sidebar-offcanvas .list-group .list-group-item:hover .icon {
  color: #31b3ef;
}
.blue-layout .sidebar-offcanvas .list-group .list-group-item:active {
  color: #31b3ef;
}
.blue-layout .sidebar-offcanvas .list-group .list-group-item:active .icon {
  color: #31b3ef;
}
.blue-layout .btn-tag.active {
  background-color: #31b3ef !important;
}
.blue-layout .modal-header .close .icon {
  color: #31b3ef;
}
.blue-layout .bootstrap-datetimepicker-widget table td.active {
  background-color: #31b3ef;
}
.blue-layout .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #31b3ef;
}
.blue-layout .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #31b3ef;
}
.blue-layout .nav-tabs > li.active > a {
  color: #31b3ef;
}
.blue-layout .nav-tabs > li > a:hover {
  color: #31b3ef;
}
.blue-layout .trainer-list-item .panel-footer .statistics span {
  color: #31b3ef;
}
.blue-layout .paginator .btn.active {
  background-color: #31b3ef;
}
.blue-layout .helper-box .bulb {
  background-color: #31b3ef;
}
.blue-layout .diary .list-group-item:hover {
  border-left: 2px solid #31b3ef;
}
.blue-layout .settings-menu li.active {
  background-color: #31b3ef;
}
.blue-layout .messages .conversation:hover {
  border-left: 2px solid #31b3ef;
}
.blue-layout .switcher .btn.active {
  background-color: #31b3ef;
}
.blue-layout .trainer-thumbs .trainer-thumb.add-trainer:hover {
  background-color: #31b3ef;
}
.blue-layout .activities-overview .panel-body .nav-tabs > li.active > a {
  color: #31b3ef;
  border-color: #31b3ef;
}
.blue-layout .activities-overview .panel-body .bars .bar-container .bar {
  background-color: #31b3ef;
}
.blue-layout .activities-overview .panel-footer .statistics .item span {
  color: #31b3ef;
}
.blue-layout .panel-library .image-container .tag {
  background-color: #31b3ef;
}
.blue-layout .fc-today .fc-day-number {
  background-color: #31b3ef;
}
.blue-layout .fc-today-button {
  background-color: #31b3ef;
  border-color: #31b3ef;
}
.blue-layout .calendar-statistics .box .bars .bar-container .bar {
  background-color: #31b3ef;
}
.blue-layout .create-training .training-type-select .item input[type="radio"]:checked + label {
  border-color: #31b3ef;
}
.blue-layout .panel-library .image-container .tag {
  background-color: #31b3ef;
}
/*----------HELPER----------*/
.helper-box {
  background-color: #e0e3e7;
  padding: 55px 0 45px 0;
  text-align: center;
  position: relative;
  margin: 50px 0 25px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.helper-box .close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.helper-box .bulb {
  position: absolute;
  width: 70px;
  height: 70px;
  background-color: #49c100;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  top: -35px;
  left: 50%;
  margin-left: -35px;
}
.helper-box .bulb .icon {
  display: block;
  font-size: 36px;
  line-height: 0;
  margin-top: 11px;
}
.helper-box .bulb .helper-text {
  display: block;
  vertical-align: top;
}
.helper-box p {
  width: 660px;
  margin: auto;
}
/*--------------SHOW-MORE-FEATURE---------------*/
.show-more-container {
  display: inline;
}
.show-more-container .show-more-text {
  display: none;
  margin: 16px 9px 10px 0;
  text-align: left;
  float: right;
  text-transform: uppercase;
}
.show-more-container .show-more-text span {
  float: right;
  margin-top: 6px;
  margin-left: 10px;
  line-height: 1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.show-more-container .show-more-text span.opened {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: 0;
}
.show-more-container .show-more-text.filter-standalone {
  float: none;
  text-align: right;
}
/*--------REGISTRATION--------*/
.registration-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .registration-wrapper {
    padding-left: 0;
  }
}
.registration-wrapper .left-bg {
  background: url("/images/registration-bg.jpg") center center no-repeat;
  background-size: cover;
  padding-bottom: 100%;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .registration-wrapper .left-bg {
    max-width: 39%;
    flex: 1 1 39%;
    padding-bottom: 85%;
    display: block;
  }
}
@media only screen and (min-width: 1441px) {
  .registration-wrapper .left-bg {
    max-width: 41%;
    flex: 1 1 41%;
    padding-bottom: 65%;
  }
}
.registration-wrapper .registration-form {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  flex: 1 1 100%;
}
@media only screen and (min-width: 1024px) {
  .registration-wrapper .registration-form {
    max-width: 741px;
    flex: 1 1 61%;
  }
}
.registration-wrapper .form-wrapper {
  margin-top: 35px;
  max-width: 100%;
  flex: 1 1 100%;
}
@media only screen and (min-width: 1024px) {
  .registration-wrapper .form-wrapper {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .registration-wrapper .form-wrapper {
    max-width: 75%;
    flex: 1 1 75%;
  }
}
.registration-wrapper .side-advantages {
  max-width: 100%;
  flex: 1 1 100%;
}
@media only screen and (min-width: 768px) {
  .registration-wrapper .side-advantages {
    max-width: 25%;
    flex: 1 1 25%;
  }
}
.registration-wrapper h1 {
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  color: #1D1D1D;
  text-align: center;
  display: block;
  max-width: 350px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .registration-wrapper h1 {
    font-size: 36px;
  }
}
.registration-wrapper .two-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin: 20px auto 0 auto;
}
.registration-wrapper .two-tabs .tab {
  flex: 1 1 50%;
  max-width: 50%;
  color: #404040;
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 10px 5px;
  display: inline-block;
}
.registration-wrapper .two-tabs .tab:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.registration-wrapper .two-tabs .tab:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.registration-wrapper .two-tabs .tab.active {
  background: #4AC102;
  border-color: #4AC102;
  color: #fff;
}
@media only screen and (max-width: 390px) {
  .registration-wrapper .two-tabs .tab {
    padding: 10px;
  }
}
.registration-wrapper .change-registration-page {
  position: absolute;
  top: 20px;
  right: 17px;
  color: #000;
  font-size: 13px;
  display: inline-block;
}
.registration-wrapper .change-registration-page strong {
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .registration-wrapper .change-registration-page {
    position: static;
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 25px;
    text-align: center;
  }
}
.registration-wrapper .side-advantages {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .registration-wrapper .side-advantages {
    margin-bottom: 40px;
  }
}
.registration-wrapper .advantage {
  width: 100%;
  max-width: 200px;
  margin-top: 20px;
  text-align: center;
}
.registration-wrapper .advantage:first-child {
  margin-top: 0;
}
.registration-wrapper .advantage img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 80px;
  height: auto;
}
.registration-wrapper .advantage .text {
  margin-top: 15px;
  display: inline-block;
  color: #404040;
  font-size: 14px;
  line-height: 24px;
}
.registration {
  text-align: center;
}
.registration .text-under-title {
  color: #4AC102;
  font-weight: bold;
  font-size: 14px;
  margin: 20px 0 25px 0;
}
.registration h2 {
  font-size: 26px;
  text-align: center;
  line-height: 1.7;
}
.registration .information-text {
  font-size: 12px;
  text-align: left;
  line-height: 1.7;
  margin-bottom: 35px;
}
.registration .social-register {
  margin-bottom: 38px;
}
.registration .social-register .item {
  color: #000;
  padding: 6px 0 6px 30px;
  position: relative;
  font-size: 13px;
  line-height: 1;
  width: auto;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.registration .social-register .item::before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
}
.registration .social-register .item.gplus {
  margin-right: 25px;
}
.registration .social-register .item.gplus::before {
  background-image: url('../../images/sprite.png');
  background-position: -109px -26px;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
.registration .social-register .item.fb::before {
  background-image: url('../../images/sprite.png');
  background-position: -136px -26px;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
.registration .social-register .social-register-native-fb {
  margin-bottom: 20px;
}
.registration .social-register .social-register-native-google > a {
  text-decoration: none;
}
.registration .social-register .social-register-native-google > a > div {
  width: 100% !important;
  max-width: 272px;
  margin: auto;
}
.registration .separator {
  width: 100%;
  height: 1px;
  background-color: #d3dade;
  margin-bottom: 37px;
}
.registration .separator span {
  display: inline-block;
  vertical-align: top;
  background-color: #f0f3f6;
  margin-top: -9px;
  font-size: 13px;
  color: #404040;
  text-transform: uppercase;
  padding: 0 9px;
}
.registration .form-control {
  margin-bottom: 12px;
}
.registration .checkbox-container {
  margin-bottom: 30px;
}
.registration .checkbox-container input[type='checkbox'] + span {
  padding-left: 40px;
}
.registration .checkbox {
  text-align: left;
  padding: 17px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 430px) {
  .registration .checkbox {
    text-align: center;
  }
}
.registration .checkbox.checkbox--v2 label {
  padding-left: 17px;
}
.registration .checkbox.checkbox--v2 span {
  min-height: 26px;
}
.registration .checkbox.checkbox--v2 label {
  display: flex;
  align-items: center;
}
.registration .checkbox.checkbox--v2 .checkbox-text {
  text-align: left;
}
.registration .checkbox.checkbox--v2 .checkbox-text.checkbox-text-green {
  color: #32B3F0;
}
.registration .checkbox.checkbox--v2 .checkbox-text,
.registration .checkbox.checkbox--v2 a {
  display: inline-block;
  margin-bottom: 0;
  font-size: 13px;
}
.registration .checkbox.check-green {
  background: #32B3F0;
  border-radius: 15px;
}
.registration .checkbox.check-green .checkbox-text,
.registration .checkbox.check-green a {
  color: #fff;
}
.registration .btn {
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 18px 45px;
  background: #4AC102;
  font-size: 16px;
  color: #fff;
  border-radius: 2.8rem;
  text-transform: uppercase;
}
.registration .btn:hover {
  background: #378f01;
}
.registration .btn.btn-blue {
  background: #32B3F0;
}
.registration .btn.btn-blue:hover {
  background: #109cdf;
}
.registration .registration-terms {
  font-size: 13px;
  text-align: left;
  margin-bottom: 0;
}
@media only screen and (max-width: 430px) {
  .registration .registration-terms {
    text-align: center;
  }
}
/*-----------USER-STATISTICS-----------*/
.user-statistics .section {
  padding: 17px 0 17px 20px;
}
.user-statistics .section h4 {
  margin-bottom: 0;
  margin-top: 9px;
  font-size: 15px;
  font-weight: 600;
}
.user-statistics .section .number {
  color: #49c100;
  margin-top: 4px;
  font-weight: 700;
  font-size: 22px;
}
.user-statistics .section .number .icon {
  color: #e5e8eb;
  font-size: 32px;
  margin-top: -13px;
  line-height: 0;
  margin-right: 5px;
}
.user-statistics .section .number .number-unit {
  font-size: 11px;
  color: #93a2ad;
  font-weight: 400;
}
.user-statistics .section + .section {
  border-top: 1px solid #e4e6e7;
}
.user-statistics.choose-activity {
  text-align: center;
  background-color: #e5e8eb;
  border-radius: 3px;
  height: calc(100% - 20px);
  position: relative;
}
.user-statistics.choose-activity .select-group {
  margin-right: 0;
}
.user-statistics.choose-activity .select-group label {
  display: block;
  margin-bottom: 10px;
}
.user-statistics.choose-activity .choose-activity-content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.user-statistics.choose-activity .choose-activity-circle {
  width: 110px;
  height: 110px;
  border-radius: 100%;
  background-color: #fff;
  margin: auto;
  margin-bottom: 25px;
  position: relative;
}
.user-statistics.choose-activity .choose-activity-icon {
  color: #49c100;
  font-size: 45px;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}
#statistics-content {
  padding: 60px 25px 0 25px;
}
.chart {
  position: relative;
  height: 360px;
  margin-top: 50px;
}
.chart .rows {
  position: absolute;
  width: 100%;
}
.chart .rows .chrow {
  position: relative;
  height: 90px;
  width: 100%;
  border-bottom: 1px solid #e4e6e7;
}
.chart .rows .chrow:first-child {
  height: 0;
}
.chart .rows .chrow span {
  position: absolute;
  left: 8px;
  bottom: 10px;
}
.chart .cols .col {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 6.67%;
  margin-left: 6.67%;
  background-color: #f6f8f9;
  height: 269px;
  margin-top: 1px;
}
.chart .cols .col .activity {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #49c100;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.chart .cols .col .activity .number {
  bottom: 3px;
  color: #fff;
  font-weight: 700;
}
.chart .cols .col span {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -40px;
  left: 0;
}
.chart .cols .col.zero .activity {
  height: 3px;
  background-color: #e4e6e7;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.chart-controls {
  text-align: center;
}
.chart-controls .chart-view-text {
  padding: 8px 20px 0 20px;
  display: inline-block;
  vertical-align: top;
}
.chart-controls .icon-arrowright {
  margin-left: 3px !important;
  line-height: 0;
  margin-top: -9px !important;
}
.chart-controls .icon-arrowleft {
  margin-right: 3px !important;
  line-height: 0;
  margin-top: -9px !important;
}
.panel-chart {
  padding-bottom: 50px;
  margin-bottom: 80px;
}
/*-----------OTHER-----------*/
.format-select-container {
  background-color: #e2e8ee;
  padding: 12px;
  margin-bottom: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.format-select-container .form-group {
  margin-bottom: 0;
}
.format-select-container .btn-switch {
  width: 100%;
  padding: 75px 0 15px 0;
  border: 2px solid transparent;
  position: relative;
}
.format-select-container .btn-switch::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
}
.format-select-container .btn-switch.camera::before {
  background-image: url('../../images/svg/camera.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 40px;
  height: 44px;
  margin-left: -20px;
  top: 20px;
}
.format-select-container .btn-switch.image::before {
  background-image: url('../../images/svg/image.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 43px;
  height: 36px;
  margin-left: -22px;
  top: 24px;
}
.format-select-container .btn-switch.pdf::before {
  background-image: url('../../images/svg/pdf-grey.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 38px;
  height: 40px;
  margin-left: -24px;
  top: 24px;
}
.format-select-container .btn-switch.two-images::before {
  background-image: url('../../images/svg/two-images.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 93px;
  height: 36px;
  margin-left: -46px;
  top: 24px;
}
.format-select-container .btn-switch.active {
  background: #fff;
  border: 2px solid #d3d9de;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
.format-select-container .btn-switch.active:hover {
  border-color: #d3d9de;
}
.format-select-container .btn-switch:hover {
  border-color: transparent;
}
.format-select-container .btn-switch:active {
  background: #fff;
  border-color: #d3d9de;
}
.format-select-container #switch-actions {
  margin-bottom: 0;
}
#switch-actions {
  margin-bottom: 15px;
}
.hidden-switch {
  display: none;
  border-top: 2px solid #d6dce2;
  padding-top: 10px;
  margin-top: 10px;
}
.hidden-switch .form-group,
.hidden-switch .btn {
  margin-bottom: 0;
}
#video-switch .btn {
  width: 100%;
}
.video-upload-wrapper {
  padding: 10px 10px 0 10px;
  border: 1px solid #dbe1e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 25px;
}
.video-upload-wrapper table {
  margin-left: 0;
  margin-right: 0;
}
.table-full {
  margin-left: 0;
  margin-right: 0;
}
.error {
  padding-top: 100px;
}
.error h2 {
  font-size: 40px;
  text-align: center;
}
.videos-upload {
  margin-top: 20px;
}
.videos-upload .item {
  font-size: 0;
  padding: 12px 0;
  border-bottom: 1px solid #d6dce2;
}
.videos-upload .item.head {
  border-top: 2px solid #d6dce2;
  border-bottom: 2px solid #d6dce2;
  font-weight: 600;
}
.videos-upload .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.videos-upload .item .form-control {
  width: -moz-calc(100% - 12px);
  width: -webkit-calc(100% - 12px);
  width: -o-calc(100% - 12px);
  width: calc(100% - 12px);
}
.videos-upload .item .name,
.videos-upload .item .url,
.videos-upload .item .time {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.videos-upload .item .name {
  width: 50%;
}
.videos-upload .item .url {
  width: 30%;
}
.videos-upload .item .time {
  width: 20%;
}
.videos-upload .item .time .btn {
  width: 40px !important;
  padding: 9px 10px 6px 10px;
  float: right;
}
.videos-upload .item .time .form-control {
  width: -moz-calc(100% - 52px);
  width: -webkit-calc(100% - 52px);
  width: -o-calc(100% - 52px);
  width: calc(100% - 52px);
  display: inline-block;
  vertical-align: top;
}
.default-page img {
  max-width: 100%;
  height: auto !important;
}
.set-price .price-label {
  color: #393c40;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin: 7px 10px 0 0;
}
.set-price .price {
  margin-left: 10px;
}
.set-price .form-control {
  width: 100px;
  display: inline-block;
  vertical-align: top;
}
.set-price .fstToggleBtn {
  min-width: 100px;
}
.set-price .fstSingleMode .fstQueryInput {
  height: 0;
  font-size: 0;
}
.set-price .fstSingleMode .fstControls {
  padding: 0;
}
/*-------------SETTINGS-MENU------------*/
.settings-menu {
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.settings-menu li {
  margin: 0;
  padding: 18px 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #e4e6e7;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.settings-menu li:hover {
  background-color: #f1f1f1;
}
.settings-menu li::before {
  display: none;
}
.settings-menu li.active {
  background-color: #49c100;
  color: #fff;
}
.choose-exercise .panel-eshop h5 {
  font-size: 15px;
  margin: 13px 15px 9px 15px;
}
.choose-exercise .panel-eshop .image-wrapper {
  background-size: 100%;
  background-repeat: no-repeat;
}
#activityComplete .modal-body {
  padding: 20px;
}
#activityComplete .modal-body label {
  font-size: 14px;
}
/*------------------PRINT-------------------*/
.video-print {
  display: none;
}
.training-print {
  display: none;
}
/*-------------Action hint icon -----------*/
.action-hint-icon {
  border-radius: 50%;
  display: inline-block;
  z-index: 100;
  background-color: #49c100;
  width: 56px;
  height: 56px;
  position: fixed;
  left: 20px;
  bottom: 20px;
}
@media (min-width: 768px) {
  .action-hint-icon {
    width: 70px;
    height: 70px;
    left: 60px;
    bottom: 60px;
  }
}
@media (min-width: 992px) {
  .action-hint-icon {
    position: static;
    margin-left: 5px;
    width: 35px;
    height: 35px;
  }
}
.action-hint-icon > span {
  display: inline-block;
}
.action-hint-icon svg {
  width: 100%;
  fill: white;
}
.action-hint-icon svg .question-icon-circle {
  fill: #49c100;
}
.action-hint-icon--trainer {
  background-color: #31b3ef;
}
.action-hint-icon--trainer svg .question-icon-circle {
  fill: #31b3ef;
}
/*-------------QUICK-ADD------------*/
.quick-add {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}
.quick-add::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(74, 74, 74, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004a4a4a', endColorstr='#e6000000', GradientType=1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
}
.quick-add.quick-add--opened {
  pointer-events: auto;
}
.quick-add.quick-add--opened::before {
  opacity: 1;
}
.quick-add.quick-add--opened .quick-add__button {
  background-color: #fff;
}
.quick-add.quick-add--opened .quick-add__button-icon {
  fill: #49c100;
  transform: rotateZ(-45deg);
}
.quick-add.quick-add--opened .quick-add__option {
  opacity: 1;
  transform: translateX(0);
}
.quick-add__button {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  position: absolute;
  right: 60px;
  bottom: 50px;
  background-color: #49c100;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
}
.quick-add__button:hover {
  background-color: #3fa800;
}
.quick-add__button-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  fill: #fff;
  left: 50%;
  top: 50%;
  margin-top: -9px;
  margin-left: -9px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.quick-add__options {
  position: absolute;
  right: 92px;
  bottom: 160px;
  text-align: right;
  width: 160px;
}
.quick-add__option {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  opacity: 0;
  transform: translateX(-20px);
}
.quick-add__headline {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  position: relative;
  padding-bottom: 5px;
  margin-top: 20px;
}
.quick-add__headline::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0) 0%, #4a4a4a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0) 0%, #4a4a4a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(74, 74, 74, 0) 0%, #4a4a4a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004a4a4a', endColorstr='#4a4a4a', GradientType=1);
}
.quick-add__link {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  padding: 4px 26px 4px 20px;
  background-color: #7f7f7f;
  border-radius: 15px;
  margin-bottom: 4px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: relative;
}
.quick-add__link::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #fff;
  right: -8px;
  top: 2px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.17);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.quick-add__link::after {
  content: "";
  position: absolute;
  display: block;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.quick-add__link:hover {
  color: #fff;
  text-decoration: underline;
  background-color: #666666;
}
.quick-add__link:hover::before,
.quick-add__link:hover::after {
  transform: scale(1.2);
}
.quick-add__link:focus {
  color: #fff;
  text-decoration: underline;
}
.quick-add__link--arrow::after {
  width: 6px;
  height: 9px;
  background-image: url('../../images/svg/arrow-left-green.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  top: 10px;
  right: 1px;
}
.quick-add__link--plus::after {
  width: 9px;
  height: 9px;
  background-image: url('../../images/svg/plus-green.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  top: 10px;
  right: -1px;
}
.quick-add--trainer.quick-add--opened .quick-add__button-icon {
  fill: #31b3ef;
}
.quick-add--trainer .quick-add__button {
  background-color: #31b3ef;
}
.quick-add--trainer a.quick-add__link {
  color: white;
}
.quick-add--trainer a.quick-add__link::after {
  background-image: url(../../images/svg/plus-blue.svg);
}
/*-------------ACTIVITY TOOLBAR------------*/
.activity-toolbar {
  float: right;
  padding-top: 6px;
}
.activity-toolbar__label {
  font-size: 14px;
  font-weight: 400;
  color: #9da4ae;
  padding-right: 21px;
  margin-right: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.activity-toolbar__label::before {
  width: 1px;
  height: 30px;
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: -5px;
  background-color: #e0e3e7;
}
.activity-toolbar__activities {
  display: inline-block;
  vertical-align: top;
}
.activity-toolbar__item {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  padding: 2px 15px 3px 30px;
  border-radius: 15px;
  position: relative;
  text-decoration: none;
  background-color: #eeeeee;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.activity-toolbar__item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  text-align: center;
  padding-top: 2px;
  background-color: #d2d0d0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  font-weight: 400;
}
.activity-toolbar__item:hover {
  color: #fff;
}
.activity-toolbar__item + .activity-toolbar__item {
  margin-left: 5px;
}
.activity-toolbar__item--training {
  background-color: #49c100;
}
.activity-toolbar__item--training::before {
  background-color: #3da101;
  content: "T";
}
.activity-toolbar__item--training:hover {
  background-color: #368e00;
}
.activity-toolbar__item--training:hover::before {
  background-color: #2a6e01;
}
.activity-toolbar__item--activity::before {
  content: "A";
}
.no-min-height {
  min-height: auto !important;
}
.activity-toolbar__item--red {
  background-color: #f42727;
}
.activity-toolbar__item--red::before {
  background-color: #c31515;
}
.activity-toolbar__item--red:hover {
  background-color: #dd0b0b;
}
.activity-toolbar__item--red:hover::before {
  background-color: #951010;
}
.activity-toolbar__item--green {
  background-color: #49c100;
}
.activity-toolbar__item--green::before {
  background-color: #3da101;
}
.activity-toolbar__item--green:hover {
  background-color: #368e00;
}
.activity-toolbar__item--green:hover::before {
  background-color: #2a6e01;
}
.activity-toolbar__item--diary {
  background-color: #ff7043;
}
.activity-toolbar__item--diary::before {
  background-color: #da5a32;
  content: "D";
}
.activity-toolbar__item--diary:hover {
  background-color: #ff4910;
}
.activity-toolbar__item--diary:hover::before {
  background-color: #b84521;
}
.activity-toolbar__no-activities {
  font-size: 12px;
  color: #e1e1e1;
}
/*-------------SPORT STATISTICS------------*/
.bottom-line {
  border-bottom: 2px solid #ebeef1;
  margin-bottom: 48px;
  padding-bottom: 8px;
}
.flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.flex-item {
  margin-bottom: 40px;
  flex-grow: 1;
}
.sport-statistics {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.sport-statistics__sport {
  background-color: #49c100;
  display: flex;
  width: 30%;
  align-items: center;
}
.sport-statistics__sport-headline {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding-top: 45px;
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0;
}
.sport-statistics__sport-icon {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  position: absolute;
  font-size: 40px;
}
.sport-statistics__boxes {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  width: 70%;
}
.sport-statistics__box {
  width: 50%;
  padding: 17px 17px 6px 17px;
  border-right: 1px solid #f0f3f6;
  border-bottom: 1px solid #f0f3f6;
}
.sport-statistics__box:nth-of-type(2n) {
  border-right: 0;
}
.sport-statistics__box:nth-of-type(3),
.sport-statistics__box:nth-of-type(4) {
  border-bottom: 0;
}
.sport-statistics__headline {
  font-size: 12px;
  text-transform: uppercase;
  color: #e0e3e7;
  font-weight: 600;
  padding-left: 26px;
  position: relative;
  margin-bottom: 5px;
}
.sport-statistics__headline-icon {
  color: #e0e3e7;
  left: 0;
  top: -4px;
  font-size: 18px;
  position: absolute;
}
.sport-statistics__headline-icon--bigger {
  width: 22px;
  height: 22px;
  top: -8px;
}
.sport-statistics__value {
  font-size: 24px;
  font-weight: 700;
  color: #49c100;
  margin: 0;
}
.sport-statistics__unit {
  color: #93a2ad;
  font-size: 11px;
  font-weight: 400;
}
.sport-statistics__empty {
  height: 100%;
  display: flex;
  background-color: #e0e3e7;
  border-radius: 3px;
  padding: 20px 60px;
  align-items: center;
  justify-content: center;
  min-height: 155px;
}
.sport-statistics__empty-text {
  font-size: 16px;
  color: #3f4143;
  font-style: oblique;
  padding-left: 100px;
  position: relative;
}
.sport-statistics__empty-text::before {
  content: "";
  position: absolute;
  display: block;
  width: 84px;
  height: 84px;
  background-image: url('../../images/svg/bicycle-circle.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  left: 0;
  top: 50%;
  margin-top: -42px;
}
.today-statistics {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 3px;
  padding: 20px;
  text-align: center;
  margin-bottom: 40px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.today-statistics .activity-toolbar__activities {
  width: 100%;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item {
  width: 100%;
  margin: 5px 0;
  text-align: left;
  padding: 10px 17px 11px 40px;
  border-radius: 30px;
  font-size: 14px;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item::before {
  top: 8px;
  left: 9px;
  padding-top: 1px;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item--activity,
.today-statistics .activity-toolbar__activities .activity-toolbar__item--training {
  color: #5d5d5d;
  background: #eeeeee;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item--activity::before,
.today-statistics .activity-toolbar__activities .activity-toolbar__item--training::before {
  background: #d2d0d0;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item--activity:hover,
.today-statistics .activity-toolbar__activities .activity-toolbar__item--training:hover {
  background: #e2e2e2;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item + .activity-toolbar__item {
  margin: 5px 0;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item--green {
  background-color: #49c100;
  color: #fff;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item--green::before {
  background-color: #3da101;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item--green:hover {
  background-color: #368e00;
}
.today-statistics .activity-toolbar__activities .activity-toolbar__item--green:hover::before {
  background-color: #2a6e01;
}
.today-statistics .day {
  width: 100%;
  font-size: 20px;
}
.today-statistics .day b {
  font-size: 30px;
}
.yearly-statistics {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.yearly-statistics__box {
  width: 50%;
  padding: 37px 30px 30px 30px;
  border-right: 1px solid #f0f3f6;
  border-bottom: 1px solid #f0f3f6;
  text-align: center;
}
.yearly-statistics__box:nth-of-type(2n) {
  border-right: 0;
}
.yearly-statistics__box:nth-of-type(3),
.yearly-statistics__box:nth-of-type(4) {
  border-bottom: 0;
}
.yearly-statistics__headline {
  font-size: 12px;
  text-transform: uppercase;
  color: #e0e3e7;
  font-weight: 600;
  padding-top: 24px;
  position: relative;
  margin-bottom: 10px;
}
.yearly-statistics__headline--bigger {
  padding-top: 26px;
}
.yearly-statistics__headline--bigger .yearly-statistics__headline-icon {
  font-size: 22px;
}
.yearly-statistics__headline-icon {
  font-size: 20px;
  color: #e0e3e7;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
}
.yearly-statistics__value {
  font-size: 40px;
  font-weight: 700;
  color: #49c100;
  margin: 0;
}
.yearly-statistics__unit {
  color: #93a2ad;
  font-size: 13px;
  font-weight: 400;
}
/*kalendář - úprava pro zobrazení programů*/
.fc-wk {
  width: 50px;
}
.fc-widget-content .fc-wk {
  content: 'Týden';
  background-color: #f6f8f9;
  text-align: center;
  vertical-align: middle !important;
  font-weight: bold;
  font-size: 40px;
  color: #dadada;
}
.fc-programs .fc-content-skeleton td:first-child {
  width: 50px;
}
.fc-programs tr:first-child > td > .fc-day-grid-event,
.fc-programs tr:first-child td .fc-day-grid-event {
  margin-top: 5px;
}
/*microsite navigation for app*/
.micrositeNav {
  display: flex;
  height: 65px;
  border-bottom: 1px solid #dadada;
  background: #eeeeee;
  margin-top: -65px;
  /*
  ** header
  */
  /*
  ** header END
  */
}
.micrositeNav .menu-wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-left: 35px;
}
@media (min-width: 992px) {
  .micrositeNav .menu-wrapper {
    justify-content: space-between;
  }
}
.micrositeNav .nav-registration {
  margin: 0 0 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.micrositeNav .logo {
  width: 127px;
  height: 22px;
  background-image: url('../../images/logo.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  display: inline-block;
  vertical-align: top;
  margin: 21px 0 0 142px;
}
.micrositeNav .right {
  float: right;
  margin-right: 148px;
  position: relative;
}
.micrositeNav .right .menu {
  margin-left: 35px;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
}
.micrositeNav .right .menu li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
.micrositeNav .right .menu li::before {
  display: none;
}
.micrositeNav .right .menu li a {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  color: #8d8e90;
  font-size: 14px;
  padding: 22px 20px 19px 20px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 3px solid transparent;
  text-decoration: none;
}
.micrositeNav .right .menu li a:hover {
  text-decoration: none;
  border-bottom: 3px solid #8d8e90;
}
.micrositeNav .right .menu li + li {
  margin-left: 40px;
}
.micrositeNav .right .dropdown {
  display: inline-block;
  vertical-align: top;
  margin-left: 160px;
  position: relative;
}
.micrositeNav .right .login {
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #3f4143;
  padding: 23px 20px 17px 45px;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.micrositeNav .right .login:hover {
  border-color: #49c100;
  text-decoration: none;
}
.micrositeNav .right .login::before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 17px;
  background-image: url('../../images/sprite.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 750px 750px;
  left: 19px;
  top: 22px;
}
.micrositeNav .right .dropdown-menu {
  top: 65px;
  position: absolute;
  left: -70px;
  width: 290px;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 0;
  background-color: #3f4143;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
}
.micrositeNav .right .dropdown-menu > li {
  padding: 0 12px;
}
.micrositeNav .right .dropdown-menu > li > a {
  color: #b9bbbd;
  padding: 10px 0;
  border-top: 1px solid #4f5153;
  border-bottom: 0;
  text-align: center;
  text-decoration: none;
}
.micrositeNav .right .dropdown-menu > li > a:hover,
.micrositeNav .right .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.micrositeNav .right .dropdown-menu .form-control {
  margin-bottom: 15px;
  height: 38px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dbe1e5;
  -webkit-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
}
.micrositeNav .right .dropdown-menu .form-control:focus {
  border-color: #dbe1e5;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
}
.micrositeNav .right .dropdown-menu .btn-link {
  width: auto;
  padding: 9px 0;
  color: #fff;
  font-weight: 400;
  border: 0;
  font-size: 13px;
  -webkit-transition: all 0 ease;
  -moz-transition: all 0 ease;
  -ms-transition: all 0 ease;
  -o-transition: all 0 ease;
  transition: all 0 ease;
}
.micrositeNav .right .dropdown-menu .btn-link:focus,
.micrositeNav .right .dropdown-menu .btn-link:active {
  outline: none;
  border: 0;
  -webkit-transition: all 0 ease;
  -moz-transition: all 0 ease;
  -ms-transition: all 0 ease;
  -o-transition: all 0 ease;
  transition: all 0 ease;
}
.micrositeNav .right .dropdown-menu .social-login {
  border-top: 1px solid #535456;
  margin-top: 23px;
  padding-top: 16px;
}
.micrositeNav .right .dropdown-menu .social-login .item {
  color: #fff;
  padding: 6px 0 6px 30px;
  position: relative;
  font-size: 13px;
  line-height: 1;
  width: auto;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.micrositeNav .right .dropdown-menu .social-login .item::before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
}
.micrositeNav .right .dropdown-menu .social-login .item.gplus {
  margin-right: 25px;
}
.micrositeNav .right .dropdown-menu .social-login .item.gplus::before {
  background-image: url('../../images/sprite.png');
  background-position: -109px 0;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
.micrositeNav .right .dropdown-menu .social-login .item.gplus:hover::before {
  background-image: url('../../images/sprite.png');
  background-position: -109px -26px;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
.micrositeNav .right .dropdown-menu .social-login .item.fb::before {
  background-image: url('../../images/sprite.png');
  background-position: -136px 0;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
.micrositeNav .right .dropdown-menu .social-login .item.fb:hover::before {
  background-image: url('../../images/sprite.png');
  background-position: -136px -26px;
  background-repeat: no-repeat;
  background-size: 750px 750px;
}
.micrositeNav .right #hamburger {
  display: none;
}
.micrositeNav .right #hamburger span {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.micrositeNav .right .btn-default {
  border-radius: 30px;
  border: 1px solid #fffeff;
  background-color: #fffeff;
  /* Old browsers */
  -webkit-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.1);
  color: #333 !important;
  line-height: 1.42857143 !important;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 18px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.micrositeNav .right .btn-default:hover {
  background-color: #f6f8f9;
  border-color: #f6f8f9;
}
.micrositeNav .right .btn-default:active:focus,
.micrositeNav .right .btn-default:focus {
  border-color: #dbe1e5;
}
.micrositeNav .right .btn-default:focus,
.micrositeNav .right .btn-default:active {
  outline: none;
}
.micrositeNav .right .btn-default:active:focus {
  outline: none;
}
.micrositeNav .right .btn-default:active {
  border-color: #dbe1e5;
}
.micrositeNav .right .btn-default.icon {
  padding: 7px 14px;
}
.micrositeNav .right .btn-default.icon .icon {
  margin: 0;
  font-size: 18px;
}
.micrositeNav .right .btn-default .icon {
  margin: 0 18px 0 0;
  line-height: 1;
}
.micrositeNav .right .btn-default.dropdown-toggle {
  padding: 8px 18px 8px 22px;
}
.micrositeNav .right .btn-default.dropdown-toggle .caret {
  margin-left: 10px;
}
.micrositeNav .right .btn-default.active:focus {
  outline: none;
}
@media only screen and (max-width: 1002px) {
  .micrositeNav .right .menu li:first-of-type a {
    font-size: 13px;
  }
}
.micrositeNav .right .menu li:first-of-type a:hover {
  border-bottom-color: #9d9999;
}
.micrositeNav .right .menu li:nth-of-type(2) a {
  color: #49c100;
}
.micrositeNav .right .menu li:nth-of-type(2) a:hover {
  border-bottom-color: #49c100;
}
.micrositeNav .right .menu li:nth-of-type(3) a {
  color: #31b3ef;
}
.micrositeNav .right .menu li:nth-of-type(3) a:hover {
  border-bottom-color: #31b3ef;
}
@media only screen and (max-width: 1002px) {
  .micrositeNav .right .menu li + li {
    margin-left: 0;
  }
}
.micrositeNav .right .login {
  border: 3px solid #ccc;
  border-radius: 40px;
  padding: 8px 25px 4px 40px;
  color: #fff;
  background-color: #49c100;
  transition: 0.25s all;
}
.micrositeNav .right .login:hover {
  border-color: #49c100 !important;
  background-color: #ccc;
}
@media only screen and (max-width: 1149px) {
  .micrositeNav .right .login {
    font-size: 13px;
    padding: 8px 10px 4px 25px;
  }
}
.micrositeNav .right .login::before {
  top: 11px !important;
  left: 19px !important;
  width: 15px !important;
  height: 16px !important;
  background-image: url(../../images/icon-login.png) !important;
  background-size: 15px 16px !important;
  background-position: center center !important;
}
@media only screen and (max-width: 767px) {
  .micrositeNav .right .login::before {
    left: 10px !important;
  }
}
.micrositeNav .right .dropdown {
  margin-top: 12px;
  margin-left: 20px;
}
@media only screen and (max-width: 1002px) {
  .micrositeNav .right .dropdown {
    margin-left: 5px;
  }
}
.micrositeNav .nav-registration-only-mobile {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .micrositeNav .nav-registration-only-mobile {
    display: block !important;
  }
}
.micrositeNav .btn-toolbar > .btn:nth-of-type(2),
.micrositeNav .register .btn-toolbar > .btn:nth-of-type(2),
.micrositeNav .e-learning .btn-toolbar > .btn:nth-of-type(2) {
  margin-left: 25px;
}
@media only screen and (max-width: 991px) {
  .micrositeNav .btn-toolbar > .btn:nth-of-type(2),
  .micrositeNav .register .btn-toolbar > .btn:nth-of-type(2),
  .micrositeNav .e-learning .btn-toolbar > .btn:nth-of-type(2) {
    margin-left: 5px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .micrositeNav .btn-toolbar > .btn:nth-of-type(2),
  .micrositeNav .register .btn-toolbar > .btn:nth-of-type(2),
  .micrositeNav .e-learning .btn-toolbar > .btn:nth-of-type(2) {
    margin-left: 15px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 414px) {
  .micrositeNav .btn-toolbar > .btn:nth-of-type(2),
  .micrositeNav .register .btn-toolbar > .btn:nth-of-type(2),
  .micrositeNav .e-learning .btn-toolbar > .btn:nth-of-type(2) {
    margin-left: 5px;
    margin-top: 0;
  }
}
.micrositeNav .e-learning .btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  margin: 0 0 70px;
}
.micrositeNav .e-learning .btn-toolbar > .btn {
  margin-bottom: 20px;
}
.micrositeNav .e-learning-trainer {
  padding-bottom: 0;
}
.micrositeNav .e-learning-trainer img {
  margin-bottom: 0;
}
.micrositeNav .phone-left .phone-bg.phone-1,
.micrositeNav .phone-right .phone-bg.phone-2,
.micrositeNav .phone-left .phone-bg.phone-3,
.micrositeNav .phone-right .phone-bg.phone-4,
.micrositeNav .phone-left .phone-bg.phone-5 {
  width: 380px;
  height: 570px;
  background-position: center bottom;
}
@media only screen and (max-width: 1199px) {
  .micrositeNav .phone-left .phone-bg.phone-1,
  .micrositeNav .phone-right .phone-bg.phone-2,
  .micrositeNav .phone-left .phone-bg.phone-3,
  .micrositeNav .phone-right .phone-bg.phone-4,
  .micrositeNav .phone-left .phone-bg.phone-5 {
    width: 280px;
    height: 420px;
  }
}
@media only screen and (max-width: 767px) {
  .micrositeNav .phone-left .phone-bg.phone-1,
  .micrositeNav .phone-right .phone-bg.phone-2,
  .micrositeNav .phone-left .phone-bg.phone-3,
  .micrositeNav .phone-right .phone-bg.phone-4,
  .micrositeNav .phone-left .phone-bg.phone-5 {
    width: 220px;
    height: 330px;
  }
}
.micrositeNav .btn-want-registration {
  text-align: center;
  margin: 0 0 50px;
}
.micrositeNav .btn-for-trainers {
  margin: 40px 0 70px;
}
@media only screen and (max-width: 767px) {
  .micrositeNav .btn-for-trainers > .btn {
    white-space: normal;
  }
}
.micrositeNav .container-trainer-customer {
  margin-top: 70px;
}
.micrositeNav .container-trainer-customer img {
  max-width: 100%;
}
.micrositeNav .services .item {
  margin-bottom: 0;
}
.micrositeNav .services .item.bg-14 {
  position: relative;
  background-image: url(../../images/backgrounds/bg-14.jpg);
}
.micrositeNav .services .item.bg-14::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  display: block;
  width: 100px;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  .micrositeNav .services .item.bg-14::before {
    display: none;
  }
}
.micrositeNav .services .check-green,
.micrositeNav .services .check-blue {
  background-size: 29px 23px;
  background-position: center center;
}
.micrositeNav .services .check-green {
  background-image: url(../../images/check-green.png);
}
.micrositeNav .services .check-blue {
  background-image: url(../../images/check-blue.png);
}
.micrositeNav .services-trainer {
  margin-top: 50px;
}
.micrositeNav .services-trainer .item h3 {
  font-size: 50px;
}
.micrositeNav .services-trainer .item.bg-14::before {
  display: none;
}
.micrositeNav .item-footer {
  min-height: 150px;
  padding: 50px 40px;
  background-color: #f1f1f1;
}
.micrositeNav .item-footer h3 {
  position: relative;
  margin: 0;
  text-transform: none;
  font-size: 20px;
  color: #3a3a3a;
  /*&::after {
          content: '';
          position: absolute;
          top: calc(100% - 25px);
          left: 50%;
          width: 36px;
          height: 3px;
          transform: translateX(-50%);
          background-color: #dbdbdb;
      }*/
}
.micrositeNav .item-footer p {
  font-size: 16px;
  line-height: 1.5;
  color: #3a3a3a;
}
.micrositeNav .text-black {
  color: #010101;
}
.micrositeNav .privat-program-container {
  margin-bottom: 100px;
  background-color: #f1f1f1;
}
.micrositeNav .privat-program-content {
  padding: 15% 15px 0;
}
@media only screen and (max-width: 991px) {
  .micrositeNav .privat-program-content {
    padding: 30px 0 0;
  }
}
.micrositeNav .privat-program-content h3 {
  margin: 0 0 25px;
  text-align: left;
  text-transform: none;
  font-size: 20px;
  line-height: 32px;
  color: #010101;
}
.micrositeNav .privat-program-content h3 span {
  color: #3a3a3a;
}
.micrositeNav .privat-program-content p {
  margin: 0 0 25px;
  text-align: left;
  font-size: 16px;
  color: #3a3a3a;
}
.nav-registration {
  display: inline-block;
  margin: 0 0 0 18vw;
}
@media only screen and (max-width: 1200px) {
  .nav-registration {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .nav-registration {
    display: none;
  }
}
.nav-registration > a {
  display: inline-block;
  padding: 22px 0 17px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  color: #3a3a3a;
  border-bottom: 3px solid transparent;
  transition: 0.25s all;
}
.nav-registration > a:hover {
  border-bottom-color: #3a3a3a;
}
.nav-registration > a span {
  color: #49c100;
}
@media only screen and (max-width: 1700px) {
  .micrositeNav .right {
    margin-right: 70px;
  }
  .micrositeNav .right .menu li + li {
    margin-left: 5px;
  }
  .micrositeNav .right .dropdown {
    margin-left: 20px;
  }
  .micrositeNav .logo {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .micrositeNav .right .menu li + li {
    margin-left: 0px;
  }
  .micrositeNav .right .menu li + li a {
    padding: 22px 5px 19px 5px;
  }
}
@media only screen and (max-width: 991px) {
  .micrositeNav .right {
    margin-right: 20px;
  }
  .micrositeNav .right .menu li a {
    padding: 22px 7px 19px 7px;
  }
  .micrositeNav .right .dropdown {
    margin-left: 10px;
  }
  .micrositeNav .right .login {
    padding: 23px 0 17px 30px;
  }
  .micrositeNav .right .login::before {
    left: 0;
    top: 23px;
  }
  .micrositeNav .right .dropdown-menu {
    left: auto;
    right: -20px;
  }
  .micrositeNav .logo {
    width: 100px;
    margin-left: 20px;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .micrositeNav {
    position: fixed;
    width: 100%;
    margin-top: 0;
    background-color: #fff;
    z-index: 999;
    top: 0;
  }
  .micrositeNav .right .login {
    font-size: 13px;
    padding: 8px 10px 4px 25px;
  }
  .micrositeNav .right .login::before {
    left: 12px;
  }
  .micrositeNav .right #hamburger {
    width: 26px;
    display: inline-block;
    vertical-align: top;
    margin: 23px 0 0 5px;
  }
  .micrositeNav .right #hamburger span {
    display: block;
    background-color: #3f4143;
    height: 3px;
  }
  .micrositeNav .right #hamburger span + span {
    margin-top: 4px;
  }
  .micrositeNav .right .menu {
    position: fixed;
    width: 300px;
    right: -300px;
    top: 65px;
    height: 100%;
    background-color: #3f4143;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .micrositeNav .right .menu li {
    display: block;
  }
  .micrositeNav .right .menu li a {
    display: block;
    text-align: left;
    padding: 18px 15px 15px 15px;
    border-bottom: 1px solid #555555;
    color: #fff;
  }
  .micrositeNav .right .menu li + li {
    margin-left: 0;
  }
  .micrositeNav .right.opened .menu {
    right: 0;
  }
  .micrositeNav .right.opened #hamburger span:nth-of-type(1) {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 8px;
  }
  .micrositeNav .right.opened #hamburger span:nth-of-type(2) {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -3px;
  }
  .micrositeNav .right.opened #hamburger span:nth-of-type(3) {
    display: none;
  }
  .micrositeNav .right .dropdown-menu {
    right: -56px;
  }
}
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  background-color: #4AC102;
  transition: 0.25s background-color;
  will-change: background-color;
}
.btn-search:hover {
  background-color: #378f01;
}
.d-none {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .md-d-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 768px) {
  .md-d-block {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) {
  .md-d-none {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .md-d-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .md-flex-ai-c {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .md-no-pseudo::before,
  .md-no-pseudo::after {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .md-flex-jc-sb {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .to-md-w-100p {
    width: calc(100% - 20px);
  }
}
@media only screen and (min-width: 768px) {
  .pull-md-left {
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .md-min-height-58 {
    min-height: 58px;
  }
}
.m-b-35 {
  margin-bottom: 35px !important;
}
@media only screen and (min-width: 768px) {
  .md-m-b-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 768px) {
  .md-min-w-300 {
    min-width: 300px;
  }
}
.fc-icon-left-single-arrow::after,
.fc-icon-right-single-arrow::after,
.icon-arrowdown::before,
.icon-arrowup::before,
.icon-arrowright::before,
.icon-arrowleft::before {
  content: "";
  top: 1px;
  display: block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='M0 1.43C0 1.076.125.722.375.445A1.319 1.319 0 012.302.394l3.208 3.2L8.695.396a1.318 1.318 0 011.927.045 1.48 1.48 0 01-.043 2.022l-4.124 4.14a1.318 1.318 0 01-1.881.003l-4.15-4.14A1.464 1.464 0 010 1.43z' fill='%23404040' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fc-icon-left-single-arrow::after,
.icon-arrowleft::before {
  transform: rotate(90deg);
}
.fc-icon-right-single-arrow::after,
.icon-arrowright::before {
  transform: rotate(-90deg);
}
.icon-arrowdown::before {
  position: relative;
  top: 5px;
}
#frm-trainingForm .icon-arrowdown::before {
  top: 1px;
}
#frm-trainingForm .icon-arrowdown.opened::before {
  top: -6px;
}
.icon-arrowup::before {
  transform: rotate(180deg);
}
.h1-question {
  position: relative;
  top: -5px;
}
.chart-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chart-controls .icon-arrowleft::before,
.chart-controls .icon-arrowright::before {
  position: relative;
  top: 3px;
}
.chart-controls .chart-view-text {
  padding-top: 0 !important;
}
@media (min-width: 768px) {
  .modal-sm {
    width: 400px;
  }
}
.modal-backdrop.in {
  opacity: 0.7;
}
.fc-current-day .fc-list-heading,
.fc-current-day .fc-right,
.fc-current-day .fc-center {
  display: none !important;
}
.fc-current-day .fc-list-table td {
  border: none;
}
.fc-current-day .fc-list-view {
  border-top: none;
  border-color: #e8eaed !important;
}
.panel-body.adjust-element-grid-2 .image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
}
.paginator--trainer-detail {
  display: flex;
}
@media (max-width: 767px) {
  .paginator--trainer-detail .btn-group {
    display: flex;
    width: 100%;
  }
  .paginator--trainer-detail .btn-group a {
    width: 100%;
    padding: 12px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
.btn-group label {
  margin-bottom: 0;
}
@media only screen and (max-width: 1500px) {
  .activities-overview .panel-body .nav-tabs > li > a {
    padding: 0 5px 12px 5px;
    margin: 0 4px;
  }
  .activities-overview .panel-footer .statistics .item span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1450px) {
  .trainer-thumbs .trainer-thumb {
    width: 14.2857%;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(7n+7) {
    border-right: 0;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(8n+8) {
    border-right: 1px solid #e4e6e7;
  }
  .trainer-thumbs.four .trainer-thumb:nth-of-type(7n+7) {
    border-right: 1px solid #e4e6e7;
  }
  #map {
    padding-bottom: 65%;
  }
  .activities-overview .panel-body .bars .bar-container {
    width: 40px;
    height: 150px;
  }
  .activities-overview .panel-body .bars .bar-container span {
    font-size: 13px;
  }
  .chart .cols .col span {
    width: 200%;
    left: -50%;
  }
  .calendar-statistics .box {
    padding-left: 15px;
  }
  .calendar-statistics .box .bars {
    margin-left: 20px;
  }
  .calendar-statistics .box .user-info {
    margin-left: 10px;
    padding-left: 15px;
    max-width: 100px;
  }
}
@media screen and (min-width: 1366px) {
  .col-bg-4 {
    width: 33.33%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
  .col-bg-3 {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
}
@media screen and (min-width: 1600px) {
  .col-hg-3 {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
}
@media screen and (min-width: 1281px) {
  .video {
    width: 830px !important;
  }
  .navbar-default .navbar-toggle {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  .row-offcanvas {
    position: relative;
    min-height: 100%;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right {
    right: 0;
  }
  .row-offcanvas-left {
    left: 0;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -200px;
    /* 6 columns */
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-left.active {
    left: 200px;
    /* 6 columns */
  }
  .row-offcanvas-left.active .sidebar-offcanvas {
    z-index: 10;
    left: 0px;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .sidebar-offcanvas {
    position: fixed;
    top: 65px;
    width: 200px;
    /* 6 columns */
  }
  .col-offset-200 {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1366px) {
  .trainer-thumbs .trainer-thumb {
    width: 16.66%;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(6n+6) {
    border-right: 0;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(5n+5) {
    border-right: 1px solid #e4e6e7;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(7n+7) {
    border-right: 1px solid #e4e6e7;
  }
  .trainer-thumbs.four .trainer-thumb:nth-of-type(6n+6) {
    border-right: 1px solid #e4e6e7;
  }
  .btn-chart {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1230px) {
  .trainer-thumbs .trainer-thumb {
    width: 20%;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(5n+5) {
    border-right: 0;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(6n+6) {
    border-right: 1px solid #e4e6e7;
  }
  .trainer-thumbs.four .trainer-thumb:nth-of-type(5n+5) {
    border-right: 1px solid #e4e6e7;
  }
  .trainer-profile .trainer-avatar {
    width: 180px;
    height: 180px;
  }
  .trainer-profile .trainer-avatar .image-wrapper {
    width: 180px;
    height: 180px;
  }
  .trainer-programme .flex-container .item:first-child {
    width: 45%;
  }
  .trainer-programme .flex-container .item:last-child {
    width: 55%;
  }
}
@media only screen and (max-width: 1199px) {
  .calendar-statistics .box {
    text-align: center;
  }
  .calendar-statistics .box.user {
    text-align: left;
    margin-bottom: 10px;
  }
  .trainings .alert {
    padding: 18px 30px 18px 18px;
  }
  .trainings .alert-dismissible .close {
    top: 5px;
    right: 10px;
    margin-top: 0;
  }
  .trainer-landing .trainer-programme .programme-tariffs .tariff {
    min-height: 326px !important;
  }
  .trainer-landing .trainer-programme .programme-tariffs .tariff .price {
    font-size: 36px;
  }
  .trainer-landing .trainer-programme .programme-tariffs .tariff .saving {
    font-size: 12px;
  }
  .trainer-landing .trainer-programme .flex-container {
    display: block;
    font-size: 0;
  }
  .trainer-landing .trainer-programme .flex-container .item {
    display: inline-block;
    vertical-align: top;
  }
  .trainer-landing .trainer-programme .programme-info {
    font-size: 16px;
  }
  .trainer-landing .trainer-programme.v3 .programme-tariffs .tariff {
    min-height: 350px !important;
  }
  .trainer-landing .trainer-programme.v3 .programme-tariffs.plus-tariff .tariff {
    min-height: 90px !important;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
  }
  .navbar-default .navbar-toggle:focus:hover {
    background-color: transparent !important;
  }
  .show-more-container.pad-filter .show-more-text {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
  }
  .show-more-container.pad-filter .show-more-text.filter-standalone {
    display: block;
  }
  .show-more-container.pad-filter .show-more-text .icon-arrowdown::before {
    top: 2px;
  }
  .show-more-container.pad-filter .show-more-text .icon-arrowdown.opened::before {
    top: -5px;
  }
  .show-more-container.pad-filter .hidden-actions {
    display: none;
    float: none !important;
    margin-top: 20px;
    text-align: left;
  }
  .show-more-container.pad-filter .hidden-actions .fstToggleBtn {
    min-width: 155px;
  }
  .show-more-container.pad-filter .hidden-actions .search-input {
    width: 230px;
  }
  .show-more-container.pad-filter .hidden-actions .search-input .form-control {
    width: 190px;
  }
  .panel-library .image-wrapper {
    max-height: 200px;
  }
  .sidebar-offcanvas {
    z-index: 0;
  }
  .chart-controls .chart-view-text {
    padding: 8px 5px 0 5px;
  }
  .create-training .training-type-select .item input[type="radio"] + label {
    width: 150px;
  }
  .create-training .training-type-select .item.individual .fstElement {
    width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .show-more-container.pad-filter .show-more-text .icon-arrowdown::before {
    top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .trainer-thumbs .trainer-thumb {
    width: 25%;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(4n+4) {
    border-right: 0;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(5n+5) {
    border-right: 1px solid #e4e6e7;
  }
  .panel-library .video {
    width: 100%;
  }
  .panel-chart .panel-title {
    margin-bottom: 20px;
  }
  .chart-change-view,
  .chart-change-view2 {
    text-align: center;
  }
  .chart-change-view .btn-toolbar,
  .chart-change-view2 .btn-toolbar {
    float: none !important;
    display: inline-block;
    vertical-align: top;
  }
  .chart-change-view2 {
    margin-bottom: 25px;
  }
  .chart-controls {
    margin-bottom: 25px;
  }
  .exercise-image:last-child {
    margin-bottom: 20px;
  }
  .create-training .training-type-select {
    font-size: 0;
    margin: 0 -5px;
  }
  .create-training .training-type-select .item {
    font-size: 14px;
    width: 33.33%;
    padding: 0 5px;
  }
  .create-training .training-type-select .item input[type="radio"] + label {
    width: 100%;
  }
  .create-training .training-type-select .item.individual .fstElement {
    width: -moz-calc(100% - 27px);
    width: -webkit-calc(100% - 27px);
    width: -o-calc(100% - 27px);
    width: calc(100% - 27px);
    top: 40px;
  }
  .create-training .training-type-select .item + .item {
    margin-left: 0;
  }
  .if-empty-calendar,
  .if-empty-e-learning {
    width: 100%;
    padding: 200px 20px 20px 20px;
    margin-top: 0;
  }
  .if-empty-calendar::before,
  .if-empty-e-learning::before {
    top: 30px;
  }
  .bottom-line {
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 830px) {
  .trainer-programme .flex-container .item {
    width: 100%;
  }
  .trainer-programme .flex-container .item:first-child {
    width: 100%;
  }
  .trainer-programme .flex-container .item:last-child {
    width: 100%;
  }
  .trainer-landing .name h1 {
    margin: 8px 0 0 0;
  }
  .trainer-landing .trainer-programme {
    margin-top: 30px;
  }
  .trainer-landing .trainer-programme .programme-tariffs .tariff {
    min-height: 270px !important;
    padding: 0 !important;
  }
  .trainer-landing .trainer-programme .programme-tariffs .tariff .months {
    padding-top: 1px;
    position: relative;
    top: auto;
    margin-top: -140px;
    width: 100%;
  }
  .trainer-landing .trainer-programme .programme-tariffs .tariff .info {
    padding: 0 10px;
  }
  .trainer-landing .trainer-programme .plus .programme-info {
    margin-bottom: 0;
  }
  .trainer-landing .trainer-programme .programme-info {
    margin-bottom: 140px;
  }
  .trainer-landing .trainer-programme.v3 .programme-tariffs .tariff .months {
    margin-top: 0;
  }
  .trainer-landing .trainer-programme.v3 .programme-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 1250px) {
  .modal-big {
    width: 1200px !important;
  }
}
/*
@media (min-width: 1200px) {
  .trainer-landing {
    .container {
      width: 1000px;

    }
  }
}
@media (min-width: 1410px) {
  .trainer-landing {
    .container {
      width: 1170px;
    }
  }
}
 */
@media only screen and (max-width: 808px) {
  .map-trainer-info {
    width: 90%;
    margin: 10px;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
  }
  .map-trainer-info .image {
    display: none;
  }
  .map-trainer-info .info {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .map-trainer-info .info p {
    display: none;
  }
  .map-trainer-info .info h2 {
    margin: 5px 0;
  }
  .map-trainer-info .info span {
    margin-bottom: 10px !important;
  }
  .map-trainer-info .panel-footer {
    display: none;
  }
  .map-trainer-info .panel-body {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .navbar-toggle {
    display: block;
  }
  .modal-big {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .user-statistics.choose-activity {
    height: 230px;
    margin-bottom: 20px;
  }
  .user-statistics.choose-activity .choose-activity-circle {
    width: 80px;
    height: 80px;
  }
  .user-statistics.choose-activity .choose-activity-icon {
    top: 17px;
    font-size: 35px;
  }
  .g-flex-container {
    display: block;
    flex-wrap: inherit;
  }
  .modal-upload-exercise .modal-body .scroll-box.scroll-box-panels {
    height: 320px;
  }
  .modal-upload-exercise .modal-body .package-detail {
    height: auto;
  }
  .modal-upload-exercise .modal-body .package-detail .if-empty {
    margin-top: 0;
  }
  .calendar-statistics .box {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .calendar-statistics .box .main-text {
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .calendar-statistics .box .image-wrapper {
    width: 70px;
    height: 70px;
    top: -15px;
    left: 50%;
    margin-left: -35px;
  }
  .calendar-statistics .box .user-info {
    display: block;
    border-left: 0;
    padding-left: 10px;
    margin-left: 0;
    max-width: unset;
  }
  .calendar-statistics .box.user {
    text-align: center;
    padding-left: 0;
    margin-left: 0;
    padding-top: 70px;
  }
  .calendar-statistics .box .bars {
    margin-left: 0;
  }
  .calendar-statistics .box.user .main-text {
    max-width: unset;
  }
  .videos-upload .item .name,
  .videos-upload .item .url,
  .videos-upload .item .time {
    width: 100%;
  }
  .videos-upload .item .name .form-control,
  .videos-upload .item .url .form-control {
    margin-bottom: 10px;
    width: 100%;
  }
  .videos-upload .item.head {
    display: none;
  }
  .format-select-container .btn-switch {
    margin-bottom: 10px;
  }
  .format-select-container .btn-switch.pdf,
  .format-select-container .btn-switch.two-images {
    margin-bottom: 0;
  }
  .paginator.xs-no-padding .btn {
    padding-left: 0;
    padding-right: 0;
  }
  .xs-center-btn-group {
    text-align: center;
  }
  .xs-center-btn-group .btn-group {
    float: none !important;
    display: inline-block;
    margin-top: 20px;
  }
  .modal-delete .modal-body .bin-icon {
    display: none;
  }
  .modal-delete .modal-body p {
    width: 100%;
    margin: 0 0 30px 0;
    text-align: center;
  }
  .modal-choose-activity .btn {
    margin-bottom: 10px;
  }
  .modal-choose-activity .modal-body {
    padding-bottom: 15px;
  }
  .margin-0-xs {
    margin: 0 !important;
  }
  .create-training .training-type-select .item {
    width: 100%;
  }
  .create-training .section .exercise-input {
    margin-bottom: 15px;
  }
  .create-training .section .choose-from-library {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  body {
    font-size: 16px;
  }
  .btn {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .btn.icon {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .btn.btn-blocks {
    padding-bottom: 10px;
  }
  .navbar-nav {
    margin: 0;
    float: right;
  }
  .navbar-nav .open .dropdown-menu {
    position: absolute;
  }
  .nav > li {
    display: inline-block;
    margin-top: -1px;
  }
  .nav-tabs > li {
    width: 100%;
    margin-bottom: 5px;
  }
  .nav-tabs > li > a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-tabs > li + li {
    margin-left: 0;
  }
  .navbar-header {
    float: left;
  }
  .navbar-default .navbar-nav .dropdown > a {
    width: 110px;
  }
  .navbar-default .navbar-nav .dropdown > .dropdown-menu {
    position: fixed;
    left: 0px;
    top: 65px;
    width: 100%;
  }
  .navbar-default .navbar-nav .dropdown > .dropdown-menu > li > a {
    padding: 16px 0;
  }
  .navbar-default .navbar-right-flex {
    display: flex;
  }
  .navbar-default .navbar-right-flex .menu-notifications > a {
    text-align: center;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .set-price .fstToggleBtn {
    min-width: 49px;
  }
  .activities-overview .panel-body .nav-tabs {
    padding: 0 10px;
    display: flex;
  }
  .activities-overview .panel-body .nav-tabs > li {
    display: inline-block;
    width: auto;
    flex-grow: 1;
  }
  .activities-overview .panel-body .nav-tabs > li > a {
    padding: 0 0 12px 0;
    margin: 0;
  }
  .sidebar-offcanvas {
    z-index: 0;
    width: 100%;
  }
  .sidebar-offcanvas .list-group .list-group-item {
    font-size: 15px;
    padding: 16px 15px 14px 15px;
  }
  .sidebar-offcanvas .list-group .list-group-item .icon {
    font-size: 18px;
  }
  .sidebar-offcanvas .add-links {
    margin-bottom: 50px;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -100%;
  }
  .row-offcanvas-left.active {
    left: 100%;
    /* 6 columns */
  }
  .single-line {
    text-align: left !important;
  }
  .single-line .search-input {
    width: 100%;
    margin-bottom: 15px;
  }
  .single-line .search-input .form-control {
    width: 100%;
  }
  .single-line .fstElement {
    width: 100% !important;
    margin: 0 0 10px 0;
  }
  .text-left-xs {
    text-align: left;
  }
  .pull-left-xs {
    float: left !important;
  }
  .main-headline {
    padding: 0;
  }
  .main-headline h1 {
    margin: 10px 0;
  }
  .main-headline .edit-input {
    margin: 15px 0;
    width: 100%;
  }
  .main-headline .headline-icon {
    display: none;
  }
  .article-detail {
    width: 100%;
  }
  .article-detail img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: auto !important;
  }
  .article-detail iframe {
    max-width: 100%;
  }
  .article-date {
    margin-bottom: -75px;
    position: relative;
    z-index: 2;
  }
  .full-width-xs {
    width: 100%;
  }
  .margin-only-bottom-xs {
    margin: 0 0 15px 0 !important;
  }
  .trainer-list-item .panel-footer {
    padding: 10px;
  }
  .trainer-list-item .panel-footer .action-buttons .right,
  .trainer-list-item .panel-footer .action-buttons .left {
    width: 100%;
  }
  .trainer-list-item .panel-footer .action-buttons .right::before {
    display: none;
  }
  .trainer-list-item .info {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .trainer-list-item .info .btn-toolbar {
    margin-left: 0;
  }
  .trainer-list-item .info p {
    font-size: 15px;
  }
  .trainer-list-item .image {
    display: block;
    margin: auto;
    margin-bottom: 15px;
  }
  .panel.finances .panel-heading .item {
    border-right: 0;
    margin-right: 0;
    display: block;
    margin-left: 48px;
  }
  .panel.finances .panel-heading .item:first-child {
    margin-left: 0;
  }
  .create-training .section .exercise .inputs {
    width: -moz-calc(100% - 55px);
    width: -webkit-calc(100% - 55px);
    width: -o-calc(100% - 55px);
    width: calc(100% - 55px);
  }
  .create-training .section .link {
    margin: 8px 0 14px 8px;
  }
  .create-training .section .btn-toolbar {
    margin: 25px 0 0 0;
  }
  .create-training .section .rest label {
    margin: 12px 5px 0 5px;
  }
  .create-training .rest {
    clear: both;
  }
  .create-training .rest .increase-input .form-control {
    width: 38px !important;
    padding-left: 0;
    padding-right: 0;
  }
  .account .section.image h4 {
    margin-top: 0;
  }
  .account .section.image .image-wrapper {
    margin: auto;
  }
  .center-60 {
    width: 100%;
  }
  .flash-messages {
    width: 280px;
  }
  .helper-box {
    padding: 55px 15px 45px 15px;
  }
  .helper-box p {
    width: 100%;
  }
  .show-more-container .show-more-text {
    display: inline-block;
    vertical-align: top;
  }
  .show-more-container .show-more-text.filter-standalone {
    display: block;
    margin-top: 4px !important;
    margin-bottom: 3px;
  }
  .show-more-container .hidden-actions {
    display: none;
  }
  .show-more-container.pad-filter .show-more-text {
    margin-top: 16px;
  }
  .show-more-container.pad-filter .hidden-actions .search-input {
    width: 100%;
  }
  .show-more-container.pad-filter .hidden-actions .search-input .form-control {
    width: 100%;
  }
  .group-xs-3.btn-group {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    width: 100%;
  }
  .group-xs-3.btn-group .btn {
    width: 33%;
  }
  .group-xs-2.btn-group {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    width: 100%;
  }
  .group-xs-2.btn-group .btn {
    width: 50%;
  }
  .group-xs-4.btn-group {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    width: 100%;
  }
  .group-xs-4.btn-group .btn {
    width: 25%;
  }
  .group-xs-auto.btn-group {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    width: 100%;
  }
  .group-xs-auto.btn-group .btn {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
  .header-text {
    padding-top: 0;
  }
  .header-text-container {
    float: none;
    margin-bottom: 15px;
  }
  #statistics-content {
    padding-top: 0;
  }
  .chart .cols .col span {
    font-size: 12px;
  }
  .chart.year .rows .chrow span {
    font-size: 12px;
    left: 0;
  }
  .trainings .diary .list-group-item:hover .btn-toolbar {
    display: none !important;
  }
  .trainings .diary .list-group-item .btn-toolbar {
    display: none !important;
  }
  #calendar {
    margin-bottom: 0;
  }
  .fc-scroller {
    height: auto !important;
  }
  .fc-day-header {
    font-size: 9px;
  }
  .fc-basic-view .fc-body .fc-row {
    min-height: 40px;
  }
  .fc-day-number {
    width: 100%;
    height: 15px;
    font-size: 10px;
    line-height: 18px;
    margin: auto;
    display: block;
    border-radius: 0;
  }
  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none;
  }
  .fc-today .fc-day-number {
    background-color: transparent;
    position: relative;
    color: #3f4143;
  }
  .fc-today .fc-day-number::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    background-color: #d8ffc1;
    z-index: -1;
  }
  .fc-event {
    font-size: 0;
    width: 6px;
    height: 6px !important;
    padding: 0 !important;
  }
  .fc-event::before {
    display: none;
  }
  .fc-event.type-diary {
    width: 6px;
    height: 6px !important;
    top: 9px;
  }
  .fc-event-container {
    padding: 0 !important;
    font-size: 0;
    pointer-events: none;
  }
  .calendar-legend {
    display: none;
  }
  .fc-day.focus {
    background-color: #f4f4f4;
  }
  .calendar-switch {
    display: block;
    height: 46px;
    margin-bottom: 25px;
  }
  .exercise-image + .exercise-image {
    margin-top: 12px;
  }
  .alert {
    padding: 15px;
  }
  .alert.alert-dismissible .close {
    top: -11px;
    right: -5px;
  }
  .alert .icon-container {
    display: block;
    margin: auto;
    text-align: center;
    margin-bottom: 5px;
  }
  .alert .text-container {
    width: 100%;
    text-align: center;
  }
  .quick-add__button {
    width: 56px;
    height: 56px;
    right: 20px;
    bottom: 75px;
  }
  .quick-add__options {
    right: 44px;
    bottom: 93px;
  }
  .sport-statistics__box {
    width: 100%;
    border-right: 0 !important;
    border-bottom: 1px solid #f0f3f6 !important;
  }
  .sport-statistics__box:last-child {
    border-bottom: 0 !important;
  }
  .sport-statistics__empty {
    padding: 20px;
  }
  .activity-toolbar {
    display: none;
  }
  .yearly-statistics__value {
    font-size: 30px;
  }
  .yearly-statistics__box {
    padding: 30px 22px 22px 22px;
  }
  .bottom-line {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .navbar-default .navbar-right-flex .menu-notifications > a {
    width: 45px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .navbar-default .navbar-right-flex .menu-notifications > a {
    width: 60px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .navbar-default .navbar-right-flex .dropdown:not(.menu-notifications) > a {
    width: 80px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .quick-add__button {
    bottom: 20px;
  }
}
@media only screen and (max-width: 630px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
  .trainer-thumbs .trainer-thumb {
    width: 50%;
  }
  .trainer-thumbs .trainer-thumb:nth-of-type(2n+2) {
    border-right: 0;
  }
  .trainer-thumbs.four .trainer-thumb:nth-of-type(2n+2) {
    border-right: 1px solid #e4e6e7;
  }
  .trainer-thumbs.four .trainer-thumb:nth-of-type(4n+4) {
    border-right: 0;
  }
  .list-group-item {
    padding: 12px 45px 12px 15px;
  }
  .list-group-item .icon.marker {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
  }
  .list-group.diary .list-group-item {
    padding: 12px 15px;
  }
  .br-theme-bootstrap-stars .br-widget a {
    font-size: 29px;
  }
  .br-theme-bootstrap-stars .br-widget .br-current-rating {
    margin: 1px 0 0 5px;
  }
  #map {
    padding-bottom: 80%;
  }
}
@media only screen and (max-width: 530px) {
  .trainer-thumbs.four .trainer-thumb {
    width: 50%;
  }
  .trainer-thumbs.four .trainer-thumb:nth-of-type(2n+2) {
    border-right: 0;
  }
  .chart {
    width: 600px;
  }
  #statistics-content {
    width: 100%;
    overflow-x: scroll;
  }
  .fc-toolbar .fc-left {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 17px;
  }
  .fc-toolbar .fc-left h2 {
    float: none;
  }
  .fc-toolbar .fc-right {
    float: none;
    display: block;
    text-align: center;
  }
  .fc-toolbar .fc-right button {
    float: none;
  }
  .fc-toolbar.fc-header-toolbar {
    padding-bottom: 0;
    padding-top: 13px;
  }
}
@media only screen and (max-width: 430px) {
  .fc-wk {
    width: auto;
  }
  .trainer-programme {
    width: 100%;
  }
  .xs-wrapper {
    width: 100%;
    overflow: scroll;
  }
  .panel.finances .panel-heading .item {
    margin-left: 0;
    padding-right: 0;
  }
  .panel.finances .panel-heading .item:first-child .icon {
    display: none;
  }
  .messages .conversation .message {
    width: 100%;
  }
  .messages .conversation .image-container {
    margin-bottom: 20px;
  }
  .br-theme-bootstrap-stars .br-widget {
    height: 25px;
    margin: 10px 0 25px  0;
  }
  .br-theme-bootstrap-stars .br-widget a {
    font-size: 17px;
  }
  .br-theme-bootstrap-stars .br-widget .br-current-rating {
    margin: -2px 0 0 5px;
    font-size: 16px;
  }
  #map {
    padding-bottom: 100%;
  }
  .center-400 {
    width: 100%;
  }
  .registration h2 {
    font-size: 22px;
  }
  .chart-controls .chart-view-text {
    padding: 10px 10px 0 10px;
  }
  .chart-controls .btn.icon {
    padding-left: 8px;
    padding-right: 8px;
  }
  .activities-overview .panel-footer .statistics .item {
    font-size: 13px;
  }
  .activities-overview .panel-footer .statistics .item span {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/* base */
/**********************
Flex
***********************/
.u-d-flex {
  display: flex !important;
}
.u-flex-dir-column {
  flex-direction: column !important;
}
/**********************
Visibility
***********************/
.visible-ib-lg {
  display: none !important;
}
@media (min-width: 1200px) {
  .visible-ib-lg {
    display: inline-block !important;
  }
}
/**********************
Height, width
***********************/
.u-height-100 {
  height: 100% !important;
}
/**********************
texts
***********************/
.u-text-uppercase {
  text-transform: uppercase !important;
}
/**********************
Margins
***********************/
.u-m-x-10 {
  margin: 0 10px !important;
}
.u-m-y-10 {
  margin: 10px 0 !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.u-m-sides-6 {
  margin: 0 6rem !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .sm-desktop-m-t-15 {
    margin-top: 15px !important;
  }
  .sm-desktop-pull-none {
    float: none !important;
  }
}
.flex {
  display: flex;
}
@media only screen and (min-width: 375px) {
  .xs-flex {
    display: flex;
  }
}
.flex-ai-c {
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .lg-flex {
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .lg-flex-ai-c {
    align-items: center;
  }
}
.ta-c {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .lg-m-l-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .xsDesktop-m-l-40 {
    margin-left: 40px !important;
  }
}
.circle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #32B3F0;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #FFFFFF;
  transition: 0.25s background-color;
  will-change: background-color;
}
.link-blue:hover .circle-icon,
.circle-icon:hover {
  background-color: #109cdf;
}
.vertical-divider {
  height: 40px;
  width: 1px;
  margin: 0 20px;
  background-color: #E8E7E7;
}
.m-r-15 {
  margin-right: 15px;
}
@media only screen and (max-width: 374px) {
  .xs-mobile-m-b-10 {
    margin-bottom: 10px;
  }
}
.content-p-01 {
  font-weight: 400;
  font-size: 14px;
  color: #707070;
  line-height: 1.875;
}
@media only screen and (min-width: 1024px) {
  .content-p-01 {
    font-size: 16px;
  }
}
.content-p-01 p {
  margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .text-md-right {
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) {
  .lg-pull-right {
    float: right;
  }
}
.container-sm {
  width: 100%;
  max-width: 800px;
}
.container-md {
  width: 100%;
  max-width: 1200px;
}
.container-lg {
  width: 100%;
  max-width: 1370px;
}
.container-xlg {
  width: 100%;
  max-width: 1550px;
}
.row-sm-gutter {
  margin-left: -10px;
  margin-right: -10px;
}
.row-sm-gutter > div[class*="col"] {
  padding-left: 10px;
  padding-right: 10px;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media only screen and (min-width: 1024px) {
  .col--lg-2 {
    width: calc(100% / 6) !important;
    max-width: calc(100% / 6) !important;
    flex: 0 0 calc(100% / 6) !important;
  }
}
@media only screen and (min-width: 1024px) {
  .col--lg-3 {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .col--lg-4 {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    flex: 0 0 33.3333% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .col--lg-6 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .col--lg-8 {
    width: 67.77777% !important;
    max-width: 67.77777% !important;
    flex: 0 0 67.77777% !important;
  }
}
.menu-container {
  transition: 0.25s background-color;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #49c100;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1280px) {
  .menu-container .container {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.menu-container .static {
  position: static;
}
.menu-container .none {
  display: none;
}
.menu-container .m-b-30 {
  margin-bottom: 30px !important;
}
@media only screen and (min-width: 768px) {
  .menu-container .md-inline-flex {
    display: inline-flex;
  }
}
@media only screen and (min-width: 768px) {
  .menu-container .md-inline {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .menu-container--is-open {
    padding-top: 10px;
  }
}
.menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 15px 0;
}
.menu__logo-link {
  position: relative;
  z-index: 1001;
  display: block;
  width: 141px;
}
.menu__logo-link svg {
  width: 100%;
  float: left;
}
.menu-container--is-scrolled .menu__logo-link svg g,
.menu-container--is-open .menu__logo-link svg g {
  fill: #fff;
}
@media (min-width: 1280px) {
  .menu-locale-switcher--mobile {
    display: none !important;
  }
}
.menu-locale-switcher--desktop {
  display: none !important;
}
@media (min-width: 1280px) {
  .menu-locale-switcher--desktop {
    display: block !important;
  }
}
.nav-toggle {
  display: none;
}
.nav-toggle-button {
  position: relative;
  z-index: 1010;
  display: block;
  height: 30px;
  width: 30px;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  color: transparent;
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .nav-toggle-button {
    display: none;
  }
}
.nav-toggle:checked + .nav-toggle-button {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon fill='%23fff' points='28.71 4.71 27.29 3.29 16 14.59 4.71 3.29 3.29 4.71 14.59 16 3.29 27.29 4.71 28.71 16 17.41 27.29 28.71 28.71 27.29 17.41 16 28.71 4.71'/%3E%3C/g%3E%3C/svg%3E");
}
.nav:not(.navbar-right) {
  transition: 0.25s transform;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  transform: translateX(-100%);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding: 20px 0 100px;
  overflow: hidden;
  background-color: #49c100;
}
@media only screen and (min-width: 1280px) {
  .nav:not(.navbar-right) {
    position: relative;
    transform: translateX(0);
    flex-direction: row;
    align-items: center;
    height: auto;
    padding: 0;
    overflow: visible;
    background-color: transparent;
    transition: none;
    will-change: auto;
  }
}
.nav-toggle:checked ~ .nav:not(.navbar-right) {
  transform: translateX(0);
}
.nav__list {
  display: block;
  max-height: 100%;
  overflow: auto;
  width: 100%;
  margin: 80px 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .nav__list {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .nav__list {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: auto;
    max-width: unset;
    width: auto;
    margin: auto;
    padding: 0;
    overflow: visible;
  }
}
.nav__item {
  padding: 0 20px;
  margin: 0;
}
@media only screen and (min-width: 1280px) {
  .nav__item {
    margin: 0 30px 0 0;
    padding: 0;
  }
}
.nav__item:last-of-type {
  margin: 0;
}
.nav__link {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 55px;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(73, 73, 73, 0.2);
  color: #fff;
}
.nav__link:hover,
.nav__link:focus {
  color: #1D1D1D;
}
@media only screen and (min-width: 1280px) {
  .nav__link {
    width: auto;
    text-align: center;
    font-size: 15px;
    line-height: 1.1;
    border-bottom: none;
    color: #fff;
  }
  .nav__link:hover {
    color: #1D1D1D;
  }
}
.menu-container--is-scrolled .nav__link,
.menu-container--is-open .nav__link {
  color: #fff;
}
.menu-container--is-scrolled .nav__link:hover,
.menu-container--is-open .nav__link:hover {
  color: #1D1D1D;
}
.nav__item:first-of-type .nav__link {
  border-top: 1px solid rgba(73, 73, 73, 0.2);
}
@media only screen and (min-width: 1280px) {
  .nav__item:first-of-type .nav__link {
    border-top: none;
  }
}
.nav__link--active {
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .nav__link--active::after {
    content: '';
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3C8D0A;
  }
}
.menu-container--is-scrolled .nav__link--active::after,
.menu-container--is-open .nav__link--active::after {
  background-color: #fff;
}
/* components */
.link-blue {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #32B3F0;
}
@media only screen and (min-width: 768px) {
  .link-blue {
    font-size: 16px;
  }
}
.link-blue:hover {
  color: #109cdf;
}
.link-blue-icon {
  display: inline-flex;
  align-items: center;
}
.link-blue-icon .circle-icon {
  margin-left: 10px;
}
.link-blue-title {
  text-decoration: underline;
}
.link-blue:hover .link-blue-title,
.link-blue-title:hover {
  text-decoration: none;
}
.btn-solid-green {
  display: inline-block;
  padding: 0 15px;
  min-width: 108px;
  border: 1px solid #4AC102;
  border-radius: 28.5px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
  background-color: transparent;
  font-weight: 700;
  font-size: 14px;
  color: #4AC102;
  transition: 0.25s background-color, 0.25s color;
  will-change: background-color, color;
}
@media only screen and (min-width: 768px) {
  .btn-solid-green {
    padding: 0 24px;
    line-height: 48px;
  }
}
.btn-solid-green:hover,
.btn-solid-green:focus {
  background-color: #4AC102;
  color: #fff;
}
.blue-layout .btn-solid-green {
  border-color: #31b3ef;
  color: #31b3ef;
}
.blue-layout .btn-solid-green:hover {
  color: #fff;
  background-color: #31b3ef;
}
.btn-solid-yellow,
.btn-solid-danger {
  display: inline-block;
  padding: 0 15px;
  min-width: 108px;
  border-radius: 28.5px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: 700;
  font-size: 14px;
}
.btn-solid-yellow {
  border: 1px solid #ffb300;
  background-color: #ffb300;
  color: #ffffff;
}
.btn-solid-yellow:hover,
.btn-solid-yellow:focus {
  background-color: #ffffff;
  color: #ffb300 !important;
}
.btn-solid-danger {
  border: 1px solid #f42727;
  background-color: #f42727;
  color: #ffffff;
}
.btn-solid-danger:hover,
.btn-solid-danger:focus {
  background-color: #ffffff;
  color: #f42727 !important;
}
.btn-filled {
  display: inline-block;
  padding: 0 15px;
  min-width: 108px;
  border-radius: 28.5px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  background-color: #49c100;
  border: 0;
  transition: 0.25s background-color;
  will-change: background-color;
}
@media only screen and (min-width: 768px) {
  .btn-filled {
    padding: 0 24px;
    line-height: 48px;
  }
}
.btn-filled:hover,
.btn-filled:focus {
  color: #fff;
  background-color: #378f01;
}
.blue-layout .btn-filled {
  background-color: #31b3ef;
  color: #fff;
}
.blue-layout .btn-filled:hover,
.blue-layout .btn-filled:focus {
  color: #fff;
  background-color: #119cdc;
}
.btn-filled-dark {
  color: #fff;
  background-color: #2d7501;
}
.btn-filled-dark:hover,
.btn-filled-dark:focus {
  color: #fff;
  background-color: #1a4301;
}
.blue-layout .btn-filled-dark {
  background-color: #0d7aad;
}
.blue-layout .btn-filled-dark:focus,
.blue-layout .btn-filled-dark:hover {
  background-color: #0c6a95;
}
.btn-filled-right-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 1px;
  padding-right: 6px !important;
}
.btn-filled-right-icon img {
  margin-left: 10px;
}
.btn-filled-sm {
  padding: 0 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
}
.btn-custom-group {
  margin: -10px -10px 10px;
}
.btn-custom-group > * {
  margin: 10px;
}
@media only screen and (min-width: 1280px) {
  .btn-custom-group--negative {
    margin-top: -40px;
  }
}
.fb-share {
  display: inline-flex;
  align-items: center;
  height: 50px;
  padding: 0 20px 0 28px;
  border-radius: 29px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #fff !important;
  background-color: #4C67AD;
  transition: 0.25s background-color;
  will-change: background-color;
}
@media only screen and (min-width: 768px) {
  .fb-share {
    font-size: 16px;
  }
}
.fb-share:hover {
  color: #fff;
  background-color: #3c528a;
}
.fb-share img {
  margin-right: 8px;
}
.btn-simple {
  display: inline-block;
  padding: 0 15px;
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  color: #1D1D1D;
}
@media only screen and (min-width: 768px) {
  .btn-simple {
    font-size: 24px;
    padding: 0 24px;
    line-height: 48px;
  }
}
/*********************
  Component Login form
 ********************/
/* default login form (dropdown) */
.c-login-form .form-title {
  display: none;
  font-size: 26px;
}
.c-login-form .form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-bottom: 15px;
  height: 38px;
  border-radius: 3px;
  border: 1px solid #dbe1e5;
  box-shadow: 0 1px 2px rgba(155, 155, 155, 0.1);
}
.c-login-form .social-login {
  border-top: 1px solid #535456;
  margin-top: 23px;
  padding-top: 16px;
}
.c-login-form .social-login .item {
  color: #fff;
  padding: 6px 0 6px 30px;
  position: relative;
  font-size: 13px;
  line-height: 1;
  width: auto;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.c-login-form .social-login .item:first-of-type {
  margin-right: 25px;
}
.c-login-form .social-login .item:before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 750px 750px;
  background-image: url('../../images/sprite.png');
}
.c-login-form .social-login .item.gplus:before {
  background-position: -109px 0;
}
.c-login-form .social-login .item.fb:before {
  background-position: -136px 0;
}
/* login form modal */
.modal-body .c-login-form .form-title {
  display: block;
  font-size: 26px;
}
.modal-body .c-login-form a.lost-password {
  padding-left: 0;
  color: #000;
}
.modal-body .c-login-form .social-login {
  border-top: none;
  text-align: center;
}
.modal-body .c-login-form .social-login .item {
  color: #000;
}
.modal-body .c-login-form .social-login .item.gplus:before {
  background-position: -109px -26px;
}
.modal-body .c-login-form .social-login .item.fb:before {
  background-position: -136px -26px;
}
.modal-body .c-login-form .separator {
  width: 100%;
  height: 1px;
  background-color: #d3dade;
  margin: 25px 0;
  text-align: center;
}
.modal-body .c-login-form .separator span {
  display: inline-block;
  vertical-align: top;
  background-color: #f0f3f6;
  margin-top: -9px;
  font-size: 13px;
  color: #bec1c3;
  text-transform: uppercase;
  padding: 0 9px;
}
.reviews {
  display: flex;
  align-items: center;
  margin: -3px;
}
.reviews-title {
  font-weight: 600;
  font-size: 16px;
  color: #404040;
}
:root {
  --star-size: 18px;
  --star-color: #ddd;
  --star-background: #32B3F0;
}
.reviews-item {
  --percent: calc(var(--rating) / 10 * 100%);
  margin-top: 4px;
  display: inline-block;
  font-size: var(--star-size);
  line-height: 1;
}
.reviews-item::before {
  content: '★★★★★';
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*.reviews-item {
  flex: 0 0 16px;
  width: 16px;
  max-width: 16px;
  margin: 3px;

  svg {
    width: 100%;
  }
}

.reviews-item--filled {

  svg path {
    fill: #32B3F0;
  }
}*/
.pagination-container {
  margin: 10px 0 30px;
}
.pagination-container-lg {
  margin: 20px 0 40px;
}
@media only screen and (min-width: 768px) {
  .pagination-container-lg {
    margin: 50px 0 70px;
  }
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -5px;
}
@media only screen and (min-width: 768px) {
  .pagination--jc-end {
    justify-content: flex-end;
  }
}
.pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 5px;
  text-decoration: none;
  border-radius: 50%;
  background-color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: #1D1D1D;
}
.pagination-item img {
  width: 11px;
}
.pagination-item--nav:not(.pagination-item--disabled) {
  transition: 0.25s opacity;
  will-change: opacity;
}
.pagination-item--nav:not(.pagination-item--disabled):hover {
  opacity: 0.7;
}
.pagination-item--prev {
  transform: rotate(90deg);
}
.pagination-item--next {
  transform: rotate(-90deg);
}
.pagination-item--disabled {
  pointer-events: none;
  background-color: #E8E7E7;
}
.pagination-item--active {
  color: #fff;
  background-color: #49c100;
}
.pagination-item--active:hover {
  color: #fff;
  background-color: #368e00;
}
.blue-layout .pagination-item--active {
  color: #fff;
  background-color: #31b3ef;
}
.blue-layout .pagination-item--active:hover {
  color: #fff;
  background-color: #19aaed;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}
.breadcrumbs__item {
  padding: 0;
  margin: 0;
}
.breadcrumbs__item::before {
  display: none;
}
.breadcrumbs__item:not(:last-of-type) {
  position: relative;
  margin-right: 20px;
}
.breadcrumbs__item:not(:last-of-type)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translate(50%, -50%);
  width: 7px;
  height: 7px;
  background-repeat: no-repeat;
  background-image: url("/images/arrow-right.svg");
}
.breadcrumbs__link {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: #4AC102;
}
.breadcrumbs__item:last-of-type .breadcrumbs__link {
  text-decoration: none;
  font-weight: 200;
  color: #909090;
}
@media only screen and (min-width: 1280px) {
  .boxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.boxes .info-box {
  margin: 0 20px;
}
@media only screen and (min-width: 1280px) {
  .boxes .info-box {
    border-top: none;
  }
}
.boxes .info {
  font-weight: 300;
}
.boxes .info a {
  text-decoration: underline !important;
  font-weight: 600;
}
.boxes-trainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: unset;
}
.boxes-trainer .info-box {
  width: 100%;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.boxes-trainer .info-box .info {
  width: 100%;
}
.boxes-trainer .info-box .info a {
  font-size: 14px;
}
@media (min-width: 992px) {
  .boxes-trainer .info-box {
    width: 33.33%;
  }
  .boxes-trainer .info-box .info a {
    font-size: 16px;
  }
}
.content-box {
  padding: 20px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.03);
  text-align: center;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .content-box {
    padding: 30px;
  }
}
.content-box--avatar {
  margin-top: 70px;
}
.content-box:not(.content-box-reviews) + .content-box {
  border-top: 2px solid #E8E7E7;
}
.content-box:last-of-type {
  margin-bottom: 20px;
}
.content-box h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  color: #404040;
}
@media only screen and (min-width: 768px) {
  .content-box h3 {
    font-size: 24px;
  }
}
.content-box p {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: #404040;
}
@media only screen and (min-width: 768px) {
  .content-box p {
    font-size: 16px;
  }
}
.content-box .btn-solid-green,
.content-box .btn-filled {
  min-width: 236px;
}
.sign-up-to-buy-text {
  margin-top: 6px;
}
.sign-up-to-buy-text a {
  text-decoration: none;
  color: #707070;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 200% */
}
.sign-up-to-buy-text a:hover {
  opacity: 0.75;
}
.sign-up-to-buy-text a span {
  text-decoration: underline;
}
.content-box--article {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .content-box--article {
    margin-bottom: 60px;
  }
}
.content-box__content {
  margin: 0 0 25px;
}
.content-box__content > *:last-child {
  margin-bottom: 0;
}
.content-box__avatar {
  margin: -75px auto 20px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.cta-block {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 400px;
  padding: 60px 0;
}
@media only screen and (min-width: 768px) {
  .cta-block {
    padding: 120px 0;
  }
}
.cta-block h2 {
  max-width: 360px;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.333;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .cta-block h2 {
    font-size: 36px;
  }
}
.cta-block__bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.cta-block__bg,
.cta-block__bg::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cta-block__bg::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.57);
}
.cta-block__badges {
  display: flex;
  max-width: 340px;
}
.cta-block__badge {
  display: block;
  flex: 0 0 calc(50% - 10px);
  width: calc(50% - 10px);
  max-width: calc(50% - 10px);
  transition: 0.25s opacity;
  will-change: opacity;
}
.cta-block__badge:hover {
  opacity: 0.7;
}
.cta-block__badge:first-of-type {
  margin-right: 10px;
}
.cta-block__badge:last-of-type {
  margin-left: 10px;
}
.cta-block__badge img {
  width: 100%;
}
.article-trainer {
  margin-bottom: -70px;
}
.article-trainer__avatar {
  width: 58px;
  height: 58px;
  margin: 0 auto 10px;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.article-trainer__name {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #404040;
}
@media only screen and (min-width: 768px) {
  .article-trainer__name {
    font-size: 16px;
  }
}
.article-trainer__name small {
  display: block;
  font-size: 13px;
  color: #909090;
}
@media only screen and (min-width: 768px) {
  .article-trainer__name small {
    font-size: 14px;
  }
}
.try-block h2 {
  margin: 0 0 20px;
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #1D1D1D;
}
@media only screen and (min-width: 768px) {
  .try-block h2 {
    margin: 0 0 30px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .try-block__items {
    display: flex;
    margin: -10px;
  }
}
.try-block__item {
  display: block;
  position: relative;
  margin: 0 0 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 768px) {
  .try-block__item {
    flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    margin: 10px;
  }
}
.try-block__item::before {
  content: '';
  display: block;
  padding-bottom: 70%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.25s background-color;
  will-change: background-color;
}
.try-block__item:hover::before {
  background-color: rgba(0, 0, 0, 0.2);
}
.try-block__item .btn-filled {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  min-width: 252px;
}
.try-block__item:hover .btn-filled {
  background-color: #368e00;
}
.blue-layout .try-block__item:hover .btn-filled {
  background-color: #119cdc;
}
.try-block__title {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .try-block__title {
    font-size: 21px;
  }
}
.program-header {
  position: relative;
  margin: 0 0 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.program-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.39) 23%, rgba(0, 0, 0, 0.8) 100%);
}
.program-header .container {
  position: relative;
  z-index: 1;
}
.program-header .breadcrumbs {
  padding: 10px 0;
}
.program-header .breadcrumbs__item:last-of-type .breadcrumbs__link {
  color: #fff;
}
.program-header .breadcrumbs__item:not(:last-of-type)::after {
  background-image: url("/images/arrow-right-white.svg");
}
.program-header__content {
  max-width: 665px;
  margin: 0 auto;
  padding: 10px 0 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .program-header__content {
    padding: 20px 0 60px;
  }
}
.program-header__content h2 {
  margin: 0;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .program-header__content h2 {
    font-size: 24px;
  }
}
.program-header__content h2::after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  margin: 15px auto;
  background-color: #49c100;
}
.program-header__content h3 {
  margin: 0 0 24px;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.program-header__content p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.625;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .program-header__content p {
    font-size: 16px;
  }
}
.blue-layout .panel-articles .panel-body .article-preview h2::after {
  background-color: #31b3ef;
}
.program-header__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -5px -5px 15px;
}
.program-header__tags .btn-filled {
  margin: 5px;
}
.program-header__tags .none {
  display: none;
}
.program-header__more {
  text-decoration: underline;
  font-size: 14px;
  font-weight: 700;
  transition: 0.25s opacity;
  will-change: opacity;
}
.program-header__more:hover {
  opacity: 0.7;
}
.footer {
  padding: 30px 0;
  border-top: 1px solid #E8E7E7;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .footer {
    padding-left: 245px;
  }
}
.footer .container {
  width: 100%;
  max-width: 1200px;
}
@media only screen and (min-width: 768px) {
  .footer .container {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer .container {
    padding: 0 10px;
    margin-left: 0;
  }
}
.footer .row {
  display: flex;
  flex-wrap: wrap;
}
.footer .col {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
.footer__copyright {
  margin: 0 0 20px;
  text-align: center;
  font-size: 13px;
  color: #494949;
}
@media only screen and (min-width: 768px) {
  .footer__copyright {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__copyright {
    margin: 0;
    text-align: left;
  }
}
.footer__copyright p {
  margin: 0;
}
.footer__logo {
  display: block;
  max-width: 141px;
  margin: auto;
  transition: 0.25s opacity;
  will-change: opacity;
}
@media only screen and (min-width: 1024px) {
  .footer__logo {
    margin: 0;
  }
}
.footer__logo:hover {
  opacity: 0.5;
}
.footer__logo img {
  width: 100%;
}
.footer-nav {
  margin: 0 0 20px;
}
@media only screen and (min-width: 1024px) {
  .footer-nav {
    margin: 0;
  }
}
.footer-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .footer-nav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
  }
}
.footer-nav__item {
  display: block;
  margin: 0 0 10px;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .footer-nav__item {
    margin: 0 5px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer-nav__item {
    position: relative;
    margin: 0 12px;
  }
}
.footer-nav__item::before {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .footer-nav__item:not(:last-of-type)::after {
    content: '';
    position: absolute;
    top: 1px;
    right: -12px;
    width: 1px;
    height: 23px;
    background-color: #E8E7E7;
  }
}
.footer-nav__link {
  font-weight: 700;
  font-size: 13px;
  color: #1D1D1D;
}
.footer-nav__link:hover {
  color: #55B948;
}
@media only screen and (min-width: 1280px) {
  .footer-nav__link {
    font-size: 14px;
  }
}
.footer-socials {
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
}
@media only screen and (min-width: 1024px) {
  .footer-socials {
    margin: 0;
  }
}
.footer-socials__item {
  display: block;
  width: 41px;
  margin: 4px;
}
.footer-socials__icon {
  width: 100%;
  float: left;
}
.footer-socials__icon circle,
.footer-socials__icon path {
  transition: 0.25s fill;
  will-change: fill;
}
.footer-socials__item:hover .footer-socials__icon circle {
  fill: #49c100;
}
.footer-socials__item:hover .footer-socials__icon path {
  fill: #fff;
}
.user-menu {
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
}
@media only screen and (min-width: 1280px) {
  .user-menu {
    margin-left: 0;
    order: 3;
  }
}
.user-menu .trigger-forgotten-pass-modal {
  color: #1d1d1d;
  font-weight: 300;
}
.user-menu > a:last-of-type:after {
  display: none !important;
}
.user-menu__toggle {
  display: none;
}
.user-menu__label {
  transition: 0.25s color;
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
}
.user-menu__label:hover {
  color: rgba(255, 255, 255, 0.7);
}
.user-menu__label img {
  transition: 0.25s opacity;
}
@media only screen and (min-width: 1280px) {
  .user-menu__label:hover img {
    opacity: 0.7;
  }
}
@media only screen and (min-width: 768px) {
  .user-menu__label {
    min-height: 18px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1280px) {
  .user-menu__label {
    margin-right: 40px;
  }
}
.user-menu__label::after {
  content: '';
  position: absolute;
  right: -10px;
  top: -1px;
  width: 1px;
  height: 23px;
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1280px) {
  .user-menu__label::after {
    right: -20px;
  }
  .menu-container--user-menu-open .user-menu__label::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .user-menu__label--last::after {
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  label.user-menu__label {
    position: relative;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  label.user-menu__label span,
  label.user-menu__label img {
    position: relative;
    z-index: 10;
  }
}
@media only screen and (min-width: 768px) {
  label.user-menu__label::after {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .menu-container--user-menu-open label.user-menu__label::after {
    display: block;
    width: auto;
    height: auto;
    top: -15px;
    left: -25px;
    bottom: -15px;
    right: -25px;
    background-color: #49c100;
  }
}
input:checked ~ label.user-menu__label::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(29, 29, 29, 0.7);
  cursor: default;
}
.user-menu__icon {
  width: 16px;
  margin-left: 5px;
}
@media only screen and (min-width: 768px) {
  .user-menu__icon {
    margin-left: 10px;
  }
}
.user-menu-form {
  position: fixed;
  display: none;
  z-index: 1000;
  top: 50px;
  left: 50%;
  width: 306px;
  transform: translateX(-50%);
  border-top: 3px solid #49c100;
  background-color: #fff;
  overflow: auto;
}
@media only screen and (min-width: 375px) {
  .user-menu-form {
    top: 100px;
    width: 356px;
  }
}
@media only screen and (min-width: 1280px) {
  .user-menu-form {
    position: absolute;
    right: -25px;
    left: auto;
    top: calc(100% + 12px);
    transform: none;
  }
}
input:checked ~ .user-menu-form {
  display: block;
}
.user-menu-form .m-b-20,
.c-login-user-menu-form .m-b-20 {
  margin-bottom: 20px;
}
.user-menu-form .content h4,
.c-login-user-menu-form .content h4 {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #1D1D1D;
}
.user-menu-form .content--text-sm p,
.c-login-user-menu-form .content--text-sm p {
  margin: 0;
  font-size: 13px;
  color: #909090;
}
@media only screen and (min-width: 768px) {
  .user-menu-form .content--text-sm p,
  .c-login-user-menu-form .content--text-sm p {
    font-size: 14px;
  }
}
.user-menu-form .form-container,
.c-login-user-menu-form .form-container {
  position: relative;
  margin-bottom: 10px;
}
.user-menu-form .js-toggle-password,
.c-login-user-menu-form .js-toggle-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-40%);
  cursor: pointer;
}
.user-menu-form .form-control,
.c-login-user-menu-form .form-control {
  transition: 0.25s border-color;
  display: block;
  width: 100%;
  padding: 0 15px;
  border: none;
  border-radius: 3px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 43px;
  color: #1d1d1d;
  background-color: rgba(232, 231, 231, 0.5);
}
.user-menu-form .form-control::placeholder,
.c-login-user-menu-form .form-control::placeholder {
  font-family: 'Poppins', sans-serif;
  color: #909090;
}
.user-menu-form .form-submit,
.c-login-user-menu-form .form-submit {
  transition: 0.25s background-color;
  display: block;
  width: 100%;
  border-radius: 28px;
  border: none;
  box-shadow: none;
  line-height: 48px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  background-color: #49c100;
  color: #fff;
  cursor: pointer;
}
.user-menu-form .form-submit:hover,
.c-login-user-menu-form .form-submit:hover {
  background-color: #368e00;
}
.c-login-user-menu-form .form-control {
  background-color: #fff;
}
.c-login-user-menu-form .social-register {
  margin: 20px 0 0;
  text-align: center;
}
.c-login-user-menu-form .social-register-native-fb {
  margin-bottom: 20px;
  overflow: hidden;
}
.c-login-user-menu-form .social-register-native-fb a {
  width: 100%;
  max-width: 272px;
}
.c-login-user-menu-form .social-register-native-google > a {
  text-decoration: none;
}
.c-login-user-menu-form .social-register-native-google > a > div {
  width: 100% !important;
  max-width: 272px;
  margin: auto;
}
.c-login-user-menu-form .js-toggle-password {
  transform: translateY(-50%);
}
.user-menu-form__body {
  padding: 25px 20px;
}
.user-menu-form__footer {
  padding: 20px 20px 30px;
  text-align: center;
  background-color: #F3F3F3;
}
.user-menu-form__footer span[id*=not_signed] {
  float: left;
  margin-left: 10px;
}
.user-menu-form__footer #my-signin2 > div {
  width: 100% !important;
  max-width: 272px;
  margin: auto;
}
.quick-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  padding: 15px 0 30px 0;
  z-index: 1000000000;
}
@media (min-width: 768px) {
  .quick-menu {
    display: none;
  }
}
.quick-menu__list {
  display: flex;
  margin: 0;
}
.quick-menu__list-item {
  width: 20%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.quick-menu__list-item:before {
  display: none;
}
.quick-menu__list-item:hover,
.quick-menu__list-item:focus {
  opacity: 0.55;
}
.quick-menu__icon {
  width: 25px;
  height: 25px;
}
#forgotten-pass-modal.modal {
  display: none;
}
#forgotten-pass-modal.modal.is-open {
  display: block;
}
#forgotten-pass-modal .modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding: 15px;
  background-color: rgba(29, 29, 29, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
#forgotten-pass-modal .modal__container {
  position: relative;
  background-color: #fff;
  max-width: 550px;
  max-height: calc(100vh - 100px);
  border-radius: 0;
  overflow-y: auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#forgotten-pass-modal .modal__body {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  #forgotten-pass-modal .modal__body {
    padding: 20px 30px;
  }
}
#forgotten-pass-modal .modal__header {
  padding: 20px 40px 20px 20px;
  background-color: #49c100;
}
@media only screen and (min-width: 768px) {
  #forgotten-pass-modal .modal__header {
    padding: 20px 40px 20px 30px;
  }
}
#forgotten-pass-modal .modal__closer {
  position: absolute;
  z-index: 5;
  right: 15px;
  top: 13px;
  padding: 5px;
  font-size: 20px;
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  transition: color 0.25s;
}
@media only screen and (min-width: 768px) {
  #forgotten-pass-modal .modal__closer {
    top: 10px;
    right: 20px;
  }
}
#forgotten-pass-modal .modal__closer:hover {
  color: #1d1d1d;
}
#forgotten-pass-modal .modal__closer::before {
  content: "\2715";
}
#forgotten-pass-modal .content h3 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  #forgotten-pass-modal .content h3 {
    font-size: 24px;
  }
}
#forgotten-pass-modal .content p {
  margin: 0;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
  color: #909090;
}
#forgotten-pass-modal .form-control {
  transition-duration: 0.25s;
  transition-property: border-color;
  will-change: border-color;
  display: block;
  width: 100%;
  padding: 0 15px;
  border: none;
  border-radius: 3px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 43px;
  color: #1D1D1D;
  background-color: rgba(232, 231, 231, 0.7);
}
@media only screen and (min-width: 768px) {
  #forgotten-pass-modal .form-control {
    font-size: 16px;
  }
}
#forgotten-pass-modal .m-b-20 {
  margin-bottom: 20px;
}
#forgotten-pass-modal .form-submit {
  transition-duration: 0.25s;
  transition-property: background-color;
  will-change: background-color;
  display: block;
  width: 100%;
  border-radius: 28px;
  border: none;
  box-shadow: none;
  line-height: 48px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  background-color: #4AC102;
  color: #fff;
  cursor: pointer;
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
#forgotten-pass-modal .micromodal-slide {
  display: none;
}
#forgotten-pass-modal .micromodal-slide.is-open {
  display: block;
}
#forgotten-pass-modal .micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
#forgotten-pass-modal .micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
#forgotten-pass-modal .micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
#forgotten-pass-modal .micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.menu-notifications {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-notifications .dropdown-menu {
  padding: 10px 20px !important;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff !important;
}
@media (min-width: 768px) {
  .menu-notifications .dropdown-menu {
    width: 309px !important;
  }
}
.menu-notifications .dropdown-menu::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #119cdc;
}
.menu-notifications .dropdown-toggle {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.menu-notifications.open .dropdown-toggle,
.menu-notifications .dropdown-toggle:focus,
.menu-notifications .dropdown-toggle:hover {
  background-color: #119cdc !important;
}
.menu-notifications__num {
  position: absolute;
  top: 14px;
  right: 4px;
  padding: 0 8px;
  border-radius: 8.5px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 17px;
  background-color: #E0301C;
}
@media (min-width: 375px) {
  .menu-notifications__num {
    right: 12px;
  }
}
@media (min-width: 768px) {
  .menu-notifications__num {
    right: 18px;
  }
}
.menu-notifications__title {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  color: #1D1D1D;
}
.menu-notifications__item {
  margin: 0 0 10px !important;
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
}
.menu-notifications__content {
  padding-right: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  color: #404040;
  letter-spacing: 0;
  line-height: 21px;
}
.menu-notifications__content strong {
  font-weight: 700 !important;
}
.menu-notifications__footer {
  display: flex;
  align-items: center;
  margin: -5px;
}
.menu-notifications__action {
  margin: 5px;
  transition: 0.25s transform;
}
.menu-notifications__action:hover {
  transform: scale(1.1, 1.1);
  background-color: transparent !important;
}
.content-box-start h2 {
  margin: 0 0 10px;
  font-family: Rubik, sans-serif;
  font-size: 24px;
  color: #1D1D1D;
}
.content-box-start h2 strong {
  font-weight: 700;
}
.content-box-start .btn-filled {
  min-width: 100%;
  width: 100%;
}
.box-start-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #707070;
}
@media only screen and (min-width: 768px) {
  .box-start-row {
    font-size: 16px;
  }
}
.box-start-row strong {
  font-weight: 700;
}
.box-start-row__label {
  flex: 0 0 65%;
}
.box-start-row__value {
  text-align: right;
  flex: 0 0 35%;
}
.box-start-row__value--lg {
  font-size: 18px;
  color: #1D1D1D;
}
@media only screen and (min-width: 768px) {
  .box-start-row__value--lg {
    font-size: 24px;
  }
}
.box-start-row__question {
  display: inline-block;
  width: 28px;
  margin-left: 5px;
}
.box-start-row__question img {
  width: 100%;
}
.content-box-reviews {
  margin-bottom: 20px;
}
.content-box-reviews__title {
  text-align: center;
  margin: 0 0 30px;
}
.content-box-reviews__summary {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) {
  .content-box-reviews__summary {
    display: flex;
  }
}
.summary-all {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #909090;
}
@media only screen and (min-width: 1200px) {
  .summary-all {
    flex: 0 0 calc(50% - 40px);
    padding-top: 20px;
    padding-bottom: 0;
    padding-right: 40px;
    margin-bottom: 0;
    margin-right: 40px;
    border-bottom: none;
    border-right: 1px solid #eee;
  }
}
.summary-all strong {
  font-family: "Rubik", sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #1D1D1D;
}
.summary-all .reviews {
  margin-bottom: 5px;
  justify-content: center;
}
@media only screen and (min-width: 1200px) {
  .summary-details {
    flex: 0 0 50%;
  }
}
.summary-detail {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) {
  .summary-detail {
    display: flex;
    align-items: center;
  }
}
.summary-detail__content {
  display: flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #404040;
}
@media only screen and (min-width: 1200px) {
  .summary-detail__content {
    flex: 1;
    margin-left: 18px;
  }
}
.summary-detail__progress {
  flex: 1;
  position: relative;
  overflow: hidden;
  height: 4px;
  border-radius: 3px;
  margin-right: 10px;
  background-color: #E1E1E1;
}
@media only screen and (min-width: 1200px) {
  .summary-detail__progress {
    top: 2px;
    max-width: 147px;
  }
}
.summary-detail__progress span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: inline-block;
  border-radius: 3px;
  background-color: #49c100;
}
.content-box-comment {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 1200px) {
  .content-box-comment {
    display: flex;
    align-items: center;
  }
}
.content-box-comment--first {
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.content-box-comment .reviews {
  justify-content: center;
}
.content-box-comment__avatar {
  flex: 0 0 88px;
  width: 88px;
  height: 88px;
  margin: 0 auto 5px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 1200px) {
  .content-box-comment__avatar {
    margin: 0 25px 0 0;
  }
}
.content-box-comment__name {
  font-size: 16px;
  font-weight: 600;
  color: #404040;
}
@media only screen and (min-width: 1200px) {
  .content-box-comment__name {
    margin-right: 20px;
  }
}
.content-box-comment__content p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #404040;
}
@media only screen and (min-width: 1200px) {
  .content-box-comment__content p {
    text-align: left;
  }
}
.content-box-comment__title {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) {
  .content-box-comment__title {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1200px) {
  .content-box-comment__title .reviews {
    top: -3px;
    position: relative;
  }
}
.content-box-comments-more {
  min-width: 100% !important;
}
@media only screen and (min-width: 1200px) {
  .content-box-comments-more {
    margin-top: 10px;
    min-width: 1px !important;
  }
}
.social-button {
  display: flex;
  align-items: center;
  text-decoration: none;
  border-radius: 0.3rem;
  position: relative;
  margin: 0 6rem;
  padding: 0.15rem 1.2rem 0.2rem 0.15rem;
}
@media only screen and (max-width: 430px) {
  .social-button {
    margin: 0 1.5rem;
  }
}
.user-menu .social-button {
  margin: 0 1.7rem;
}
.registration .social-button {
  margin: 0 6rem;
}
@media only screen and (max-width: 430px) {
  .registration .social-button {
    margin: 0 1.5rem;
  }
}
.social-button__icon {
  display: inline-block;
  padding: 0.85rem;
}
.social-button__icon svg,
.social-button__icon img {
  width: 2rem;
  height: auto;
  vertical-align: middle;
}
.social-button__text {
  font-size: 14px;
  line-height: 40px;
  font-family: Roboto, arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.21px;
  display: block;
  width: 100%;
  text-align: center;
}
.social-button--fb {
  background-color: #1877f2;
  color: white !important;
}
.social-button--fb .social-button__icon svg,
.social-button--fb .social-button__icon img {
  width: 2.8rem;
}
.modal-dialog .social-button {
  margin: 0 1.7rem !important;
}
.social-button--google {
  background-color: #4285F4;
  color: white !important;
}
.social-button--google:before {
  display: none;
}
.social-button-apple {
  padding: 0;
}
#appleid-signin {
  width: 100%;
  height: 5.5rem;
  cursor: pointer;
  outline: none;
  margin: 0 auto;
  background-color: #000000;
}
#appleid-signin div:focus {
  outline: none;
}
.social-button--google .social-button__icon {
  background-color: white;
}
.bg-01 {
  background-color: #4AC102;
}
.text-color-blue {
  color: #32B3F0;
}
.text-color-green {
  color: #4AC102;
}
/* pages */
.login-page {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
}
.login-page .social-button {
  margin: 0 1rem;
}
.login-page #snippet--flashes {
  position: absolute;
  top: 5px;
  right: 0;
  width: 100%;
  padding: 0 1rem;
  max-width: 60rem;
}
.login-page .flash-messages {
  flex-wrap: wrap;
}
.login-wrapper {
  background-image: url("/web/images/backgrounds/login-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
}
.socials-login-wrapper {
  background-color: #E5E5E5;
  margin: 0 -20px;
  padding: 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.login-page-wrapper {
  max-width: 450px;
  width: 100%;
  margin: auto;
}
@media (min-width: 576px) {
  .login-page-wrapper {
    max-width: 414px;
    padding: 40px 30px 40px;
  }
}
.login-form-wrapper {
  padding: 20px;
  padding-bottom: 0;
  background-color: #ffffff;
}
@media (min-width: 576px) {
  .login-form-wrapper {
    border-radius: 10px;
  }
}
.lost-password .login-form-wrapper,
.new-password .login-form-wrapper {
  padding-bottom: 20px;
}
.login-page-logo {
  margin: 42px 0;
  text-align: center;
}
.login-page-logo img {
  width: 169px;
}
@media (min-width: 576px) {
  .login-page-logo {
    margin: 0 0 42px;
  }
}
.login-page-title {
  margin: 0 0 16px;
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
}
.login-page-container {
  margin: 0 0 20px;
}
.login-page-control {
  width: 100%;
  padding: 0 17px;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 43px;
  background-color: #E9F0FD;
}
.login-page-control,
.login-page-control::placeholder {
  color: #909090;
}
.login-page-container-password {
  position: relative;
}
.login-page-container-password .login-page-control {
  padding-right: 40px;
}
.login-page-pass {
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
  cursor: pointer;
}
.login-page-submit {
  width: 100%;
  margin: 0 0 20px;
  margin-bottom: 0;
  border-radius: 28.5px;
  border: none;
  box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 48px;
  background-color: #4AC102;
}
.login-form-lost-password {
  padding: 10px 0 15px 0;
}
.login-form-lost-password a {
  color: #1D1D1D;
  font-size: 14px;
}
.login-page-divider {
  overflow: hidden;
  margin: 0 0 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.login-page-divider span {
  position: relative;
  display: inline-block;
}
.login-page-divider span::before,
.login-page-divider span::after {
  content: '';
  position: absolute;
  top: 50%;
  height: 1px;
  width: 70vw;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
}
.login-page-divider span::before {
  right: 100%;
  margin-right: 5px;
}
.login-page-divider span::after {
  left: 100%;
  margin-left: 5px;
}
.login-page-footer {
  padding: 15px 30px;
  text-align: center;
  background-color: #fff;
  margin-top: auto;
}
.login-page-footer p {
  margin: 0 0 5px;
  font-weight: 200;
  font-size: 14px;
  color: #1D1D1D;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
}
.login-page-footer p a {
  font-weight: 600;
  color: #1D1D1D;
}
.login-page-social {
  margin: 0 0 20px;
  text-align: center;
}
.login-page-social:last-of-type {
  margin: 0 0 87px;
}
.login-page-social span[id*=not_signed] {
  float: left;
  margin-left: 10px;
}
.login-page-social #my-signin2 > div {
  width: 100% !important;
  max-width: 272px;
  margin: auto;
}
.login-page-social #appleid-signin {
  height: 48px;
  max-width: 272px;
  margin: 0 auto;
}

/*# sourceMappingURL=main.bb4243d73a.css.map */