@CHARSET "UTF-8";
#programLevels {
  min-height: 422px;
  padding-bottom: 1em;
  }

#programLevels .programActivities .icon {
  font-size: 36px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  margin-top: 2px; }

#programLevels .programActivities li {
  margin-bottom: 20px; }

#programLevels .programActivities .icon .e-icon-walking {
  color: #FF9800; }

#programLevels .programActivities .icon .e-icon-psychology {
  color: #673AB7; }

#programLevels .programActivities .icon .e-icon-meal {
  color: #8BC34A; }

#programLevels .programActivities .icon .e-icon-medical {
  color: #00BCD4; }

#programLevels .programActivities .type {
  display: inline-block;
  width: 260px; }

#programLevels .programActivities .type .typeTitle {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 21px; }

#programLevels .programActivities .type .recommendation {
  margin-top: 2px;
  font-weight: 300; }

#programLevels .programActivities .type .recommendation .value {
  font-weight: 400; }

#programLevels .programActivities .dates {
  display: inline-block;
  width: 296px;
  margin-left: 16px;
  vertical-align: top;
  padding-top: 16px; }

#programLevels .programActivities .dates ul li {
  display: inline-block;
  margin-left: 3px; }

#programLevels .programActivities .dates ul li .day {
  position: absolute;
  left: -6px;
  top: 19px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300; }

#programLevels .content{
  min-height: 340px;
}

#programLevels .footer {
  margin-top: 40px;
  position: absolute;
  width: 100%;
  bottom: 0;
  }

#programLevels .footer:after {
  clear: both;
  content: '';
  display: block; }

#programLevels .footer button {
  float: right;
  background: #009fe3; }

#programLevels .footer .infoLink {
  color: #009fe3;
  cursor: pointer;
  margin-top: 12px;
  display: inline-block; }

#programLevels .footer .infoLink .e-icon-info {
  font-size: 20px;
  padding-right: 8px;
  vertical-align: top;
  margin-top: -2px;
  display: inline-block; }

#programLevels.popup.more .overlay {
  left: 0;
  width: 758px;
  }

#programLevels.popup .overlay.leftBottom {
  -webkit-clip-path: circle(0% at 6% 90%);
  clip-path: circle(0% at 6% 90%); }

#programLevels.popup.more .overlay {
  -webkit-clip-path: circle(142% at 100% 0);
  clip-path: circle(142% at 100% 0);
  visibility: visible; }

#programLevels.popup .overlay .text {
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  margin-top: 60px;
  padding: 0px 20px;
  line-height: 1.4; }

#programLevels.popup .overlay .text p {
  margin-bottom: 20px; }

#programLevels.popup .overlay button {
  margin-top: 20px;
  color: #fff;
  }

#programLevels .missingTasks .text {
  margin: 26px 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2; }

#programLevels .missingTasks ul:after {
  clear: both;
  content: '';
  display: block; }

#programLevels .missingTasks ul li {
  line-height: 46px;
  width: 48%;
  float: left;
  cursor: pointer; }

#programLevels .missingTasks ul li:before {
  font-family: '24alife';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  vertical-align: top;
  padding-top: 13px;
  display: inline-block;
  padding-right: 12px;
  content: "\e634";
  color: #009fe3; }

#programLevels .missingTasks ul li.general:before {
  content: "\e62a";
  color: #00698C; }

#programLevels .missingTasks ul li.nutrition:before {
  content: "\e62f";
  color: #65BC9F; }

#programLevels .missingTasks ul li.sport:before {
  content: "\e67e";
  color: #FF8600; }

#programLevels .missingTasks ul li.aerobics:before {
  content: "\e67a";
  color: #FF8600; }

#programLevels .missingTasks ul li.test:before {
  content: "\e669";
  color: #FF8600; }

#programLevels .missingTasks ul li.psychology:before {
  content: "\e65b";
  color: #FF9999; }

#programLevels .missingTasks ul li.relaxation:before {
  content: "\e630";
  color: #CC99FF; }

#programLevels .missingTasks ul li.medicine:before {
  content: "\e645";
  color: #99CCFF; }

#programLevels .missingTasks ul li.organization:before {
  content: "\e635";
  color: #58AAE0; }

#programLevels .missingTasks ul li.knowledge:before {
  content: "\e63b";
  color: #F7CB4B; }

#programLevels .missingTasks ul li.analysis:before {
  content: "\e607";
  color: #32C0A3; }

#programLevels .missingTasks ul li.free-time:before {
  content: "\e630";
  color: #00698C; }

#programLevels .missingTasks ul li.health-package:before {
  content: "\e686";
  color: #00C0EF; }

#programLevels .missingTasks ul li.lecture:before {
  content: "\e687";
  color: #F7CB4B; }

#programLevels .missingTasks ul li.didYouKnow:before {
  content: "\e63a";
  color: #F7CB4B; }

#programLevels .missingTasks ul li:nth-child(odd) {
  border-right: 1px dashed #e4e4e4; }

#programLevels .missingTasks ul li:nth-child(even) {
  padding-left: 20px; }

/* Media queries */
@media only screen and (max-width: 700px) {
  #programLevels .programActivities .dates {
    display: block;
    width: 100%;
    margin-top: 15px; }

  #programLevels .programActivities .type {
    display: inline-block;
    width: 240px; }

  #programLevels .footer {
    text-align: center; }

  #programLevels .footer button {
    float: none; }

  #programLevels .footer .infoLink {
    display: none; } }