@import "fonts.css";

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, picture {
  display: block;
}
math {
  font: inherit;
  text-align: left;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
abbr {
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
i, cite {
  font-style: italic;
}
b, strong, dfn {
  font-weight: bold;
}
/*--------------------------------------*/
body {
  min-width: 1200px;
  background-color: #fff;
  font-family: Avenir, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 36px;  
  color: #000;
  counter-reset: exercise;
}

.wrapper {
  width: 1201px;
  margin: 0 auto;
}

main {
  display: block;
}

section {
  clear: both;
}

.hidden { display: none; }
.only-small-mob { display: none; }
.only-mob { display: none; }
.desktop-hide { display: none; }
.all-mob-visible { display: none; }
.visible-block,
.lessons section .activity img.visible-block { display: block; }
.flex-block { display: flex; }
.floatleft { float: left; }
.clear { clear: both; }
.clearleft { clear: left; }
.txt-left { text-align: left !important; }
.nowrap { white-space: nowrap; }
.letter-spacing-0 { letter-spacing: 0; }

.ie {
  display: none;
  width: 0;
  height: 0;
}

.non-supported {
  display: none;
  width: 0;
  height: 0;
}

.container:after { 
  clear:both; 
  content:"."; 
  display:block; 
  height:0; 
  visibility:hidden; 
}

a {
  color: #1075b1;
  text-decoration: underline;
  font-weight: bold;
  letter-spacing: 0.02em; 
  font-size: 20px;
}

a:hover, a:active {
  color: #022652;
}

h1 a {
  font-size: inherit;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

button:active, button:hover, button:focus {
  /* border: none; */
  outline: none;
}

button, input[type='submit'], input[type='button'] {
  color: #fff;
  font-family: Avenir, sans-serif;
  font-size: 20px;
  letter-spacing: 0.02em;
  font-weight: bold;
  height: 62px;
  padding-top: 4px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius:0px;
}

.button-container {
  clear: both;
  width: 100%;
  display: flex;
  justify-content: center;
}

.button-blue {
  background-color: #194376;
  text-decoration: none;
  color: #fff;
  height: 62px;
  padding-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-blue:hover, .button-blue:active {
  background-color: #14355e;
  color: #fff;
}

input, select, textarea {
  font-family: Avenir, sans-serif;
  font-size: 26px;
  letter-spacing: 0.025em;
  padding: 0 20px;
  border: none;
  background-color: #dedede;
}

textarea {
  padding: 10px 20px;
}

input:focus, select:focus, textarea:focus {
  outline: none;
}
/*--------------------------------------*/
body>header {
  height: 259px; 
  /* height: 240px; */
  width: 100%;
  background-color: #1075b1;
  position: relative;
}

header.home-page {
  height: 1411px;
}

#coloured-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
}

#coloured-bar div {
  width: 150px;
  height: 12px;
  display: table-cell;
}

#coloured-bar div.clr-1 { background-color: #ea8c24; }
#coloured-bar div.clr-2 { background-color: #fbd043; }
#coloured-bar div.clr-3 { background-color: #00a9ac; }
#coloured-bar div.clr-4 { background-color: #194376; }
#coloured-bar div.clr-5 { background-color: #bd2133; }

#system-notification {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 92px;
  background-color: #bd2133;
  display: none;
  z-index: 10;
}

#system-notification p {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.025em;
  color: #fff;
  text-align: center;
  padding-top: 34px;
  padding-right: 30px;
}

#system-notification .wrapper { position: relative; }

#system-notification .fa-bell {
  font-size: 30px;
  margin-right: 11px;
}

#system-notification #close-system-notify {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 36px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

#system-notification #close-system-notify:hover {
  color: #fbd043;
}

header figure {
  float: left;
  padding-left: 1px;
}

header .logo {
  width: 190px;
  margin-top: 119px;
}

header nav {
  float: right;
  margin-top: 117px;
  color: #fff;
}

header nav a {
  color: #fff;
}

nav, nav a {
  font-family: Avenir, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  letter-spacing: 0.04em;
}

nav a i.fa {
  font-size: 23px;
}

nav a i.fa-home {
  font-size: 26px;
}

nav a:hover, nav a:active, nav a.active {
  color: #fbd043;
}

nav a:hover i.fa, nav a:active i.fa, nav a.active i.fa
{
  color: #fff;
}

nav a.mail-link {
  position: relative;
}

nav a.mail-link .fa-envelope {
  margin-right: 5px;
}

nav a.mail-link .fa-circle {
  color: #bd2133;
  font-size: 28px;
  position: absolute;
  top: -12px;
  left: 7px;
}

nav a:hover.mail-link .fa-circle, nav a:active.mail-link .fa-circle, nav a.active.mail-link .fa-circle {
  color: #bd2133;
}

nav .mail-link .count-new {
  position: absolute;
  top: -12px;
  left: 14px;
  font-size: 15px;
}

nav a.mail-link:hover .count-new,
nav a.mail-link.active .count-new {
  color: #fff;
}

nav .mail-link .count-new.more {
  left: 12px;
}

nav .mail-link .count-new.more .plus {
  font-size: 12px;
  position: absolute;
  top: 0;
}

nav #lang-switch {
  height: 21px;
  float: right;
}

nav #lang-switch a {
  text-decoration: underline;
}

nav #lang-switch a:hover, nav #lang-switch a:active, nav #lang-switch a.active {
  text-decoration: none;
}

nav .nav-link {
  display: block;
  float: right;
  margin-right: 26px;
}

header nav ul {
  list-style: none;
  float: right;
  clear: right;
  height: 40px;
  margin-top: 17px;
}

header nav ul li {
  float: left;
  height: 100%;
  display: flex;
  margin-right: 45px;
}

header nav ul li:last-child {
  margin-right: 0px;
}

header nav ul li a {
  align-self: flex-end;
}

header.home-page h1, .home-page .home-welcome h1 {
  font-size: 60px;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
}

header.home-page h1 {
  color: #fff;
}

section.home-welcome h1 {
  color: #194376;
}

header.home-page section {
  padding-top: 107px;
}

header.home-page .embed-youtube {
  display: block;
  margin: 71px auto 0px;
}

section#are-you-org .embed-youtube,
section#are-you-teacher .embed-youtube
{
  display: block;
  margin: 40px auto 0px;
}

header.home-page p, .home-page .home-welcome p {
  font-size: 30px;
  text-align: center;
}

header.home-page p {
  color: #a4e7ff;
  margin-top: 58px;
  padding: 0 65px;
  line-height: 53px;
}

section.home-welcome p {
  margin-top: 51px;
  padding: 0 85px;
  line-height: 48px;
  margin-bottom: 142px;
}

section.home-welcome a {
  font-size: 30px;
}

.home-header-buttons {
  width: 470px;
  margin: 52px auto 0px auto;
}

.home-header-buttons a {
  display: block;
  width: 223px;
  height: 51px;
  font-size: 28px;
  text-decoration: none;
  text-align: center;
  float: left;
  padding-top: 14px;
  color: #fff;
}

a.signup, input.signup, button.signup {
  background-color: #df7b11;
}

a.signup:hover, a.signup:active, input.signup:hover, input.signup:active, button.signup:hover, button.signup:active, button.signup:focus {
  background-color: #c76905
}
.home-header-buttons .signup i.fa {
  font-size: 23px;
}

.home-header-buttons .login {
  margin-left: 24px;
}

.home-header-buttons .login i.fa {
  font-size: 25px;
}

.home-header-login-info {
  clear: both;
  margin-top: 54px;
  width: 100%;
}

.home-page .home-header-login-info p {
  text-align: center;
  font-size: inherit;
  /* font-weight: 300; */
  line-height: 34px;
  color: #fff;
  margin-top: 0px;
}

.home-page .home-header-login-info a {
  color: #fbd043;
  text-decoration: underline;
  font-weight: normal;
}

/*------ javascript is disabled -----------------*/
section.noscript {
  width: 100%;
  box-sizing: border-box;
  margin: -84px 0px 54px;
  padding: 26px 23px 29px;
  border: 2px solid #ecbdc3;
  background-color: #fbf2f3;
}

section.noscript h1 {
  font-size: 1em;
  line-height: 30px;
  font-weight: bold;
  color: #7a1521;
}

section.noscript p {
  color: #7a1521;
  line-height: 30px;
  margin-top: 1.5em;
}

/*-----main part--------------*/
main {
  padding-top: 106px;
}

main.home-page  {
  padding-top: 107px;
}

section h1, main.lessons h1 {
  font-size: 40px;
  font-weight: bold;
  color: #194376;
  letter-spacing: 0.02em;
}

section.multi-coloumn > h1 {
  font-size: 36px;
  line-height: 47px;
  margin-top: -1px;
}

section#are-you-org > h1,
section#are-you-org > h3,
section#are-you-teacher > h1,
section#are-you-teacher > h3 {
  line-height: 47px;
  text-align: center;
}

section#are-you-org > h3,
section#are-you-teacher > h3 {
  line-height: 36px;
  margin-top: 39px;
  margin-bottom: 62px;
}

section#are-you-org h3 a {
  font-size: 28px;
  font-weight: normal;
}

section h2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.02em;
  color: #194376;
}

header.secondary-nav {
  position: relative;
}

header.secondary-nav h1 {
  float: left;
}

header.secondary-nav a, header.secondary-nav button, header.secondary-nav>span {
  float: right;
}

header.secondary-nav:after { 
  clear:both; 
  content:"."; 
  display:block; 
  height:0; 
  visibility:hidden; 
}

button.drop-down {
  border: none;
  background: none;
  font-family: Avenir, sans-serif;
  letter-spacing: 0.02em;
  padding: 0;
  margin: 0;
  height: inherit;
}

button.drop-down:active {
  border: none;
}

.secondary-nav .drop-down {
  color: #194376;
  font-size: inherit;
  font-weight: bold;
  cursor: pointer;
  margin-top: 3px;
}

.select-all button.drop-down {
  font-weight: normal;
  margin: 0;
}

.secondary-nav .drop-down i.fa {
  font-size: 30px;
  color: #1075b1;
  position: relative;
  top: 5px;
}

.icon-42:before {
 font-size: 42px;
}

.icon-54:before {
 font-size: 54px;
}

.secondary-nav .right-indent {
  margin-right: 65px;
}

.drop-down-wrapper {
  float: right;
  position: relative;
}

.drop-down-content {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  background-color: #e7f1f7;
  border: 2px solid #d5d4d4;
  z-index: 1;
  width: max-content;
}

div.drop-down-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  float: none;
}

.drop-down-content a:hover {
}

.drop-down-content.visible-block {
  display: block;
}

.secondary-nav .view-all {
  float: left;
  margin-top: -10px;
}

.view-all.all-courses-m-top {
  margin-top: 6px;
}

.search-box {
  float: right;
  width: 318px;
  height: 53px;
  max-width: 100%;
}

.search-input-wrapper {
  position: relative;
  top: -4px;
}

.search-box input {
  width: 100%;
  height: 53px;
  background-color: #dbeaf3;
  border: none;
  border-radius: 4px;
  font-size: 20px;
  padding: 18px 18px 17px 67px;
}

.search-icon.fa-search {
  position: absolute;
  left: 23px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b92ba;
  font-size: 20px;
  z-index: 1;
}

.search-box input::placeholder {
  color: #56595b;
}

.search-results {
  margin-top: 54px;
  margin-bottom: -4px;
}

.search-results .fa-search {
  font-size: 16px;
  color: #1075b1;
  margin-right: 3px;
  position: relative;
  top: -2px;
}

.search-results .search-string {
  color: #1075b1;
  font-weight: bold;
}

.empty-search-results {
  margin-top: 20px;
}

.empty-search-results * {
  font-size: 18px;
}

.empty-search-results h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;
  color: #b11f10;
  margin-bottom: 27px;
}

.empty-search-results ol li {
  line-height: 1.75em;
  margin-bottom: 5px;
}

.empty-search-results ol li a {
  font-weight: normal;
}

.courses-container {
  width: 100%;
  overflow: hidden;
  margin-top: 26px;
  /*margin-top: 41px;*/
}

.home-page .courses-container,
.home-page + main .courses-container {
  margin-top: 38px;
}

.courses-container h2 {
  margin-top: 75px;
  margin-bottom: 33px;
}

.courses-container p.course-info {
  margin-bottom: 34px;
  font-size: 24px;
  margin-top: 7px;
}

p.course-info a {
  font-size: 24px;
}

.empty-course-info {
  display: block;
  float: left;
  font-size: 24px;
  margin-left: 50px;
  margin-top: 80px;
}

.courses-container .course-box {
  position: relative;
  width: 385px;
  height: 191px;
  float: left;
  border: none;
  margin-bottom: 23px;
  margin-right: 23px;
  display: table;
  color: #fff;
  line-height: 36px;
  font-size: 18px;
}

.courses-container .course-box.with-progress > div { 
  display: table;
  height: 191px;
}

.courses-container .course-box.with-progress {
  position: relative;
  height: inherit;
}

.courses-container .course-box a {
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}

.course-box.last {
  margin-right: 0px;
}

.courses-container .course-box > div,
.courses-container .course-box.with-progress div > div {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  padding-right: 50px;
  cursor: pointer;
}

.courses-container .course-box.with-progress div > div {
  width: 217px;
}

.courses-container .course-box div.course-icon,
.courses-container .course-box.with-progress div.course-icon {
  width: 102px;
  padding: 0 0 0 6px;
  text-align: center;
}

.courses-container .course-box div.with-progress {
  width: 100%;
  padding: 0;
}

.courses-container .course-box.with-progress div.progress-bar, 
.courses-container .course-box.with-progress div.progress-finished {
  height: 27px;
  bottom: 0;
  left: 0;
  padding:0;
  margin: 0;
}

.courses-container .course-box .progress-bar {
  width: 385px;
  background-color: #8b8989;
  position: relative;
}

.courses-container .course-box .progress-finished {
  background-color: #0e9537;
  z-index: 1;
  position: absolute;
}

.courses-container .progress-bar span {
  z-index: 2;
  position: relative;
  top: 2px;
  display: flex;
  width: 100%;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
}

.courses-container .new-course {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0px 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 0.025em;
  color: #fff;
  text-transform: uppercase;
  background-color: #bd2133;
}

.button-1 {
  width: 270px;
  margin-top: 34px;
}

.center-text, .center-text p, .center-text a {
  text-align: center;
} 
 
.home-center-text {
  margin-top: 62px;
} 
 
.home-center-text * {
  font-weight: bold;
  letter-spacing: 0.025em;
}

.home-center-text p {
  line-height: 50px;
  color: #194376;
}

#signup-page .home-center-text p {
  line-height: 30px;
}

#signup-page a {
  font-size: inherit;
}

.divider {
  border-bottom: 1px solid #dedede;
}

#signup-page .divider {
  padding-bottom: 42px;
  margin-bottom: 38px;
}

p a, ul.left-indent a, .message-block a, .lesson ol a {
  font-weight: normal;
}

.course-box .p-dark {
  color: #000;
  font-size: 20px;
  width: 100%;
  overflow: hidden;
  line-height: 1em;
  margin-top: 12px;
}

.course-box .p-dark a {
  color: #1075b1;
  font-size: 1em;
  font-weight: normal;
}

.course-box .medal {
  position: absolute;
  top: 7px;
  right: 7px;
}

/*-----------------*/
.column {
  float: left;
  margin-top: 34px;
}

.column.col-1 {
  width: 440px;
}

.column.col-2 {
  width: 680px;
  margin-left: 80px;
}

.column.width-560.col-1, .column.width-560.col-2 {
  width: 560px;
}

/*---- forms --------*/

.form {
  margin-top: 38px;
}

.form form {
  margin-bottom: 35px;
}

.form div {
  position: relative;
}

.form label {
  font-weight: bold;
  color: #194376;
  letter-spacing: 0.025em;
}

.form sup {
  color: #bd2133;
}

.form .main-instructions {
  font-size: 16px;
  letter-spacing: 0.025em;
  margin-left: 15px;
}

.form .second-instructions {
  font-size: 16px;
  font-style: italic;
}

.form .second-instructions.important {
  color: #bd2133;
  font-weight: 600;
}

.form p {
  line-height: 22px;
  margin-bottom: 5px;
}

.form input {
  width: 640px;
  height: 75px;
  margin-bottom: 56px;
}

.form textarea {
  width: 640px;
  height: 197px;
  margin-bottom: 56px;
}

.width-560.form input {
  width: 520px;
}

.form button, .form input[type='submit'] {
  width: 270px;
  display: block;
  height: 62px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

.form .submit-btn input[type='submit'], .form .submit-btn button[type='submit'], .learn-container button {
  margin: 0 auto;
}

.form .inside-input, .form span.input-error-msg.inside-input {
  position: absolute;
  bottom: 77px;
  right: 20px;
  border: none;
  background: none;
  width: inherit;
  height: inherit;
  padding: 0;
  margin: 0;
  font-size: 1.5em;
}

.form .show-pwd {
  color: #194376;
  cursor: pointer;
}

.form .success, .form span.input-error-msg.success{
  color: #0e9537;
}

.form .hidden {
  display: none;
}

.form .input-error-msg {
  background-color: #f4dbde;
}

.form span.input-error-msg {
  color: #a21324;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.025em;
  position: absolute;
  bottom: 73px;
  right: 20px;
  padding-left: 25px;
}

.form .custom-select span.input-error-msg {
  z-index: 3;
  bottom: 20px;
  right: 55px;
}

.form .custom-select span.input-error-msg.success {
  width: 32px;
  right: 67px;
}

.form span.input-error-msg span {
  font-size: 40px;
  position: absolute;
  display: inline-block;
  left: 0px;
}

.form #password-error, .form #confirm_password-error {
  right: 57px;
}

.form textarea + .input-error-msg {
  top: 45px;
  bottom: unset;
}

.error-block, .message-block {
  border: 1px solid #a21324;
  background-color: #f4dbde;
  list-style: square;
  list-style: disclosure-closed;
  list-style-position: inside;
  padding: 10px 20px;
  width: 640px;
  margin-bottom: 30px;
}

.error-block li {
  color: #a21324;
}

.message-block {
  border-color: #13a224;
  background-color: #dbf4de;
}

.message-block li {
  color: #13a224;
}

#are-you-org .error-block {
  margin-top: 29px;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
}

/* .check-frm is honeypot block */
.form .check-frm{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

#login-form button .fa {
  font-size: 24px;
}

.form .fixed-field {
  border: none;
  background: none;
  color: #000;
  padding-left: 0px;
}

.form .notify-msg {
  text-align: center;
  margin-top: 30px;
  font-size: 24px;
  line-height: 36px;
}

.form .notify-msg .fa {
  font-size: 1.5em;
}

.form .notify-msg a {
  font-size: 1em;
}

.notify-msg.full-width {
  text-align: left;
  margin-top: 70px;
}

.under-btn span {
  color: #1075b1;
}

.secondary-nav i.fa-envelope.dark-blue {
  font-size: 22px;
}

.view-all-divs {
  margin-top: 59px;
}

#additional-text {
  line-height: 30px;
}

#after-select-msg {
  position: absolute;
  display: block;
}
/*---------mails--------------------*/

.view-all-divs .mail-preview {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  background-color: #dedede;
  position: relative;
  padding: 38px 51px 28px;
}

.view-all-divs .mail-preview.light {
  background-color: #ecebeb;
}

.mail-preview .right-strip {
  display: block;
  position: absolute;
  width: 10px;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #1075b1;
}

.mail-preview.light .right-strip {
  background-color: #fbd043;
}

.mail-preview a {
  font-weight: normal;
  letter-spacing: 0.025em;
}

.mail-preview.individual h2 {
  color: #0e679a;
  margin: 5px 0 24px 0;
}

.mail-preview.individual.unread h2 {
  padding-right: 82px;
}

.mail-preview .new-message {
  display: none;
}

.mail-preview .new-msg {
  display: none;
}

.mail-preview.unread .new-msg {
  display: block;
  position: absolute;
  right: 51px;
  top: 38px;
  padding: 4px 14px;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 0.025em;
  color: #fff;
  text-transform: uppercase;
  background-color: #bd2133;
}

.mail-preview.unread > a {
  font-size: 22px;
  font-weight: bold;
}

.mail-preview.has-checkbox {
  padding-left: 34px;
}

.mail-preview.has-checkbox .mail-info {
  padding-left: 42px;
}

.select-mail {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 15px;
}

.select-mail input[type='checkbox'] {
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
}

.select-mail .checkbox {
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  border: 2px solid #167fbd;
  position: absolute;
  display: inline-block;
  background-color: #fff;
  cursor: pointer;
  top: 3px;
}

.select-mail .checkbox .fa {
  position: absolute;
  display: none;
  font-size: 20px;
  color: #008c8f;
  bottom: 1px;
  left: 1px;
}

.select-mail input:checked ~ .checkbox .fa {
  display: block;
}

.select-all {
  margin-bottom: -60px;
  padding-left: 33px;
  padding-top: 26px;
  padding-bottom: 13px;
  display: flex;
}

.mail-info {
  font-size: 16px;
  letter-spacing: 0.025em;
}

.mail-info i.fa {
  font-size: 18px;
  color: #194376;
}

.mail-info i.fa-comment {
  margin-left: 25px;
}

.mail-info i.fa-arrow-circle-left {
  margin-left: 25px;
}

.mail-info-1 {
  color: #194376;
  font-size: 20px;
  line-height: 30px;
}

.mail-message {
  line-height: 30px;
  margin-top: 18px;
}

.mail-message > div:empty {
  margin-top: 15px;
}

.mail-message ul {
  padding-left: 17px;
}

.mail-message ul li {
  list-style: disc;
  padding-left: 5px;
}

section.page-form {
  background-color: #dedede;
  padding: 49px 50px 40px 50px;
}

div.page-form.new-msg {
  background-color: #dedede;
  padding: 79px 50px 106px 50px;
}

.page-form form > div {
  margin-bottom: 86px;
}

section.page-form form label, div.page-form form label {
  font-size: 28px;
  font-weight: bold;
  color: #194376;
  line-height: 30px;
  letter-spacing: 0.025em;
  display: block;
  margin-bottom: 22px;
}

.page-form input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  height: 62px;
  padding: 0 20px;
  background-color: #fff;
  color: #194376;
  font-size: 21px;
  font-weight: bold;
  line-height: 62px;
  letter-spacing: 0.025em;
}

/* .page-form input[type="text"] { */
  /* width: 1100px; */
/* } */

.page-form .rich-textbox {
  margin-bottom: 43px;
}

.page-form .custom-select {
  margin-bottom: 0;
}

a.cancel-link {
  font-size: 18px;
  font-weight: normal;
  margin-left: 25px;
}

.page-form form .submit-btn {
  margin-bottom: 0;
}

.page-form form .submit-btn .button-blue {
  display: inline-block;
  padding: 0 37px;
}

/*-----------------Cute Editor -----------------------*/
.cute-editor #CE_message_text_ID {
  border: none;
  background-color: #fff;
}

.cute-editor table td {
  background-color: #fff;
  border: none;
  padding: 0;
}

.cute-editor table#CE_message_text_ID td.CuteEditorToolBarContainer {
  border-bottom: 2px solid #dedede;
  padding: 0;
}

.cute-editor #CE_message_text_ID .CuteEditorGroupMenuCell {
  background-image: none;
  padding: 4px 0px 0 9px;
}

.cute-editor #CE_message_text_ID .CuteEditorGroupMenu {
  height: 46px;
}

.cute-editor img.CuteEditorButton[alt], 
.cute-editor img.CuteEditorButtonOver[alt], 
.cute-editor img.CuteEditorButtonActive[alt],
.cute-editor img.CuteEditorButtonDown[alt],
.cute-editor img.CuteEditorButtonDisabled[alt] {
  background-image: url("../img/cute_editor_toolbar.png") !important;
  background-repeat: no-repeat;
  margin: 0px !important;
  width: 20px !important;
  height: 19px !important;
  padding: 10px;
  margin-right: 25px !important;
}
.cute-editor #CE_message_text_ID img.CuteEditorButtonOver[alt], 
.cute-editor #CE_message_text_ID img.CuteEditorButtonActive[alt],
.cute-editor #CE_message_text_ID img.CuteEditorButtonDown[alt] {
  background-color: #dedede !important;
  border: none !important;
}
.cute-editor img.CuteEditorButton[command="Bold"], 
.cute-editor img.CuteEditorButtonOver[command="Bold"], 
.cute-editor img.CuteEditorButtonActive[command="Bold"],
.cute-editor img.CuteEditorButtonDown[command="Bold"],
.cute-editor img.CuteEditorButtonDisabled[command="Bold"] {
  background-position: 10px 10px !important;
}
.cute-editor img.CuteEditorButton[command="Italic"], 
.cute-editor img.CuteEditorButtonOver[command="Italic"], 
.cute-editor img.CuteEditorButtonActive[command="Italic"],
.cute-editor img.CuteEditorButtonDown[command="Italic"],
.cute-editor img.CuteEditorButtonDisabled[command="Italic"] {
  background-position: -55px 10px !important;
}
.cute-editor img.CuteEditorButton[command="InsertLink"], 
.cute-editor img.CuteEditorButtonOver[command="InsertLink"], 
.cute-editor img.CuteEditorButtonActive[command="InsertLink"],
.cute-editor img.CuteEditorButtonDown[command="InsertLink"],
.cute-editor img.CuteEditorButtonDisabled[command="InsertLink"] {
  background-position: -127px 10px !important;
}
.cute-editor img.CuteEditorButton[command="Unlink"], 
.cute-editor img.CuteEditorButtonOver[command="Unlink"], 
.cute-editor img.CuteEditorButtonActive[command="Unlink"],
.cute-editor img.CuteEditorButtonDown[command="Unlink"],
.cute-editor img.CuteEditorButtonDisabled[command="Unlink"] {
  background-position: -203px 10px !important;
}

body .ceifdialogshadow {
  opacity: 0.5;
}

.ceifdialog table td {
  height: inherit;
  border: none;
  padding: 0;
  line-height: 1em;
}

.ceifdialog table th:first-child, .ceifdialog table td:first-child {
  padding-left: 0;
}

.pagination {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.pagination * {
  font-size: 20px;
  font-weight: bold;
}

.pagination #prev_page_link, .pagination #next_page_link {
  text-decoration: none;
}

.total-records {
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}

/*---------------lessons -----------------*/
main.lessons h1 {
  margin-bottom: 66px;
}

main.lessons h1 .fa {
  font-size: 42px;
  color: #0e679a;
} 

main.lessons section.lesson {
  width: 800px;
  padding-left: 50px;
}

.lessons .lesson {
  display: table-cell;
  padding-top: 5px;
}

nav.lesson {
  border-right: 2px solid #c5c5c5;
  width: 346px;
}

nav.lesson h2 {
  font-size: 20px;
  letter-spacing: 0.02em;
  color: #194376;
}

nav.lesson h2 .fa {
  font-size: 24px;
  margin-right: 15px;
}

nav.lesson a {
  font-weight: normal;
  text-decoration: underline;
  letter-spacing: 0.02em;
  line-height: 30px;
  display: table-cell;
  padding-left: 5px;
}

nav.lesson a:hover {
  color: #022652;
}

nav.lesson span {
  font-weight: normal;
  color: #194376;
  display: table-cell;
}

nav.lesson #close-navigation {
  display: none;
}

p.no-line-space {
  margin-bottom: -29px;
}

.lessons .footnote {
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
}

.checkbox-container, .radio-container {
  margin-top: 23px;
  padding-right: 10px;
}

.checkbox-container.dwo-columns,
.radio-container.dwo-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.checkbox-container li, .radio-container li {
  margin-bottom: 16px;
}

.checkbox-container label, .radio-container label {
  position: relative;
  display: block;
  padding-left: 46px;
  padding-top: 8px;
  min-height: 36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-container input, .radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0;
  top: 0;
}

.checkbox-container .checkmark,
.radio-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  width: 36px;
  background-color: #dedede;
}

.radio-container .checkmark {
  border-radius: 50%;
}

.checkmark .fa {
  content: "";
  position: absolute;
  display: none;
  font-size: 24px;
  color: #008c8f;
  bottom: 5px;
  left: 5px;
}

.radio-container .checkmark .fa {
  bottom: 6px;
  left: 8px;
}

.checkbox-container input:checked ~ .checkmark .fa,
.radio-container input:checked ~ .checkmark .fa {
  display: block;
}

.checkbox-container .with-input.m-top-29 {
  margin-top: 29px;
}

.checkbox-container .with-input .checkmark {
  top: 9px;
}

.activity.radio-container {
  margin-top: 25px;
}

.activity.radio-container label {
  padding-bottom: 10px;
  padding-top: 2px;
}


.activity.radio-smiles {
  width: 400px;
  column-count: 2;
}

.activity.radio-smiles img {
  margin-left: 10px;
}

.activity.radio-smiles .checkmark {
  margin-top: 10px;
}

.activity.radio-container.radio-with-img label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.activity.img-radio-container {
  display: flex;
  justify-content: start;
  gap: 29px;
  align-items: center;
  flex-wrap: wrap;
}

.activity.img-radio-container input[type='radio'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.activity.img-radio-container input[type='radio'] + img {
  cursor: pointer;
}

.activity.img-radio-container input[type='radio']:checked + img,
section#sm-lesson-38-4 .activity.img-radio-container input[type='radio']:checked + img {
 filter: hue-rotate(59deg) saturate(74%);
}

section.lesson h1 {
  font-size: 36px;
  color: #0e679a;
  margin-bottom: 58px;
}

section.lesson h2, .static article h2, .cookie-consent-dialog h2 {
  font-size: 28px;
  color: #cf7915;
  font-weight: bold;
  margin-top: 58px;
  line-height: 30px;
}

section.lesson h3, section.lesson p.blue-par {
  font-weight: bold;
  margin-bottom: -29px;
  padding-top: 12px;
}

.static h3 {
  font-size: 28px;
  letter-spacing: 0.02em;
}

section.lesson h4 {
  font-weight: bold;
  margin-top: 29px;
}

section.lesson h5 {
  font-weight: bold;
  margin-bottom: -29px;
  margin-top: 29px;
}

section.lesson h3.blue, section.lesson h4.blue, section.lesson p.blue-par, h5.blue {
  color: #0e679a;
}

section.lesson .h-img img {
  position: relative;
  top: 3px;
}

.m-top-200 {
  margin-top: 200px;
}

.m-top-120, section.lesson figure.m-top-120, section.lesson p.m-top-120 {
  margin-top: 120px;
}

.m-top-90, 
section.lesson p.m-top-90, 
section.lesson ul.m-top-90, 
.lesson figure.m-top-90, 
.lesson h3.m-top-90, 
.lesson h4.m-top-90 {
  margin-top: 90px;
}

.m-top-60, 
section.lesson p.m-top-60, 
section.lesson ul.m-top-60, 
.lesson figure.m-top-60, 
.light-blue2.m-top-60, 
.lesson h4.m-top-60, 
section.static p.m-top-60 {
  margin-top: 60px;
}

.m-top-51, 
.activity.m-top-51, 
section.lesson p.m-top-51, 
section.lesson ul.m-top-51,
section.lesson ol.m-top-51 {
  margin-top: 51px;
}

.m-top-29, section.lesson p.m-top-29, section.lesson .m-top-29 {
  margin-top: 29px;
}

.m-top-14, 
section.lesson .m-top-14, 
section.lesson p.m-top-14, 
section.lesson .activity.m-top-14, 
section.lesson ul.m-top-14,
main section.lesson ol.m-top-14 {
  margin-top: 14px;
}

.m-top-0, section.lesson ul.m-top-0, .lesson figure.m-top-0, .lesson p.m-top-0 {
  margin-top: 0;
}

.m-top-minus-15, section.lesson div.m-top-minus-15, section.lesson p.m-top-minus-15 {
  margin-top: -15px;
}

.m-top-minus-29, section.lesson p.m-top-minus-29, section.lesson div.m-top-minus-29 {
  margin-top: -29px;
}

.m-top-minus-100 {
  margin-top: -100px;
}

.m-bottom-0, 
section.lesson p.m-bottom-0, 
.lesson figure.m-bottom-0, 
section.static .m-bottom-0, 
section.static p.m-bottom-0, 
.activity.m-bottom-0 {
  margin-bottom: 0;
}

.m-bottom-10 {
  margin-bottom: 10px;
}

.m-bottom-200, section.lesson p.m-bottom-200, .lesson figure.m-bottom-200 {
  margin-bottom: 200px;
}

.bold {
  font-weight: bold;
}

blockquote.ital-bold * {
    font-style: italic;
    font-weight: bold;
}

section.lesson p, section.lesson ul, section.lesson ol, .static article p, fieldset legend {
  line-height: 30px;
  margin-top: 29px;
}

section.lesson ul, .static article ul {
  display: flow-root;
  padding-left: 1em;
}

section.lesson ul li, .static article ul li {
  list-style: disc;
  padding-left: 1em;
  margin-bottom: 18px;
}

section.lesson ul.ul-right-to-img {
  display: block;
  padding-left: 187px;
}

section.lesson ul.ul-left-to-img {
  display: block;
}

.lesson ul.initial-list li {
  margin-bottom: 0;
}

ul.dwo-columns {
  column-count: 2;
  width: fit-content;
  column-gap: 100px;
}

.inside-txt-img-left {
  float: left;
  margin-right: 27px;
}

.inside-txt-img-left.figure-1 {
  margin-top: 44px;
  margin-bottom: 95px;
}

.inside-txt-img-left.figure-5 {
  margin-top: 44px;
  margin-bottom: 15px;
}

.inside-txt-img-left.figure-8 {
  margin-right: 95px;
  margin-top: 35px;
}

.inside-txt-img-left.figure-10 {
  margin-right: 80px;
  margin-bottom: 95px;
}

.inside-txt-img-left.figure-11 {
  margin-top: 44px;
  margin-right: 80px;
  margin-bottom: 95px;
}

.inside-txt-img-left.figure-13 {
  margin-top: 44px;
  margin-right: 70px;
  margin-bottom: 14px;
}

.inside-txt-img-left.figure-15 {
  margin-top: 29px;
  margin-right: 80px;
  margin-bottom: 30px;
}

.inside-txt-img-left.figure-17 {
  margin-top: 29px;
  margin-right: 175px;
  margin-bottom: 95px;
}

.figure-w-135 {
  display: flex;
  justify-content: center;
  width: 135px;
  margin-right: 35px;
}

.figure-w-400 {
  display: flex;
  justify-content: center;
  width: 400px; 
  margin-top: 29px;
  margin-left: 10px;
}

.figure-w-400 img {
  width: 100%;
  max-width: 100%;
}

.max-width-100 {
  max-width: 100%;
}

.max-width-100.figure-3 img, .max-width-100.logos-flex-left img {
  max-width: 100%;
}

.m-left-125, .lesson figure.m-left-125 {
  margin-left: 125px;
}

.m-left-74, .lesson figure.m-left-74 {
  margin-left: 74px;
}

.m-left-43, .lesson figure.m-left-43 {
  margin-left: 43px;
}

.m-left-35, .lesson figure.m-left-35 {
  margin-left: 35px;
}

.m-left-15, lesson.figure.m-left-15 {
  margin-left: 15px;
}

.m-left-6, figure.m-left-6 {
  margin-left: 6px;
}

.m-left-0, section.lesson .activity input.m-left-0 {
  margin-left: 0px;
}

.m-right-15 {
  margin-right: 15px;
}

.m-right-20, .lesson img.m-right-20 {
  margin-right: 20px;
}

.m-right-40 {
  margin-right: 40px;
}

.m-right-50, figure.inside-txt-img-left.m-right-50 {
  margin-right: 50px;
}

.m-right-60 {
  margin-right: 60px;
}

.m-right-80, .lesson figure.m-right-80 {
  margin-right: 80px;
}

.m-bottom-60, .lesson figure.m-bottom-60 {
  margin-bottom: 60px;
}

.m-bottom-90, .lesson figure.m-bottom-90 {
  margin-bottom: 90px;
}

.inside-txt-img-right {
  float: right;
}

.inside-txt-img-right.figure-2 {
  margin-top: 22px;
}

.inside-txt-img-right.figure-6 {
  margin-top: 46px;
  margin-left: 31px;
}

.inside-txt-img-right.figure-7 {
  margin-left: 100px;
}

.inside-txt-img-right.figure-9 {
  margin-bottom: 90px;
  margin-top: 25px;
  margin-left: 60px;
}

.inside-txt-img-right.figure-12 {
  margin-left: 60px;
}

.inside-txt-img-right.figure-14 {
  margin-left: 60px;
  margin-right: 90px;
  margin-bottom: 15px;
}

.figure-3 img {
  display: block;
  margin: 27px auto;
}

.figure-4 {
  margin: 27px 0;
  text-align: center;
}

.figure-img-center {
  display: flex;
  justify-content: center;
  width: 157px;
}

.figure-4 img:first-child {
  margin: 0 115px 0 -55px;
}

.balloon {
  clear: both;
  margin-top: 40px;
}

.balloon p {
  float: left;
}

.img-m-left {
  margin-left: 30px;
}

.img-m-left img {
  max-width: 100%;
}

.img-text-pair {
  display: flow-root;
}

.exercise::before, .static article h2::before {
  counter-increment: exercise;
  content: counter(exercise) ". ";
}

.ol-reset {
  counter-reset: exercise;
}

.counter-1::before {
  counter-increment: counter-1;
  content: counter(counter-1) ". ";
}

.counter-1-reset {
  counter-reset: counter-1;
}

.list-style-bold::before {
  font-weight: bold;
}

.activity {
  margin-top: 9px;
  display: block;
  margin-bottom: 45px;
}

.star-exercise {
  color: #e3ab00;
  font-size: 2em;
}

.star-exercise i {
  cursor: pointer;
}

.activity.checkbox-container label {
  padding-top: 0px;
  margin-top: 13px;
  line-height: 36px;
}

.activity.checkbox-container label.last {
  margin-bottom: 13px;
}

.checkbox-container.dwo-columns label,
.radio-container.dwo-columns label {
  margin-top: 0;
  margin-bottom: 13px;
  line-height: 36px;
  
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
  break-inside: avoid-column;
}

.radio-container.dwo-columns label,
.checkbox-container.dwo-columns.width-60 label {
  padding-bottom: 0;
}

.dwo-columns.width-60 label {
  height: 36px;
}

.radio-container.dwo-columns label {
  margin-bottom: 8px;
}

.checkbox-container.dwo-columns label span,
.radio-container.dwo-columns label span {
  bottom: 0;
}

.dwo-columns.width-60 label span {
  top: 1px;
}

.dwo-columns.width-60 {
  width: 60%;
}

.activity.checkbox-container.width-60, li .dwo-columns {
  margin-top: 25px;
  line-height: 36px;
}

.activity.text-input input {
  height: 57px;
  width: 680px;
  font-size: 22px;
}

.activity .short-text-input {
  height: 57px;
  width: 680px;
  font-size: 22px;
  position: initial;
  opacity: 1;
  cursor: initial;
}

.activity .shorter-text-input {
  height: 57px;
  width: 335px;
  font-size: 22px;
}

.activity.exercise input[type='text'] {
  margin-left: 20px;
  width: 80%;
}

.activity input.short-text-input.len-1 {
  width: 385px;
}

.activity input.short-text-input.len-2 {
  width: 70px;
  padding: 0 10px;
}

.activity input.short-text-input.len-3 {
  width: 108px;
  padding: 0 10px;
}

.activity.calculate-total {
  width: 565px;
}

.activity.calculate-total input:first-child,
.activity.calculate-total-big input.shorter-text-input {
  margin-left: 20px;
}

.activity.calculate-total p {
  line-height: 57px;
}

.activity.calculate-total p :last-child {
  float: right;
  margin-left: 7px;
}

.activity.calculate-total .result-line  {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.activity.calculate-total .result-line .str-inside {
  margin-left: 170px;
  margin-right: 15px;
}

.activity.calculate-total input.len-2,
.lesson .flex-equation .len-2 {
  width: 90px;
}

.activity.calculate-total-big {
  width: 745px;
}

.activity.calculate-total-big p.exercise,
.activity.calculate-total-big p.tbl-caption {
  display: table;
  width: 100%;
}

.activity.calculate-total-big p.exercise > *,
.activity.calculate-total-big p.tbl-caption > * {
  display: table-cell;
  margin-right: 30px;
}

.activity.calculate-total-big p > label {
  display: table-cell;
  padding-right: 45px;
}

.activity.calculate-total-big #items {
  padding-left: 43px;
  width: 448px;
}

.activity.calculate-total-big #times-per-month {
  text-align: right;
}

.activity.calculate-total-big .calc-result {
  margin-top: 15px;
}

.activity.calculate-total-big .calc-result span {
  font-weight: bold;
  color: #0e679a;
}

.tbl-caption {
  font-weight: bold;
}

.activity.sketch .tools {
  width: 800px;
}

.activity.sketch canvas {
  background-color: #dedede;
  width: 800px;
  height: 300px;
}

.activity.sketch .tools a {
  width: 10px;
  border: 1px solid black; 
  height: 30px; 
  line-height: 30px; 
  padding: 0 10px; 
  vertical-align: middle; 
  text-align: center; 
  text-decoration: none; 
  display: inline-block;
}

.activity.sketch .tools a.tool-size {
  padding: 0;
  width: 30px;
  background-color: #dedede;
  color: #000;
}

.sketch .canvas-with-circles {
  width: 800px;
  height: 309px;
  background: url("../img/background_circles.png") no-repeat center center #dedede;
}

.activity.sketch .canvas-with-pattern-dots {
  max-width: 800px;
  height: 345px;
  background: url("../img/draw_background_pattern_dots.png") no-repeat center center #dedede;
}

.activity.sketch .canvas-with-array-dots {
  max-width: 800px;
  height: 340px;
  background: url("../img/draw_bg_array_dots.png") no-repeat center center #dedede;
}

.activity.sketch .canvas-with-array-circles {
  max-width: 800px;
  height: 340px;
  background: url("../img/draw_bg_array_circles.png") no-repeat center center #dedede;
}

.activity.sketch .canvas-another-array-dots {
  max-width: 800px;
  height: 600px;
  background: url("../img/draw_bg_another_dots.png") no-repeat center center #dedede;
}

.activity.sketch .canvas-stacked-wood {
  max-width: 800px;
  height: 360px;
  background: url("../img/stacked_wood.png") no-repeat center center #dedede;
}

.activity.sketch .canvas-stacked-wood.crowd {
  background: url("../img/crowd.png") no-repeat center center #dedede;
}

.activity.sketch .canvas-stacked-wood.peas {
  background: url("../img/peas.png") no-repeat center center #dedede;
}

.activity.highlight-words {
  cursor: pointer;
}

.activity.highlight-words p.test-paragraph {
  padding-left: 13px;
}

.activity.highlight-words mark {
  color: inherit;
  background-color: inherit;
}

.activity.highlight-words mark.violet.highlighted {
  color: #fff;
  background-color: #66199c;
  padding: 0 4px 4px 4px;
}

.activity.highlight-words mark.burgundy.highlighted {
  color: #fff;
  background-color: #bd2133;
  padding: 0 4px 4px 4px;
}

.activity.highlight-words mark.teal.highlighted {
  color: #fff;
  background-color: #008285;
  padding: 0 4px 4px 4px;
}

.activity.highlight-words.all-words mark.teal.highlighted {
    padding: 8px 4px 8px 4px;
}

.activity.other {
  margin-top: -30px;
}

.activity.hidden {
  display: none;
}

.activity.sortable {
  width: 420px;
} 

.activity.sortable ul#sortable {
  padding-left: 0;
}

.activity.sortable ul li {
  margin: 4px 0 0 0;
  left: 0;
  display: flex;
  align-items: center;
  width: auto;
  padding: 13.5px 30px;
  background-color: #dedede;
  color: #1075b1;
  cursor: grab;
  line-height: 1.25em;
}

.activity.sortable ul li:first-child {
  margin: 0;
}

.activity.sortable ul li.sortable-active,
.activity.sortable ul li.sortable-chosen {
  background-color: #8b8989; /* #8f8f8f; */
  color: #fff;
  cursor: grabbing;
}

.activity.sortable ul li span {
  margin-left: 30px;
  font-size: 20px;
  font-weight: 900;
}

.activity.sortable ul li input {
  color: #1075b1;
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  background-color: #eaeaea;
}

.activity.sortable ul li i.fa {
  font-size: 30px;
}

.activity.sortable-large {
  width: 536px;
}

.activity.sortable-input ul li {
  padding: 3px 30px;
}

.activity.sortable-input ul li input {
  height: 51px;
  width: 100%;
}

.activity.sortable-input ul li.only-text {
  min-height: 57px;
  box-sizing: border-box;
}

.activity.bg-lightgrey {
  margin-top: 29px;
  background: #efefef;
  padding: 1px 35px 25px;
}

i.fa.fa-blue {
  margin-right: 5px;
  font-size: 28px;
  color: #194376;
}

.lesson .i-am-done {
  background-color: #008c8f;
  padding: 0;
  height: 65px;
  width: 280px;
  color: #fff;
}

.lesson button.i-am-done:active, .lesson button.i-am-done:hover {
  background-color: #006669;
}

.lesson .i-am-done .fa-check {
  color: #a6e6e7;
  font-size: 22px;
}

.lesson .i-am-done .fa.hidden {
  display: none;
}

.lesson .example {
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
  width: max-content;
  margin: 30px auto 0 ;
}

.lesson .example > * {
  /* display: table-cell; */
  vertical-align: middle;
}

.lesson .example img {
  margin-left: 91px;
}

.numeric-block { 
  counter-reset: numBlockList;
}

.numeric-block .numeric-item {
  position: relative;
  margin-bottom: 0;
  margin-left: 51px;
  padding-top: 0;
}

.numeric-block .numeric-item:before { 
  counter-increment: numBlockList;
  content: counter(numBlockList);
  
  font-weight: bold;
  color: #fff;
  font-size: 19px;
  
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -51px;
  top: -3px;
  
  width: 35px; 
  height: 35px;
  background-color: #e3ab00;
  
  -moz-border-radius: 999px;
  border-radius: 999px
}

.orange-text {
  display: block;
  margin-top: 58px;
  font-size: 28px;
  color: #cf7915;
  font-weight: bold; 
  line-height: 30px;
}

ol {
  padding: 0 0 0 76px;
  counter-reset: numList;
}

ol li {
  position: relative;
  margin-bottom: 18px;
}

ol>li:before  {
  counter-increment: numList;
  content: counter(numList);
  
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 33px;
  
  display: inline-block;
  position: absolute;
  left: -51px;
  top: -3px;
  
  width: 35px; 
  height: 35px;
  background-color: #e3ab00;
  
  -moz-border-radius: 999px;
  border-radius: 999px
}

ol.numered-exercises {
  padding: 0 0 0 50px;
  counter-reset: numList;
}

ol.numered-exercises.no-padding {
  padding-left: 0;
}

ol.numered-exercises.no-padding li:before {
  left: 0;
}

ol.numered-exercises.no-padding li h2,
ol.numered-exercises.no-padding li h6 {
  padding-left: 50px;
}

.numered-exercises .blue-text {
  font-size: 24px;
}

.numered-exercises b, b.heavy, strong.heavy {
  font-weight: 600;
}

ol.m-bottom-30 li {
  margin-bottom: 30px;
}

ol.simple {
  padding: 0 0 0 58px;
  counter-reset: revert;
  list-style: decimal;
}

ol.simple li::before, ol.no-margin li::before {
  display: none;
}

ol.simple li {
  padding-left: 12px;
}

ol.non-indent, ol.no-margin {
  padding-left: 1em;
}

ol.no-margin {
  counter-reset: revert;
  list-style: decimal;
}

ol.no-margin li {
  margin-bottom: 0;
}

ol.nested, section.lesson ol.nested {
  margin-top: 0px;
  counter-reset: revert;
}

ol.nested li {
  margin-bottom: 0px;
  line-height: 1.75em;
  padding-left: 0px;
}

ol.alpha {
  list-style: lower-latin;
}

ol.alpha.nested > li::before {
  content: none;
}

.list-continue {
  counter-reset: list-0;
}

.list-continue ol {
  counter-reset: unset;
}

.list-continue ol li {
  counter-increment: list-0;
  list-style: none;
}

.list-continue ol li::before {
  display: inline-block;
  content: counter(list-0) '. ';
  font-weight: normal;
  color: inherit;
  background-color: unset;
  left: -33px;
  top: -2px;
}

.parent-bold > li {
  font-weight: bold;
}

.parent-bold > li > ol, .parent-bold > li > ul {
  font-weight: normal;
}

.lesson ul.tiny {
  margin-top: 0;
  margin-left: 34px;
}

.lesson ul.tiny li {
  margin: 0;
}

.lesson ul.italic li {
  font-style: italic;
}

.lesson ul.left-indent{
  margin-left: 34px;
}

.lesson ul.circle li {
  list-style: circle;
}

.activity textarea {
  font-size: 22px;
}

.activity textarea.short-txt-area {
  height: 125px;
  width: 680px;
}

.activity textarea.medium-txt-area {
  height: 125px;
  width: 760px;
}

.activity textarea.medium-txt-area2 { 
  box-sizing: border-box;
  height: 145px;
  width: 626px;
}

.activity textarea.long-txt-area {
  height: 280px;
  width: 760px;
}

.activity textarea.medium-txt-area.width-680,
.activity textarea.long-txt-area.width-680 {
  width: 680px;
}

.click-to-see {
  position: relative;
}

.block-to-see {
  width: inherit;
  background-color: #e7f1f7;
  border: 2px solid #d5d4d4;
  z-index: 1;
  padding: 15px;
  position: absolute;
  right: 0;
}

.click-to-see.hints .block-to-see {
    width: 540px;
    max-width: 90%;
    border: none;
    margin-top: 1px;
}

.click-to-see.hints .block-to-see p {
    line-height: 25px;
    margin-top: 14px;
}

.see-answer-link {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.see-answer-link .fa-eye {
    font-size: 1.2em;
}

.blue-text {
  font-weight: bold;
  color: #15689c;
  font-size: 22px;
  letter-spacing: 0.02em;
}

.blue-words {
  color: #15689c;
}

.dark-blue {
  font-weight: bold;
  color: #194376;
}

.dark-blue2 {
  font-weight: bold;
  color: #243271;
}

.light-blue {
  font-weight: bold;
  color: #0e679a;
}

.light-blue2 {
  font-weight: bold;
  color: #1075b1;
}

.text-blue { color: #1075b1; }

.light-blue3 {
  font-weight: bold;
  color: #19699e;
}

.lesson ul.list-none li {
  list-style: none;
  font-size: 20px;
}

.lesson ul.no-padding {
  padding-left: 0px;
}

.lesson ul.no-padding li {
  padding-left: 0px;
}

.lesson ul.no-padding-li li {
  padding-left: 0px;
}

.regular {
  font-weight: normal;
}

.line-36 {
  line-height: 36px;
}

.line-30 { line-height: 30px; }

.container-flex-vcenter {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.container-flex-vcenter>span {
  padding-bottom: 7px;
  padding-right: 4px;
}
.container-flex-vcenter>span>button {
  margin-top: 7px;
}

.container-flex-vcenter:after {
  display: none;
}

.row-flex-vcenter {
  display: flex;
  align-items: center;
}

.row-flex-vcenter>input {
  margin-left: 5px;
}

ol.ol-step { 
  counter-reset: stemNum;
}
ol.ol-step li {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

ol.ol-step li:before  {
  counter-increment: stemNum;
  content: "Step " counter(stemNum) ":";
  
  font-weight: bold;
  line-height: 33px;
  
  position: relative;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between; 
  flex-shrink: 0;
  height: 35px; 
  width: 75px;
  margin-left: -1em;
  background-color: transparent;
}

ol.ol-step-blue li:before {
  color: #19699e;
}

.lesson p.mt-16 {
  margin-top: 16px;
}

/* class applies to select element itself, not a wrapper element */
.activity select {
  display: block;
  font-size: 22px;
  padding: 0 20px;
  width: 594px;
  height: 59px;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #dedede;
  background-image:  url('data:image/png;base64,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');
  background-repeat: no-repeat, repeat;
  background-position: right 20px top 50%, 0 0;
  background-size: 19px 12px;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight:normal;
  font-size: 22px;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: graytext;
}

.activity.select select {
  width: 680px;
}

.activity.circle-rate ul {
  display:flex;  
  list-style:none;
  padding: 0;
}

.activity.circle-rate ul li {
  list-style: none;
  margin: 0 30px 0 0;
  padding: 0;
  position: relative;
  width: 40px;
  height: 40px;
}

.activity.circle-rate ul li label {
  position: absolute;
  top: 5px;
  left: 14px;
}

.activity.circle-rate ul li img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.activity.circle-rate ul li img.selected {
  display: block;
}

.multiple-in-column .col-1 {
  float: left;
}

.multiple-in-column .col-2 {
  float: right;
}

.multiple-in-column .total {
  border-top: 2px solid #c5c5c5;
}

.justify span {
  margin-right: 40px;
}

.lesson .overwrite-answ {
  width: 560px;
}

.lesson .overwrite-answ  .overwrite-line {
  line-height: 57px;
  margin-top: 5px;
}

.lesson .overwrite-answ  .overwrite-line :last-child {
  float: right;
}

.activity.multiple-in-column .tall {
  line-height: 57px;
}

.multiple-in-column .total-line {
  line-height: 85px;
  margin-top: 10px;
  margin-bottom: -29px;
}

.width-140 {
  width: 140px;
}

.width-180 {
  width: 180px;
}

.width-220 {
  width: 220px;
}

.width-310 { 
  width: 310px;
}

.width-360, div.activity.width-360 { 
  width: 360px;
}

.width-400 { 
  width: 400px;
}

.width-425 { 
  width: 425px;
}

.width-600 {
  width: 600px;
}

.width-90 {
  width: 90px;
}

button.green-1 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  height: 44px;
  width: 167px;
  background-color: #008c8f;
  padding: 0;
}

button.green-1:hover, button.green-1:active {
  background-color: #006669;
}

.flex-equation, .activity .flex-equation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.violet-math {
  color: #9f1f63;
  font-size: 24px;
  font-weight: bold;
}

.violet-math.font-20 {
  font-size: 20px;
}

.green-math {
  color: #328639;
}

.red-math {
  color: #d2232a;
}

.font-24 {
  font-size: 24px;
}

fieldset label + input.short-text-input { display: block; }

data.money, data.math {
  white-space: nowrap;
}

.flex-cols {
  display: flex;
  column-gap: 44px;
  width: 100%;
  justify-content: start;
  align-items: center;
}

.flex-cols > * {
  display: flex;
  height: fit-content;
}

.activity.random-img {
  margin-top: 35px;
  display: flex;
  justify-content: start;
  column-gap: 37px;
}

.activity.random-img.c-gap-25 {
  column-gap: 25px;
}

.activity.random-img.v-center {
  align-items: center;
}

.activity.random-img.v-bottom {
  align-items: end;
}

.activity.random-img button {
  background-color: #1075b1;
  padding: 0 31px;
  height: 58px;
}

.activity.random-img button:hover {
  background-color: #055584;
}

.activity.random-img img, .activity.random-img picture {
  display: none;
}

.activity.random-img img.show, .activity.random-img picture.show, .activity.random-img picture.show img {
  display: block;
}

/* ---------- Drag and Drop matching activity ----------- */
.drag-and-drop-match-parent,
.drag-and-drop-match {
    max-width: fit-content;
}

.activity.drag-and-drop-match .matching-container {
    max-width: 750px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.activity.drag-and-drop-match .match-column {
    display: flex;
    flex-direction: column;
    row-gap: 38px;
    width: 217px;
}

.activity.drag-and-drop-match .terms-column {
    margin-right: 58px;
}

.activity.drag-and-drop-match .drop-arrow-column {
    margin-right: 28px;
}

.term-slot {
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.term-slot.is-empty {
    background-color: #f2f3f7;
    box-sizing: border-box;
}

.draggable-item, .definition-item, .droppable-target {
    border: 2px solid #1075b1;
    background-color: #f3f8fb;
    height: 160px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    box-sizing: border-box;
    width: 100%;
}

.activity.drag-and-drop-match .draggable-item {
    cursor: move;
    color: #194376;
    font-weight: bold;
    letter-spacing: 0.01em;
}

.activity.drag-and-drop-match .draggable-item.ui-draggable-dragging {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 1000;
}

.activity.drag-and-drop-match .draggable-item.item-dropped {
    cursor: default;
    width: 100%;
    height: 100%;
}

.activity.drag-and-drop-match .droppable-target {
    border-style: dashed;
    background-color: #f2f3f7;
    border-width: 2.5px;
}

.activity.drag-and-drop-match .droppable-target::before {
    content: '';
    display: block;
    width: 55px;
    height: 38px;
    background-image: url('../img/arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.activity.drag-and-drop-match .droppable-target.filled {
    border-style: solid;
    padding: 0;
    background-color: #f0f8ff;
}

.activity.drag-and-drop-match .droppable-target.filled::before {
    display: none;
}

.activity.drag-and-drop-match .definition-item {
    padding: 20px;
}

.activity.drag-and-drop-match .flex-smth {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.activity.drag-and-drop-match .flex-smth div {
    line-height: 1.1em;
    text-align: left;
}

.activity.drag-and-drop-match .definition-item .smth {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
}

.activity.drag-and-drop-match .definition-item .smth.red {
    background-color: #bd2133;
}

.activity.drag-and-drop-match .definition-item .smth.yellow {
    background-color: #fbd043;
}

.activity.drag-and-drop-match .definition-item .smth.blue {
    background-color: #1050b1;
}

.activity.drag-and-drop-match .droppable-target.droppable-hover {
    border-width: 3px;
}

.activity.drag-and-drop-match .droppable-target.ui-state-error {
    border-color: #bd2133;
    background-color: #bd213330;
    border-width: 3px;
}

.drag-and-drop-match-parent .activity.drag-and-drop-match .draggable-item {
    text-align: left;
    justify-content: flex-start;
    padding-left: 28px;
}

.drag-and-drop-match-parent .activity.drag-and-drop-match .definition-item {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    padding: 16px;
}

.activity.drag-and-drop-match .reset {
    display: flex;
    justify-content: end;
}

.activity.drag-and-drop-match .reset button {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: end;
    gap: 6px;
    color: #1075b1;
    font-family: 'Avenir', sans-serif;
    font-size: 20px;
    font-weight: normal;
    transition: color 0.2s ease-in-out;
}

.activity.drag-and-drop-match .reset button::before {
    content: "\21bb";
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
}

.activity.drag-and-drop-match .reset button:hover {
    color: #0d608e;
}

.blue-pazzle-divider {
    border: none;
    height: 4px;
    background-color: #1075b1;
    margin: 45px 0 60px 0;
}
/*---course 2 lesson 4 ------*/
.activity.button-like-radio {
  min-width: 560px;
  /* width: max-content; */
  max-width: 100%;
}

.str-with-buttons {
  height: 57px;
  max-width: 800px;
}

.str-with-buttons > * {
  line-height: 57px;
}

.str-with-buttons > span {
  font-style: italic;
  display: inline-block;
  max-width: 62%;
  white-space: nowrap;
  overflow-x: clip;
}

.str-with-buttons span:first-letter {
  text-transform: uppercase;
}

.str-with-buttons label {
  float: right;
}

/* -- course 29 lesson 3 modification -- */
.str-with-buttons > span.text-normal {
  font-style: normal;
}
/* -- end -- */

.button-like-radio label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 91px;
  height: 57px;
  margin-left: 18px;
}

.button-like-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0;
  top: 0;
}

.button-like-radio .like-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 57px;
  width: 91px;
  background-color: #dedede;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}

.button-like-radio input:checked ~ .like-button {
  display: inline-block;
  background-color: #008c8f;
  color: #fff;
}

/*-------- course 3 lesson 2 --------------------*/
.multiple-in-column.course-les-32 p {
  margin-top: 20px;
}

.multiple-in-column.course-les-32 .total-line-1 {
  margin-top: 0;
  line-height: 85px;
}

.multiple-in-column.course-les-32 .total {
  border-top: 2px solid #909090;
}

.multiple-in-column.course-les-32.width-90 .col-1 {
  text-align: right;
  display: inline-block;
  width: 100%;
}

.multiple-in-column.course-les-32 .total-line-2 {
  margin-top: 10px;
  line-height: 50px;
}

/*--lesson 6---*/
.question-answer.qw::before {
  content: "Question:";
  display: inline-block;
  width: 120px;
}

.question-answer.answ::before {
  content: "Answer: ";
  display: inline-block;
  width: 120px;
}

.question-answer input.short-text-input {
  width: 626px;
}

/*-------- course 4 lesson 4 --------------------*/
.multiple-in-column.course-les-44 p {
  margin-top: 20px;
}

.multiple-in-column.course-les-44 .col-2 {
  padding-right: 10px;
  padding-left: 25px;
}

.multiple-in-column.course-les-44 .above-total {
  border-bottom: 2px solid #909090;
  padding-bottom: 7px;
}

.multiple-in-column.course-les-44 .total-line-2 {
  margin-top: 10px;
}

.multiple-in-column.course-les-44 .total-line-1 {
  line-height: 60px;
  margin-bottom: 0px;
}

.multiple-in-column.course-les-44 .total-line-3 {
  margin-top: 0;
  line-height: 60px;
}

/*---------course 4 lesson 5---------------------*/
table.info-box {
  border: 2px solid #f78f1f;
  font-size: 0.85em;
  line-height: 1em;
}

table.info-box th, table.info-box td {
  padding: 12px 15px;
  border: 2px solid #f78f1f;
  text-align: left;
}

table.info-box th {
/* , table.info-box strong, table.info-box b  */
  font-weight: 700;
}

table.info-box tr.odd th, table.info-box tr.odd td {
  background-color: #f1f3f1;
}

table.info-box td p:first-child {
  margin-top: 0;
}

table.info-box tr p, table.info-box tr ul {
  margin-top: 1em;
  line-height: 1.25em;
}

table.info-box ul li {
  padding-left: 0;
}

table.les-45 {
  width: 635px;
  max-width: 100%;
  margin: 29px auto;
}

/*-------- course 5 lesson 5 --------------------*/
.steps {
  clear: both;
}

/*-------- course 7 lesson 3 --------------------*/
.multiple-in-column.course-les-73 p {
  margin-top: 20px;
}

.multiple-in-column.course-les-73 .col-1 {
  padding-right: 5px;
  width: 110px;
  text-align: right;
}

.multiple-in-column.course-les-73 .above-total {
  border-bottom: 2px solid #909090;
  padding-bottom: 7px;
}

.multiple-in-column.course-les-73 .total-line-1 {
  line-height: 60px;
  margin-bottom: 0px;
}

.yellow-border {
  border-top: 2px solid #f3db91;
  border-bottom: 2px solid #f3db91;
  padding: 13px 0 31px 0;
  margin-top: -2px;
}

section.lesson .yellow-border p {
  margin-top: 17px;
}

/*------- lesson 7 ---------------*/
.activity.all-words p {
  line-height: 48px;
}

/*-----------lesson8----------------*/
.big-cols {
  width: 100%;
}

.big-cols > div {
  float: left;
}

.big-cols .col-20 {
  width: 18%;
}

#sm-lesson-43-3 .big-cols .col-20 {
  width: 20%;
}

.big-cols .col-80 {
  width: 82%;
}

#sm-lesson-43-3 .big-cols .col-80 {
  width: 80%;
}

.big-cols .activity textarea {
  width: 100%;
}

section.lesson .big-letters {
  font-size: 100px;
  line-height: 100px;
  color: #008285;
}

/*-------- course 32 --------------- */
section.lesson .big-line, section.lesson .activity span.big-line {
  line-height: 2.5em;
}

.content-two-column {
  display: flex;
  justify-content: space-between;
}

.content-two-column > div {
  width: 47%;
  min-width: 300px;
}

/*--------------- course 34 ------------------*/
.activity.multiple-in-column.course-les-34-4 p {
  margin-top: 10px;
}

section.lesson .course-les-34-4 p.container.m-top-60 {
  margin-top: 60px;
}

/*--------------- course 38 ------------------*/
.devices-38-2 {
  column-count: 2;
  column-width: 180px;
  width: fit-content;
  column-gap: 100px;
}

.devices-38-2 > div {
  break-inside: avoid;
  height: 135px;
  width: 180px;
  text-align: center;
  margin-bottom: 16px;
}

.activity.img-radio-container.digital-devices,
section#sm-lesson-38-4 .activity.img-radio-container.digital-devices {
  gap: 73px;
}

.activity.img-radio-container.digital-devices img,
section#sm-lesson-38-4 .activity.img-radio-container.digital-devices img {
  width: 81%;
}

/*----------------- course 41 ---------------------*/
#sm-lesson-41-2 .button-like-radio label,
#sm-lesson-41-3 .button-like-radio label {
  width: 126px;
  margin-left: 27px;
}

#sm-lesson-41-2 .button-like-radio .lock-img {
  float: left;
  padding-top: 5px;
  margin-right: 15px;
}

#sm-lesson-41-2 .button-like-radio .like-button,
#sm-lesson-41-3 .button-like-radio .like-button {
  width: 126px;
}

#sm-lesson-41-2 .str-with-buttons span::first-letter,
#sm-lesson-41-3 .str-with-buttons span::first-letter {
  text-transform: none;
}

#sm-lesson-41-2 #quiz-keys p {
  font-weight: bold;
}
#sm-lesson-41-2 #quiz-keys #times-1-2 {
  color: #bd2133;
}
#sm-lesson-41-2 #quiz-keys #times-3-4 {
  color: #a8921a;
}
#sm-lesson-41-2 #quiz-keys #times-5-6 {
  color: #178726;
}

/*----------------- course 45, 46 ---------------------*/
section.lesson img.inside-txt-img-left.m-right-20.m-top-7 {
  margin-top: 7px;
}
section.lesson img.inside-txt-img-left.m-right-20.m-top-minus-7,
section.lesson img.inside-txt-img-left.m-top-minus-7,
section.lesson img.m-right-20.m-top-minus-7 {
  margin-top: -7px;
}

/*--------------- pattern styles ----------------------*/
/*----------------- course 48 ---------------------------*/
.pattern canvas {
}

#canvas-colours-pattern {
  width: 600px;
  height: 520px;
  display: block;
  margin: 0 auto;
}

#canvas-tiles-pattern {
  width: 474px;
  height: 700px;
  margin-left: 0px;
}

#sm-lesson-48-2 .content-two-column,
#sm-lesson-49-7 .content-two-column {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-count: 2;
  gap: 17px;
}

#sm-lesson-48-2 .content-two-column img,
#sm-lesson-49-7 .content-two-column img {
  max-width: 48%;
}

div#canvas-les-48-4 {
  font-family: 'Lato';
}  

#canvas-number-pattern {
  width: 252px;
  height: 615px;
  font-family: 'Lato';
}

.coins-pattern-imgs {
  display: flex;
  align-items: baseline;
  column-gap: 55px;
  flex-wrap: nowrap;
}

.coins-pattern-imgs picture {
  display: flex;
  justify-content: flex-end;
}

#sm-lesson-48-5 .activity.coins-pattern-imgs {
  column-gap: 65px;
}

#sm-lesson-48-5 .activity.coins-pattern-imgs > div {
  display: flex;
  row-gap: 25px;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-basis: min-content;
}

#canvas-drag-circle,
.canvas-drag-circle {
  width: 800px;
  max-width: 800px;
  height: 365px;
}

.canvas-drag-on-circle {
  width: 800px;
  max-width: 800px;
  height: 580px;
}

.dots-pattern-imgs {
  margin-left: 20px;
  display: flex;
  align-items: baseline;
  column-gap: 50px;
  flex-wrap: nowrap;
}

.dots-pattern-imgs picture {
  display: flex;
  justify-content: flex-end;
}

.two-columns {
    column-count: 2;
}

/*------------- course 60 ----------------------*/
.canvas-drag-apple, .canvas-drag-balloon, .canvas-drag-dice {
  width: 800px;
  max-width: 800px;
  height: 550px;
}

/*------------------ course 61 ----------------------*/
.canvas-probability-grid {
  width: 615px;
  height: 690px;
}

#canvas-flip-coin.canvas-probability-grid {
  height: 720px;
}

#canvas-flip-coins.canvas-probability-grid {
  height: 705px;
}

#sm-lesson-61-4 .activity.random-img + .activity.pattern {
  margin-top: -18px;
}

#sm-lesson-61-6 .activity.random-img + .activity.pattern {
  margin-top: -34px;
}

/*-------- course 58 lesson 3 --------------------*/
.multiple-in-column.course-les-583 {
  margin-left: 22px;
  width: 315px;
}

.multiple-in-column.course-les-583.m-bottom-88 {
  margin-bottom: 88px;
}

.multiple-in-column.course-les-583 p {
  margin-top: 7px;
}

.multiple-in-column.course-les-583 p.input {
  margin-bottom: 23px;
}

.multiple-in-column.course-les-583 .col-1 {
  padding-right: 10px;
  width: 129px;
  text-align: right;
}

.multiple-in-column.course-les-583 .above-total {
  border-bottom: 2px solid #909090;
  padding-bottom: 7px;
}

.multiple-in-column.course-les-583 .total-line {
  line-height: 60px;
  margin-bottom: 0;
  margin-top: 15px;
}

.multiple-in-column.course-les-583 .container.input .col-1 {
  width: 156px;
  margin-left: -24px;
}

.multiple-in-column.course-les-583 .container.input .col-1 input {
  margin-left: 10px;
}

/* ---- course 66 lesson 4 ------------------*/
.income-table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid #fbd043;
}

.income-table th {
  font-weight: bold;
  line-height: 28px;
  color: #194376;
  padding: 22px 50px 10px 0px;
  text-align: left;
}

.income-table td {
  color: #1075b1;
  padding: 2px 50px 2px 0px;
  border-top: 1px solid #fbd043;
}

.income-table tbody tr td.first-col {
  font-weight: bold;
}

.income-table tbody tr td.first-col,
.income-table thead th:first-child {
  padding-left: 30px;
}

.income-table .mobile {
  display: none;
}

#sm-lesson-69-3 .income-table td {
  line-height: 1.5em;
  padding-top: 5px;
  padding-bottom: 5px;
}

#sm-lesson-69-3 .income-table td,
#sm-lesson-69-3 .income-table th {
  padding-right: 20px;
  padding-left: 15px;
  border-right: 1px solid #fbd043;;
}

/* ---- course 69 lesson 3: fillable table controls ---- */
.fillable-table-row {
  position: relative;
}

.fillable-table-row-action {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(253, 228, 148, 0.75);
  opacity: 0;
  pointer-events: none;
}

.fillable-table-row.is-active .fillable-table-row-action {
  opacity: 1;
  pointer-events: auto;
}

.fillable-table-action-button,
.fillable-table-save,
.fillable-table-close {
  background-color: #1075b1;
  color: #fff;
  cursor: pointer;
}

.fillable-table-save {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.05em;
  height: 38px;
  padding: 2px 32px;
  display: block;
  margin: 38px auto 0;
}

.fillable-table-action-button {
  height: 30px;
  font-size: 15px;
  font-weight: normal;
  padding: 0 20px;
}

.fillable-table-action-button:hover,
.fillable-table-action-button:focus,
.fillable-table-save:hover,
.fillable-table-save:focus,
.fillable-table-close:hover,
.fillable-table-close:focus {
  background-color: #055584;
  color: #fff;
}

.fillable-table-modal {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: rgba(255,255,255, 0.5);
  overflow-y: auto;
}

.fillable-table-modal[hidden] {
  display: none;
}

.fillable-table-dialog {
  position: relative;
  box-sizing: border-box;
  width: 350px;
  max-width: 100%;
  margin: auto;
  padding: 48px 20px 36px;
  background-color: #dbeaf3;
  color: #000;
}

.fillable-table-dialog h2 {
  margin: 0 0 30px;
  color: #194376;
  font-size: 20px;
  line-height: 30px;
}

.fillable-table-close {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 25px;
  font-size: 23px;
}

.fillable-table-form-row {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  align-items: center;
  margin-top: 20px;
  font-size: 18px;
}

.fillable-table-form-row label {
  font-weight: normal;
  font-size: 18px;
}

.fillable-table-form-row > input,
.fillable-table-form-row > select,
.fillable-table-cost-input {
  box-sizing: border-box;
  width: 100%;
  min-height: 38px;
  background-color: #dedede;
}

.fillable-table-form-row > input,
.fillable-table-form-row > select {
  padding: 5px 14px;
  font-size: 20px;
}

.fillable-table-dialog .fillable-table-form-row > input[type="text"],
.fillable-table-dialog .fillable-table-form-row > .fillable-table-cost-input,
.fillable-table-dialog .fillable-table-form-row > .fillable-table-custom-select {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.fillable-table-form-row > .fillable-table-custom-select {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

.fillable-table-custom-select .select-selected {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  padding: 0 44px 0 14px;
  color: #000;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 38px;
}

.fillable-table-custom-select .select-selected:after {
  top: 50%;
  right: 14px;
  bottom: auto;
  font-size: 20px;
  transform: translateY(-50%);
}

.fillable-table-custom-select .select-items {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 15px;
}

.fillable-table-custom-select .select-items div {
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 0 14px;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 36px;
}

.fillable-table-cost-input {
  display: flex;
  align-items: center;
  padding-left: 14px;
}

.fillable-table-cost-input input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 5px 14px 5px 8px;
  background: transparent;
  font-size: 20px;
}

/*-----------------------------------------*/
.lesson .lssn-btn {
  width: 800px;
  background-color: #d7f4f4;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 94px;
}

.lesson footer {
  margin-top: 55px;
}

.lesson footer a#next-activity {
  float: right;
}

.lesson footer a#previous-activity {
  float: left;
}

/*---- pop up -----------*/
.pop-up {
  width: 800px;
  background-color: #1075b1;
  color: #fff;
  /* left: 20%; */
  top: 30%;
}

.pop-up * {
  color: #fff;
  text-align: center;
}

.pop-up section {
  position: relative;
  padding: 48px 0;
}

.pop-up .close {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 6px;
  right: 34px;
  cursor: pointer;
}

.pop-up h1, .pop-up p {
  padding: 0 10%;
}

.pop-up h1 {
  font-size: 28px;
  line-height: 36px;
  margin-top: 25px;
}

.pop-up p {
  margin-top: 28px;
}

.pop-up .buttons {
  margin-top: 39px;
  display: flex;
  justify-content: space-evenly;
}

.pop-up .buttons button {
  padding-left: 22px;
  padding-right: 22px;
}

.pop-up .loading, .loading1, .see-answer-pop-up .loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.8;
}

.pop-up .loading img, .loading1 img, .see-answer-pop-up .loading img {
  display: block;
  margin: 21% auto 0;
}

.see-answer-pop-up .loading { background-color: initial; }
/*-----------------------*/
.see-answer-pop-up {
    background-color: #dbeaf3;
    color: #000;
    width: 500px;
}

.see-answer-pop-up section {
    padding: 40px 88px 42px 88px;
}

.see-answer-pop-up .close {
    display: block;
    position: absolute;
    top: 17px;
    right: 17px;
    height: 30px;
    width: 30px;
    background-color: #1075b1;
    cursor: pointer;
    font-size: 23px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.see-answer-pop-up h1 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height: 2em;
}

/*-----------------------*/
.static .container {
  margin-top: 75px;
}

.static .container > p, .static article > p {
  margin-bottom: 25px;
}

/*-- Course Description --*/
.secondary-nav h6 {
  clear: both;
  display: block;
  padding-top: 11px;
}

.secondary-nav h6 a {
  clear: both;
  float: none;
  font-weight: normal;
}

.static > h2 {
  margin-bottom: 43px;
  margin-top: 76px;
}

.static article ul li {
  list-style: none;
} 

#cookie-policy {
  overflow-wrap: anywhere;
}

#cookie-policy h3 {
  margin-top: 29px;
  font-size: 24px;
}

.static article ul.ul-left-indent {
  margin-left: 34px;
}

.static article ul.ul-left-indent li, .static article ul.list-style-disc li {
  list-style: disc;
  margin-bottom: 0;
}

figure.logos {
  text-align: center;
  margin: 75px 0 0;
}

figure.logos-flex, figure.logos-flex2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 80px;
  padding-bottom: 30px;
}

figure.logos-flex2 {
  column-gap: 25px;
}

figure.logos-flex-left {
  display: flex;
  justify-content: left;
  align-items: start;
  column-gap: 40px;
  flex-wrap: wrap;
  row-gap: 20px;
}

.logos-flex2.bottom, .final .logos-flex.bottom {
  align-items: end;
}

.logos-flex2.bottom img.m-bottom-11, .final .logos-flex.bottom img.m-bottom-11 {
  margin-bottom: -11px;
}

figure[class*=flex].c-gap-20 {
  column-gap: 20px;
}

figure[class*=flex].c-gap-30 {
  column-gap: 30px;
}

figure[class*=flex].c-gap-60 {
  column-gap: 60px;
}

figure[class*=flex].c-gap-85, .flex-block.c-gap-85 {
  column-gap: 85px;
}

.flex-block.c-gap-150 {
  column-gap: 150px;
  flex-wrap: wrap;
}

figure[class*=flex].r-gap-50 {
  row-gap: 50px;
}

section.final figure.logos-flex {
  flex-wrap: nowrap;
  column-gap: 70px;
}

.static figure img {
  margin: 0 30px;
}

p.retired-info {
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #1075b1;
}

p.retired-info.padding {
  padding: 0 140px;
}

p.retired-info a {
  font-size: 22px;
  font-weight: bold;
}

.phone-number {
  speak-as: digits;
}
  
/*-----------------------*/

/* are you org|teacher */
h3.question {
  font-size: 26px;
  cursor: pointer;
}

.static article .question a {
  font-size: 28px;
  color: #0e679a;
}

article .answer {
  display: none;
  margin-top: 10px;
}

article .answer p  {
  margin-top: 0;
  margin-bottom: 29px;
}

#are-you-org .divider {
  border-bottom: 2px solid #dedede;
  margin-top: 50px;
  margin-bottom: 50px;
}
/* -- end of are you org -- */

/* learn container */
.learn-container.container {
  background-color: #dbeaf3;
  padding: 50px;
  margin-top: 41px;
}

.learn-container.container > h2 {
  margin: 0 0 25px;
}

.learn-container.container ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  margin-bottom: 44px;
  padding: 0;
  line-height: 50px;
}

.learn-container.container ul li {
  /* display: inline-block; */
  display: block;
  margin: 0;
}

.learn-container ul li .fa {
  color: #1075b1;
  margin-right: 9px;
}

.learn-container button {
  padding: 0 35px 0;
  cursor: pointer;
}

.learn-container.container ul.fa-ul {
  margin-left: 30px;
}

.learn-container.container ul.fa-ul .fa-li {
  left: -30px;
  text-align: left;
  position: absolute;
  line-height: inherit;
}

.learn-container.container ul.fa-ul span {
  line-height: 30px;
  display: inline-block;
  position: relative;
  top: 0;
}

.learn-container.container ul.fa-ul span.multi-line {
  top: 10px;
}

.dwo-columns.div-columns > div {
  break-inside: avoid;
  margin-bottom: 60px;
}

.dwo-columns.div-columns > div p {
  margin-top: 0px;
  margin-bottom: 15px;
}

.lessons section .learn-container.container {
  margin-top: 0px;
  margin-bottom: 50px;
  padding: 0 32px 42px;
}

.lessons section .learn-container.container p {
  margin: 0;
  text-align: left;
}

.lessons section .learn-container.container p br {
  line-height: 38px;
}
/*----------------*/
body>footer {
  margin-top: 125px;
}

body>footer .wrapper {
  position: relative;
}

body>footer * {
  font-size: 15.5px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 15px;
}

body>footer p {
  color: #000;
  float: left;
}

body>footer ul {
  float: right;
  list-style: none;
}

body>footer ul li {
  float: left;
  border-left: 2px solid #1075b1;
  padding: 0 5px;
}

body>footer ul li:first-child {
  border-left: none;
}

body>footer ul li:last-child {
  padding-right: 0px;
}

#back-to-top {
  opacity: 0.9;
  right: 20px;
  bottom: 20px;
  display: none;
  position: fixed;
  cursor: pointer;
  z-index: 9999;
}

#back-to-top i {
  color: #c3e0f2;
}

#back-to-top:hover {
  opacity: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .pop-up .buttons {
    display: block;
  }

  .pop-up .buttons button {
    margin-right: 20px;
    display: inline-block;
  }

  .activity .short-text-input {
    position: relative;
  }

  .activity.calculate-total-big p.exercise input {
    display: inline;
  }
}

/* === cookie consent banner === */
body.cookie-consent-open {
  overflow: hidden;
}
.cookie-consent-mask {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(17, 47, 82, 0.4);
  z-index: 9998;
}
.cookie-consent-mask.hidden {
  display: none;
}
.cookie-consent-dialog {
  position: relative;
  width: min(100%, 510px);
  max-height: min(100%, 92vh);
  overflow: auto;
  background: #fff;
  color: #111;
  border-radius: 0;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
  padding: 16px 56px 20px 56px;
}
.cookie-consent-close {
  position: absolute;
  top: 5px;
  right: 15px;
  border: 0;
  background: transparent;
  color: #1075b1;
  font-size: 30px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  width: 17px;
  height: 25px;
}
.cookie-consent-title {
  margin: 0 0 24px;
  line-height: 1.2;
  font-weight: 700;
}
.cookie-consent-body {
  line-height: 1.45;
}
.cookie-consent-body p {
  margin: 29px 0 0 0;
}
.cookie-consent-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 35px;
}
.cookie-consent-btn {
  min-width: 112px;
  height: 44px;
  border: 0;
  color: #fff;
  cursor: pointer;
}
.btn-yes {
  background: #128244;
}
.btn-yes:hover, .btn-yes:active {
  background: #0e6534;
}
.cookie-consent-privacy {
  display: inline-block;
  margin-top: 18px;
  font-size: 16px;
  line-height: 2;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
.cookie-consent-privacy a {
  display: inline-block;
  max-width: 100%;
  font-size: inherit;
  font-weight: inherit;
}
@media only screen and (max-width: 640px) {

}
/* == end of cookie consent banner == */