/* 
SASS FOR TREE
*/
/* MAIN PROJECT COLOR */
.f-w-600 {
  font-weight: 600;
}

.f-w-800 {
  font-weight: 700;
}

.lp_cta1, .lp_cta2, .lp_cta_modal, .unlock_lesson, .unlock_lesson_done, .start_exercise, .lp_cta_modal_bm, .lp_cta_modal_nm, .lp_cta_modal_nm_np {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (min-width: 0px) {
  .lp_cta1, .lp_cta2, .lp_cta_modal, .unlock_lesson, .unlock_lesson_done, .start_exercise, .lp_cta_modal_bm, .lp_cta_modal_nm, .lp_cta_modal_nm_np {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 767px) {
  .lp_cta1, .lp_cta2, .lp_cta_modal, .unlock_lesson, .unlock_lesson_done, .start_exercise, .lp_cta_modal_bm, .lp_cta_modal_nm, .lp_cta_modal_nm_np {
    font-size: 18px;
    margin-top: 100px;
  }
}

@media (min-width: 1200px) {
  .lp_cta1, .lp_cta2, .lp_cta_modal, .unlock_lesson, .unlock_lesson_done, .start_exercise, .lp_cta_modal_bm, .lp_cta_modal_nm, .lp_cta_modal_nm_np {
    font-size: 22px;
    margin-top: 120px;
  }
}

.lp_cta1_white, .lp_cta_modal_white {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (min-width: 0px) {
  .lp_cta1_white, .lp_cta_modal_white {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 767px) {
  .lp_cta1_white, .lp_cta_modal_white {
    font-size: 18px;
    margin-top: 100px;
  }
}

@media (min-width: 1200px) {
  .lp_cta1_white, .lp_cta_modal_white {
    font-size: 22px;
    margin-top: 120px;
  }
}

@media (min-width: 0px) {
  .cta_small_exercise {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-rigth: 10px;
  }
}

@media (min-width: 767px) {
  .cta_small_exercise {
    font-size: 14px;
    margin-top: 5px;
  }
}

@media (min-width: 1200px) {
  .cta_small_exercise {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-rigth: 5px;
  }
}

.lp_cta2 {
  margin-top: 30px;
}

.lp_cta_modal, .unlock_lesson, .unlock_lesson_done, .start_exercise {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lp_cta_modal_white {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lp_cta_modal_bm {
  margin-top: 20px;
  margin-bottom: 40px;
}

.lp_cta_modal_nm {
  margin-top: 0px;
  margin-bottom: 0px;
}

.lp_cta_modal_nm_np {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.unlock_lesson, .unlock_lesson_done {
  margin-top: 20px;
}

@media (min-width: 0px) {
  .unlock_lesson, .unlock_lesson_done {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media (min-width: 992px) {
  .unlock_lesson, .unlock_lesson_done {
    margin-top: 60px;
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .unlock_lesson, .unlock_lesson_done {
    margin-top: 60px;
    margin-bottom: 25px;
  }
}

.start_exercise {
  background-color: grey;
}

.btn_lg, .lp_cta1, .lp_cta2, .lp_cta_modal, .unlock_lesson, .unlock_lesson_done, .start_exercise, .lp_cta_modal_bm, .lp_cta_modal_nm, .lp_cta_modal_nm_np, .lp_cta1_white, .lp_cta_modal_white {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.btn-green, .lp_cta1, .lp_cta2, .lp_cta_modal, .unlock_lesson, .unlock_lesson_done, .start_exercise, .lp_cta_modal_bm, .lp_cta_modal_nm, .lp_cta_modal_nm_np {
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  color: #fff;
  background: #8CC739;
  -webkit-box-shadow: inset 0px 1px 0px #8CC739, 0px 5px 0px 0px #70a02d, 0px 10px 5px #999;
          box-shadow: inset 0px 1px 0px #8CC739, 0px 5px 0px 0px #70a02d, 0px 10px 5px #999;
}

.btn-green:hover, .lp_cta1:hover, .lp_cta2:hover, .lp_cta_modal:hover, .unlock_lesson:hover, .unlock_lesson_done:hover, .start_exercise:hover, .lp_cta_modal_bm:hover, .lp_cta_modal_nm:hover, .lp_cta_modal_nm_np:hover {
  top: 3px;
  color: #fff;
  -webkit-box-shadow: inset 0px 1px 0px #8CC739, 0px 2px 0px 0px #70a02d, 0px 4px 3px #aaa;
          box-shadow: inset 0px 1px 0px #8CC739, 0px 2px 0px 0px #70a02d, 0px 4px 3px #aaa;
}

.btn-white, .cta_small_exercise {
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  color: darkgrey;
  font-weight: 700;
  background: white;
  -webkit-box-shadow: inset 0px 1px 0px white, 0px 2px 0px 0px #e6e6e6, 0px 4px 3px #aaa;
          box-shadow: inset 0px 1px 0px white, 0px 2px 0px 0px #e6e6e6, 0px 4px 3px #aaa;
}

.btn-white-default, .lp_cta1_white, .lp_cta_modal_white {
  position: relative;
  padding-left: 1.5em;
  border: 1px solid #e7e7e7;
  padding-right: 1.5em;
  color: gray;
  background: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn-white-default:hover, .lp_cta1_white:hover, .lp_cta_modal_white:hover {
  color: black;
}

.btn-white-default:focus, .lp_cta1_white:focus, .lp_cta_modal_white:focus {
  outline: none;
}

.btn-select {
  position: relative;
  padding: 0;
  min-width: 236px;
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}

.btn-select:focus {
  outline: none;
}

.btn-info-lang {
  background-color: #8CC739;
  border-color: #8CC739;
}

.btn-select.btn-select-light .btn-select-value {
  background-color: #fff;
  color: #000;
  line-height: 35px;
  font-size: 20px;
}

.btn-mywords {
  color: #f68e1f;
  margin: 3px;
  background-color: white;
  border-color: #f68e1f;
}

.btn-fav-add {
  color: #e7e7e7;
  background-color: white;
  border-color: #e7e7e7;
}

.btn-fav-add:hover {
  color: #f68e1f;
  border-color: #f68e1f;
}

.btn-go-read {
  color: #f68e1f;
  background-color: white;
  border-color: #f68e1f;
}

.btn-go-read:hover {
  color: #a85a07;
  border-color: #a85a07;
}

.btn-fav-remove {
  color: #ad6262;
  background-color: white;
  border-color: #ad6262;
}

.btn-mywords-remove, .btn-learn-remove {
  color: #ad6262;
  background-color: white;
  margin: 3px;
  border: 1px solid #d0a5a5;
}

.btn-mywords-remove:hover, .btn-learn-remove:hover {
  color: #d0a5a5;
}

.btn-learn {
  color: #5bc0de;
  margin: 3px;
  background-color: white;
  border-color: #5bc0de;
}

.btn-learn:hover {
  color: #2390b0;
}

.btn-audio {
  color: #e7e7e7;
  margin: 3px;
  background-color: white;
  border-color: #e7e7e7;
}

.btn-audio:hover {
  color: #b4b4b4;
}

.btn-learn-remove {
  border: 1px solid #d0a5a5;
}

.btn-learn-remove:hover {
  color: #6f3a3a;
}

.root, .root_1, .root_2, .root_3, .root_4, .root_5, .root_6, .root_7, .root_8, .root_9 {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  color: white;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 85px;
  cursor: pointer;
}

.circle, .circle_1.day_done, .circle_1.day_locked, .circle_2.day_done, .circle_2.day_locked, .circle_3.day_done, .circle_3.day_locked, .circle_4.day_done, .circle_4.day_locked, .circle_5.day_done, .circle_5.day_locked, .circle_6.day_done, .circle_6.day_locked, .circle_7.day_done, .circle_7.day_locked, .circle_8.day_done, .circle_8.day_locked, .circle_9.day_done, .circle_9.day_locked, .circle_today {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  color: white;
  position: relative;
  z-index: 4;
  cursor: pointer;
  font-weight: bold;
  line-height: 46px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0.4s;
}

.circle_small, .circle_1.day_silent_done, .circle_1.day_silent_open, .circle_1.day_plus, .circle_2.day_silent_done, .circle_2.day_silent_open, .circle_2.day_plus, .circle_3.day_silent_done, .circle_3.day_silent_open, .circle_3.day_plus, .circle_4.day_silent_done, .circle_4.day_silent_open, .circle_4.day_plus, .circle_5.day_silent_done, .circle_5.day_silent_open, .circle_5.day_plus, .circle_6.day_silent_done, .circle_6.day_silent_open, .circle_6.day_plus, .circle_7.day_silent_done, .circle_7.day_silent_open, .circle_7.day_plus, .circle_8.day_silent_done, .circle_8.day_silent_open, .circle_8.day_plus, .circle_9.day_silent_done, .circle_9.day_silent_open, .circle_9.day_plus {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: white;
  position: relative;
  z-index: 4;
  cursor: pointer;
  font-size: 10px;
  line-height: 32px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0.4s;
}

.locked_small, .done_small_1, .locked_small_1, .done_small_2, .locked_small_2, .done_small_3, .locked_small_3, .done_small_4, .locked_small_4, .done_small_5, .locked_small_5, .done_small_6, .locked_small_6, .done_small_7, .locked_small_7, .done_small_8, .locked_small_8, .done_small_9, .locked_small_9 {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 17px;
  z-index: 10;
  color: #b06311;
  background-color: white;
  position: absolute;
  right: 51%;
  -webkit-animation-delay: 0.4s;
}

.svg_circle, .circle-skill-0, .circle-skill-1, .circle-skill-2, .circle-skill-3 {
  background-image: url(/assets/img/svgs/tree_circles.svg);
  background-size: 419px 297px;
  height: 81px;
  position: absolute;
  margin-top: -8px;
  margin-left: -26px;
  z-index: 0;
  width: 66px;
  top: auto;
  cursor: pointer;
}

.circle-skill-0 {
  background-position: -154px -11px;
}

.circle-skill-1 {
  background-position: -221px -11px;
}

.circle-skill-2 {
  background-position: -289px -11px;
}

.circle-skill-3 {
  background-position: -354px -11px;
}

/* style all root nodes, backgrounds */
.root_1 {
  background: #f68e1f;
  border: 3px solid #f68e1f;
}

.section_1 {
  background-color: #fcd8b2;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_1 {
  color: #f68e1f;
  border: 1px solid #fcd8b2;
  background-color: #fcd8b2;
}

.locked_small_1 {
  color: #f68e1f;
  border: 1px solid #f68e1f;
  background-color: white;
}

.section_1 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.section_1 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_1:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_1.day_done {
  background-color: #f68e1f;
  line-height: 50px;
}

.circle_1.day_silent_done {
  background-color: #f68e1f;
  line-height: 32px;
}

.circle_1.day_silent_open {
  background-color: #fabf81;
  line-height: 32px;
}

.circle_1.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_1.day_plus:hover {
  background-color: #d97409;
}

.circle_1.day_locked {
  background-color: white;
  border: 2px solid #f68e1f;
  color: #f68e1f;
}

.root_2 {
  background: #c53e09;
  border: 3px solid #c53e09;
}

.section_2 {
  background-color: #f8956f;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_2 {
  color: #c53e09;
  border: 1px solid #f8956f;
  background-color: #f8956f;
}

.locked_small_2 {
  color: #c53e09;
  border: 1px solid #c53e09;
  background-color: white;
}

.section_2 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_2:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.section_2 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_2:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_2.day_done {
  background-color: #c53e09;
  line-height: 50px;
}

.circle_2.day_silent_done {
  background-color: #c53e09;
  line-height: 32px;
}

.circle_2.day_silent_open {
  background-color: #f6723e;
  line-height: 32px;
}

.circle_2.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_2.day_plus:hover {
  background-color: #942f07;
}

.circle_2.day_locked {
  background-color: white;
  border: 2px solid #c53e09;
  color: #c53e09;
}

.root_3 {
  background: #5a8392;
  border: 3px solid #5a8392;
}

.section_3 {
  background-color: #b4c9d1;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_3 {
  color: #5a8392;
  border: 1px solid #b4c9d1;
  background-color: #b4c9d1;
}

.locked_small_3 {
  color: #5a8392;
  border: 1px solid #5a8392;
  background-color: white;
}

.section_3 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_3:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.section_3 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_3:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_3.day_done {
  background-color: #5a8392;
  line-height: 50px;
}

.circle_3.day_silent_done {
  background-color: #5a8392;
  line-height: 32px;
}

.circle_3.day_silent_open {
  background-color: #95b2bd;
  line-height: 32px;
}

.circle_3.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_3.day_plus:hover {
  background-color: #476772;
}

.circle_3.day_locked {
  background-color: white;
  border: 2px solid #5a8392;
  color: #5a8392;
}

.root_4 {
  background: #8c5e3b;
  border: 3px solid #8c5e3b;
}

.section_4 {
  background-color: #d0ac90;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_4 {
  color: #8c5e3b;
  border: 1px solid #d0ac90;
  background-color: #d0ac90;
}

.locked_small_4 {
  color: #8c5e3b;
  border: 1px solid #8c5e3b;
  background-color: white;
}

.section_4 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_4:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.section_4 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_4:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_4.day_done {
  background-color: #8c5e3b;
  line-height: 50px;
}

.circle_4.day_silent_done {
  background-color: #8c5e3b;
  line-height: 32px;
}

.circle_4.day_silent_open {
  background-color: #c1916c;
  line-height: 32px;
}

.circle_4.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_4.day_plus:hover {
  background-color: #68462c;
}

.circle_4.day_locked {
  background-color: white;
  border: 2px solid #8c5e3b;
  color: #8c5e3b;
}

.root_5 {
  background: #745a77;
  border: 3px solid #745a77;
}

.section_5 {
  background-color: #bdabbf;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_5 {
  color: #745a77;
  border: 1px solid #bdabbf;
  background-color: #bdabbf;
}

.locked_small_5 {
  color: #745a77;
  border: 1px solid #745a77;
  background-color: white;
}

.section_5 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_5:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.section_5 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_5:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_5.day_done {
  background-color: #745a77;
  line-height: 50px;
}

.circle_5.day_silent_done {
  background-color: #745a77;
  line-height: 32px;
}

.circle_5.day_silent_open {
  background-color: #a68ea9;
  line-height: 32px;
}

.circle_5.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_5.day_plus:hover {
  background-color: #58445a;
}

.circle_5.day_locked {
  background-color: white;
  border: 2px solid #745a77;
  color: #745a77;
}

.root_6 {
  background: #682c14;
  border: 3px solid #682c14;
}

.section_6 {
  background-color: #d9693c;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_6 {
  color: #682c14;
  border: 1px solid #d9693c;
  background-color: #d9693c;
}

.locked_small_6 {
  color: #682c14;
  border: 1px solid #682c14;
  background-color: white;
}

.section_6 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_6:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.section_6 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_6:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_6.day_done {
  background-color: #682c14;
  line-height: 50px;
}

.circle_6.day_silent_done {
  background-color: #682c14;
  line-height: 32px;
}

.circle_6.day_silent_open {
  background-color: #be5024;
  line-height: 32px;
}

.circle_6.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_6.day_plus:hover {
  background-color: #3d1a0c;
}

.circle_6.day_locked {
  background-color: white;
  border: 2px solid #682c14;
  color: #682c14;
}

.root_7 {
  background: #7b2a30;
  border: 3px solid #7b2a30;
}

.section_7 {
  background-color: #ce7077;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_7 {
  color: #7b2a30;
  border: 1px solid #ce7077;
  background-color: #ce7077;
}

.locked_small_7 {
  color: #7b2a30;
  border: 1px solid #7b2a30;
  background-color: white;
}

.section_7 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_7:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.section_7 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_7:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_7.day_done {
  background-color: #7b2a30;
  line-height: 50px;
}

.circle_7.day_silent_done {
  background-color: #7b2a30;
  line-height: 32px;
}

.circle_7.day_silent_open {
  background-color: #c14a53;
  line-height: 32px;
}

.circle_7.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_7.day_plus:hover {
  background-color: #551d21;
}

.circle_7.day_locked {
  background-color: white;
  border: 2px solid #7b2a30;
  color: #7b2a30;
}

.root_8 {
  background: #941818;
  border: 3px solid #941818;
}

.section_8 {
  background-color: #e56060;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_8 {
  color: #941818;
  border: 1px solid #e56060;
  background-color: #e56060;
}

.locked_small_8 {
  color: #941818;
  border: 1px solid #941818;
  background-color: white;
}

.section_8 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_8:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.section_8 {
  position: relative;
  overflow: auto;
  padding-bottom: 19px;
}

.section_8:after {
  bottom: 0px;
  background-position: left bottom;
  background: linear-gradient(-45deg, white 3.5px, transparent 0), linear-gradient(45deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_8.day_done {
  background-color: #941818;
  line-height: 50px;
}

.circle_8.day_silent_done {
  background-color: #941818;
  line-height: 32px;
}

.circle_8.day_silent_open {
  background-color: #de3434;
  line-height: 32px;
}

.circle_8.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_8.day_plus:hover {
  background-color: #681111;
}

.circle_8.day_locked {
  background-color: white;
  border: 2px solid #941818;
  color: #941818;
}

.root_9 {
  background: #24462e;
  border: 3px solid #24462e;
}

.section_9 {
  background-color: #59aa71;
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.done_small_9 {
  color: #24462e;
  border: 1px solid #59aa71;
  background-color: #59aa71;
}

.locked_small_9 {
  color: #24462e;
  border: 1px solid #24462e;
  background-color: white;
}

.section_9 {
  margin-bottom: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.section_9 {
  position: relative;
  overflow: auto;
  padding-top: 20px;
}

.section_9:before {
  top: 0px;
  background-position: left top;
  background: linear-gradient(-135deg, white 3.5px, transparent 0), linear-gradient(135deg, white 3.5px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background-repeat: repeat-x;
  background-size: 7px 7px;
}

.circle_9.day_done {
  background-color: #24462e;
  line-height: 50px;
}

.circle_9.day_silent_done {
  background-color: #24462e;
  line-height: 32px;
}

.circle_9.day_silent_open {
  background-color: #47895a;
  line-height: 32px;
}

.circle_9.day_plus {
  margin-bottom: 15px;
  line-height: 31px;
}

.circle_9.day_plus:hover {
  background-color: #132418;
}

.circle_9.day_locked {
  background-color: white;
  border: 2px solid #24462e;
  color: #24462e;
}

.node_hidden {
  display: none;
}

.node_shown {
  display: block;
}

.circle_today {
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.4s;
  border-radius: 5px;
  background-color: white;
  margin-top: 5px;
  margin-bottom: 15px;
}

#arrow_pointer {
  color: white;
  padding-top: 3px;
  position: absolute;
  left: 30%;
}

@media screen and (max-width: 480px) {
  #arrow_pointer {
    left: 15%;
  }
}

#arrow_pointer .arrow_shake {
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 6s !important;
}

.day_locked {
  cursor: not-allowed;
}

.stat {
  min-height: 50px;
}

#stat_panel {
  margin-bottom: 15px;
  padding-bottom: 25px;
  padding-top: 10px;
  -webkit-box-shadow: 0px 12px 15px 0px gainsboro;
          box-shadow: 0px 12px 15px 0px gainsboro;
}

.stat_icon {
  width: 40px;
  height: 40px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  cursor: pointer;
  color: #f68e1f;
  border: 1px solid #f68e1f;
  background-color: white;
  border-radius: 50%;
}

.stat_icon > .fa {
  line-height: 28px;
}

.hider {
  width: 30px;
  line-height: 26px;
  color: #f68e1f;
  cursor: pointer;
  border-radius: 50%;
  height: 30px;
}

.day_title {
  color: white;
  font-weight: 700;
  padding-bottom: 0px;
  padding-top: 10px;
}

.day_title_today {
  color: white;
  font-weight: 700;
  padding-bottom: 25px;
  padding-top: 0px;
}

.day_title_locked {
  color: white;
  padding-bottom: 20px;
  padding-top: 15px;
}

.stat_circle {
  margin-top: 3px;
  margin-bottom: 3px;
  border-radius: 50%;
  border: 1px solid #f68e1f;
  background-color: white;
  width: 40px;
  height: 40px;
  color: #f68e1f;
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
  font-weight: bold;
  line-height: 40px;
}

.stat_circle:hover {
  cursor: pointer;
}

.path_label {
  top: 26px !important;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
  color: #bbbbbb;
}

.circle_locked_subscription {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  display: inline-block;
  line-height: 150px;
  background-color: #f68e1f;
  -webkit-animation-duration: 6s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 6s;
  -moz-animation-delay: 1s;
  -moz-animation-iteration-count: 1;
}

.done_next {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #f68e1f;
  background-color: white;
  position: absolute;
  top: -4px;
  right: 89px;
}

#language .modal-header {
  border-bottom: 0;
}

.btn-select ul {
  display: none;
  background-color: #fff;
  color: #000;
  clear: both;
  list-style: none;
  padding: 0;
  margin-top: 14px;
  border-top: none !important;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 33px;
  z-index: 999;
}

.btn-select ul li {
  padding: 3px 6px;
  text-align: left;
}

.btn-select ul li.selected {
  color: black;
}

.btn-select .btn-select-value {
  padding: 6px 12px;
  display: block;
  position: absolute;
  left: 0;
  right: 34px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

.btn-select .btn-select-arrow {
  float: right;
  line-height: 20px;
  padding: 6px 10px;
  color: white;
  top: 0;
}

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.3 !important;
}

.modal-title {
  font-size: 1.5em;
  color: black;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: 'Ubuntu', sans-serif;
}

.modal-bottom-title {
  margin-top: 20px;
  color: lightgrey;
}

.weapon {
  margin: 5px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}

.weapon_list {
  padding: 10px;
}
/*# sourceMappingURL=tree.css.map */