body  {
  font-size:100%;
  font-family:Comic Sans MS, Calibri, Candara, Segoe, 'Segoe UI', Optima,sans-serif;
}

.href {
  cursor:pointer;
}

.auto_height {
  height:100%;
  display:inline-block;
  vertical-align:middle;
}

.wrap {
  width:1024px;
  margin:0 auto;
}

.wrap .list_border {
  /* w1024 */
  width:94.7265625%;/* 970 */
  border-radius: 10px;
  border:2px dashed #f78d1e;
  margin:7.8125% auto 3.90625% auto; /* 80 auto 40 auto */
}
.wrap .list_border .menu {
  /* w970 */
  text-align:center;
  margin-top:-6.907216494845361%; /* -67 */
/*  margin-bottom:1.030927835051546%;*/ /* 10 */
}
.wrap .list_border .menu:after {
  width:100%;
  content:'';
  display:inline-block;
  height:0;
  font-size:0;
  line-height:0;
}
.wrap .list_border .menu p {
  /* f16 */
  text-align:center;
  font-size:1.1875em; /* 19 */
  color:#ffffff;
}

.wrap .list_border .menu .profile {
  /* w970 */
  width:18.14432989690722%; /* 176 */
  padding-bottom:13.81443298969072%; /* 134 */
  background:url("/content/img/menu_profile_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .list_border .menu .profile:hover {
  background:url("/content/img/menu_profile_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .list_border .menu .profile > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .list_border .menu .profile p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:80%;
}

.wrap .list_border .menu .read_mode {
  /* w970 */
  width:19.58762886597938%; /* 204 */ /* 190 */
  padding-bottom:12.88659793814433%; /* 134 */ /* 125 */
  background:url("/content/img/menu_read_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .list_border .menu .read_mode:hover {
  background:url("/content/img/menu_read_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .list_border .menu .read_mode.current {
  background:url("/content/img/menu_read_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .list_border .menu .read_mode > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .list_border .menu .read_mode p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:80%
}

.wrap .list_border .menu .listen_mode {
  /* w970 */
  width:17.93814432989691%; /* 186 */ /* 174 */
  padding-bottom:12.88659793814433%; /* 134 */  /* 125 */
  background:url("/content/img/menu_listen_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .list_border .menu .listen_mode:hover {
  background:url("/content/img/menu_listen_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .list_border .menu .listen_mode.current {
  background:url("/content/img/menu_listen_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .list_border .menu .listen_mode > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .list_border .menu .listen_mode p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:95%;
}

.wrap .list_border .menu .write_mode {
  /* w970 */
  width:19.38144329896907%; /* 201 */ /* 188 */
  padding-bottom:12.88659793814433%; /* 134 */  /* 125 */
  background:url("/content/img/menu_write_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .list_border .menu .write_mode:hover {
  background:url("/content/img/menu_write_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .list_border .menu .write_mode.current {
  background:url("/content/img/menu_write_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .list_border .menu .write_mode > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .list_border .menu .write_mode p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:90%;
}

.wrap .list_border .list_wrap {
  text-align:center;
}
.wrap .list_border .list_wrap .lesson {
  /* w970 */
  width:44.63917525773196%; /* 433 */
  padding-bottom:16.70103092783505%; /* 162 */
  display:inline-block;
  position:relative;
  vertical-align:top;
}
.wrap .list_border .list_wrap .lesson > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .list_border .list_wrap .lesson > div:after {

}
.wrap .list_border .list_wrap > div:nth-child(even) {
  /* w970 */
  margin-left:4.329896907216495%; /* 42 */
}
.wrap .list_border .list_wrap .lesson .number_1 {
  /* w95 */
  width:18.94736842105263%; /* 18 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_1.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_2 {
  /* w95 */
  width:23.157894736842115%; /* 22 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_2.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_3 {
  /* w95 */
  width:23.15789473684211%; /* 22 */
  padding-bottom:30.52631578947368%; /* 29 */
  background:url("/content/img/number_3.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_4 {
  /* w95 */
  width:22.10526315789474%; /* 21 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_4.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_5 {
  /* w95 */
  width:25.26315789473684%; /* 24 */
  padding-bottom:32.63157894736842%; /* 31 */
  background:url("/content/img/number_5.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_6 {
  /* w95 */
  width:26.31578947368421%; /* 25 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_6.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_7 {
  /* w95 */
  width:24.21052631578947%; /* 23 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_7.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_8 {
  /* w95 */
  width:25.26315789473684%; /* 24 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_8.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_9 {
  /* w95 */
  width:26.31578947368421%; /* 25 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_9.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .number_0 {
  /* w95 */
  width:23.15789473684211%; /* 22 */
  padding-bottom:31.57894736842105%; /* 30 */
  background:url("/content/img/number_0.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}

.wrap .list_border .list_wrap .lesson > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
}
.wrap .list_border .list_wrap .lesson .first_row {
  /* w95 */
  margin-top:4.210526315789474%; /* 4 */
}
.wrap .list_border .list_wrap .lesson .second_row {
  /* w95 */
  margin-bottom:4.210526315789474%; /* 4 */
}

.wrap .list_border .list_wrap .lesson h1 {
  /* w300 f16 */
  font-size:1.1875em; /* 19 */
  color:#ffffff;
  margin-left:13.33333333333333%; /* 40 */
}
.wrap .list_border .list_wrap .lesson h2 {
  /* w300 f16 */
  font-size:1em; /* 16 */
  color:#ffffff;
  margin-left:13.33333333333333%; /* 40 */
}
.wrap .list_border .list_wrap .lesson .stars {
  /* w300 */
  text-align:center;
  margin:3.333333333333333% 0; /* 10 0 */
}
.wrap .list_border .list_wrap .lesson .stars .full_star {
  /* w300 */
  width:14.66666666666667%; /* 44 */
  padding-bottom:14.33333333333333%; /* 43 */
  background:url("/content/img/preload/lesson_star_full.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .stars .empty_star {
  /* w300 */
  width:14.66666666666667%; /* 44 */
  padding-bottom:14.33333333333333%; /* 43 */
  background:url("/content/img/lesson_star_empty.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .stars .half_star {
  /* w300 */
  width:14.66666666666667%; /* 44 */
  padding-bottom:14.33333333333333%; /* 43 */
  background:url("/content/img/preload/lesson_star_half.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.wrap .list_border .list_wrap .lesson .stars div+div {
  /* w300 */
  margin-left:1.666666666666667%; /* 5 */
}

.wrap .list_border .list_wrap .lesson.read {
  background:url("/content/img/lesson_read_bg_1.svg") no-repeat top center;
  background-size:100%;
}
.wrap .list_border .list_wrap .lesson.listen {
  background:url("/content/img/lesson_listen_bg_1.svg") no-repeat top center;
  background-size:100%;
}
.wrap .list_border .list_wrap .lesson.write {
  background:url("/content/img/lesson_write_bg_1.svg") no-repeat top center;
  background-size:100%;
}
.wrap .list_border .list_wrap .lesson .lesson_number {
  /* w433 */ /* h162 */
  position:absolute;
  width:21.93995381062356%; /* 95 */
  top:7.407407407407407%; left:0; /* 12 */
  text-align:center;
}
.wrap .list_border .list_wrap .lesson_data {
  display:inline-block;
  text-align:center;
  vertical-align:middle;
}
.wrap .list_border .list_wrap .lesson .lesson_data {
  /* w433 */
  width:69.28406466512702%; /* 300 */
  margin:9.237875288683603% 0 0 6.928406466512702%; /* 40 0 0 30 */
}
.wrap .list_border .list_wrap .lesson_repeats {
  /* w433 */
  width:14.08775981524249%; /* 61 */
  padding-bottom:13.8568129330254%; /* 60 */
  margin:10.39260969976905% 0 0 2.309468822170901%; /* 45 0 0 10 */
  background:url("/content/img/repeats_bg.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
  vertical-align:middle;
  position:relative;
}
.wrap .list_border .list_wrap .lesson_repeats > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .list_border .list_wrap .lesson_repeats .repeat_number {
  /* f16 */
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:87%;
  color:#f78d1e;
  font-size:1.1875em; /* 19 */
}


.wrap .list_border .pagination {
  /* w970 */
  width:22.2680412371134%; /* 216 */
  margin:0 auto;
  background-color:#ffffff;
  text-align:justify;
  margin-bottom:-4.123711340206186%; /* 40 */
  padding:0 0.4123711340206186%; /* 0 4 */
}
.wrap .list_border .pagination:after {
  width:100%;
  content:'';
  display:inline-block;
  height:0;
  font-size:0;
  line-height:0;
}
.wrap .list_border .pagination .left_arrow {
  /* w208 */
  width:13.46153846153846%; /* 28 */
  padding-bottom:31.73076923076923%; /* 66 */
  display:inline-block;
}
.wrap .list_border .pagination .left_arrow.enabled {
  background:url("/content/img/pagination_arrow_left.svg") no-repeat top center;
  background-size:100%;
}
.wrap .list_border .pagination .left_arrow.disabled {
  background:url("/content/img/pagination_arrow_left_disabled.svg") no-repeat top center;
  background-size:100%;
  cursor:default;
}
.wrap .list_border .pagination .pages {
  /* w208 */
  width:58.17307692307692%; /* 121 */
  padding-bottom:31.73076923076923%; /* 66 */
  background:url("/content/img/pagination_pages.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
  position:relative;
}
.wrap .list_border .pagination .pages > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:center;
}
.wrap .list_border .pagination .pages p {
  /* f16 */
  text-align:center;
  vertical-align: middle;
  display:inline-block;
  color:#ffffff;
  font-size:1.125em; /* 18 */
}
.wrap .list_border .pagination .right_arrow {
  /* w208 */
  width:13.46153846153846%; /* 28 */
  padding-bottom:31.73076923076923%; /* 66 */
  display:inline-block;
}
.wrap .list_border .pagination .right_arrow.enabled {
  background:url("/content/img/pagination_arrow_right.svg") no-repeat top center;
  background-size:100%;
}
.wrap .list_border .pagination .right_arrow.disabled {
  background:url("/content/img/pagination_arrow_right_disabled.svg") no-repeat top center;
  background-size:100%;
  cursor:default;
}


.wrap .profile_border {
  /* w1024 */
  width:94.7265625%;/* 970 */
  border-radius: 10px;
  border:2px dashed #f78d1e;
  margin:7.8125% auto 0 auto; /* 80 auto 40 auto */
}
.wrap .profile_border .menu {
  /* w970 */
  text-align:center;
  margin-top:-6.907216494845361%; /* -67 */
}
.wrap .profile_border .menu p {
  /* f16 */
  text-align:center;
  font-size:1.1875em; /* 19 */
  color:#ffffff;
}

.wrap .profile_border .menu .home {
  /* w970 */
  width:17.93814432989691%; /* 174 */
  padding-bottom:13.81443298969072%; /* 134 */
  background:url("/content/img/menu_home_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .profile_border .menu .home:hover {
  background:url("/content/img/menu_home_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .menu .home > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .profile_border .menu .home p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:80%;
}
.wrap .profile_border .menu .profile {
  /* w970 */
  width:18.14432989690722%; /* 176 */
  padding-bottom:13.81443298969072%; /* 134 */
  background:url("/content/img/menu_profile_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .profile_border .menu .profile:hover {
  background:url("/content/img/menu_profile_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .menu .profile > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .profile_border .menu .profile p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:80%;
}
.wrap .profile_border .menu .lessons {
  /* w970 */
  width:17.52577319587629%; /* 170 */
  padding-bottom:13.81443298969072%; /* 134 */
  background:url("/content/img/menu_lessons_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .profile_border .menu .lessons:hover {
  background:url("/content/img/menu_lessons_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .menu .lessons > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .profile_border .menu .lessons p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:80%;
}
.wrap .profile_border .menu .help {
  /* w970 */
  width:17.42268041237113%; /* 169 */
  padding-bottom:13.81443298969072%; /* 134 */
  background:url("/content/img/menu_help_bg.svg") 0 0 no-repeat;
  background-size:100%;
  vertical-align:middle;
  display:inline-block;
  position:relative;
  margin-left:2.515090543259557%; /* 25 */
}
.wrap .profile_border .menu .help:hover {
  background:url("/content/img/menu_help_active_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .menu .help > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .profile_border .menu .help p {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  width:80%;
}

.wrap .profile_border .choose_language {
  /* w970 */
  text-align:center;
  margin:6.185567010309278% 0; /* 60 0 */
}
.wrap .profile_border .choose_language h1 {
  /* f16 */
  text-align:center;
  font-size:1.375em; /* 22 */
  color:#FF8600;
}
.wrap .profile_border .choose_language .current_language {
  /* f16 */
  text-align:center;
  font-size:1.125em; /* 18 */
}
.wrap .profile_border .choose_language .flag_wrap {
  /* w970 */
  text-align:center;
  margin:1.030927835051546% 0 0.5154639175257732% 0; /* 10 0 5 0 */
}
.wrap .profile_border .choose_language .flag_wrap .backward {
  /* w970 */
  display:inline-block;
  width:2.989690721649485%; /* 29 */
  padding-bottom:3.814432989690722%; /* 37 */
  background:url("/content/img/arrow_left.svg") 0 0 no-repeat;
  background-size:100%;
  margin-right:0.5154639175257732%; /* 5 */
  cursor:pointer;
  vertical-align:middle;
}
.wrap .profile_border .choose_language .flag_wrap .forward {
  /* w970 */
  display:inline-block;
  width:2.989690721649485%; /* 29 */
  padding-bottom:3.814432989690722%; /* 37 */
  background:url("/content/img/arrow_right.svg") 0 0 no-repeat;
  background-size:100%;
  margin-left:0.5154639175257732%; /* 5 */
  cursor:pointer;
  vertical-align:middle;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel {
  /* w970 */
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
  vertical-align:middle;
  width:44.32989690721649%; /* 430 */
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel div+div {
  /* w430 */
  margin-left:1.162790697674419%; /* 5 */
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit {
  /* w430 */
  width:31.16279069767442%; /* 134 */
  border:2px solid #ffffff;
  position:relative;
  display:inline-block;
  vertical-align:middle;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit.selected {
  border-color:#179DD9;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag {
  /* 134 */
  width:94.02985074626866%; /* 126 */
  padding-bottom:58.2089552238806%; /* 78 */
  margin:3.73134328358209% auto; /* 5 auto */
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.de {
  background:url("/content/img/flag_de.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.en {
  background:url("/content/img/flag_en.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.es {
  background:url("/content/img/flag_es.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.fr {
  background:url("/content/img/flag_fr.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.ge {
  background:url("/content/img/flag_ge.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.it {
  background:url("/content/img/flag_it.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.ko {
  background:url("/content/img/flag_ko.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.ms {
  background:url("/content/img/flag_ms.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.ru {
  background:url("/content/img/flag_ru.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.th {
  background:url("/content/img/flag_th.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.ua {
  background:url("/content/img/flag_ua.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_language .flag_wrap .language_carousel .language_unit .flag.vn {
  background:url("/content/img/flag_vn.svg") 0 0 no-repeat;
  background-size:100%;
}


.wrap .profile_border .choose_level {
  text-align:center;
}
.wrap .profile_border .choose_level h1 {
  /* f18 */
  text-align:center;
  font-size:1.5em; /* 24 */
  color:#FF8600;
}
.wrap .profile_border .choose_level > div+div {
  /* w970 */
  margin-left:2.061855670103093%; /* 20 */
}
.wrap .profile_border .choose_level .level_unit {
  /* w970 */
  width:20.61855670103093%; /* 200 */
  display:inline-block;
  text-align:center;
  margin-top:1.030927835051546%; /* 10 */
  margin-bottom:1.030927835051546%; /* 10 */
  cursor:pointer;
}
.wrap .profile_border .choose_level .level_unit .level_picture {
  /* 200 */
  width:84%; /* 168 */
  padding-bottom:96%; /* 192 */
  margin:0 auto;
}
.wrap .profile_border .choose_level .level_unit .level_picture.student {
  background:url("/content/img/icon_student.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_picture.teacher {
  background:url("/content/img/icon_teacher.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_picture.professor {
  background:url("/content/img/icon_professor.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_picture.student.selected {
  background:url("/content/img/icon_student_selected.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_picture.teacher.selected {
  background:url("/content/img/icon_teacher_selected.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_picture.professor.selected {
  background:url("/content/img/icon_professor_selected.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .radio_button {
  /* 200 */
  width:11%; /* 22 */
  padding-bottom:11%; /* 22 */
  background:url("/content/img/level_bg.svg") 0 0 no-repeat;
  background-size:100%;
  display:inline-block;
  margin:0 2.5%; /* 0 5 */
}
.wrap .profile_border .choose_level .level_unit .radio_button.selected {
  background:url("/content/img/level_selected_bg.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_intro_wrap {
  text-align:center;
}
.wrap .profile_border .choose_level .level_unit .level_intro_wrap:after {
  width:100%;
  content:'';
  display:inline-block;
  height:0;
  font-size:0;
  line-height:0;
}
.wrap .profile_border .choose_level .level_unit .level_intro_wrap > div {
  display:inline-block;
}
.wrap .profile_border .choose_level .level_unit .level_title {
  /* f16 */
  font-size: 1.125em; /* 18 */
}
.wrap .profile_border .choose_level .level_unit .level_icon {
  /* 200 */
  width:23.5%; /* 47 */
  padding-bottom:15%; /* 30 */
}
.wrap .profile_border .choose_level .level_unit .level_icon.easy {
  background:url("/content/img/level_easy.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_icon.medium {
  background:url("/content/img/level_medium.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .profile_border .choose_level .level_unit .level_icon.hard {
  background:url("/content/img/level_hard.svg") 0 0 no-repeat;
  background-size:100%;
}

.wrap .profile_border .level_description {
  /* w970 */
  width:72.16494845360825%; /* 700 */
  margin:1.030927835051546% auto 0 auto; /* 10 auto 0 auto */
  background:#fff9c7;
  border:2px solid #000000;
  color:#595959;
  line-height:20px;
  padding:1.54639175257732% 2.061855670103093% 1.030927835051546% 2.061855670103093%; /* 15 20 10 20 */
  -moz-border-top-right-radius:16px;
  -webkit-border-top-right-radius:16px;
  -khtml-border-top-right-radius:16px;
  border-top-right-radius:16px;

  -moz-border-bottom-right-radius:16px;
  -webkit-border-bottom-right-radius:16px;
  -khtml-border-bottom-right-radius:16px;
  border-bottom-right-radius:16px;

  -moz-border-bottom-left-radius:16px;
  -webkit-border-bottom-left-radius:16px;
  -khtml-border-bottom-left-radius:16px;
  border-bottom-left-radius:16px;

  -moz-border-top-left-radius:16px;
  -webkit-border-top-left-radius:16px;
  -khtml-border-top-left-radius:16px;
  border-top-left-radius:16px;
}
.wrap .profile_border .level_description strong {
  color:#FF8600;
}
.wrap .profile_border .level_description .intro {
  /* 700 */
  margin-bottom:2.142857142857143%; /* 15 */
}
.wrap .profile_border .level_description .option {
  /* w970 */
  margin:1.54639175257732% 0; /* 15 0 */
}


.wrap .profile_border .show_lessons {
  /* w970 */
  width:44.84536082474227%; /* 435 */
  padding-bottom:6.907216494845361%; /* 67 */
  position:relative;
  margin:5.154639175257732% auto; /* 50 0 */
  background:url("/content/img/lesson_start.svg") 0 0 no-repeat;
  background-size:100%;
  cursor:pointer;
}
.wrap .profile_border .show_lessons > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:center;
}
.wrap .profile_border .show_lessons > div p {
  /* w435 f16 */
  display:inline-block;
  vertical-align:middle;
  color:#ffffff;
  font-size:1.375em; /* 22 */
  margin-bottom:0.9195402298850575%; /* 4 */
}
.wrap .profile_border .show_lessons > div p:hover {
  text-decoration:underline;
}

.wrap .profile_border .profile_remarks {
  /* w920 f16 */
  margin:2.173913043478261%; /* 20 */
  text-align:left;
  font-size:0.875em; /* 14 */
  color:#909090;
}
.wrap .profile_border .profile_remarks p {
  /* w917 */
  margin:0.5452562704471101%; /* 5 */
}



.wrap .help_wrap {
  /* w970 */
  text-align:right;
  width:95%;
}
.wrap .help_wrap.read {
  /* w970 */
  margin:1.030927835051546% auto 1.54639175257732% auto; /* 10 auto 15 auto */
}
.wrap .help_wrap.listen {
  /* w970 */
  margin:1.030927835051546% auto 1.54639175257732% auto; /* 10 auto 15 auto */
}
.wrap .help_wrap.write {
  /* w970 */
  margin:1.030927835051546% auto 1.54639175257732% auto; /* 10 auto 15 auto */
}
.wrap .help_wrap a {
  /* f16 */
  color:#276AFF;
  text-decoration:underline;
  font-size:1.125em; /* 18 */
}

.wrap .lesson_border {
  /* w1024 */
  width:94.7265625%;/* 970 */
  border-radius: 10px;
  border:2px dashed #f78d1e;
  margin:6.34765625% auto 0 auto; /* 65 auto 0 auto */
  position:relative;
}
.wrap .lesson_border .menu {
  /* w970 */
  text-align:center;
  margin-top:-5.670103092783505%; /* -55 */
}
.wrap .lesson_border .menu .previous_mode {
  /* w970 */
  width:13.91752577319588%; /* 135 */
  padding-bottom:8.45360824742268%; /* 82 */
  display:inline-block;
  vertical-align:bottom;
  margin-bottom:0.7216494845360825%; /* 7 */
}
.wrap .lesson_border .menu .previous_mode.read {
  background:url("/content/img/previous_mode_read.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .previous_mode.listen {
  background:url("/content/img/previous_mode_listen.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .previous_mode.write {
  background:url("/content/img/previous_mode_write.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .next_mode {
  /* w970 */
  width:13.91752577319588%; /* 135 */
  padding-bottom:8.45360824742268%; /* 82 */
  display:inline-block;
  vertical-align:bottom;
  margin-bottom:0.7216494845360825%; /* 7 */
}
.wrap .lesson_border .menu .next_mode.read {
  background:url("/content/img/next_mode_read.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .next_mode.listen {
  background:url("/content/img/next_mode_listen.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .next_mode.write {
  background:url("/content/img/next_mode_write.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .lesson_mode {
  /* w970 */
  width:34.12371134020619%; /* 331 */
  padding-bottom:9.587628865979381%; /* 93 */
  display:inline-block;
  vertical-align:bottom;
  position:relative;
  margin:0 3.092783505154639% 0 3.402061855670103%; /* 0 30 0 33 */
}
.wrap .lesson_border .menu .lesson_mode.read {
  /* 970 */
  background:url("/content/img/title_mode_read.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .lesson_mode.listen {
  /* w970 */
  background:url("/content/img/title_mode_listen.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .lesson_mode.write {
  /* w970 */
  background:url("/content/img/title_mode_write.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .menu .lesson_mode > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}
.wrap .lesson_border .menu .lesson_mode p {
  /* f16 w331 */
  font-size:1.3125em; /* 21 */
  color:#ffffff;
  display:inline-block;
  text-align:center;
  width:94%;
  margin-top:12.68882175226586%; /* 42 */
}


.wrap .lesson_border .abort_lesson {
  /* w970 */
  position:absolute;
  top:0;
  right:0;
  margin:2.061855670103093% 2.061855670103093% 0 0; /* 20 20 0 0 */
  width:6.907216494845361%; /* 67 */
  padding-bottom:7.010309278350515%; /* 68 */
  background:url("/content/img/abort_lesson.svg") 0 0 no-repeat;
  background-size:100%;
  z-index:899;
}
.wrap .lesson_border .container{
  /* w970 */
  display:inline-block;
  vertical-align: top;
  width: 86px;
  height: 86px;
  border-radius: 100%;
  border:1px solid #919a7b;
  position:absolute;
  left:0;
  top:0;
  margin:2.061855670103093% 0 0 2.061855670103093%; /* 20 0 0 20 */
}
.wrap .lesson_border .total_words{
  /* f16 */
  top: 30px;
  position: relative;
  font-size:1.375em; /* 22 */
  color:#ffffff;
}
.wrap .lesson_border .full_circle {
  position: relative;
  top: 3px;
  left: 3px;
  text-align: center;
  width: 84px;
  height: 84px;
  border-radius: 100%;
  background: #ffffff url("/content/img/total_words_bg.svg") center center no-repeat;
}
.wrap .lesson_border .active_border{
  position: relative;
  top: -2px;
  left: -2px;
  text-align: center;
  width: 90px;
  height: 90px;
  border-radius: 100%;
}
.wrap .lesson_border .half_circle {
  position: absolute;
  top: 1px;
  left: 50%;
  width: 43px;
  height: 86px;
  border-top-right-radius: 52px;
  border-bottom-right-radius: 52px;
  border:1px solid #919a7b;
  border-left:none;
}
.wrap .lesson_border .half_circle .full_circle {
  top: 1px;
  left: -42px;
}

.wrap .lesson_border .read.picture {
  /* w970 */
  width:18.55670103092784%; /* 180 */
  margin:0 auto;
}


.wrap .lesson_border .read.picture .thumb {
  /* w180 */
  width:100%; /* 180 */
  padding-bottom:104.4444444444444%; /* 188 */
  background:url("/content/img/thumb_clean.svg") no-repeat top center;
  background-size:100%;
}
.wrap .lesson_border .read.picture .word {
  /* f16 w207 */
  text-align:center;
  font-size:1.25em; /* 20 */
  margin-top:2.415458937198068%; /* 5 */
}


.wrap .lesson_border .read.words {
  /* w970 */
  width:87.62886597938144%; /* 850 */
  text-align:justify;
  margin:0 auto 2.061855670103093% auto; /* 0 auto 20 auto */
}
.wrap .lesson_border .read.words:after {
  width:100%;
  content:'';
  display:inline-block;
  height:0;
  font-size:0;
  line-height:0;
}
.wrap .lesson_border .read.words .answer_wrap {
  /* 850 */
  display:inline-block;
  margin-bottom:3.529411764705882%; /* 30 */
  position:relative;
  width:40%; /* 340 */
  padding-bottom:6.470588235294118%; /* 55 */
  background:url("/content/img/answer_bg.svg") no-repeat top center;
  background-size:100%;
}
.wrap .lesson_border .read.words .answer_wrap > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:left;
}

.wrap .lesson_border .read.words .answer_wrap .word_mark {
  /* 340 */
  display:inline-block;
  width:11.47058823529412%; /* 39 */
  padding-bottom:11.47058823529412%; /* 39 */
  vertical-align:top;
  margin:2.352941176470588% 0 0 3.529411764705882%; /* 8 0 0 12 */
}
.wrap .lesson_border .read.words .answer_wrap .word_mark.correct {
  background:url("/content/img/preload/mark_correct.svg") center center no-repeat;
  background-size:100%;
}
.wrap .lesson_border .read.words .answer_wrap .word_mark.wrong {
  background:url("/content/img/preload/mark_wrong.svg") center center no-repeat;
  background-size:100%;
}
.wrap .lesson_border .read.words .answer_wrap .word {
  /* f16 340 */
  font-size:1.375em; /* 22 */
  color:#303030;
  vertical-align:top;
  display:inline-block;
  width:73.52941176470588%; /* 250 */
  margin:4.117647058823529% 0 0 7.352941176470588%; /* 14 0 0 25 */
}

.wrap .lesson_border .sound {
  /* w970 */
  width:37.52577319587629%; /* 364 */
  text-align:center;
  margin:0 auto;  /* 26 auto 30 auto */
}
.wrap .lesson_border .sound h2 {
  /* 16 */
  font-size:1.375em; /* 22 */
  color:#F78D1E;
}
.wrap .lesson_border .sound .sound_bg {
  /* 364 */
  width:100%;
  padding-bottom:14.01098901098901%; /* 51 */
  background:url("/content/img/play_sound.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border  .listen.words {
  text-align:center;
}
.wrap .lesson_border  .listen.words .answer_wrap {
  /* w970 */
  width:17.52577319587629%; /* 170 */
  display:inline-block;
  margin:3.092783505154639% 3.092783505154639% 4.123711340206186% 3.092783505154639%; /* 30 30 40 30 */
  position:relative;
  vertical-align: top;
}


.wrap .lesson_border  .listen.words .answer_wrap .thumb {
  /* w150 */
  width:100%; /* 150 */
  padding-bottom:104%; /* 156 */
  background:url("/content/img/thumb_clean.svg") 0 0 no-repeat;
  background-size:100%;
  position:relative;
}

.wrap .lesson_border  .listen.words .answer_wrap .thumb .word_mark {
  /* 155 */
  width:26.45161290322581%; /* 41 */
  padding-bottom:25.16129032258065%; /* 39 */
  background:url("/content/img/mark_empty.svg") 0 0 no-repeat;
  background-size:100%;
  position:absolute;
  top:-20px;
  right:-9.67741935483871%; /* -15 */
}
.wrap .lesson_border  .listen.words .answer_wrap .thumb .word_mark.correct {
  background:url("/content/img/preload/mark_correct_2.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border  .listen.words .answer_wrap .thumb .word_mark.wrong {
  background:url("/content/img/preload/mark_wrong_2.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border  .listen.words .answer_wrap .word {
  /* f16 */
  font-size:1.25em; /* 20 */
  color:#303030;
}

.wrap .lesson_border .write.picture {
  /* w970 */
  width:18.55670103092784%; /* 180 */
  margin:0 auto;
  position:relative;
  z-index:899;
}
.wrap .lesson_border .write.picture .thumb {
  /* w180 */
  width:100%; /* 180 */
  padding-bottom:104.4444444444444%; /* 188 */
  background:url("/content/img/thumb_clean.svg") no-repeat top center;
  background-size:100%;
}
.wrap .lesson_border .write.picture .word {
  /* f16 w207 */
  text-align:center;
  font-size:1.25em; /* 20 */
  margin-top:2.415458937198068%; /* 5 */
}
.wrap .lesson_border .playground_wrap {
  /* w970 */
  width:94.84536082474227%; /* 920 */
  padding-bottom:39.17525773195876%; /* 380 */
  background:url("/content/img/playground_bg.svg") 0 0 no-repeat;
  background-size:100%;
  margin:0 auto 1.54639175257732% auto; /* 0 auto 15 auto */
  position:relative;
}
.wrap .lesson_border .playground_wrap .playground {
  /* w920 */
  width:91.30434782608696%; /* 840 */
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  margin:8.695652173913043% auto 2.173913043478261% auto; /* 80 auto 20 auto */
}
.wrap .lesson_border .playground_wrap .playground .zindex {
  z-index:899;
}
.wrap .lesson_border .playground_wrap .playground > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
}
.wrap .lesson_border .playground_wrap .playground .card {
  /* f16 w840 */
  width:6.428571428571429%; /* 54 */
  padding-bottom:6.428571428571429%; /* 54 */
  font-size:1.5em; /* 24 */
  text-align:center;
  position:absolute;
  text-transform:uppercase;
}
.wrap .lesson_border .playground_wrap .playground .card > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
}
.wrap .lesson_border .playground_wrap .playground .card.square {
  background:url("/content/img/card_square.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .playground_wrap .playground .card.square.wrong {
  background:url("/content/img/preload/card_square_wrong.svg") 0 0 no-repeat;
  background-size:100%;
  color:#ffffff;
}
.wrap .lesson_border .playground_wrap .playground .card.diamond {
  background:url("/content/img/card_diamond.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .playground_wrap .playground .card.diamond.wrong {
  background:url("/content/img/preload/card_diamond_wrong.svg") 0 0 no-repeat;
  background-size:100%;
  color:#ffffff;
}
.wrap .lesson_border .playground_wrap .playground .card.circle {
  background:url("/content/img/card_circle.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .playground_wrap .playground .card.circle.wrong {
  background:url("/content/img/preload/card_circle_wrong.svg") 0 0 no-repeat;
  background-size:100%;
  color:#ffffff;
}
.wrap .lesson_border .playground_wrap .playground .card p {
  display:inline-block;
}

.wrap .lesson_border .question_line {
  /* w970 */
  width:94.74226804123711%; /* 919 */
  padding-bottom:8.969072164948454%; /* 87 */
  background:url("/content/img/question_line_bg.svg") 0 0 no-repeat;
  background-size:100%;
  margin:0 auto 2.577319587628866% auto; /* 0 auto 25 auto */
  position:relative;
}
.wrap .lesson_border .question_line .card_slots {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:center;
}
.wrap .lesson_border .question_line .card_slots .slot {
  /* f16 w919 */
  font-size:1.5em; /* 24 */
  text-align:center;
  display:inline-block;
  margin-top:1.849836779107726%; /* 17 */
  width:5.8759521218716%; /* 54 */
  padding-bottom:5.8759521218716%; /* 54 */
}
.wrap .lesson_border .question_line .card_slots .slot.square {
  background:url("/content/img/slot_square_empty.svg") 0 0 no-repeat;
  background-size:100%;

}
.wrap .lesson_border .question_line .card_slots .slot.diamond {
  background:url("/content/img/slot_diamond_empty.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .question_line .card_slots .slot.circle {
  background:url("/content/img/slot_circle_empty.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .question_line .word_mark {
  /* w890 */
  width:4.606741573033708%; /* 41 */
  padding-bottom:4.382022471910112%; /* 39 */
  background:url("/content/img/mark_empty.svg") 0 0 no-repeat;
  background-size:100%;
  position:absolute;
  top:-5px;
  right:-1.573033707865169%; /* 14 */
}
.wrap .lesson_border .question_line .word_mark.correct {
  background:url("/content/img/preload/mark_correct_2.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .lesson_border .question_line .word_mark.wrong {
  background:url("/content/img/preload/mark_wrong_2.svg") 0 0 no-repeat;
  background-size:100%;
}


.service_wrap {
  width:1024px;
  margin:0 auto;
  position:relative;
  border:1px solid #ffffff;
}
.service_wrap .service_message {
  /* w1024 */
  position:absolute;
  width:46.38671875%; /*  475 */
  max-width:475px;
  border-radius: 10px;
  border:2px dashed #f78d1e;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background:#f8f8f8;
  padding:2.44140625%; /* 25 */
  text-align:center;
  display:none;
  z-index:999;
  -webkit-box-shadow: 15px 15px 10px -5px rgba(219,216,219,1);
  -moz-box-shadow: 15px 15px 10px -5px rgba(219,216,219,1);
  box-shadow: 15px 15px 10px -5px rgba(219,216,219,1);
}
.service_wrap .service_message .close_popup {
  /*  w475 */
  display:block;
  position:absolute;
  top:12px;
  right:12px;
  width:25px;
  height:25px;
  background: url(/content/img/abort_lesson.svg) 0 0 no-repeat;
  background-size: 100%;
}
.service_wrap .service_message .icon {
  /* w475 */
  width:35.36842105263158%; /* 168 */
  padding-bottom:40.42105263157895%; /* 192 */
  display:inline-block;
  vertical-align:middle;
}
.service_wrap .service_message .icon.student {
  background:url("/content/img/icon_student.svg") 0 0 no-repeat;
  background-size:100%;
}
.service_wrap .service_message .icon.teacher {
  background:url("/content/img/icon_teacher.svg") 0 0 no-repeat;
  background-size:100%;
}
.service_wrap .service_message .icon.professor {
  background:url("/content/img/icon_professor.svg") 0 0 no-repeat;
  background-size:100%;
}
.service_wrap .service_message .message_wrap {
  /* w475 */
  width:61.05263157894737%; /* 290 */
  display:inline-block;
  vertical-align:middle;
  padding:0 1.052631578947368%; /* 0 5 */
}
.service_wrap .service_message .message_wrap .fast_links {
  /* w290 f16 */
  font-size:0.875em; /* 14 */
  margin-top:10.3448275862069%; /* 30 */
}
.service_wrap .service_message .message_wrap .fast_links a {
  color:#0079ff;
}
.service_wrap .service_message .message_wrap h2 {
  /* 16 */
  font-size:1.25em; /* 20 */
  color: #FF8600;
}
.service_wrap .service_message .message_wrap h2.error {
  color:#ff0000;
  text-decoration: underline;
}
.service_wrap .service_message .message_wrap .message_text {
  /* w260 f16 */
  font-size:1em; /* 16 */
  margin:5.769230769230769% 0; /* 15 0 */
  color:#595959;
  line-height:20px;
}
.service_wrap .service_message .message_wrap .message_text a {
  color:#0079ff;
}
.service_wrap .service_message .message_wrap .progress {
  /* f16 */
  font-size:1em; /* 16 */
  color:#F78D1E;
}
.service_wrap .service_message .message_wrap .ajax_loader {
  /* 260 */
  width:49.23076923076923%; /* 128 */
  padding-bottom:5.769230769230769%; /* 15 */
  background:url("/content/img/ajax_loader.gif") 0 0 no-repeat;
  background-size:100%;
  margin:3.846153846153846% auto; /* 10 0 */
}
.service_wrap .service_message .message_wrap .stars {
  /* 260 */
  text-align: center;
  margin:7.692307692307692% 0; /* 20 0 */
}
.service_wrap .service_message .message_wrap .stars .full_star {
  /* w300 */
  width:14.66666666666667%; /* 44 */
  padding-bottom:14.33333333333333%; /* 43 */
  background:url("/content/img/preload/lesson_star_full.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.service_wrap .service_message .message_wrap .stars .empty_star {
  /* w300 */
  width:14.66666666666667%; /* 44 */
  padding-bottom:14.33333333333333%; /* 43 */
  background:url("/content/img/lesson_star_empty.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.service_wrap .service_message .message_wrap .stars .half_star {
  /* w300 */
  width:14.66666666666667%; /* 44 */
  padding-bottom:14.33333333333333%; /* 43 */
  background:url("/content/img/preload/lesson_star_half.svg") no-repeat top center;
  background-size:100%;
  display:inline-block;
}
.service_wrap .service_message .message_wrap .stars div+div {
  /* w300 */
  margin-left:1.666666666666667%; /* 5 */
}
.service_wrap .service_message .message_wrap .service_links {
  /* f16 */
  text-align:center;
  font-size:1.0625em; /* 17 */
  color:#F78D1E;
}
.service_wrap .service_message .message_wrap .service_links a {
  color:#F78D1E;
}
.service_wrap .service_message .message_wrap .field_title {
  /* w290 f16 */
  font-size: 1.125em; /* 18 */
  color: #FF8600;
  margin: 0 0 1.724137931034483% 5.172413793103448%; /* 0 0 5 15 */
}
.service_wrap .service_message .message_wrap .field {
  /* 290 */
  width:68.96551724137931%; /* 200 */
  height:26px;
  padding-left:4%; /* 8 */
  margin-bottom:5.172413793103448%; /* 15 */
  border:1px solid #d4d4d4;
  -moz-border-top-right-radius:4px;
  -webkit-border-top-right-radius:4px;
  -khtml-border-top-right-radius:4px;
  border-top-right-radius:4px;

  -moz-border-bottom-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -khtml-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;

  -moz-border-bottom-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -khtml-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;

  -moz-border-top-left-radius:4px;
  -webkit-border-top-left-radius:4px;
  -khtml-border-top-left-radius:4px;
  border-top-left-radius:4px;
}
.service_wrap .service_message .message_wrap .field.select {
  /* 290 */
  width:73.79310344827586%; /* 214 */
  height:30px;
}
.service_wrap .service_message .message_wrap .button {
  /* w290 */
  display: block;
  width: 68.96551724137931%; /* 200 */
  margin: 1.724137931034483% auto 1.724137931034483% auto; /* 5 auto 5 auto */
  padding: 2.413793103448276% 0; /* 7 0 */
  background: #f78d1e;
  color: #ffffff;
}
.service_wrap .service_message .message_wrap .anonymous_login {
  /* w290 */
  margin-top:6.896551724137931%; /* 20 */
  padding-top:4.827586206896552%; /* 14 */
  border-top:1px dashed #f78d1e;
}

.service_wrap .service_message .message_wrap .launch {
  /* w290 */
  width:89.6551724137931%; /* 260 */
  padding-bottom:13.79310344827586%; /* 40 */
  position:relative;
  margin:0 auto;
  background:url("/content/img/lesson_start.svg") 0 0 no-repeat;
  background-size:100%;
  cursor:pointer;
}
.service_wrap .service_message .message_wrap .launch > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:center;
}
.service_wrap .service_message .message_wrap .launch > div p {
  /* w260 f16 */
  display:inline-block;
  vertical-align:middle;
  font-size:1.125em; /* 18 */
  margin-bottom:1.538461538461538%; /* 4 */
}
.service_wrap .service_message .message_wrap .launch > div p a {
  color:#ffffff;
}
.service_wrap .service_message .message_wrap .launch > div p a:hover {
  text-decoration:underline;
}

.service_wrap .service_message .message_wrap .share_result {
  font-size: 1.25em;
  color: #FF8600;
  text-align: center;
  margin: 0 0 5.5% 0;
}
.service_wrap .service_message .message_wrap .share_result p {
  margin-bottom:2.5%;
}


.service_wrap .service_message .remarks {
  /*  w475 f16 */
  text-align:left;
  font-size:0.75em; /* 12 */
  margin-top:4.210526315789474%; /* 20 */
  color:#909090;
}


.wrap .header {
  /* w1024 */
  width:94.7265625%;/* 970 */
  text-align:justify;
  margin:0.48828125% auto 0 auto; /* 5 auto 0 auto */
  padding-left:1.953125%; /* 20 */
/*  padding-right:1.953125%;*/ /* 20 */
}
.wrap .header:after {
  width:100%;
  content:'';
  display:inline-block;
  height:0;
  font-size:0;
  line-height:0;
}
.wrap .header .title {
  width:60%;
  display:inline-block;
  vertical-align: middle;
  text-align:left;
}
.wrap .header .title .intro_icon {
  /* w582 */
  display:inline-block;
  width:9.450171821305842%; /* 55 */
  padding-bottom:10.82474226804124%; /* 63 */
  background: url(/content/img/icon_student.svg) 0 0 no-repeat;
  background-size: 100%;
  vertical-align: middle;
}
.wrap .header .title .intro_mottoo {
  display:inline-block;
  vertical-align: middle;
}
.wrap .home_border {
  /* w1024 */
  width:94.7265625%;/* 970 */
  border-radius: 10px;
  border:2px dashed #f78d1e;
  margin:0 auto 0 auto;
}
.wrap .home_border .screenshot {
  /* w970 */
  margin:0 auto 10.30927835051546% auto; /* 0 auto 100 auto */
  cursor:pointer;
  width:74.22680412371134%; /* 720 */
}
.wrap .home_border .screenshot img {
  width:100%;
  height: auto;
}
.wrap .home_border h1 {
  /* w970 */
  text-align:center;
  margin:10.30927835051546% 0; /* 100 0 */
}
.wrap .home_border h1 .first_intro {
  /* f16 w970 */
  color:#fe871f;
  font-size:1.5em; /* 24 */
  margin:0.5154639175257732% 0; /* 5 0 */
}
.wrap .home_border h1 .second_intro {
  /* f16 */
  color:#696969;
  font-size:1.25em; /* 20 */
  margin:0.5154639175257732% 0; /* 5 0 */
}
.wrap .home_border h2 {
  /* f16 w970 */
  text-align:center;
  color:#696969;
  font-size:1.0625em; /* 17 */
  margin-bottom:0.5154639175257732%; /* 5 */
}
.wrap .home_border h2 span {
  color:#0079ff;
}
.wrap .home_border .advantages {
  /* w970 */
  width:74.22680412371134%; /* 720 */
  margin:0 auto;
}
.wrap .home_border .advantages p {
  /* f16 w720 */
  color:#696969;
  font-size:1.0625em; /* 17 */
  margin:0.9722222222222222% 0; /* 7 0 */
}


.wrap .home_border .register {
  /* w970 */
  width:44.84536082474227%; /* 435 */
  padding-bottom:6.907216494845361%; /* 67 */
  position:relative;
  margin:7.216494845360825% auto 5.154639175257732% auto; /* 70 auto 50 0 */
  background:url("/content/img/lesson_start.svg") 0 0 no-repeat;
  background-size:100%;
  cursor:pointer;
}
.wrap .home_border .register > div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  text-align:center;
}
.wrap .home_border .register > div p {
  /* w435 f16 */
  display:inline-block;
  vertical-align:middle;
  font-size:1.375em; /* 22 */
  margin-bottom:0.9195402298850575%; /* 4 */
}
.wrap .home_border .register > div p a {
  color:#ffffff;
}
.wrap .home_border .register > div p a:hover {
  text-decoration:underline;
}


.wrap .home_border .interface_language {
  /* w970 */
  text-align:center;
  margin-bottom:1.54639175257732%; /* 15 */
  margin-top:7.216494845360825%; /* 70 */
}
.wrap .home_border .interface_language h2 {
  /* f16 w970 */
  font-size:1.125em; /* 18 */
  margin-bottom:0.5154639175257732%; /* 5 */
}
.wrap .home_border .interface_language a {
  text-decoration:underline;
  color:#0079ff;
}

.wrap .home_border .interface_language_flags {
  /* w970 */
  text-align:center;
  margin-bottom:1.54639175257732%; /* 15 */
  margin-top:1.54639175257732%; /* 15 */
}
.wrap .home_border .interface_language_flags h2 {
  /* f16 w970 */
  font-size:1.125em; /* 18 */
  margin-bottom:0.5154639175257732%; /* 5 */
}
.wrap .home_border .interface_language_flags a {
  /* w970 */
  display:inline-block;
  width:7.216494845360825%; /* 70 */
  padding-top:4.432989690721649%; /* 43 */
}
.wrap .home_border .interface_language_flags .flag_en {
  background:url("/content/img/flag_en.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .home_border .interface_language_flags .flag_ru {
  background:url("/content/img/flag_ru.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .home_border .interface_language_flags .flag_ua {
  background:url("/content/img/flag_ua.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .home_border .interface_language_flags .flag_ge {
  background:url("/content/img/flag_ge.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .home_border .interface_language_flags .flag_th {
  background:url("/content/img/flag_th.svg") 0 0 no-repeat;
  background-size:100%;
}
.wrap .home_border .interface_language_flags .flag_vn {
  background:url("/content/img/flag_vn.svg") 0 0 no-repeat;
  background-size:100%;
}


.wrap .header .title .intro_mottoo h1 {
  /* f16 */
  font-weight:bold;
  font-size:1.875em; /* 30 */
  color:#FF8600;
}
.wrap .header .title .intro_mottoo h2 {
  /* f16 */
  font-size: 0.9375em; /* 15 */
  color: #909090;
}
.wrap .header .title .intro_mottoo i {
  font-style: italic;
}

.wrap .header .authorization {
  /* 970 */
  width:30%;
  display:inline-block;
  text-align:center;
  margin-bottom:0.7216494845360825%;/* 7 */
  vertical-align: middle;
}
.wrap .header .authorization .button {
  /* 291 */
  display:block;
  width: 42.9553264604811%; /* 125 */
  margin:3.436426116838488% auto 1.718213058419244% auto; /* 10 auto 5 auto */
  padding:1.718213058419244% 0; /* 5 0 */
  background:#f78d1e;
  color:#ffffff;
}
.wrap .header .authorization .link {
  /* f16 */
  color:#0079ff;
  font-size:0.875em; /* 14 */
}
.wrap .footer {
  /* w1024 f16 */
  width:94.7265625%;/* 970 */
  margin:0.9765625% auto; /* 10 auto */
  text-align:center;
  color:#5E5D5C;
  font-size:0.875em; /* 14 */
}
.wrap .footer strong {
  font-weight:bold;
}
.wrap .footer .contacts a {
  color:#0079ff;
}



/* hidden */
#description_medium {
  display:none;
}
#description_hard {
  display:none;
}